/*hoja de estilos*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400italic,700|Roboto:400,700,300italic);

*{
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #fff; 
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    }

header {
    height: 7rem;
    background-color: #077761;
    color: #fff;
    clear: both;
    border-bottom-style: double;
    border-bottom-color: #2eebd2;
    }
.logo img {
    width: 7rem; 
    height: 7rem; 
    background-image: url(imagenes/logo-fijo.png);
    background-repeat: no-repeat;
    background-position: center;
    }

.logo img:hover {
    background-image: url(imagenes/logo.gif);
    }

#menu {
    width: 80rem;
    margin: auto;
    }



#menu img {float: left; margin-right: 2%;}

#titulo {float: left; padding-top: 0.9rem; width: 34%;}

a {text-decoration: none; }

header a {
    color: #fff;}

header a:hover {
    color: #2eebd2;}

/*titulos y subtitulos*/

h1 { /*titulos*/
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 0.2rem;
    }

h2 { /*subtitulos*/
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300; 
    font-size: 1.9rem;
    letter-spacing: 0.1rem;
    }

h3 a { /*para los+ver mas */
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700; 
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
    float: right;
    text-decoration: none;
    color: #077761;
    }

h3 a:hover {color: #f21f58; font-style: italic;}

h4 { /*subtitulos*/
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300; 
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    }



nav {
    float: right;
    height: 6rem;
    padding-top: 3.6rem;
    
}

/*fin del navegador*/

/*footer*/


footer {
    width: 100%;
    margin-top: 1rem;
    background-color: #077761;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    
}

#pie {margin: auto; width: 22rem; }

#pie a {margin-left: 0.7rem; margin-right: 0.7rem;}

.fin {
    color: #fff;
    font-size: 0.8rem;
    width: 57rem;
    margin: auto;
    padding: 1rem;
    text-align: center;
}
    

/*cuerpo*/

#cuerpo {width: 80rem; margin: auto; clear: both ; margin-bottom: 1rem; overflow: auto;}

.cajah {
    clear: both; 
    margin-bottom: 1rem;
}
/*noticias de la pagina de inicio*/
.cajauno {
    float: left;
    width: 66%;
}


.nota {
    padding: 0.2rem;
    border-bottom-style: double;
    border-top-style: solid;
    border-width: medium;
    border-color: #f21f58;
    overflow: auto;
    background-image: url(imagenes/fondo1.png);
    background-size: contain; ; 
    background-repeat: no-repeat;  
    background-position: right;
    
}

.nota p {padding: 0.1rem 0 0.1rem 1.5rem;}

.nota h1 {color: #30e5c9} 

.cajauno h4 {color: rgba(7, 119, 97, 0.51)} 

.texto {float: left; width: 65%;}

.texto a {color: #077761; font-weight: 700;}
.texto a:hover {color: #f21f58; font-weight: 700;}

.imagen {height: 15rem; width: 35%; float: right; background-image: url(imagenes/uba1.png); background-size: contain; ; background-repeat: no-repeat;  background-position: right;}
.imagen:hover {background-image: url(imagenes/uba2.png);}

.imagen2 {height: 15rem; width: 35%; float: right; background-image: url(imagenes/tp1.png); background-size: contain; ; background-repeat: no-repeat;  background-position: right;}
.imagen2:hover {background-image: url(imagenes/tp2.png);}

/*caja lateral del inicio*/

.cajados { 
    float: right;
    width: 32%;
}

.galeria-in {background-image: url(imagenes/gal1.png); background-repeat: no-repeat; background-position: center; margin-top: 2rem; height: 36.5rem;}
.galeria-in:hover {background-image: url(imagenes/gal2.png);}
a .galeria-in h1 {color: #fff; padding-top: 18rem; font-size: 5rem;}
a .galeria-in p {color: #fff; font-size: 2rem; margin-left: 2rem; margin-top: 1rem; padding-left: 1rem; width: 70%; border-style: double;}


.cajados1 {
    float: left;
    width: 30%;
    margin-top: 1rem;
    margin-right: 0.5%;
    background-color: #ed3f6e;
    color: #fff;
    padding: 1rem;
    border-bottom-style: double;
   
   
}
    
.cajados1:hover {
    background-image: url(imagenes/cuadro3.png);
   }
    
.cajados2 {
    float: left;
    width: 32%;
    margin-top: 1rem;
    height: 18.3rem;
    margin-right: 0.5%;
    margin-left: 0.5%;
    background-image: url(imagenes/cuadro1png.png);
    color: #fff;
    
    
}
 

.cajados2:hover {
    background-image: url(imagenes/cuadro2.png);
}

.cajados3 {
    float: right;
    margin-top: 1rem;
    width: 30%;
    height: 16.3rem;
    margin-left:0.5%;
    background-color: #ed3f6e;
    color: #fff;
    padding: 1rem;
    
}


.cajados3:hover {
color: rgba(255, 255, 255, 0);
    background-image: url(imagenes/cuadro4.png);


}

.notii {
    font-size: 6.4rem;
    font-weight:400;
    font-family: 'Roboto Condensed', sans-serif;
    border-top-style: solid;
    border-width: medium;
    border-color: #30e5c9;
}
    h5 {
         font-size: 1.5rem;
    }
    
.destacado3 {
    font-size: 3rem;
    font-weight:400;
    font-family: 'Roboto Condensed', sans-serif;
    border-top-style: solid;
    border-width: medium;
    border-color:#30e5c9;
    padding-top: 1rem;
    
}

/*morfo*/

.cajaunom {
    float: left;
    width: 30%;
    padding-left: 1rem;
    padding-bottom:  1rem;
    margin-left: 3%;
    
}
    

.cajadosm {
   
    float: left;
    width: 30%;
    padding-left: 1rem;
    padding-bottom:  1rem;
    margin-left: 3%;
    color: #ed3f6e;
    border-bottom-style: double;
    border-left-style: groove;
    border-color:  #f21f58;
}
.cajaunom2 {
    float: left;
    width: 25%;
    padding-left: 1rem;
    padding-bottom:  1rem;
    margin-left: 3%;
   background-color: #ed3f6e;
    border-bottom-style: double;
    border-left-style: groove;
    border-color:  #f21f58;
}
    
.principales {
    font-size: 3rem;
    color: #2eebd2;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 3rem;
    
}
.iraotrolado {
    
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300; 
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    background-color: #077761;
    width: 50%;
    color:#fff;
    margin-top: 0.5rem;
}

    
@media all and ( max-width: 22.5rem ) /*para pantallas de menos de 360x640*/
    {
    header {padding-bottom: 0.5rem;}
    #titulo {display: none;}
    nav { width: 100%; clear: both; padding-top: 0;}
    #menu img { float: none; margin: auto; padding-left: 10%;padding-right: 10%;}
    #cuerpo {width: 100%; margin-top: 3rem;  }
    .logo img {background-image: url(imagenes/logoRP.gif);}
    .logo img:hover {background-image: url(imagenes/logo-fijo.png)}
    .cajados {width: 100%}
    .galeria-in {background-image: url(imagenes/gal1.png);height: auto; margin-bottom: 1rem; margin-top: 0.5rem;}
    a .galeria-in h1 {padding-top: 2rem; font-size: 4rem;}
    a .galeria-in p {font-size: 1.5rem; margin-left: 1rem; margin-top: 1rem; padding-left: 1rem; width: 80%; margin-bottom: 2rem;}
    .cajados1 {width: 100%;background-color: #077761; color:#30e5c9;} 
    .cajados1:hover {background-image: none;}
    .cajados2 { display: none;}
    .cajados3 {display: none;}
    .fin {width: 100%;}
    h3 a {font-size: 1rem;}
    #pie {width: 100%; }
    .fin {width: 94%; padding: 3%; font-size: 0.7rem;}
    .notii {font-size: 4rem;}
    #pie a {margin-left: 0.3rem; margin-right: 0.3rem;}
    nav {height:3rem;}


        
   


        
    }


@media all and (min-width: 22.51rem) and (max-width: 48rem ) /*para pantallas de menos de 768x1024*/
    {
        nav { width: 100%; clear: both; padding-top: 0;}
        #cuerpo {width: 100%; margin-top: 3rem;}
        .logo img {background-image: url(imagenes/logoRP.gif);}
        .logo img:hover {background-image: url(imagenes/logo-fijo.png)}
        .cajauno {width: 100%;}
        .nota {background-size: cover;} 
        .cajados {width: 100%; margin-top: 0.5rem;}
        .galeria-in {background-image: url(imagenes/gal1.png);height: auto; background-position: right; background-repeat: repeat-x; margin-bottom: 1rem; margin-top: 0.5rem;}
        a .galeria-in h1 {padding-top: 2rem;}
        a .galeria-in p {margin-top: 1rem; width: 60%; margin-bottom: 2rem;}
        .cajados1 {width: 45%;background-color: #077761;margin:0; padding: 2%; margin-right: 1%; height: 16rem;}  
        .cajados2 { display: none;}
        .cajados3 {width: 45%;background-color: #077761; margin:0; padding: 2%; margin-left: 1%; height: 16rem;}  
        .notii {font-size: 2rem;}
        p.destacado3 {font-size: 2.3rem;}
        h3 a {font-size: 1rem;}
        .fin {width: 94%; padding: 3%;}
        nav {height:3rem;}

    }

@media all and  (max-width: 36rem ) /*especial para las noticias, para que funcionen en tamaños intermedios*/
    {
    .cajauno {width: 100%;}
    .nota {background-image: none; background-color: #30e5c9;}
    .nota h1 {color: #fff; font-size: 1.5rem;}
    .texto {width: 100%;}
    .imagen {display: none;}
    .imagen2 {display: none;}
    .cajados1 {width: 90%; margin: 0; padding: 5%; background-color: #077761; color:#30e5c9;}
    .cajados1:hover {background-size:cover;}
    .cajados2 { display: none;}
    .cajados3 {display: none;}


    }