@font-face {font-family: 'IdealistSans'; src: url('../fonts/IdealistSans.eot?#iefix') format('embedded-opentype'),  url('../fonts/IdealistSans.otf')  format('opentype'), url('../fonts/IdealistSans.woff') format('woff'), url('../fonts/IdealistSans.ttf')  format('truetype'), url('../fonts/IdealistSans.svg#IdealistSans') format('svg'); font-weight: normal; font-style: normal;}

*{margin: 0; padding: 0; font-family: "IdealistSans";}

img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}

body{overflow:hidden; background-color:#fafafa; font-family: 'IdealistSans'; font-size:14px; color: #333;}

#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;}



/*-----------------------------------------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; width: 200px; margin: 30px auto 0 auto; padding-bottom: 20px; text-align: center; border-bottom: 1px #999 dotted;}

.entrada-titular{display: table; margin: 0 auto 0 auto;}

.entrada-titg{font-size: 90px; color: #4b5360; margin: 0 auto 0 auto;}

.entrada-titp{font-size: 25px; color: #4b5360; margin: 0 auto 40px auto;}

.entrada-comentario{position: relative; width: 90%; max-width: 770px; margin: 60px auto 30px auto; padding-bottom: 40px; font-size: 12px; color: #4b5360; text-align: center; border-bottom: 1px #999 dotted;}

.entrada-form{position: relative; display: block; width: 80%; max-width: 350px; margin: 0px auto 0px auto; padding: 20px; border: 1px solid #666; background-color:#4b5360;

font-size: 17px; text-align: center; color: #fff; line-height: 35px;

-ms-border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;

-ms-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
}

.entrada-form input{width: 80%; text-align:center;}

.verif{display:none; font-size: 12px; color: #646464; margin: 6px; padding: 5px;}

@keyframes fade {
from {opacity:0;}
to {opacity:1;}
} 

@-webkit-keyframes fade {
from {opacity:0;}
to {opacity:1;}
}


.navega-bot{position: relative; display: block; width: 80%; max-width: 350px; margin: 20px auto 20px auto; padding: 10px; text-align: center; 
-ms-border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
}

.navega-bot-a{text-decoration: none; color: #fff; font-size: 24px;}

.navega-separa{position: relative; width: 90%; max-width: 770px; margin: 60px auto 30px auto; border-bottom: 1px #999 dotted;}




/*-----------------------------------------CABEZA---------------------------------------------------------*/


.cabeza{position: fixed; display:block; top: 0; left: 0; margin: 0 auto 0 auto; width: 100%; background-color:#eee; 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: 200px; height: 90px; background-color:#f5f5f5;}

.cablogo img{height: 90px;}

.cablogocorto{display:none; height: 90px; background-color:#f5f5f5;}

.cablogoultracorto{display:none; height: 90px; background-color:#f5f5f5;}

.cablogo img{width: 180px;}

.cab-tituloa{width: 500px; height: 90px; padding: 0 20px 0 20px; background-color:#eee;}

.cab-titulob{display:none; height: 90px; padding: 0 20px 0 20px; font-size: 60px; color: #333; background-color:#eee; line-height: 85px;}

.cab-menu{height: 90px; border-right: 1px #dae0e5 dotted; background-color:#f5f5f5;}

.cab-menu img{padding: 0 40px 0 40px;}

.cab-salir{height: 90px; background-color:#f5f5f5;}

.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; left: 30%; width: 380px; margin: 5px auto 0 auto;

-ms-border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;

-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:#555; font-size: 24px;
-ms-border-top-left-radius:30px;
-moz-border-top-left-radius:30px;
-webkit-border-top-left-radius:30px;
border-top-left-radius:30px;

-ms-border-top-right-radius:30px;
-moz-border-top-right-radius:30px;
-webkit-border-top-right-radius:30px;
border-top-right-radius:30px;}


.iconos-botonera {padding: 10px 20px 10px 15px; width: 48px;}

.iconos-botonera img{max-width: 48px; max-height: 48px; !important;}


#salir{position: fixed; left: 0; top: 0; width: 100%; height: 100%;}


/*-----------------------------------------Clases*/

.bot-n0{position: relative; width: 200px; margin: 0 auto 0 auto; padding: 20px 0 20px 0;}
.bot-n0 li{position: relative; display:block; width: 200px; margin: 20px 0 20px 0; list-style:none; text-align:center; background-color:#dcdcdc; border: 3px solid #999; 
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

-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: 20px; padding: 10px; text-align: center; color: #333; text-decoration:none;}
.bot-n0 li:hover{opacity: .5;}


.bot-n1{position: relative; width: 200px; margin: 0 auto 0 auto; padding: 20px 0 20px 0;}
.bot-n1 li{position: relative; display:block; width: 200px; height: 32px; margin: 17px 0 17px 0; list-style:none; text-align:center; background-color:#eee; border: 2px #aaa solid;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

-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: 16px; padding: 7px; text-align: center; color: #000; text-decoration:none;}
.bot-n1 li:hover{opacity: .2;}

.bot-n1 img{position: absolute; width: 32px; height: 32px; left: 10px; bottom: 0px; padding: 0 5px 0 0; border-right: 2px #aaa solid;}

.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:#666;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

-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: 16px; 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;}



/*-----------------------------------------BUSCAR-ORDENAR---------------------------------------------------------*/


.ordcli option{display: block;}

.buscord-tabla {position: relative; display:table; width: 100%;}

.buscord-tabla img{max-width: 100%; max-height: 100%;}

.buscord-tabla div{padding: 4px;}

.ordcli{background-color:#fafafa; border: 1px #ddd solid; text-align: center;}

.ordcli-cont{display: block; margin: 10px; padding: 10px;}

.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;}

.fechas-tabla {position: relative; display:table; width: 100%; border: 1px #eee solid; padding: 10px 20px 0 20px; background-color: #fff; font-size: 12px; text-align: left;}

.lupa img{padding: 5px; width: 30px; height: 30px; !important;}






/*-----------------------------------------PAGINADOR---------------------------------------------------------*/


.paginado-bot{position: relative; width: 30px; padding: 4px; text-align:center; background-color:#eaeaea; border: 1px #aaa solid; cursor:pointer;
-ms-border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

-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 a{display: block; font-size: 18px; color: #000; text-decoration:none;}
.paginado-bot:hover{opacity: .5;}

.paginado-bot-select{position: relative; width: 30px; padding: 4px; text-align:center; background-color:#aaa; color: #fff; border: 1px #aaa solid;
-ms-border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}



/*-----------------------------------------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: #333; text-align:center; background-color:#eee; border-bottom: 2px solid #555; border-top: 10px solid #555;}

.titulo img{position: relative; width: 50px; margin: -10px 10px 0 0;}

.subtitulo{position: relative; display: block; width: 90%; font-size: 30px; padding: 5px; color: #fff; text-align:center; background-color:#4b5360; margin: 20px auto 0 auto;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}

.mensaje{position: relative; display: block; width: 95%; font-size: 20px; padding: 5px; color: #fff; text-align:center; border: 1px #aaa dotted; background-color:#ff6000; margin: 0 auto 0 auto;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}

.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:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;}


.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;}

input.tabla-radio + label.tabla-radio{display: inline-block; width: 40px; height: 40px; background-image:url(../im/check.png); cursor:pointer;}

input.tabla-radio:checked + label.tabla-radio{background-image:url(../im/checked.png);}



.seleccionado{font-size: 16px; text-align: center; color: #fafafa; opacity: .5; pointer-events:none !important;}

.iconos-fijos {display: table; width: 100%;}

.iconos-fijos img{padding: 5px; max-width: 48px; max-height: 48px; !important;}

.iconos-fijos-com img{padding: 5px; max-width: 25px; max-height: 25px; !important;}

.borde-izq{border-left: 1px #999 solid;}

.borde-bajo{border-bottom: 1px #999 solid;}

.texto {font-size: 14px; text-align: center; color: #666;}

.atajos{position: relative; display: table; margin: 30px auto 20px auto; text-align: center;}

.atajos img{margin: 4px;}


/*--------------Tablas------*/


.tabla{position: relative; display:table; width: 90%; font-size: 14px; margin: 0 auto 0 auto;}

.tabla a{color: #285064;
-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-apendice{padding: 8px; background-color:#f0c189; color: #000; text-align: center;}

.tabla-celdas{padding: 8px; border: 1px dotted #afafaf; color: #000; text-align: center; background-color:#fafafa;}

.tabla-celdas-cheks{font-size: 12px; padding: 8px; border: 1px dotted #afafaf; color: #fff; background-color:#4b5360;}

.tabla-celdas-datos1{vertical-align: top;}


.tablafac{position: relative; display:table; width: 90%; font-size: 18px; margin: 0 auto 0 auto; white-space: nowrap;}

.tablafac td{padding: 15px; text-align: right;}

.tablafac-diagonal{background-image:url(../im/diagonal.jpg);}



/*-----------------------------------------TABLAS INPUT---------------------------------------------------------*/

.tabla-input{position: relative; display:table; width: 85%; font-size: 18px; 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;}

.tabla-input img{margin: 0 10px 0 10px;}

.input-calendario{white-space: nowrap;}

.input-calendario input{width: 80%;}




/*-----------------------------------------AVISOS---------------------------------------------------------*/

.avisos-tabla{position: relative; display:table; width: 90%; font-size: 14px; margin: 0 auto 0 auto;}

.avisos-tabla a{color: #285064;
-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;}

.avisos-tabla a:hover{opacity: .5;}

.avisos-ticket{width: 50px; padding: 0 0 5px 0; background-color:#ebebeb; border: 1px #e2e2e2 solid;}

.avisos-ticket img{margin: 5px 0 5px 0;}

.avisos-fecha{padding: 4px 8px 4px 8px; font-size: 12px; background-color:#6c7788; color:#fff; white-space: nowrap; width: 1px;}

.avisos-de{padding: 4px 8px 4px 8px;  font-size: 12px; background-color:#b0b0b0; white-space: nowrap; width: 1px;}

.avisos-usuario{padding: 4px 8px 4px 8px; font-size: 12px; background-color:#cad4e3; text-align: left; max-width: 50px; overflow:hidden; text-overflow: ellipsis;}

.avisos-aviso{background-color:#fef8b4; padding: 10px; text-align: left;}

.avisos-comupload{position: relative;}




/*-----------------------------------------PROYECTOS---------------------------------------------------------*/

.proyecto-titulos{position: relative; display: block; width: 100%; margin-top: 20px auto 20px auto; font-size: 24px; padding: 6px 0 6px 0; color: #333; text-align:center; background-color:#fafafa; border-bottom: 1px solid #555; border-top: 1px solid #555;}

.proyecto-cont{position: relative; display: table; width: 100%; margin: 20px auto 0 auto; text-align: center;}

.proyecto-cont li{display: inline-block; list-style: none; margin: 6px 0 6px 0;}

.proyecto-cont span{padding: 10px; border: 1px solid #555; background-color: #eaeaea; 
-ms-border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;}

.proyecto-titulos-tabla{display: inline-block; border: 1px #999 solid; margin: 0 auto 0 auto;}

.proyecto-titulos-tabla td{font-size: 16px;}

.pestanas{position: relative; display: block; background-color: #333; color: #CCC; font-size: 18px; text-align: left; line-height: 20px; padding: 4px 0 0 20px; cursor: pointer;
-ms-border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;}

.pestanas span{margin-left: 10px;}

.pestanas-separador{border-top: 2px #999 dotted; margin: 10px 5px 10px 5px;}

.ancla:before {display: block; content: " "; margin-top: -100px; height: 100px; visibility: hidden;} 

.pestanas-linea{position: relative; display: table; width: 100%; height: 2px; border-top: 2px #fff dotted;}


/*-----------------------------------------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: 14px; color: #fff; background-color: #666;}

.tabla-examinar-mensaje{font-size: 11px; background-color: #ddd; color: #666; font-style: italic; padding: 5px;}

.tabla-examinar-boton{background-color: #fff;}

.galeria{position: relative; display: table; margin: auto; text-align: center;}

.galeria li{list-style: none; display: inline-block;}

.galeria img{max-height: 113px;}

.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;}



.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: 100%;  margin: auto; text-align: center; vertical-align: middle;}

#fotos {display: table; margin: 0 auto 0 auto;}

#fotos img{max-width: 100%; max-height: 100%;}

.leyendafoto {display: block; padding: 10px 0 10px 0; background-color:#000; color: #fff; font-size: 18px;}





/*-----------------------------------------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:30px;
-moz-border-radius:30px;
-webkit-border-radius:35px;
border-radius:30px;}

.fotogrand img{
-ms-border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:35px;
border-radius:30px;}

.fondocont {position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color:#000; opacity: .8; z-index: -1;}

.contcoments{position: fixed; display:none; top:0; left: 0; width: 100%; height: 100%; z-index: 50;}

.coments{display:none; width: 400px; height: auto; max-height: 300px; margin: 65px auto 0 auto; padding: 10px 30px 20px 30px; background-color: #fafafa; font-size: 20px; text-align:justify; overflow-y: auto;
-ms-border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}

.listapac{display:block; width: 100%; max-width: 300px; margin: auto; padding: 10px 30px 20px 30px; background-color: #fafafa; font-size: 20px;
-ms-border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}

.listapac li{position: relative; list-style:none; margin: 2px;}

.cierracoment{display:block; width: 40px; margin: 0 auto 10px auto;}

.cierracoment img{max-width: 100%; max-height: 100%;}

.textar-lopd{width: 720px;}



.contex{position: fixed; display:block; top:0; left: 0; width: 100%; height: 100%; z-index: 200; background-color:#444;}

.contex-min{position: fixed; display:none; top:160px; left: 0; width: 100%; height: 100%; background-color:#444;}

.contex-tabla{margin: 5px auto -5px auto;}



/*-----------------------------------------EDICION---------------------------------------------------------*/


.combox{font-size: 16px; color:#000; border: 1px solid #666; border-radius: 12px; padding: 4px;}

.combox-cuad{font-size: 16px; color:#000; border: 1px solid #666; padding: 4px; width: 100%;}

.combox-fecha{font-size: 14px; color:#000; border: 1px dotted #666; padding: 4px; width: 90px; margin: 0 10px 0 0px;}

.combox-full{width: 100%; font-size: 16px; color:#000; border: 1px solid #666; border-radius: 12px; padding: 4px;}

.combox-orden{font-size: 14px; color:#000; border: 1px solid #666; border-radius: 4px; padding: 4px;}

.combox-bot{font-size: 20px; color:#000; border: 1px solid #666; border-radius: 12px; margin: 20px 0 10px 0; padding: 10px;}

.combox-tx{width: 80%; border: 1px solid #666; border-radius: 12px; padding: 4px;}


.combox-horario{font-family: 'Arial'; font-size: 16px; color:#333; border: 1px solid #999; padding: 10px; width: 100%;}

.combox-horario option{font-family: 'Arial'; padding: 10px; border-bottom: 1px dotted #666;}

@-moz-document url-prefix() {.combox-horario {padding: 0 10px 0 10px; border-bottom: 1px dotted #666;}}


.comb-consigna{font-size: 20px; color:#fff; border: 1px solid #333; padding: 4px; background-color:#e87242;}

.comb-binario{width: 100%; max-width: 150px; min-width: 70px; text-align:center; font-size: 20px; color:#333; border: 1px solid #333; padding: 4px;}


.comb-href{text-decoration: none; font-size: 20px; color:#333; border: 1px solid #666; border-radius: 12px; padding: 10px; background-color:#fafafa;}

.comb2{font-size: 16px; color:#666a; border: 1px solid #7596af; padding: 4px; background-color:#7596af;}

.comb3{font-size: 16px; color:#000; border: 1px #666 dotted; padding: 4px; background-color:#fafafa;}

.comb4{font-size: 16px; color:#666; border: 1px #ff4b00 dotted; padding: 4px; background-color:#ff4b00;}

.comboxito{font-size: 14px; color:#000; border: 1px solid #afafaf; padding: 1px;}

.comboxito-bot{font-size: 14px; color:#000; border: 1px solid #afafaf; border-radius: 2px; margin: 10px 0 0 0; padding: 4px;}

textarea {resize:vertical;}

.comtextsin{width: 100%; padding: 5px; font-size: 16px; border: 1px dotted #afafaf;}

.combox-calendario{font-size: 16px; color:#000; height: 30px; border: 1px solid #666; border-radius: 12px; padding: 4px; vertical-align: top; text-align: center;}



.upload {display: block; height: 0; overflow: hidden; width: 1px;}

.upload input {display: block; height: 0; opacity: 0; overflow: hidden;}

.botexaminar{display: table; font-size: 16px; padding: 4px 10px 4px 10px; margin: 4px auto 4px auto; text-align:center; color: #fafafa; background-color:#333; cursor:pointer; text-decoration:none;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

-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;}



.thumb{position:relative; display: block; width: 100%; clear: both; height: 80px; border: 1px solid #666; border-radius: 12px; margin: 10px auto 0 auto; background-color:#FFF; text-align:center;}

.tabla-cliente{position:relative; display: block; width: 100%; border: 1px solid #666; border-radius: 12px; padding: 4px; background-color:#FFF; text-align:center;}

.lista-clientes {text-decoration:none; color: #333;}






/*-----------------------------------------GASTOS---------------------------------------------------------*/

.tabgas{position: relative; display:table; width: 90%; max-width: 550px; font-size: 14px; margin: 10px auto 10px auto;}

.tabgas-titulos{background-color:#333; color: #fafafa; text-align: center; padding: 4px;}

.tabgas-concepto{width: 100%; border: 1px dotted #afafaf; color: #000; text-align: left; padding: 4px 0 4px 20px;}

.tabgas-celdas{border: 1px dotted #afafaf; color: #000; text-align: center;}

.tabgas-margen{border: 1px dotted #afafaf; color: #000; text-align: center; background-color:#ef9246;}

.tabgas-resultado{width: 100%; border: 1px dotted #afafaf; color: #fff; text-align: center; background-color:#4b5360; white-space: nowrap; padding: 0 10px 0 10px;}


.tabgas-combox-input{width: 120px; color:#000; border: 0; padding: 4px;}
.tabgas-combox-margen{width: 60px; color:#000; border: 0; padding: 4px; background-color:transparent;}

.selpresup{font-size: 16px; text-align: center; color: #fafafa; opacity: .5;}

.repceldas{vertical-align: middle;}
.repceldas input{margin-top: 8px;}
.repceldas img{margin-top: 7px;}

.textproy{width: 95%; padding: 5px; font-size: 12px; border: 0px;}




/*-----------------------------------------GESTION---------------------------------------------------------*/


.ges-titulo{position: relative; display: block; width: 100%; font-size: 40px; padding: 8px 0 10px 0; color: #333; text-align:center; background-color:#2affb1; border-bottom: 2px solid #555;}

.boton-ref{position: relative; display: table; font-size: 20px; border: 1px solid #666; margin: 20px auto 10px auto; padding: 10px; background-color:#ffc600; cursor:pointer;
-ms-border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}

.boton-ref a{text-decoration: none; color:#000;}

.asigna-fecharepe{font-size: 12px; padding: 2px; border: 1px dotted #afafaf; color: #000; text-align: center; background-color:#e59696;}


.titulo-complejo{position: relative; display: block; width: 100%; margin-top: 92px; background-color:#eee; border-bottom: 2px solid #555; border-top: 10px solid #555;}
.tit-complejo-tabla{position: relative; display: table; margin: 0 auto 0 auto;}
.tit-complejo-td1{background-color:#4b5360; width: 1px;}
.tit-complejo-td2{background-color:#b1e1ff; color: #333; font-size: 26px; text-align: center; padding: 0 60px 0 60px; white-space: nowrap;}
.tit-complejo-td2 div{font-size: 12px; color: #666;}
.tit-complejo-td3{background-color:#4b5360; color: #fff; font-size: 16px; padding: 0 40px 0 40px; text-align: center; width: 1px; white-space: nowrap;}
.tit-complejo-td4{background-color:#4b5360; width: 1px;}
.tit-complejo-tabla img{padding: 5px 20px 5px 20px; max-width: 50px; max-height: 50px; !important;}




/*-----------------------------------------FACTURACION---------------------------------------------------------*/

.factura-res{position: relative; display: table; margin: 0 auto 0 auto; width: 90%;}
.factura-res-titulo{position: relative; display: table-cell; font-size: 22px; color: #fff; background-color: #444; padding: 10px; border: 1px #f1f1f1 solid; text-align: center;}
.factura-res-resultado{position: relative; display: table-cell; font-size: 22px; color: #333; background-color:#ffc000; padding: 10px; border: 1px #f1f1f1 solid; text-align: center; white-space: nowrap;}
.factura-res-corta{position: relative; display: table-cell;}
.factura-res-corta-fijo{position: relative; display: table-row;}


.tabla-facturas{position: relative; display:table; width: 100%; font-size: 12px; margin: 0 auto 0 auto;}
.tabla-facturas-titulos{display: table-cell; padding: 8px; background-color:#3a3937; color: #fafafa; text-align: center;}
.tabla-facturas-titulos-redux{display: none; padding: 8px; background-color:#3a3937; color: #fafafa; text-align: center;}
.tabla-facturas-celdas{border: 1px dotted #afafaf; color: #000; background-color:#fafafa;}
.comfac-nf{font-size: 14px; color:#333; border: 0px; text-align: center; box-sizing: border-box; width: 100%; max-width: 90px; background-color: transparent;}
.comfac-num{font-size: 14px; color:#333; border: 0px; text-align: center; box-sizing: border-box; width: 100%; max-width: 140px; background-color: transparent;}
.comfac-tx{font-size: 12px; color:#333; border: 0px; text-align: center; padding: 10px; box-sizing: border-box; resize: none; width: 100%; background-color: transparent;}
.comfac-sel{font-size: 12px; color:#333; border: 0px; padding-left: 4px; box-sizing: border-box; width: 100%; max-width: 90px; background-color: transparent;}
.comfac-sel option{font-family: 'Arial';}



/*-----------------------------------------INFORMES---------------------------------------------------------*/


.informe-tabla{position: relative; display:table; width: 90%; font-size: 14px; margin: 0 auto 0 auto;}
.informe-celdas-tit{font-size: 22px; text-align: left; padding: 0 10px 0 30px; background-color: #444; color: #fff;}
.informe-celdas-pdf{background-color: #bbb; color: #fff; width: 1px;}
.informe-celdas-pdf img{padding: 5px; min-width: 70px;}


/*-----------------------------------------COMERCIAL---------------------------------------------------------*/

.com-tabla{position: relative; display:table; width: 90%; font-size: 14px; margin: 0 auto 0 auto;}
.galeria-com{position: relative; display: table; margin: auto; text-align: center;}
.galeria-com li{list-style: none; display: inline-block;}
.galeria-com img{max-height: 73px;}
.miniatura-com{border-spacing: 0; border-collapse: collapse;}
.miniatura-com td{border: 1px solid #666; text-align: center; background-color: #fafafa; font-size: 10px; width: 130px; 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-com a{display: inline-block; margin: 2px 10px 2px 10px;}
.separador-com{position: relative; display:block; width: 100%; height: 1px; border-bottom: 1px #aaa dashed; margin: 40px 0 40px 0;}




/*-----------------------------------------IMPRESORA---------------------------------------------------------*/


.impresora-papel{margin-left: 40px; background-color: #fff; border: 1px solid #999; border-radius: 12px; padding: 5px;}

.impresora-pdf{background-color: #fff; border: 1px solid #999; border-radius: 12px; padding: 5px;}