@font-face{font-family: 'Gesfo'; src: url('../fonts/OpenSans-Regular.ttf');}
*{margin: 0; padding: 0;}
html{scroll-behavior: smooth;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
body{overflow:hidden; background-color:#fafafa; font-family: "Gesfo"; text-rendering: geometricPrecision; font-size:18px; color: #000;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
textarea, select, input, button {outline: none;}
:focus {outline-color: transparent; outline-style: none;}




/*-----------------------------------------GENERAL---------------------------------------------------------*/
#madre{position: relative; margin: 0px auto 0px auto; width: 100%; height: 100vh; }
.cuerpo{position: relative; display: block; width: 100%; height: 100vh; margin: 0 auto 0 auto;
-moz-animation:fade .5s ease-in-out;
-o-animation:fade .5s ease-in-out;
-webkit-animation:fade .5s ease-in-out;
animation:fade .5s ease-in-out;}
.rollover{cursor:pointer;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;}
.rollover:hover{opacity: .4;}
.tapa{position: fixed; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 500;}
@keyframes fade {
from {opacity:0;}
to {opacity:1;}
} 
@-webkit-keyframes fade {
from {opacity:0;}
to {opacity:1;}
}
.numeros{font-family: Arial;}

a{color: #4373a5;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;}
a:hover{opacity: .5;}


/*-----------------------------------------ENTRADA---------------------------------------------------------*/
.entrada{position: relative; width: 100%; height: 100%; overflow-y: auto;
-moz-animation:fade .8s ease-in-out;
-o-animation:fade .8s ease-in-out;
-webkit-animation:fade .8s ease-in-out;
animation:fade .8s ease-in-out;}
.entrada-titulo{position: relative; display: table; margin: 0 auto 0 auto; text-align: center;}
.entrada-logo{position: relative; display: table; margin: 10px auto 0 auto; padding-bottom: 10px; text-align: center; border-bottom: 1px #999 dotted;}
.entrada-logo img{width: 140px;}
.entrada-titular{display: table; margin: 10px auto 0 auto;}
.entrada-titg{font-size: 80px; color: #365d00; margin: 0 auto 0 auto; font-weight: 600;}
.entrada-titp{font-size: 25px; color: #365d00; margin: 0 auto 30px auto;}
.entrada-comentario{position: relative; display: table; width: 90%; max-width: 770px; margin: 15px auto 0 auto; font-size: 20px; color: #4b5360; text-align: center;}
.entrada-barra{position: relative; width: 90%; max-width: 770px; margin: 20px auto 40px auto; border-bottom: 1px #999 dotted;}
.entrada-form{position: relative; display: block; width: 80%; max-width: 350px; margin: 0px auto 0px auto; padding: 20px; background-color:#365d00; font-size: 20px; text-align: center; color: #fff; line-height: 35px;
-ms-border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
-ms-box-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);
-moz-box-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);
box-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);
}
.entrada-form input{width: 80%; text-align:center;}
.verif{display:none; font-size: 12px; color: #646464; margin: 6px; padding: 5px;}

.bienvenida{position: relative; display: block; width: 95%; max-width: 270px; margin: -10px auto 10px auto; padding: 10px; text-align: center; color: #fff; background-color: #333;
-ms-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}


/*-----------------------------------------CABEZA---------------------------------------------------------*/
.cabeza{position: fixed; display:block; top: 0; left: 0; margin: 0 auto 0 auto; width: 100%; z-index: 100; padding: 0; border: 1px #c2cad1 solid;
-ms-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.cabeza td{text-align:center; border-right: 1px #c2cad1 dotted;}
.cablogo{width: 250px; height: 90px;}
.cablogo img{height: 90px;}
.cablogocorto{display:none; height: 90px;}
.cablogoultracorto{display:none; height: 90px;}
.cablogo img{width: 180px;}
.cab-tituloa{font-weight: 600; width: 450px; height: 90px; padding: 0 20px 0 20px; font-size: 50px; color: #fff; background-color:#365d00; border-color:#fff;}
.cab-titulob{display:none; font-weight: 600; height: 90px; padding: 0 20px 0 20px; font-size: 50px; color: #fff; line-height: 90px; background-color:#365d00; border-color:#fff;}
.cab-menu{height: 90px; border-right: 1px #dae0e5 dotted;}
.cab-menu img{padding: 0 40px 0 40px;}
.cab-salir{height: 90px;}
.cab-salir img{padding: 0 40px 0 40px;}
	

/*-----------------------------------------BOTONERA---------------------------------------------------------*/
.botones-scroll{position: fixed; width: 100%; height: 100%; z-index: 100; overflow-y: auto;}
.botonera{background-color:#f5f5f5; width: 95%; max-width: 380px; margin: 0 auto 0 auto; border: 2px #dcdcdc solid;
-ms-border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
-ms-box-shadow:0 0 30px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.4);
box-shadow:0 0 30px rgba(0, 0, 0, 0.4);}
.botonera li{position: relative; list-style:none;}
.bot-cabecera{position: relative; display:block; height: 70px;}
.bot-cab{display:table; width: 100%; text-align:center; color: #333; background-color:#365d00; font-size: 24px;
-ms-border-top-left-radius:10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
border-top-left-radius:10px;
-ms-border-top-right-radius:10px;
-moz-border-top-right-radius:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px;}
.iconos-botonera {padding: 10px; width: 48px;}
.iconos-botonera img{max-width: 48px; max-height: 48px;}
#salir{position: fixed; left: 0; top: 0; width: 100%; height: 100%;}


/*-----------------------------------------Clases-------------------------------------------*/
.bot-n0{position: relative; width: 100%; margin: 0 auto 0 auto; padding: 20px 0 20px 0;}
.bot-n0 li{position: relative; display:block; width: 80%; margin: 14px auto 14px auto; list-style:none; text-align:center; background-color:#dcdcdc; border: 1px solid #999; 
-ms-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.bot-n0 a{display:block; font-size: 25px; padding: 10px 0 12px 0; text-align: center; color: #333; text-decoration:none;}
.bot-n0 li:hover{opacity: .5;}

.bot-n1{position: relative; width: 100%; margin: 0 auto 0 auto; padding: 14px 0 14px 0;}
.bot-n1 li{position: relative; display:table; width: 70%; margin: 15px auto 15px auto; list-style:none; text-align:center; background-color:#eee; border: 1px #aaa solid;
-ms-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.bot-n1 a{display:block; font-size: 20px; padding: 12px 0 12px 8px; text-align: center; color: #000; text-decoration:none;}
.bot-n1 li:hover{opacity: .5;}

.bot-n2 li{background-color:#555; border: none;}
.bot-n2 a{color: #fafafa;}

.bot-n5{overflow:hidden; width:100%; text-align:center;}
.bot-n5 li{position: relative; display: inline-block;  margin: 8px;  background-color:#365d00;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.bot-n5 a{font-size: 20px; padding: 5px 10px 5px 10px; text-align: center; color: #fafafa; text-decoration:none;}
.bot-n5 li:hover{opacity: .5;}
.bot-n5 span{padding: 5px 10px 5px 10px;}


.bot-parejas{position: relative; width: 100%; text-align: center; margin: 0 auto 0 auto;}
.bot-parejas li{position: relative; display:inline-block; font-size: 18px; text-align: center; line-height: 18px; width: 130px; vertical-align: top; list-style: none; cursor: pointer;}
.bot-parejas img{margin-bottom: 4px;}
.bot-galeria{position: relative; width: 200px; text-align: center; font-size: 18px; line-height: 18px; margin: 0 auto 10px auto; cursor: pointer;}
.bot-galeria img{margin-bottom: 4px;}


/*-----------------------------------------BUSCAR-ORDENAR---------------------------------------------------------*/
.ordcli option{display: block;}
.buscord-tabla {position: relative; display:table; width: 100%;}
.buscord-tabla div{padding: 4px; background-color:#365d00; color:#fafafa;}
.ordcli{background-color:#fafafa; border: 1px #ddd solid; text-align: center; padding: 10px 0 10px 0;}
.ordcli-cont{display: block;}
.ordcli-cont li{display: inline-block; list-style: none; vertical-align:middle;}
.ordcli-lista-ord{margin: 10px 15px 0 auto;}
.ordcli-lista-ord table{margin: 0 auto 0 auto;}
.lupa img{width: 40px; height: 40px;}


/*-----------------------------------------PAGINADOR---------------------------------------------------------*/
.paginado{width:70px; margin: 0 10px 0 10px;}
.pagtabla{background-color:#fafafa; border: 1px #ddd solid; margin: 5px 10px 0 10px;}
.paginado-bot{position: relative; width: 50px; text-align:center; background-color:#eaeaea; border: 1px #aaa solid; cursor:pointer;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;}
.paginado-bot img{width: 50px; height: 50px;}
.paginado-bot a{display: block; font-size: 20px; color: #666; text-decoration:none;}
.paginado-bot:hover{opacity: .5;}
.paginado-bot-select{position: relative; width: 50px; height: 50px; font-size: 20px; color: #fff; text-align:center; background-color:#aaa; border: 1px #aaa solid;}
.pag-flecha{background-color:#bee696;}


/*-----------------------------------------GENERAL---------------------------------------------------------*/
.contenido{position: relative; display: block; width: 100%; height: 100%; overflow-y: auto;}
.imago{position: absolute; display: block; top: 0; width: 100%; text-align:center; opacity: .1; margin: 0 auto 0 auto;}
.titulo{position: relative; display: block; width: 100%; margin-top: 92px; font-size: 40px; padding: 8px 0 10px 0; color: #fff; text-align:center; background-color:#78a050; border-bottom: 2px solid #365d00; border-top: 10px solid #365d00;}
.subtitulo{position: relative; display: block; width: 90%; font-size: 30px; padding: 8px 0 8px 0; color: #fff; text-align:center; background-color:#78a050; border: 1px dotted #afafaf; margin: 30px auto 20px auto;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
.subtitulo-uno{position: relative; display: block; width: 90%; font-size: 20px; padding: 8px 0 8px 0; color: #fff; text-align:center; background-color:#333; margin: -20px auto 20px auto;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
.subtitulo-boton{position: relative; display: block; width: 90%; font-size: 20px; text-align:center; color: #fff; background-color:#333; margin: 10px auto 10px auto;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
.subtitulo-boton img{width: 40px;}
.mensaje{position: relative; display: block; width: 95%; font-size: 20px; padding: 10px 0 10px 0; color: #fff; text-align:center; background-color:#78a050; margin: 20px auto 20px auto;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
.listado{position: relative; display: block; width: 85%; max-width: 980px; margin: 20px auto 20px auto; padding: 20px; border: 1px dotted #afafaf; background-color:#f1f1f1; margin-bottom: 100px; overflow-y: auto;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}
.listado li{list-style:none; padding: 5px;}
.separador{position: relative; display:block; width: 100%; height: 1px; border-bottom: 1px #aaa dashed; margin: 10px 0 20px 0;}


input[type].tabla-radio{position:absolute; visibility:hidden; background-image:url(../im/checked.png);}
input.tabla-radio + label.tabla-radio{display: inline-block; padding-bottom: 2px; vertical-align: middle; width: 50px; height: 50px; background-image:url(../im/check.png); cursor:pointer;}
input.tabla-radio:checked + label.tabla-radio{background-image:url(../im/checked.png);}


input[type].borra-radio{position:absolute; visibility:hidden; background-image:url(../im/Borra-checked.png);}
input.borra-radio + label.borra-radio{display: inline-block; width: 50px; height: 50px; background-image:url(../im/Borra-check.png); cursor:pointer;}
input.borra-radio:checked + label.borra-radio{-webkit-filter: none; filter: none; background-image:url(../im/Borra-checked.png);}



.seleccionado{font-size: 20px; text-align: center; color: #fafafa; opacity: .5; pointer-events:none !important;}
.iconos-fijos {display: table; width: 100%;}
.iconos-fijos img{width: 50px; height: 50px;}
.iconos-fijos td{text-align: center;}
.busqueda-bot{background-color: rgba(0, 0, 0, 0) !important; padding: 0 !important;}
.busqueda-bot img{margin-bottom: 3px; cursor: pointer; width: 50px;}


/*--------------Tablas------*/
.tabla{position: relative; display:table; width: 90%; font-size: 20px; margin: 0 auto 0 auto;}
.tabla a{font-family: 'Arial'; font-size: 20px; color: #2d5f64;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;}
.tabla a:hover{opacity: .5;}
.tabla-titulos{padding: 8px; background-color:#3a3937; color: #fafafa; text-align: center;}
.tabla-subtitulos{padding: 8px; background-color:#ee9d3f; color: #fafafa; font-size: 26px; text-align: center;}
.tabla-celdas{padding: 8px; border: 1px dotted #afafaf; color: #000; text-align: center; background-color:#fafafa;}
.tabla-celdas-datos1{vertical-align: top; text-align: left; border-top: 1px solid #e6e6e6;}
.tabla-celdas-datos2{vertical-align: middle; white-space: nowrap; width: 1px; text-align: left; padding-right: 10px;}
.tabla-celdas-cheks{font-size: 12px; padding: 8px; border: 1px dotted #afafaf; color: #fff; background-color:#4b5360;}
.tabla-celdas-mensaje{padding: 8px; border: 1px dotted #afafaf; color: #000; text-align: center; background: #fafafa url(../im/Ficha-Mensaje.png) no-repeat; background-size: 35px 35px; background-position: 98% 45%;}
.tabla-celdas-ico{padding: 2px; border: 1px dotted #afafaf; color: #000; text-align: center; background-color:#fafafa;}
.tabla-celdas-ico img{width: 50px;}
.celdas-doble{position: relative; display:table; margin: 0 auto 0 auto;}
.celdas-doble li{display: inline-block; width: 90px; text-align: left; font-size: 20px; border: 1px solid #afafaf;}


/*-----------------------------------------TABLAS INPUT---------------------------------------------------------*/
.tabla-input{position: relative; display:table; width: 90%; font-size: 20px; margin: 20px auto 0 auto;}
.tabla-input-cell1{display: table-cell; white-space: nowrap; width: 1px; vertical-align: top;}
.tabla-input-cell2{display: table-cell; padding-left: 15px;}
.tabla-input-cell3{display: table-row; height: 15px;}
.tabla-input-cell4{display: block; text-align: center; margin-bottom: 40px;}
.tabla-input-sel{display: table-row; text-align: center;}
.tabla-input img{margin: 0 10px 0 10px;}
.input-calendario{white-space: nowrap;}
.input-calendario input{width: 80%;}
.input-prefijo {width: 40px; text-align: center; border: 1px solid #666; background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 
}

/*-----------------------------------------TABLAS AGREGADAS---------------------------------------------------------*/
.tabla-agregada{position: relative; display:table; width: 100%; font-size: 20px; margin: 0 auto 0 auto;}
.tabla-agregada-titulos{padding: 10px; background-color:#3a3937; color: #fafafa; text-align: center;}
.tabla-agregada-celdas{padding: 10px; border: 1px dotted #afafaf; color: #000; text-align: center; background-color:#fafafa;}
.tabla-agregada-ico{border-bottom: 1px dotted #afafaf;}
.tabla-agregada-ico img{padding: 2px 0 2px 0; width: 50px; height: 50px; cursor: pointer;}


/*-----------------------------------------TABLAS MEDICAMENTOS---------------------------------------------------------*/
.medicamentos{position: relative; display:block; width: 100%; text-align: center; margin: 30px auto 30px auto;}
.medicamentos li{position: relative; display:inline-block; vertical-align: top; width: 100%; max-width: 300px; font-size: 20px; margin: 0 auto 30px auto;}

/*-----------------------------------------TABLAS APUNTES---------------------------------------------------------*/
.tabla-apuntes{position: relative; display:table;}
.tabla-apuntes-tit{width: 130px; font-size: 20px; padding-left: 8px; background-color:#ffaf00; color: #000;}
.tabla-apuntes-num{width: 80px;}
.tabla-apuntes-sel{width: 70px; border: 1px solid #666; background-color: #fff; text-align: center;}
.tabla-apuntes-sel label{height: 50px !important;}


/*-----------------------------------------BUSCADOR---------------------------------------------------------*/
.buscador-tabla{position: relative; display:table; width: 100%;}
.buscador-boton{width: 40px;}
.buscador-titulo{position: relative; display:table; width: 100%; background-color:#3a3937; color: #fafafa; text-align: left;}
.buscador-titulo td{padding: 2px 0 2px 12px;}
.buscador-lista{position: relative; display:table; font-size: 20px; margin: 0 auto 0 auto;}
.buscador-lista-titulos{padding: 8px; background-color:#3a3937; color: #fafafa; text-align: center;}
.buscador-lista-celdas{padding: 8px; border: 1px dotted #afafaf; color: #000; text-align: center; background-color:#fafafa;}

/*-----------------------------------------CELDAS---------------------------------------------------------*/
.over{max-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; cursor: pointer;}
.ov-nombre{width: 35%;}
.ov-tecnico{width: 20%;}
.ov-mensaje{width: 45%;}
.ov-fecha{width: 20%; font-size: 20px; background-color: #ebf0e6;}
.ov-fecfull{width: 14%; font-size: 20px; background-color: #ebf0e6;}
.explotacion{font-size: 20px; color: #666;}
.fecha{white-space: nowrap; width: 1px; font-size: 20px; font-weight: 600; background-color: #ebf0e6;}
.rojo{background-color:#dbc6bc;}
.azul{background-color:#bcd3db;}
.verde{background-color:#c8f0a0;}
.vacio{background-color:#f0f0f0;}

/*-----------------------------------------GALERIA FOTOS---------------------------------------------------------*/
.tabla-examinar{position: relative; display:table; width: 100%; max-width: 250px; margin: 0 auto 0 auto; text-align: center;}
.tabla-examinar td{padding: 3px;}
.tabla-examinar-titulo{font-size: 20px; color: #fff; background-color: #365d00; line-height: 19px;}
.tabla-examinar-mensaje{font-size: 20px; border: 1px #ddd solid; background-color: #fff; color: #666; font-style: italic; padding: 5px 50px 5px 50px;}
.tabla-examinar-boton{background-color: #fff;}
.tabla-examinar-correcto{display: none; font-size: 20px; color: #fff; background-color: #78a050;}

.galeria{position: relative; display: table; margin: auto; text-align: center;}
.galeria li{list-style: none; display: inline-block;}
.galeria img{max-height: 100px;}
.miniatura{border-spacing: 0; border-collapse: collapse; width: 200px;}
.miniatura td{border: 1px solid #666; text-align: center; background-color: #fafafa; padding: 0 10px 0 10px;
word-break: break-word;
white-space: pre-line;
overflow-wrap: break-word;
-ms-word-break: break-word;
word-break: break-word;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.miniatura a{display: inline-block; margin: 5px;}
.miniatura-bot img{width: 40px;}
.contfoto{position: fixed; display:none; top:0; left: 0; width: 100%; height: 100%; z-index: 500; overflow-y: auto;}
.fondofoto {position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color:#000; opacity: .9; z-index: -1;}
.margenfoto{display: block; height: 10%;}
.gfoto{display:none; width: 100%; height: 100vh; margin: auto; text-align: center; vertical-align: middle;}
#fotos {display: table; margin: 0 auto 0 auto; background-color:#FF0000;}
#fotos img{max-width: 100%; max-height: 100%;}
.leyendafoto {display: block; padding: 10px 0 10px 0; background-color:#000; color: #fff; font-size: 20px;}
.foto-scroll{position: relative; display: block; margin: 0 auto 0 auto; width: 100%; max-height: 95vh; overflow-x: hidden; overflow-y: auto;}
.minisubida{position: relative; display: table; max-width: 750px; margin: 0 auto 0 auto; background-color:#fff; border: 1px #BDBDBD solid;}
.minisubida li{position: relative; display: inline-block; margin: 5px; vertical-align: top; list-style: none; width: 70px; height: 40px; background-color:#000; border: 1px #333 solid; font-size: 10px; color: #fff; background-size: 90px 50px;}
.minisubida img{max-height: 40px;}


/*-----------------------------------------CONTENEDORES---------------------------------------------------------*/
.contfotogrand{position: fixed; display:none; top:0; left: 0; width: 100%; height: 100%; background-color:#000; z-index: 300;}
.cellfotogrand{display: table-cell; vertical-align:middle;}
.fotogrand{margin: auto; background-color: #eee; border: 3px solid #eee;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
.fotogrand img{
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
.fondocont {position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color:#000; opacity: .8; z-index: -1;}
.contpulsa{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.contcoments{position: fixed; display:none; top:0; left: 0; width: 100%; height: 100%; z-index: 50;}
.coments{display:none; margin: 65px auto 0 auto; padding: 40px 30px 40px 30px; background-color: #fafafa; text-align: center;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.coment-scroll{position: relative; display: block; margin: 0 auto 0 auto; width: 100%; max-height: 75vh; font-size: 20px; overflow-x: hidden; overflow-y: auto;}
.coment-tabla{position: relative; display:table; width: 350px; height: 100%; margin: auto; padding: 0 20px 0 20px; font-size: 20px;}
.celdas-com {white-space: nowrap; width: 1px; padding-right: 10px;}
.celdas-com-nombre {width: 100%; padding: 10px; border: 1px solid #999; text-align: center;}
.pwa-tabla{position: relative; display:table; width: 90%; max-width: 650px; height: 100%; margin: 30px auto 30px auto; padding: 20px 40px 20px 30px; font-family: 'Arial'; font-size: 20px; color: #000; text-align: left; border: 1px solid #999; background-color: #E7E7E7;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.pwa-tabla td{padding: 5px 0 5px 0;}
.pwa-tabla li{margin: 4px 0 4px 30px; list-style: disc;}


/*-----------------------------------------TABLAS HERRAMIENTAS---------------------------------------------------------*/
.tabla-herra{position: relative; display:table; margin: auto;}
.tabla-herra td{padding: 4px; border: 1px solid #bababa; border-radius: 6px;}
.tabla-herra img{width: 50px;}


/*-----------------------------------------FORMULARIOS---------------------------------------------------------*/
.combox{font-size: 20px; color:#000; border: 1px solid #666; padding: 10px;}
.combox-full{width: 100%; font-size: 20px; color:#000; border: 1px solid #666; padding: 10px;}
.combox-bot{font-size: 20px; color:#000; border: 1px solid #666; border-radius: 4px; margin: 20px 0 10px 0; padding: 8px 14px 8px 14px;}
.combox-horario{font-family: 'Arial'; font-size: 20px; color:#333; border: 1px solid #999; padding: 10px; width: 100%;}
.combox-horario option{font-family: 'Arial'; padding: 20px 10px 20px 10px; border-bottom: 1px dotted #666;}
.selecMult{font-family: 'Arial'; font-size: 20px; color:#333; border: 1px solid #999; padding: 10px; width: 100%; height: 300px;}
.selecMult option{font-family: 'Arial'; padding: 10px; border-bottom: 1px dotted #666;}
.combox-agregadas{width: 95%; font-size: 20px; color:#000; border: 1px solid #D8D8D8; padding: 10px;}
.combox-fecha{font-size: 20px; color:#000; border: 1px solid #666; padding: 10px; width: 150px; margin: 0 5px 0 0px; text-align: center;}
.combox-verde select{background-color: #c8f0a0;}
.combox-verde option{background-color: #fafafa;}
.comboxito{font-size: 20px; color:#000; border: 1px solid #afafaf; padding: 10px;}
.comboxito::placeholder{font-size: 20px; color:#b4b4b4;}
textarea {resize:vertical; font-family: "Gesfo"; font-size: 20px;}
.comtextsin{width: 100%; padding: 10px; font-size: 20px; border: 1px dotted #afafaf;}
.upload {display: block; height: 0; overflow: hidden; width: 1px;}
.upload input {display: block; height: 0; opacity: 0; overflow: hidden;}
.botexaminar{display: table; font-size: 20px; padding: 4px 10px 4px 10px; margin: 12px auto 14px auto; text-align:center; color: #fafafa; background-color:#333; cursor:pointer; text-decoration:none;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;}
.botexaminar a{display: block; color: #fff; }
.botexaminar:hover{opacity: .5;}
.botones-gemelos{position: relative; display:table; margin: auto;}
.botones-gemelos li{position: relative; display:inline-block;}




/*-----------------------------------------EXPOSITORES---------------------------------------------------------*/
.tabcorta{position: relative; display: table; width: 95%; padding: 10px; margin: 0 auto 40px auto; border: 1px solid #444;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-ms-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.4);
box-shadow:5px 5px 10px rgba(0, 0, 0, 0.4);
}
.tabcorta-titulo{position: relative; display:table; width: 95%; font-size: 20px; margin: 0 auto 30px auto; padding: 5px 0 5px 0; background-color:#3a3937; color: #fafafa; text-align: center;}
.tabcorta-iconos{width: 70px; text-align: center;}
.tabcorta-iconos img{width: 50px; cursor: pointer;}
.tabcorta-fecha{background-color:#bdcda8; text-align: center; font-size: 18px; line-height: 18px;}
.tabcorta-estado{width: 100px; height: 60px; cursor: pointer; border: 0; text-align: center; line-height: 14px;}
.tabcorta-estado div{display:block; font-size: 12px;}
.tabcorta-estado img{width: 50px;}
.tabcorta-subcont{width: 100%;}
.tabcorta-datos{background-color:#e6e6e6; padding: 4px 0 4px 6px; font-size: 20px;}
.tabcorta-cita{margin: 5px auto 10px auto;}
.tabcorta-cont{position: relative; display:table; width: 100%; font-size: 20px; margin: 0 auto 0 auto;}
.tabcorta-cont-sub{padding: 8px; font-size: 16px; text-align: center; background-color:#c8c8c8;}
.tabcorta-miniaturas{position: relative; display: table;}
.tabcorta-miniaturas li{position: relative; display: inline-block; margin: 5px; vertical-align: top; text-align: center; list-style: none; width: 70px; height: 40px; background-color:#000; border: 1px #333 solid; font-size: 10px; color: #fff; background-size: 90px 50px;}
.tabcorta-miniaturas img{max-height: 40px; border: 1px #333 solid;}
.tabcorta-numero{background-color: #333; color: #fff; font-size: 12px; padding: 6px 4px 0 10px;}
.tabcorta-num{background-color: #333; color: #fff; padding: 0 10px 0 0;}
.tabcorta-soc{padding: 0 0 0 10px;}
.tabcorta-subtit{white-space: nowrap; width: 1px; background-color:#c2c8ba; font-size: 14px; padding: 0 8px 0 6px;}
.tabcorta-mensaje{padding: 10px; text-align: left; border: 1px dotted #afafaf; background-color:#e3e4dc; opacity:.8; font-size: 18px;}
.tabcorta-subtit1{white-space: nowrap; width: 1px; background-color:#c8c2ba; font-size: 14px; padding: 0 8px 0 6px;}
.tabcorta-mensaje1{padding: 10px; text-align: left; border: 1px dotted #afafaf; background-color:#e4dfdc; opacity:.8; font-size: 18px;}
.tabcorta-subtit2{white-space: nowrap; width: 1px; background-color:#bac2c8; font-size: 14px; padding: 0 8px 0 6px;}
.tabcorta-mensaje2{padding: 10px; text-align: left; border: 1px dotted #afafaf; background-color:#dce0e4; opacity:.8; font-size: 18px;}