@charset "UTF-8";
*{padding:0;margin:0;border:0;box-sizing:border-box;outline:none;}
html,body,#cabecera{background:#F4F7FB;}
body{color:#555;font:15px/1.8 'Roboto',Helvetica,Arial,sans-serif;}

.cargador{display:block;width:100%;height:10px;border-radius:6px;overflow:hidden;}
.cargador{background:#F9F9F9;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}
.progreso{background:#164B33;border-bottom:1px solid #307A59;}
.progreso{display:block;height:100%;width:100%;animation-duration:5s;animation-name:cargador;animation-iteration-count:infinite;}
#f-carga-externa .progreso{animation-duration:50s;}
@keyframes cargador{from{width:0%;}to{width:100%;}}

#menu-mov{display:none;text-transform:uppercase;}
#menu-mov .material-icons{color:#000;font-size:28px;}
.oculto,.casilla input{position:absolute;left:-9999em;overflow:hidden;}
.none{display:none !important;}
form li{list-style:none;margin-bottom:10px;}
input,textarea,select{font:1em/1 'Roboto',Helvetica,Arial,sans-serif;border:1px solid #E9E5E5;display:block;width:100%;color:#000;background:#FFF;border-radius:6px;padding:15px 30px;}
input:focus,textarea:focus,select:focus{outline:1px solid #164B33;}
textarea{line-height:1.4;}
input::placeholder,textarea::placeholder{opacity:1;color:#666;}
label,legend,#referencias .casilla label,strong[data-falso-label]{display:block;text-transform:uppercase;color:#000;margin-bottom:3px;font-size:.8em;font-weight:500;}

div[data-combo]{padding-top:3px;}
div[data-combo] .casilla{margin-right:10px;}

.casilla *{cursor:pointer;}
.casilla input,.casilla label{display:inline;text-transform:none;font-weight:normal;font-size:15px;}
.casilla label{position:relative;padding-left:40px;}
.casilla label:before{content:" ";border:1px solid #E9E5E5;background:#FFF;display:inline-block;width:30px;height:30px;border-radius:15px;position:absolute;left:0;top:-6px;cursor:pointer;}
.casilla label:after{content:"\e876";font-family:'Material Icons';color:#164B33;position:absolute;font-size:38px;font-weight:400;top:-28px;left:2px;opacity:0;}
.casilla input:checked+label:after{opacity:1;}

a{color:#164B33;cursor:pointer;}
a:hover{opacity:.8;}
a[href^="tel"]{white-space:nowrap;}

.columnas{display:flex;}
.col{margin:0 10px 20px;}
.col-10{width:10%;}
.col-15{width:15%;}
.col-20{width:20%;}
.col-25{width:25%;}
.col-33{width:33.33%;}
.col-35{width:35%;}
.col-40{width:40%;}
.col-50{width:calc(50% - 20px);}
.col-60{width:60%;}
.col-66{width:66.66%;}
.col-70{width:70%;}
.col-75{width:75%;}
.col-80{width:80%;}
.col-85{width:85%;}
.col-90{width:90%;}
.col-100{width:100%;}
.boton{color:#FFF;background:#164B33;text-decoration:none;text-transform:uppercase;display:inline-block;padding:10px 30px;cursor:pointer;border-radius:22px;font-size:13px;line-height:inherit;font-family:'Roboto',Helvetica,Arial,sans-serif;}
.boton.oscuro{background:#39393A;}
.boton:hover{opacity:.9;}
form ul[data-form="0"],form ul[data-form="0"]+p{display:none;}

input.f-err,select.f-err,textarea.f-err,.error input,.error select,.error textarea{outline:1px solid #DC3232 !important;}
.error label,.error em,.error a,em.f-err{color:#DC3232;font-style:normal;}
em.f-err{font-size:12px;}
.error em,em.f-err{display:block;padding:2px 0;}
.casilla.error em{padding-left:40px;}
.f-err .casilla label:before{border-color:#DC3232 !important;}

#f-contacto .error input,#f-contacto .error select,#f-contacto .error textarea,.casilla.error .chk{border-color:#DC3232;}
.mensaje{padding:15px 30px;margin:0 0 20px;color:#FFF;border-radius:8px;position:relative;}
.mensaje .v-cerrar-mensaje{position:absolute;top:16px;right:16px;}
.mensaje.exito a,.mensaje.error a{color:#FFF;}
.exito{background:#164B33;} 
.aviso{background:#FFBF46;color:#000;} 
.mensaje.aviso a{color:inherit;}
.info{background:#F4F7FB;color:#000;font-size:.8em;} 
.mensaje.error{background:#DC3232;}
.aclaracion{opacity:.9;font-size:.9em;}
.v-eliminar .material-icons{color:#DC3232;}

h1{color:#000;font-weight:400;font-size:27px;line-height:1.3;}
#interfaz h1{margin-bottom:40px;}
#txt-ext h2{font-weight:400;color:#000;font-size:22px;margin-top:20px;margin-bottom:10px;}
#txt-ext h3{font-weight:600;color:#000;font-size:14px;margin-top:10px;margin-bottom:5px;}
#txt-ext p,#txt-ext ul,#txt-ext ol,#txt-ext table{margin-bottom:20px;}
#txt-ext li{margin-left:24px;}

table{width:100%;margin-bottom:40px;}
table th,table td{padding:15px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #E9E5E5;}
table th{color:#000;font-weight:500;}
table .control{padding-left:4px;padding-right:4px;width:24px;text-align:center;}
table .compacto{width:10em;}
table .menos-compacto{width:16em;}
table .col-id{width:2em;padding-left:0;padding-right:0;}
table .cifra{text-align:right;}

#notificacion{position:fixed;width:100%;z-index:17777;padding:0 50px 0 20px;bottom:100%;color:#FFF;}
#txt-notificacion{padding:20px 0;}
#v-cerrar-notificacion{color:#FFF;}

#notificacion.exito{background:#406DB2;}
#notificacion.aviso,#notificacion.aviso #v-cerrar-notificacion{color:#000;}
#notificacion.aviso{background:#FBB725;}
#notificacion.error{background:#A00;}
#cabecera{padding:10px 20px 10px 0;position:fixed;top:0;left:0;width:100%;z-index:17;}
#cabecera div[id|="ic"]{padding:10px;text-align:center;position:relative;}
#cabecera .material-icons{color:#000;}
#ic-menu{min-width:44px;}
.ic-usu>a{background:rgba(0,0,0,.05);display:inline-block;line-height:1;padding:0;border-radius:50%;text-align:center;height:34px;width:34px;padding-top:5px;}
#ic-cuenta>a{padding-top:10px;color:#FFF;font-weight:600;background:#164B33;}

div[data-id-desp][data-est-desp="N"]{display:none;}
div[data-id-desp][data-est-desp="S"]{display:inline-block;}
 div[id|="ic"] .panel{border-radius:6px;background:#F4F7FB;padding:25px 15px 15px;position:absolute;top:53px;right:0;box-shadow:0 3px 10px rgba(0,0,0,.1);z-index:17;}
#l-aps{background:#FFF;padding:20px 10px 10px;margin-top:-10px;border-radius:6px;border:1px solid rgba(0,0,0,.05)}
#l-otros{margin-top:20px;}
.v-ap,.v-ap b{display:inline-block;text-align:center;}
.v-ap{padding:0 10px;width:50%;}
.v-ap .img-ap{width:100px;height:100px;border-radius:6px;display:inline-block;background-position:center;background-size:cover;}
.v-ap b{text-transform:uppercase;font-weight:400;color:#000;font-size:13px;}
#cuenta b,#avatar{display:block;text-align:center;}
#avatar{width:100px;height:100px;border-radius:50%;font-size:45px;color:#FFF;background:#164B33;margin:15px auto;padding-top:10px;}
#b-sesion{background:#FFF;white-space:nowrap;border-radius:6px;border:1px solid rgba(0,0,0,.05);}
#b-sesion a{color:#000;text-decoration:none;display:inline-block;padding:7px 20px 7px 50px;position:relative;}
#b-sesion a .material-icons{position:absolute;top:6px;left:15px;}
#v-edit{border-right:2px solid #F4F7FB;}
#v-cerrar{padding-right:30px;}
main{padding-top:5.25em;}


#aux{width:14em;}
#interfaz{width:calc(100% - 14em);padding:50px 10% 50px 50px;background:#FFF;margin-bottom:100px;}
#interfaz .t-usuario{font-size:13px;}
#interfaz input,#interfaz textarea{border-radius:6px;}
#interfaz #descripcion{min-height:8em;}
#interfaz .error em{padding-left:0;font-size:.9em;}
.separador{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #E9E5E5;}

.combo-contrasena input{width:calc(100% - 40px);}
form .ic-vc{width:40px;text-align:center;display:block;}
.ic-vc span{display:block;position:relative;}
input[type="password"]+.ic-vc span[data-ver="S"]{display:block;}
input[type="password"]+.ic-vc span[data-ver="N"]{display:none;}
input[type="text"]+.ic-vc span[data-ver="S"]{display:none;}
input[type="text"]+.ic-vc span[data-ver="N"]{display:block;}
form .ic-vc .material-icons{color:#000;cursor:pointer;position:absolute;top:13px;left:10px;}

#vl{position:fixed;bottom:0;left:0;width:100%;padding:10px 10px 10px 44px;background:#F4F7FB;}
#vl a{font-size:11px;color:#333;text-decoration:none;margin-right:10px;}
#vl a:hover{text-decoration:underline;}