@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400&display=swap');


body {font-family:Montserrat;font-size:15px;line-height:25px;color:#000000;}
textarea {resize: none;}
hr.style-one {border: 0;height: 1px;background: #333;background-image: linear-gradient(to right, #ccc, #333, #ccc);}
hr.style-two {border: 0;height: 3px;background: #333;background-image: linear-gradient(to right, #ccc, #333, #ccc);}
input[readonly]{background-color:#FFF3F3;border:1px solid #888888;color:#000000;} 
input[disabled]{background-color:#FFF3F3;border:1px solid #888888;color:#000000;}
select[readonly]{background-color:#FFF3F3;border:1px solid #888888;color:#000000;}
select[disabled]{background-color:#FFF3F3;border:1px solid #888888;color:#000000;}
::placeholder { font-style:italic;text-transform: lowercase; }
:-ms-input-placeholder { font-style:italic;text-transform: lowercase; } /* IE 10+ */
::-webkit-input-placeholder { font-style:italic; text-transform: lowercase;} /* WebKit */
::-moz-placeholder { font-style:italic;text-transform: lowercase; } /* Firefox 19+ */

/* ACCESO*/
.ctrAcceso{display:block;margin:auto;width:400px;}
.ctrAcceso input{width:100%;padding: 12px 20px;margin:8px 0;display:inline-block;border: 1px solid #ccc;box-sizing: border-box;}
.ctrAcceso button {background-color: #70BF73;color: white; padding: 14px 20px;margin: 8px 0;border: none; cursor: pointer;width: 100%;}
.ctrAcceso button:hover {background-color: #4CAF50;}
.ctrImg {text-align: center;margin: 20px 0 10px 0;}
.ctrImgAvatar {text-align: center;margin: 20px 0 10px 0;Width:150px;}
.ctrUsr {padding:16px;}

/* Cuerpos */
.contenedor {margin:0 auto 0 auto; width:95%; min-width:1024px;}

/* Menus */
.menu{float:left;height:70px;} 
.nav {list-style:none;}
.nav > li {float:left;}
.nav li a {background:#2BAF34;color:#FFF;display:block;border:1px solid;padding:10px 12px;} 
.nav li a:hover {background:#228604;color:#FFFFFF;text-decoration:none;}
.nav li ul {display:none;position:absolute;min-width:140px;margin: 0; padding: 0; border: none;list-style:none;}
.nav li:hover > ul {display:block;}
.nav li ul li {position:relative;}
.nav li ul li ul {right:-140px;top:0px;}
.nav li ul li ul a{Background-color:#2BAF34;}
.nav li ul li ul a:hover{Background-color:#228604;}
.nav li ul li ul li ul a{Background-color:#2BAF34;}
.nav li ul li ul li ul a:hover{Background-color:#228604;}
.nav li .flecha{font-size: 9px;padding-left: 6px;display: none;}
.nav li a:not(:last-child) .flecha {display: inline;}

/* Principal */
.bienvenida{width:60%;margin:auto;}
.bienvenida img{display:block;margin:auto;}

/* Varios */
.txtMayusculas{text-transform: uppercase;}
.slogan {float:right;width:200px;}

/* Mensajes de Error*/
.error{display:inline-block;font-size:0.7em;background-color:#f44336;color:#FFFFFF;padding:2px;vertical-align:top;}

/* Mensajes de Error*/
.avisoError{display:block;visibility:hidden;font-size:1.0em;background-color:#f44336;color:#FFFFFF;padding:5px 0 5px;text-align:center;width:100%;}

/* alienaciones */
.alignIzq{float:left;}
.alignDer{float:right;}
.alignCentrar{text-align:center;}

.colIzq{float:left;width:60%;padding:5px;}
.colDer{float:left;width:35%;padding:5px;}

/*Menu Principal*/
.borrar{font-size:1.3em;color:#F95B5B;vertical-align:middle;}
.editar{font-size:1.3em;color:#5B71F9;vertical-align:middle;}
.negro{font-size:1.3em;color:#000000;vertical-align:middle;}
.verde{font-size:1.3em;color:#4CAF50;vertical-align:middle;}
.azul{font-size:1.3em;color:#4C66AF;vertical-align:middle;}
.vistaPreliminar{font-size:1.2em;color:#000000;vertical-align:middle;}
.facturar{font-size:1.3em;color:#3CC721;vertical-align:middle;}

/* Links Botones*/
.linkAzul{display:block;background-color:#4C66AF;color:#FFFFFF;padding: 10px 20px;margin: 8px 0;text-decoration:none;}
.linkAzul:hover{background-color:#3365F1;color:#FFFFFF;text-decoration:none;}
.linkNegro{display:block;background-color:#000000;color:#FFFFFF;padding: 10px 20px;margin: 8px 0;text-decoration:none;}
.linkNegro:hover{background-color:#555555;color:#ffffff;text-decoration:none;}
.linkVerde{display:block;background-color:#5EC735;color:#FFFFFF;padding: 10px 20px;margin: 8px 0;text-decoration:none;}
.linkVerde:hover{background-color:#6EE43F;color:#ffffff;text-decoration:none;}
.linkNaranja{display:block;background-color:#F2BD2F;color:#FFFFFF;padding: 10px 20px;margin: 8px 0;text-decoration:none;}
.linkNaranja:hover{background-color:#E3B22D;color:#ffffff;text-decoration:none;}

/* Paginacion */
.paginacion{float:left;margin:10px auto 10px auto;width:100%} 
.pagCur{float:left;font-size:1.8em;color:#FFFFFF;background-color:#4C66AF;margin:3px;padding:4px;display:block;}
.pag{float:left;font-size:1.8em;color:#000000;background-color:#999999;margin:3px;display:block;}
.pag a:link {display:block;text-decoration: none;color: #FFFFFF;padding:0 4px 0 4px;}
.pag a:visited {display:block;text-decoration: none;color: #FFFFFF;padding:0 4px 0 4px;}
.pag a:hover {background-color:#3365F1;padding:4px;}

/* Capturas */
 .ctrCaptura{margin:auto;width:100%;padding:5px;box-sizing:border-box;}
 .ctrCaptura2{display:inline-block;margin:auto;width:48%;padding:5px;box-sizing:border-box;}
 .ctrCaptura3{display:inline-block;margin:auto;width:31%;padding:5px;box-sizing:border-box;}
 .ctrCaptura4{display:inline-block;margin:auto;width:22%;padding:5px;box-sizing:border-box;}
 .ctrCaptura6{display:inline-block;margin:auto;width:13%;padding:5px;box-sizing:border-box;}
 .ctrCaptura6 input[disabled]{background-color:#ffffff;border:1px solid #767676;color:#000000;}
 .inputSencillo{width:100%;padding:8px;font-size:1em;}
 .inputCaptura3{width:100%;padding:8px;font-size:1em;box-sizing: content-box;}
 .inputCaptura3[readonly]{background-color:#ffdfdf;}
 .radioCaptura3[disabled]{background-color:#ffdfdf;color:#000000;}
 .inputCaptura3[disabled]{background-color:#ffdfdf;color:#000000;}
 .inputCaptura{width:100%;padding:8px;font-size:1em;box-sizing:border-box;}
 .inputSubCaptura{width:90%;padding:8px;font-size:1em;box-sizing:border-box;}
 .inputCaptura[readonly]{background-color:#ffdfdf;}
 .inputCapturaX{width:98%;font-size:1.0em;border:1px solid #FFFFFF;}
 .inputCapturaX[readonly]{background-color:#ffffff;border:1px solid #FFFFFF}
 .inputCapturaL{padding:8px;font-size:1em;}
 .inputCapturaL[readonly]{background-color:#ffffff;}
 .selectCaptura{width:98%;padding:8px;font-size:1em;}
 .selectCaptura3{width:95%;padding:8px;font-size:1em;box-sizing: content-box;}
 .selectCaptura3[disabled]{width:95%;padding:8px;font-size:1em;background-color:#ffdfdf;color:#000000;box-sizing: content-box;}
 .radioCaptura3{width:95%;padding:8px;font-size:1em;text-align:center; border:1px solid #c1c1c1;background-color:#FFFFFF;box-sizing: content-box;}

 /* Botones */
.btnRojo{background-color: #f44336;color: white; padding: 14px 20px;margin: 8px 0;border: none; cursor: pointer;width: 100%;}
.btnVerde{background-color: #4CAF50;color: white; padding: 14px 20px;margin: 8px 0;border: none; cursor: pointer;width: 100%;}
.btnSencilloAzul{background-color: #137ac9;color: white; padding: 8px;margin: 5px;border: none; cursor: pointer;Font-size:1.2em	;}
.btnAzul{background-color: #137ac9;color: white; padding: 25px 20px;margin: 8px 0;border: none; cursor: pointer;width: 100%;Font-size:1.2em	;}
.btnBorrar{border:0px;cursor: pointer;color:#FF0000;font-size:1.5em;}

.btnAzulF{display:block-inline;background-color: #3365F1;color: white; padding: 14px 20px;margin: 8px 0;border: none; cursor: pointer;;}
.btnRojoF{display:block-inline;background-color: #f44336;color: white; padding: 14px 20px;margin: 8px 0;border: none; cursor: pointer;;}
.btnVerdeF{background-color: #4CAF50;color: white; padding: 14px 20px;margin: 8px 0;border: none; cursor: pointer;}
.lkBtnVerdeF{float:left;padding:10px;font-size:1.0em;background-color:#476100;color:#f6f6f6 !important;border:0px;cursor:pointer;font-weight:normal;text-decoration:none;}
.lkBtnVerdeF:hover{background-color:#4CAF50;color:#FFFFFF;text-decoration:none;}
.lkBtnRojoF{float:left;padding:10px;font-size:1.0em;background-color:#A51A1A;color:#f6f6f6 !important;border:0px;cursor:pointer;font-weight:normal;text-decoration:none;}
.lkBtnRojoF:hover{background-color:#D60303;color:#FFFFFF;text-decoration:none;}
.ctrFiltro input{margin-top:5px;}

/* Ventana Pop Up Modal */
#popup {visibility: hidden;display:none;opacity: 0;margin-top: -200px;}
#popup:target {visibility:visible;display:inherit;opacity: 1;background-color: rgba(0,0,0,0.8);position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		transition:all 1s;
	}
.popup-contenedor {position: relative;margin:7% auto;padding:30px 50px;background-color: #fafafa;color:#333;border-radius: 3px;width:50%;}
.popup-cerrar {position: absolute;top:3px;right:3px;background-color: #333;padding:7px 10px;font-size: 20px;text-decoration: none;line-height:1;color:#fff;}
.popup-cerrar:hover {color:#fff;text-decoration:none;}
a.popup-link {text-align: center;display: block;margin: 30px 0;}


a.menuX:link {text-decoration: none;color: #666666;}
a.menuX:visited {text-decoration: none;color: #666666;}
a.menuX:active {text-decoration: none;color: #666666;}
a.menuX:hover {text-decoration: underline;color: #666666; }

/* Varios*/
.clRojo{color:#f44336}
.clBlanco{color:#ffffff}
.shadow {padding:10px;margin: 0 auto 10px auto;background: #F8F8F8;border: 1px solid #aaaaaa;text-align: justify; }
.shadowFS {padding:10px;margin: 0 auto 10px auto;background: #F8F8F8;border:2px solid #1F497D; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.shadowFS legend {background: #1F497D;color: #fff;padding: 5px 10px;font-size:20px;border-radius: 5px;box-shadow: 0 0 0 5px #ddd;margin-left: 20px;}	
.shadowDoc {padding:10px;margin: 0 auto 10px auto;background: #FFFFFF;border:2px solid #1F497D; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.shadowDoc legend {background: #1F497D;color: #fff;padding: 5px 10px;font-size:20px;border-radius: 5px;box-shadow: 0 0 0 5px #ddd;margin-left: 20px;}	
.separador{clear:both;}
.separador20{height:20px;clear:both;}
.upTexto{text-transform:uppercase;}
.ladoIzq{float:left;}
.ladoDer{float:right;}
.tabla{overflow-x:none;}
.cuaderno{padding:0px;margin:0px;width:100%;}
.cuaderno td{margin:0px;padding: 5px;border-bottom:1px solid #c1c1c1;}
.cuaderno th{margin:0px;padding: 10px;background-color:#666666;color:#ffffff;}
.tabDetalle{padding:0px;margin:0px;width:100%;font-size:1.0em;background-color:#ffffff;}
.tabDetalle td{margin:0px;padding: 5px;border-bottom:1px solid #c1c1c1;}
.tabDetalle td input{text-align: center;}
.tabDetalle th{margin:0px;padding: 5px;background-color:#999999;color:#ffffff;}
.fdBlanco{background-color:#FFFFFF;}
.fdVerde{background-color:#CDFFD1;}
.fdAzul{background-color:#CDCDFF;}
.fdAmarillo{background-color:#FFFB7F;}
.fdRojo{background-color:#E82E0D;}
.ftRojo{color:#E82E0D;}
.fdReadOnly{background-color:#F2F5A9;}
.muyGrande{font-size:2.0em;}
.ftAzul{color:#CDCDFF;}
/* Fuentes */

/*Fuente especial*/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-times:before {content: "\f00d";}
.fa-home:before {content: "\f015";}
.fa-trash-o:before {content: "\f014";}
.fa-pencil-square-o:before {content: "\f044";}
.fa-file-pdf-o:before{content:"\f1c1";}
.fa-search:before{content:"\f002";}
.fa-file-text-o:before{content:"\f0f6";}
.fa-file-pdf-o:before{content:"\f1c1";}
.fa-file-code-o:before{content:"\f1c9";}
.fa-times:before{content:"\f00d";}
.fa-sign-in:before{content:"\f090";}
.fa-sign-out:before{content:"\f08b";}
.fa-balance-scale:before{content:"\f24e";}
.fa-usd:before{content:"\f155";}
.fa-file-archive-o:before{content:"\f1c6";}

a {
    color: #415FC4;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #364E9E;
    text-decoration: underline;
}

.dsbTd{border:1px solid #d9d9d9;background-color:#ffffff;padding:3px;color:#474747}
.err1{color:#FF0000;font-family:arial;font-size:10px;margin:0px;}