h1{letter-spacing:1px;text-align:center;font-size:2.6vw;font-weight:300;margin:1.5vw 0 2.2vw}
.alert{max-width:100%;width:100%;position:absolute;width:100%;margin:0}
.fa-navicon::before,.fa-reorder::before,.fa-bars::before{content:none}
.fa-remove::before,.fa-close::before,.fa-times::before{content:none}
.notificaciones{max-width:400px;background-color:#EEE;border-radius:3px;position:absolute;left:0;top:6vw;padding:20px;text-align:left;font-size:14px;color:#000;z-index:4;display:none;-webkit-box-shadow:0 1px 3px 0 rgba(204,204,204,1);-moz-box-shadow:0 1px 3px 0 rgba(204,204,204,1);box-shadow:0 1px 3px 0 rgba(204,204,204,1)}
.notificaciones .notificacion_on,.notificaciones .notificacion_off{background-color:#FFF;width:100%;float:left;margin:0 auto;padding:20px 30px 20px 45px;margin-top:10px;position:relative;-webkit-box-shadow:0 2px 3px 0 rgba(51,51,51,0.72);-moz-box-shadow:0 2px 3px 0 rgba(51,51,51,0.72);box-shadow:0 2px 3px 0 rgba(51,51,51,0.72);border-radius:2px}
.notificaciones .notificacion_on .leido{color:#5FD6A2;margin-right:30px;margin-top:20px;display:inline-block;cursor:pointer}
#nav-button{width:3.5em;display:none;}
#menu_agenda{width:20%;float:left;height:100%;position:fixed;background-color:#555; top: 0; display:none;overflow: auto}
#menu_agenda #principal{padding-left: 10%;padding-top: 9%;padding-bottom: 8%;}
#menu_agenda #principal img {max-width: 18%;}
#menu_agenda #principal span {color: #FFF;display: inline-block;vertical-align: middle; font-size: 16px; letter-spacing: 1px; margin-left: 5%;}
#menu_agenda nav{position:relative;margin:0;width:100%;overflow-y:auto}
#menu_agenda nav ul{list-style:none;margin:0;padding:0}
#menu_agenda nav ul li a{display:block;padding:5% 5% 2% 17%;color:#FFFFFF;text-decoration:none;-webkit-transition:.2s linear;-moz-transition:.2s linear;-ms-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear;font-weight:400;font-size:18px;letter-spacing:1px}
#menu_agenda nav ul li a:hover{color:#FFFFFF}
#menu_agenda nav ul li a .fa{width:16px;text-align:center;margin-left:8px;color:#FFF;font-size:20px}
#menu_agenda nav ul ul{display:none}
#menu_agenda nav ul li ul li a{border-left:4px solid transparent;padding:2% 5% 1% 20%;color:#fff;font-weight:300}
#menu_agenda nav ul li ul li a:hover{border-left:4px solid #FFFFFF}
#menu_agenda .ruta{max-width:3.5%;vertical-align:middle;margin-top:-1%;margin-left:-6%;display:inline-block;margin-right:1%}
#top{width:80%;margin:0;margin-left:20%;display:table;position:relative}
#top #logo{width:26%;display:table-cell;text-align:center;padding:1% 0}
#top #logo img{max-width:63%}
#top #banner{width:74%;display:table-cell;text-align:right}
#nexodoc{max-width:100%;width:80%;float:left;margin:0;margin-left:20%;padding:0 35px 3%}
#nexodoc section #inf{max-width:100%;margin:0}
#nexodoc section #inf .estado_upd_con {width: 15%; float: left; margin-left: 2%;}
#nexodoc section #inf .estado_upd_con_1 {margin-left: 0;}
#nexodoc #footer_agenda{width:100%;float:left;letter-spacing:1px;margin-top:10%;border-top:1px solid #CCC;padding-top:2%}
#nexodoc #footer_agenda img{max-width:4%;margin-right:1%}
@media screen and (max-width: 1366px) {
#menu_agenda nav ul li a{font-size:18px}
#nexodoc #footer_agenda{font-size:16px}
}
@media screen and (max-width: 992px) {
h1{font-size:24px;margin:4vw 0}
#nav-button{display:block;}
#nav-button .fa{left:0;right:0}
#menu_agenda{width:50%;z-index:2; padding-top:7vw;}
#menu_agenda #principal{display:none;}
#nexodoc #footer_agenda{margin-top:20%;padding-top:4%}
#nexodoc #footer_agenda img{max-width:8%;margin-right:2%}
#menu_agenda{display:none}
#top{width:100%;margin:0}
#top #logo{width:100%;padding:4vw 0 0}
#top #logo img{max-width:30%}
#top #banner{display:none}
#nexodoc{width:100%;margin:0;padding:0 25px 50px;max-width:100%}
}
@media screen and (max-width: 780px) {
#nexodoc section #inf .estado_upd_con {width: 96%; margin: 2%;}
#nexodoc section #inf .estado_upd_con_1 {margin-left: 2%;}
}
@media screen and (max-width: 620px) {
#top #logo{padding:6vw 0 0}
#top #logo img{max-width:40%}
#menu_agenda{width:60%;padding-top:8vw;}
}
@media screen and (max-width: 560px) {
#menu_agenda{padding-top:10vw;}
}
@media screen and (max-width: 480px) {
#nexodoc section #inf .estado_upd_con {width: 90%; margin: 3% 5%;}
#nexodoc section #inf .estado_upd_con_1 {margin-left: 5%;}
}
@media screen and (max-width: 420px) {
#menu_agenda{width:70%;padding-top:12vw;}
}