/* CSS Document */
#header {border-bottom:10px solid #eaedef;}
h1#logo {margin:10px 15px 15px 0 !important;}
.temas.grid-5.aleft.alumni {width:48%;}


/*Area*/
#top-portada .link {font-family:LatoSemibold,Verdana,Geneva,sans-serif; font-size:16px; line-height:150%; color:#FFF;}
ul.social {float:right; margin-top:60px; }
ul.social li {float:left; margin:8px 15px 0 0;}
ul.social li.banner {margin:4px 0 0 3px;}
ul.social li a {font-family:LatoLight,Verdana,Geneva,sans-serif; font-size:11px; color:#12132a;}
.logo-unidad {max-width:180px; float: left; margin:30px 0 20px; text-align: center;}
.logo-unidad img {width: 90%;}
.redes-sociales .separa {display:none; }

.titular-portada {font-family:LatoLight,Verdana,Geneva,sans-serif; font-size:30px; color:#003876; margin:20px 0 0 10px;}
.titular-portada span {font-family:LatoBold,Verdana,Geneva,sans-serif;}
.aleft.alumni .menu-principal li a {padding:15px 8px 0; height:auto; min-height:45px;}
.aleft.alumni .menu-principal li {border-left:0px solid #f5f5f7;}
.aleft.alumni .menu-principal li + li {border-left:1px solid #f5f5f7;}
#footer .auxi .titular-portada {display:table; margin:20px auto !important;}
#footer .auxi .logo-footer {display:table; margin:20px auto !important;}

#footer .auxi .banners .banner110 p {font-size:17px; line-height:140%;}
#footer .auxi .banners .banner110 a, #footer .auxi .banners .banner110 a img { width:80%; height:auto;}

.rotulo.grid-12 {border-top:10px solid #12132a; margin:0 0 30px; padding:10px 0 0; width:100%;}
.rotulo-agenda.grid-12 {margin:0 0 35px;}
.rotulo-agenda a.link2 {color:#12132a; float:right; font-family:LatoRegular,Verdana,Geneva,sans-serif; font-size:16px; margin:25px 0 0;}
.grid-11.noticias-agenda, .grid-11.informacion { margin:30px auto; max-width:1155px;}
#preguntas {margin: 20px auto !important;}
#box-banner.grid-11 .grid-4.aleft + .grid-4.aleft {margin:5px 0 5px 1.6% !important;}
.subtitulos-faq {width:96.7%;}
#box-banner .grid-4 {margin:5px 0;}
#box-banner.grid-11 {margin:30px auto 0; max-width:1155px; display:table;}
#box-banner .grid-4.aleft a img, #box-banner .grid-4.aleft img {width:100%; height:auto;}

#noticias > .ar5 {width:49.2%;}
#noticias.noticias.grid-8.aleft > .ar5 + .ar5 {float:right;}
#noticias > .ar5 .foto, #noticias > .ar5 .foto a, #noticias > .ar5 .foto img  {width:100%; height:auto;}
.foto .box-over a.compartir {height:28px !important; width:25px !important;}
.foto .box-over a.leer-mas {width:auto !important;}
.box-contenido ul.art-contenido {max-width:65%; width:auto;}

.sidebar .foto425 {width:100%; height:auto;}

.whatsapp-button{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    animation: effect 5s infinite ease-in;
}

@keyframes effect {
    20%, 100% {
        width: 80px;
        height: 80px;
        font-size: 60px;
    }
    0%, 10%{
        width: 90px;
        height: 90px;
        font-size: 90px;
    }
    5%{
        width: 60px;
        height: 60px;
        font-size: 50px;
    }
}

/*-------------------oo------------------------*/

@media(max-width:1116px) {
    .temas.grid-5.aleft.alumni {width:40.73%;}
    .temas .menu-principal li a {font-size:13px; width:65px;}
}
@media(max-width:959px) {
    .aleft.alumni .menu-principal li a {padding: 15px 0 0;}
}
@media(max-width:885px) {
    .alumni {clear:both; width:100%;}
    .redes-sociales {clear:both;}
    .titular-portada {margin:15px auto; display:table;}
    .temas.grid-5.aleft.alumni {width:100%;}
    .redes-sociales.grid-3 {width:100%;}
    .redes-sociales.grid-3 .separa {display:none;}
    ul.social {float:left; margin:20px 0 0 10px;}
    .logo-unidad {clear:none; float:right; margin:5px 10px 5px 0;}
        /*menu responsive*/
     #header .menu_btn {display:block; }
     #header ul.menu-principal {width:auto; display:none; background:#000031; clear:both;}
     .menu-principal li {width:auto; float:none !important; background-color:#000031; clear:both;}
     .menu-principal li a, .menu-principal li a:visited {color:#FFFFFF !important;}
     .temas.grid-8.aright {width:100% !important; background:#000031; margin:10px 0 0 0}
     .temas .menu-principal li.first a {background:none; padding:7px 5px;}
     .temas .menu-principal li {border-left:0px solid #f5f5f7; display:table; float:none; margin:0 auto; text-align:center;}
     .temas .menu-principal li a {height:auto; padding:7px 5px;  font-size:18px;  width:auto;}
     .redes-sociales.aright.grid-5 {width:95%;}  
    .aleft.alumni .menu-principal li + li {border-left:0px solid #f5f5f7;}
    .aleft.alumni .menu-principal li.first:hover a {background:none; text-decoration:none;}
    .aleft.alumni .menu-principal li.selected {background:none; text-decoration:none;}
    .temas .menu-principal li:hover a {background: none; text-decoration:none;}
}
@media(max-width:760px) {
    #box-banner .grid-4.aleft a img, #box-banner .grid-4.aleft img {width:100%; height:auto; margin:0 auto; display:table;}
    #top-portada .link {margin:0 15px 0 0;}
    .contenido.grid-8 .auxi {width:95% !important; margin:0 auto !important; /*display:table;*/}
    .sidebar.grid-4 {width:95% !important; margin:0 auto !important; display:table; float:none; clear:both;}
    .sidebar .foto425 {max-width:100%; width:auto; height:auto; margin:20px auto; display:table;}
    #box-banner .grid-4 {margin:5px 0; max-width:100%; width:360px !important;}
    .subtitulos-faq {width:94.9%;}
    .grid-11.noticias-agenda, .grid-11.informacion {width:97% !important;}
    #menuPreguntas {display:table; margin:0 auto; max-width:100%; width:97%;}
    .redes-sociales {display:none;}
}
@media(max-width:731px) {
    #box-banner.grid-11 .grid-4.aleft, #box-banner.grid-11 .grid-4.aleft + .grid-4.aleft {margin:5px auto 5px !important; float:none; clear:both; width:370px !important;}
}
@media(max-width:611px) {
    .banner110 {display:none;}
    .banner110 + .banner110 {display:block;}
    .banner110 + .banner110 + .banner110 {display:none;}
}
@media(max-width:500px) {
#noticias > .ar5 {width:100% !important;}
}
@media(max-width:430px) {
    ul.social {float:none; margin:10px auto; display:table;}
    .logo-unidad {clear:none; float:none; margin:10px auto; display:table;}
    .sidebar .foto425 {width:100%;}
}
@media(max-width:385px) {
    #box-banner.grid-11 .grid-4.aleft, #box-banner.grid-11 .grid-4.aleft + .grid-4.aleft {margin:5px auto 5px !important; float:none; clear:both; width:100% !important;}
}