/* estilos sitio*/

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

body {
    font-family: 'Open Sans', sans-serif;
}


a{
    text-decoration: none;
}

#encabezado{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    width: 100%;
    height: 7rem;
}

#logo{
    float: left;
    width: 20%;
    min-width: 10rem;
    margin-left: 1rem;
    margin-top: 1rem;
}


li.boton_menu{
    list-style: none;
    float: right;
    margin-right: 1.5rem;
    margin-top: 5.5rem;
}

a.boton_menu{
    font-size: 0.8rem;
    font-weight: 800;
    float: left;
}

a:link.boton_menu{
    color: #000000;
}

a:hover.boton_menu{
    color: grey;
}

a:visited.boton_menu{
    color: #000000;
}

div.contenido{
    margin-top: 7.5rem;
}


footer{
    clear: both;
}

p.legal{
    margin: auto;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 1rem;
    font-size: 0.7rem;
    color: grey;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 1rem;
    border-top-style: solid;
    border-top-color: #000000;
    border-top-width: 0.1rem;
}




/*estilos index*/

#slide{
    clear: both;
    width: 100%;
    height: 30rem;
    margin: 0;
    padding: 0;
    margin-bottom: 3rem;
    background-color: grey;
}

section.dg{
    float: left;
    text-align: center;
    align-items: center;
    width: 50%;
    min-width: 25rem;
    margin-bottom: 4rem;
}

section.iys{
    float:left;
    text-align: center;
    align-items: center;
    width: 50%;
    min-width: 25rem;
    margin-bottom: 4rem;
}

section.arq{
    float: left;
    text-align: center;
    align-items: center;
    width: 50%;
    min-width: 25rem;
    margin-bottom: 4rem;
}

section.ind{
    float: left;
    text-align: center;
    align-items: center;
    width: 50%;
    min-width: 25rem;
    margin-bottom: 4rem;
}

.carrera{
    font-size: 1.5rem;
    margin: auto;
    color: #000000;
    margin-bottom: 1rem;
}

div.noticias_izq{
    float: right;
    margin-right: 1rem;
    width: 80%;
}

div.noticias_der{
    float: left;
    margin-left: 1rem;
    width: 80%;
}


.notas{
    float: left;
    width: 45%;
    height: 24rem;
    background-image: url(imagenes/nota_dg1.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.2rem;
    margin-left: 0.2rem;


}

a:hover.notas{
    background-image: url(imagenes/glaser-hover.jpg);
}

    
section.dis{
    clear: both;
    margin: auto;
    text-align: center;
    align-items: center;
    width: 80%;
}




/*estilos random*/

div#grilla_random{
    width: 99%;
    height: 35vw;
    margin-left:1rem;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
    padding: 0;
    border: 0;
}

article.notas_random{
    width: 12%;
    height: 31.5%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
}

a#modulo1{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/rio1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo1{
    background-image: url(imagenes/rio2.jpg);
}

a#modulo2{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/cafe1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo2{
    background-image: url(imagenes/cafe2.jpg);
}

a#modulo3{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/wifi1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo3{
    background-image: url(imagenes/wifi2.jpg);
}



a#modulo4{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/celiacos1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo4{
    background-image: url(imagenes/celiacos2.jpg);
}

a#modulo5{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/set-film1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo5{
    background-image: url(imagenes/set-film2.jpg);
}

a#modulo6{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/cd1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover.modulo6{
    background-image: url(imagenes/cd2.jpg);
}

a#modulo7{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/iaa1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo7{
    background-image: url(imagenes/iaa2.jpg);
}

a#modulo8{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/isla1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo8{
    background-image: url(imagenes/isla2.jpg);
}

a#modulo9{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/rio1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo9{
    background-image: url(imagenes/rio2.jpg);
}

a#modulo10{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/cafe1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo10{
    background-image: url(imagenes/cafe2.jpg);
}

a#modulo11{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/wifi1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover.modulo11{
    background-image: url(imagenes/wifi2.jpg);
}



a#modulo12{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/celiacos1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo12{
    background-image: url(imagenes/celiacos2.jpg);
}

a#modulo13{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/set-film1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo13{
    background-image: url(imagenes/set-film2.jpg);
}

a#modulo14{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/cd1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo14{
    background-image: url(imagenes/cd2.jpg);
}

a#modulo15{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/iaa1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo15{
    background-image: url(imagenes/iaa2.jpg);
}

a#modulo16{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/isla1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo16{
    background-image: url(imagenes/isla2.jpg);
}

a#modulo17{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/rio1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo17{
    background-image: url(imagenes/rio2.jpg);
}

a#modulo18{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/cafe1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo18{
    background-image: url(imagenes/cafe2.jpg);
}

a#modulo19{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/wifi1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo19{
    background-image: url(imagenes/wifi2.jpg);
}



a#modulo20{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/celiacos1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo20{
    background-image: url(imagenes/celiacos2.jpg);
}

a#modulo21{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/set-film1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo21{
    background-image: url(imagenes/set-film2.jpg);
}

a#modulo22{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/cd1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo22{
    background-image: url(imagenes/cd2.jpg);
}

a#modulo23{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/iaa1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo23{
    background-image: url(imagenes/iaa2.jpg);
}

a#modulo24{
    width: 100%;
    height: 100%;
    min-width: 5rem;
    min-height: 5rem;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background-image: url(imagenes/isla1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#modulo24{
    background-image: url(imagenes/isla2.jpg);
}


/*estilos NOTAS random*/

section.nota_azul{
    float: left;
    background-color: #30368A;
    width: 80%;
    height: 30rem;
    color: #ffffff;
}

section.columna_notas{
    float: left;
    width: 13%;
    min-width: 10rem;
    height: 25.6rem;
    background-color: #ffffff;
    padding: 2rem;
    margin-right: 1.5rem;
    border-style: solid;
    border-color: #30368A;
    border-width: 0.2rem;
}
    
h1.titulo_nota{
    line-height: 7rem;
    margin-left: 1rem;
}

.img_nota-random{
    float: left;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.contenido_nota-random{
    float: left;
    width: 60%;
    margin-left: 1rem;
}

h2.titulo_otras-notas{
    font-size: 1rem;
    line-height: 3rem;
}

a#otras_notas0{
    width: 60%;
    height: 30%;
    min-width: 4rem;
    min-height: 4rem;
    float: left;
    background-image: url(imagenes/atras1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#otras_notas0{
    background-image: url(imagenes/atras2.jpg);
}

a#otras_notas1{
    width: 60%;
    height: 30%;
    min-width: 4rem;
    min-height: 4rem;
    float: left;
    background-image: url(imagenes/cafe1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#otras_notas1{
    background-image: url(imagenes/cafe2.jpg);
}

a#otras_notas2{
    width: 60%;
    height: 30%;
    min-width: 4rem;
    min-height: 4rem;
    float: left;
    background-image: url(imagenes/wifi1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

a:hover#otras_notas2{
    background-image: url(imagenes/wifi2.jpg);
}



/*estilos notas principales*/

.contenido_nota-amarillo{
    background-color: #FCEE21;
    width: 100%;
    margin: 0;
    padding: 0;
}

.noticia_ppal{
    float: right;
    width: 70%;
    margin: 0;
    padding: 5%;
    background-color: white;
}

h1.titulo_noticia-ppal{
    font-size: 2rem;
    font-weight: 800;
}

h3.subtitulo_noticia-ppal{
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 3rem;
}

p.cuerpo_noticia-ppal{
    width: 80%;
    font-size: 0.9rem;
    font-weight: 400;
}