:root{
    --ok:#16a34a;
    --bad:#dc2626;
    --muted:#6b7280;
    --border:#e5e7eb;
    --bg:#ffffff;
}

body{
	margin:0;
	padding:0;
	font-family: Arial,Helvetica,sans-serif;
	
	background: #004f6e;
	background: -moz-radial-gradient(center, ellipse cover, #004f6e 0%, #010519 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #004f6e), color-stop(100%, #010519));
	background: -webkit-radial-gradient(center, ellipse cover, #004f6e 0%, #010519 100%);
	background: -o-radial-gradient(center, ellipse cover, #004f6e 0%, #010519 100%);
	background: -ms-radial-gradient(center, ellipse cover, #004f6e 0%, #010519 100%);
	background: radial-gradient(ellipse at center, #004f6e 0%, #010519 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f6e', endColorstr='#010519', GradientType=1 );
}

#cuerpo{
	width:100%;
	height:100%;
	display:inline-block;
	position:fixed;
	z-index:1;
	background-image:url(../img/fondo_1206x900.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#loginheader{
    display: inline-block;
    width: 100%;
    height: 100px;
    background: #FFFFFF;
    position: absolute;
	z-index:9;
	top:8%;
}

#loginfooter{
    display: inline-block;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 100%;
	margin-top:-100px;
	text-align:center;
}

#loginfooter a{
	text-decoration:none;
	color:#de912f;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

#btncredits{
	margin-top:15px;
}

#noticias {
	background-color:rgba(255, 255, 255, 0.7);
    display: inline-block;
    position: absolute;
    width: 56%;
    height: 57%;
    border: 2px #a5adb5 solid;
    border-radius: 20px;
    top: 145px;
    left: 5%;
    z-index: 10;
	color:#13424C;
}

#titulon{
	width:96%;
	height:80px;
	font-weight:bold;
	font-size:2.8vw;
	text-align:left;
	display:inline-block;
	position:relative;
	top:10px;
	left:2%;
}

#contenidon{
	width:96%;
	height:70%;
	font-size:1.7vw;
	text-align:justify;
	display:inline-block;
	position:relative;
	margin-top:10px;
	left:2%;
	line-height:3vw;
}

#creditos{
	width:15%;
	display:inline-block;
	position:absolute;
	z-index:20;
	background-image:url(../img/creditos_600x60.png);
	left:100%;
	top:100%;
	margin-left:-16%;
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
}

#creditos:hover{
	border:1px #666666 solid;
	border-radius:5px;
}

.btngen{
	display:inline-block;
	cursor:pointer;
	border-radius:13px;
	height:40px;
	background:#13424C;
	color:#FFFFFF;
}

#loginform{
	display:inline-block;
	position:absolute;
	z-index:4;
	width:20%;
	height:40%;
	background-color:#FFFFFF;
	background-image:url(../img/logobk_600x600.png);
	background-size:85%;
	background-position:center;
	background-repeat:no-repeat;
	left:50%;
	top:28%;
	margin-left:-10%;
	border: 2px #a5adb5 solid;
	min-height:310px;
	min-width:385px;
}

#recuperaform{
	display:none;
	position:absolute;
	z-index:99;
	width:20%;
	height:40%;
	background-color:#FFFFFF;
	background-image:url(../img/logobk_600x600.png);
	background-size:85%;
	background-position:center;
	background-repeat:no-repeat;
	left:50%;
	top:50%;
	margin-left:-10%;
	margin-top:-20%;
	border: 2px #a5adb5 solid;
	min-height:310px;
	min-width:385px;
}

.recuperaform{
	display:none;
	position:absolute;
	z-index:99;
	width:20%;
	height:40%;
	background-color:#FFFFFF;
	background-image:url(../img/logobk_600x600.png);
	background-size:85%;
	background-position:center;
	background-repeat:no-repeat;
	left:50%;
	top:50%;
	margin-left:-10%;
	margin-top:-20%;
	border: 2px #a5adb5 solid;
	min-height:310px;
	min-width:385px;
}

#bloqueo{
	display:none;
	position:absolute;
	z-index:98;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	left:0;
	top:0;
	margin-left:0;
	margin-top:0;
}

#cerrarf{
	display:inline-block;
	cursor:pointer;
	border-radius:13px;
	height:40px;
	width:40px;
	background-image:url(../img/btncerrar_100x100.png);
	position:absolute;
	left:100%;
	margin-left:-20px;
	margin-top:-20px;
	background-repeat:no-repeat;
	background-size:contain;
}

#cerrarf:hover{
	background-image:url(../img/btncerrar_over_100x100.png) !important;
}

#cerrarf:active{
	background-image:url(../img/btncerrar_push_100x100.png) !important;
}

#deudor{
	display:none;
	position:absolute;
	z-index:99;
	width:100px;
	height:130px;
	background-image:url(../img/incumplido_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:100%;
	left: 100%;
    margin-left: -120px;
    top: 5px;
	cursor:pointer;
}

#deudor:hover{
	background-image:url(../img/incumplido_150x150_over.png) !important;
}

#deudor:active{
	background-image:url(../img/incumplido_150x150_push.png) !important;
}

#deudor label{
	display: inline-block;
    text-align: center;
    margin-top: 105px;
    background-color: #9B0000;
    color: #FFF;
    border-radius: 5px;
    padding: 3px;
    font-weight: bold;
    font-size: 12px;
}

#cumplido{
	display:none;
	position:absolute;
	z-index:99;
	width:100px;
	height:130px;
	background-image:url(../img/cumplido_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:100%;
	left: 100%;
    margin-left: -120px;
    top: 5px;
	cursor:pointer;
}

#cumplido:hover{
	background-image:url(../img/cumplido_150x150_over.png) !important;
}

#cumplido:active{
	background-image:url(../img/cumplido_150x150_push.png) !important;
}

#cumplido label{
	display: inline-block;
    text-align: center;
    margin-top: 105px;
    background-color: #9B0000;
    color: #FFF;
    border-radius: 5px;
    padding: 3px;
    font-weight: bold;
    font-size: 12px;
}

#fcont{
	display:inline-block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#fpie{
	font-size: 15px;
    font-weight: bold;
	display:inline-block;
	position:absolute;
	width:100%;
	height:10%;
	top:89%;
	left:0;
	border-top:2px #001A5A solid;
}

.btngen:hover{
	box-shadow:1px 1px 3px #333333;
}

.btngen:active{
	background-color:#AE7C54 !important;
}

.btn2{
	cursor:pointer;
}

.btn2:hover{
	background-color:#13424C !important;
}

.btn2:active{
	background-color:#AE7C54 !important;
}

#btnatras {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid #a5adb5;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -25px;
    margin-top: -15px;
    background-color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    font-family: auto;
    text-align: center;
    color: #a5adb5;
	background-image:url(../img/btnatras_50x50.png);
	background-size:80%;
	background-position:center;
	background-repeat:no-repeat;
}

#btnatras:hover{
	background-image:url(../img/btnatrasb_50x50.png);
	border-color:#FFFFFF !important;
}

#btnatras:active{
	background-image:url(../img/btnatrasb_50x50.png);
	border-color:#FFFFFF !important;
}

#btnadelante {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid #a5adb5;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: 25px;
    margin-top: -15px;
    background-color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    font-family: auto;
    text-align: center;
    color: #a5adb5;
	background-image:url(../img/btnadelante_50x50.png);
	background-size:80%;
	background-position:center;
	background-repeat:no-repeat;
}

#btnadelante:hover{
	background-image:url(../img/btnadelanteb_50x50.png);
	border-color:#FFFFFF !important;
}

#btnadelante:active{
	background-image:url(../img/btnadelanteb_50x50.png);
	border-color:#FFFFFF !important;
}

#header {
    display: inline-block;
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    position: absolute;
    box-shadow: 1px 1px 12px #000000;
	z-index:99;
}

#titnombre {
    display: inline-block;
    position: absolute;
    width: 350px;
    height: 50px;
    left: 100%;
    margin-left: -443px;
	text-align:right;
    top: 5px;
	color: #1D3345;
	font-weight: bold;
}

#contenido{
    display: inline-block;
    position: absolute;
    width: 92%;
    height: 79%;
    background: rgba(255,255,255,1);
    top: 80px;
    left: 55px;
    overflow: auto;
    box-shadow: 2px 2px 4px #000000;
	background-image:url(../img/logo_bkg_512x512.png);
	
	background-size:contain;
	background-position:right;
	background-repeat:no-repeat;
}

#menu {
    background: #1D3345;
    font-size: 9px;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    display: inline-block;
    z-index: 98;
    width: 50px;
    height: 54px;
    top: 60px;
    border-radius: 0 0 30px 0;
    background-image: url("../img/menu1_300x300.png");
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-size: 29px;
	cursor:pointer;
}

#menu:hover{
	background:#5798B8;
	font-size: 9px;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    display: inline-block;
    z-index: 98;
    width: 50px;
    height: 54px;
    top: 60px;
    border-radius: 0 0 30px 0;
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-size: 29px;
	cursor:pointer;
}

#menu:active{
	background:#DE912F;
	font-size: 9px;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    display: inline-block;
    z-index: 98;
    width: 50px;
    height: 54px;
    top: 60px;
    border-radius: 0 0 30px 0;
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-size: 29px;
	cursor:pointer;
}

.paginador {
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;
    text-decoration: underline;
}

.paginadors {
    display: inline-block;
    margin-right: 3px;
}

/*INTERFACE JQUERY UI*/
.ui-dialog .ui-dialog-titlebar-close {
	display: none !important;
}
/*FIN DE LA INTERFACE JQUERY UI*/

/*BOTONES*/
.btn{
	display:inline-block;
	cursor:pointer;
	border:none;
}

.btngen{
    border-radius: 5px;
    padding: 10px;
	background-color: rgba(176,178,209,1);
	font-weight:bold;
}

.btngen:hover{
	background-color: rgba(176,178,209,0.6);
}

#btn_primero{
	margin-bottom:-9px;
	background-image:url(../img/btn_pri_normal_150x113.png);
	width:30px;
	height:24px;
	background-size:100%;
	background-repeat:no-repeat;
}

#btn_primero:hover{
	background-image:url(../img/btn_pri_over_150x113.png);
}

#btn_primero:active{
	background-image:url(../img/btn_pri_push_150x113.png);
}

#btn_anterior{
	margin-bottom:-9px;
	background-image:url(../img/btn_ant_normal_150x113.png);
	width:30px;
	height:24px;
	background-size:100%;
	background-repeat:no-repeat;
}

#btn_anterior:hover{
	background-image:url(../img/btn_ant_over_150x113.png);
}

#btn_anterior:active{
	background-image:url(../img/btn_ant_push_150x113.png);
}

#btn_siguiente{
	margin-bottom:-9px;
	background-image:url(../img/btn_sig_normal_150x113.png);
	width:30px;
	height:24px;
	background-size:100%;
	background-repeat:no-repeat;
}

#btn_siguiente:hover{
	background-image:url(../img/btn_sig_over_150x113.png);
}

#btn_siguiente:active{
	background-image:url(../img/btn_sig_push_150x113.png);
}

#btn_ultimo{
	margin-bottom:-9px;
	background-image:url(../img/btn_ult_normal_150x113.png);
	width:30px;
	height:24px;
	background-size:100%;
	background-repeat:no-repeat;
}

#btn_ultimo:hover{
	background-image:url(../img/btn_ult_over_150x113.png);
}

#btn_ultimo:active{
	background-image:url(../img/btn_ult_push_150x113.png);
}

.btnprop{
	width:100px;
	height:100px;
	position:relative;
	border:1px #000000 solid;
	border-radius: 17px;
    margin: 10px 5px 82px 6px;
    box-shadow: 1px 1px 3px #000;
}

.btnprop:hover{
	box-shadow: 1px 1px 3px #03F;
}

.btnprop label{
	display: inline-block;
    position: absolute;
    width: 100%;
    height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    top: 100%;
    background: #CCC;
    border-radius: 9px;
    margin-top: 6px;
}

#datosp{
	margin-bottom:-9px;
	background-image:url(../img/info_150x150_normal.png);
	background-size: cover;
	background-repeat:no-repeat;
}

#datosp:hover{
	background-image:url(../img/info_150x150_over.png);
}

#datosp:active{
	background-image:url(../img/info_150x150_push.png);
}

#pagosp{
	margin-bottom:-9px;
	background-image:url(../img/facturas_150x150_normal.png);
	background-size: cover;
	background-repeat:no-repeat;
}

#pagosp:hover{
	background-image:url(../img/facturas_150x150_over.png);
}

#pagosp:active{
	background-image:url(../img/facturas_150x150_push.png);
}

#datosfp{
	margin-bottom:-9px;
	background-image:url(../img/copiar_150x150_normal.png);
	background-size: cover;
	background-repeat:no-repeat;
}

#datosfp:hover{
	background-image:url(../img/copiar_150x150_over.png);
}

#datosfp:active{
	background-image:url(../img/copiar_150x150_push.png);
}

#cambiocp{
	margin-bottom:-9px;
	background-image:url(../img/permisos_150x150_normal.png);
	background-size: cover;
	background-repeat:no-repeat;
}

#cambiocp:hover{
	background-image:url(../img/permisos_150x150_over.png);
}

#cambiocp:active{
	background-image:url(../img/permisos_150x150_push.png);
}

#paginaa {
    display: inline-block;
    width: 75px;
    height: 21px;
    text-align: center;
    border: 3px rgba(0,0,0,0.35) solid;
    margin-left: 3px;
    padding-top: 3px;
}

#btnstabla{
	display:inline-block;
	position:absolute;
	width:50%;
	height:auto;
	left:45%;
}

#btngena{
	background-image:url(../img/genadeudos_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
	margin-right:3px;
}

#btngena:hover{
	background-image:url(../img/genadeudos_75x75_over.png);
}

#btngena:active{
	background-image:url(../img/genadeudos_75x75_push.png);
}

#btnnuevo{
	background-image:url(../img/nuevo_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

#btnnuevo:hover{
	background-image:url(../img/nuevo_150x150_over.png);
}

#btnnuevo:active{
	background-image:url(../img/nuevo_150x150_push.png);
}

#btneditar{
	background-image:url(../img/editar_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

#btneditar:hover{
	background-image:url(../img/editar_150x150_over.png);
}

#btneditar:active{
	background-image:url(../img/editar_150x150_push.png);
}

#btnpermisos{
	background-image:url(../img/permisos_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

#btnpermisos:hover{
	background-image:url(../img/permisos_150x150_over.png);
}

#btnpermisos:active{
	background-image:url(../img/permisos_150x150_push.png);
}

#btneliminar{
	background-image:url(../img/eliminar_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

#btneliminar:hover{
	background-image:url(../img/eliminar_150x150_over.png);
}

#btneliminar:active{
	background-image:url(../img/eliminar_150x150_push.png);
}

#btnbuscar{
	background-image:url(../img/buscar_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

#btnbuscar:hover{
	background-image:url(../img/buscar_150x150_over.png);
}

#btnbuscar:active{
	background-image:url(../img/buscar_150x150_push.png);
}

#btnguardar{
	display:none;
	background-image:url(../img/guardare_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

#btnguardar:hover{
	background-image:url(../img/guardare_150x150_over.png);
}

#btnguardar:active{
	background-image:url(../img/guardare_150x150_push.png);
}

#btnviviendas{
	background-image:url(../img/viviendas_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

#btnviviendas:hover{
	background-image:url(../img/viviendas_150x150_over.png);
}

#btnviviendas:active{
	background-image:url(../img/viviendas_150x150_push.png);
}

#btngenadeudos{
	background-image:url(../img/genadeudos_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

#btngenadeudos:hover{
	background-image:url(../img/genadeudos_150x150_over.png);
}

#btngenadeudos:active{
	background-image:url(../img/genadeudos_150x150_push.png);
}

#btnpagar{
	background-image:url(../img/recpag_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

#btnpagar:hover{
	background-image:url(../img/recpag_150x150_over.png);
}

#btnpagar:active{
	background-image:url(../img/recpag_150x150_push.png);
}

#btnfacturar{
	background-image:url(../img/facturas_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

#btnfacturar:hover{
	background-image:url(../img/facturas_150x150_over.png);
}

#btnfacturar:active{
	background-image:url(../img/facturas_150x150_push.png);
}

#btnxml{
	background-image:url(../img/xml_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:120px;
	height:120px;
}

#btnxml:hover{
	background-image:url(../img/xml_150x150_over.png);
}

#btnxml:active{
	background-image:url(../img/xml_150x150_push.png);
}

#btnpdf{
	background-image:url(../img/pdf_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:120px;
	height:120px;
}

#btnpdf:hover{
	background-image:url(../img/pdf_150x150_over.png);
}

#btnpdf:active{
	background-image:url(../img/pdf_150x150_push.png);
}

#btnadmin{
	background-image:url(../img/admin_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:120px;
	height:120px;
}

#btnadmin:hover{
	background-image:url(../img/admin_150x150_over.png);
}

#btnadmin:active{
	background-image:url(../img/admin_150x150_push.png);
}

#btnreseller{
	background-image:url(../img/reseller_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:120px;
	height:120px;
}

#btnreseller:hover{
	background-image:url(../img/reseller_150x150_over.png);
}

#btnreseller:active{
	background-image:url(../img/reseller_150x150_push.png);
}

#btnusuario{
	background-image:url(../img/usuario_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:120px;
	height:120px;
}

#btnusuario:hover{
	background-image:url(../img/usuario_150x150_over.png);
}

#btnusuario:active{
	background-image:url(../img/usuario_150x150_push.png);
}

#btnsubusuario{
	background-image:url(../img/subusuario_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:120px;
	height:120px;
}

#btnsubusuario:hover{
	background-image:url(../img/subusuario_150x150_over.png);
}

#btnsubusuario:active{
	background-image:url(../img/subusuario_150x150_push.png);
}

#btncerrarsesion div{
	background-image:url(../img/exit_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: -1px;
    float: right;
}

#btncerrarsesion:hover div{
	background-image:url(../img/exit_75x75_over.png);
}

#btncerrarsesion:active div{
	background-image:url(../img/exit_75x75_push.png);
}

#btncerrarsesion{
	position:absolute;
	display:inline-block;
	width:130px;
	height:20px;
	margin-top:25px;
	left:100%;
	margin-left:-220px;
	color: #1D3345;
	font-weight: bold;
    font-size: 14px;
    text-align: end;
	cursor:pointer;
}

#btncerrarsesion:hover{
	color:#DE912F;
}

#btncerrarsesion:active{
	color:#5798B8;
}

#btnmexibithelp{
	background-image:url(../img/mexibithelp_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width: 57px;
    height: 57px;
	left:100%;
    margin-left: -72px;
    margin-top: 1px;
	position:absolute;
	cursor:pointer;
}

#btnmexibithelp:hover{
	background-image:url(../img/mexibithelp_150x150_over.png);
}

#btnmexibithelp:active{
	background-image:url(../img/mexibithelp_150x150_push.png);
}

.btngenerico{
	background-color:#2B444D;
	color:#FFF;
	font-weight:bold;
	display:inline-block;
	text-align:center;
}

.btngenerico:hover{
	box-shadow:1px 1px 3px #666;
	color:#CCC;
}

.btnguardarn{
	display:inline-block;
	background-image:url(../img/guardarn_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:25px;
	height:25px;
	border-radius:3px;
	margin-left:5px;
	margin-bottom:-8px;
}

.btnguardarn:hover{
	background-image:url(../img/guardarn_150x150_over.png);
}

.btnguardarn:active{
	background-image:url(../img/guardarn_150x150_push.png);
}

.btntimbrarprueba{
	background-image:url(../img/timpru_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:60px;
	height:60px;
}

.btntimbrarprueba:hover{
	background-image:url(../img/timpru_150x150_over.png);
}

.btntimbrarprueba:active{
	background-image:url(../img/timpru_150x150_push.png);
}

.btntimbraroficial{
	background-image:url(../img/timofi_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:60px;
	height:60px;
}

.btntimbraroficial:hover{
	background-image:url(../img/timofi_150x150_over.png);
}

.btntimbraroficial:active{
	background-image:url(../img/timofi_150x150_push.png);
}

.btnguardar{
	background-image:url(../img/guardare_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

.btnguardar:hover{
	background-image:url(../img/guardare_150x150_over.png);
}

.btnguardar:active{
	background-image:url(../img/guardare_150x150_push.png);
}

.btnfactura{
	background-image:url(../img/facturas_75x75_normal.png);
	background-size: cover;
	background-repeat:no-repeat;
}

.btnfactura:hover{
	background-image:url(../img/facturas_75x75_over.png);
}

.btnfactura:active{
	background-image:url(../img/facturas_75x75_push.png);
}

.btnadddeduc{
	background-image:url(../img/adddeduc_75x75_normal.png);
	background-size: cover;
	background-repeat:no-repeat;
}

.btnadddeduc:hover{
	background-image:url("../img/adddeduc_75x75_normal.png");
}

.btnadddeduc:active{
	background-image:url(../img/adddeduc_75x75_push.png);
}

/*FIN BOTONES*/

/*Clases duplicadas para quitar los ID*/

.btninfoad{
	background-image:url(../img/infadicfact_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;
	height:30px;
	margin-bottom:-9px;
	margin-left:10px;
}

.btninfoad:hover{
	background-image:url(../img/infadicfact_75x75_over.png);
}

.btninfoad:active{
	background-image:url(../img/infadicfact_75x75_push.png);
}

.btnimpuestos{
	background-image:url(../img/impuestos_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;
	height:30px;
	margin-bottom:-9px;
	margin-left:10px;
}

.btnimpuestos:hover{
	background-image:url(../img/impuestos_75x75_over.png);
}

.btnimpuestos:active{
	background-image:url(../img/impuestos_75x75_push.png);
}

.btninfadu{
	background-image:url(../img/infadu_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;
	height:30px;
	margin-bottom:-9px;
	margin-left:10px;
}

.btninfadu:hover{
	background-image:url(../img/infadu_75x75_over.png);
}

.btninfadu:active{
	background-image:url(../img/infadu_75x75_push.png);
}

.btnelprod{
	background-image:url(../img/eliminarc_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;
	height:30px;
	margin-bottom:-9px;
	margin-left:10px;
}

.btnelprod:hover{
	background-image:url(../img/eliminarc_75x75_over.png);
}

.btnelprod:active{
	background-image:url(../img/eliminarc_75x75_push.png);
}

.btnnoident{
	background-image:url(../img/numident_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;
	height:30px;
	margin-bottom:-9px;
	margin-left:10px;
}

.btnnoident:hover{
	background-image:url(../img/numident_150x150_over.png);
}

.btnnoident:active{
	background-image:url(../img/numident_150x150_push.png);
}

.btnaddprod{
	background-image:url(../img/addprod_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:60px;
	height:60px;
	margin-bottom:-9px;
	margin-left:10px;
}

.btnaddprod:hover{
	background-image:url(../img/addprod_75x75_over.png);
}

.btnaddprod:active{
	background-image:url(../img/addprod_75x75_push.png);
}

.btnbuscar{
	background-image:url(../img/buscar_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnbuscar:hover{
	background-image:url(../img/buscar_150x150_over.png);
}

.btnbuscar:active{
	background-image:url(../img/buscar_150x150_push.png);
}

.btneditar{
	background-image:url(../img/editar_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

.btneditar:hover{
	background-image:url(../img/editar_150x150_over.png);
}

.btneditar:active{
	background-image:url(../img/editar_150x150_push.png);
}

.btnnuevo{
	background-image:url(../img/nuevo_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

.btnnuevo:hover{
	background-image:url(../img/nuevo_150x150_over.png);
}

.btnnuevo:active{
	background-image:url(../img/nuevo_150x150_push.png);
}

.btninfo{
	background-image:url(../img/infofac_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35px;
	height:35px;
}

.btninfo:hover{
	background-image:url(../img/infofac_150x150_over.png);
}

.btninfo:active{
	background-image:url(../img/infofac_150x150_push.png);
}

.btnfacturas75{
	background-image:url(../img/facturas_75x75_normal.png);
	background-size: cover;
	background-repeat:no-repeat;
}

.btnfacturas75:hover{
	background-image:url(../img/facturas_75x75_over.png);
}

.btnfacturas75:active{
	background-image:url(../img/facturas_75x75_push.png);
}

/*fin clases duplicadas*/

.btnbuscar3{
	background-image:url(../img/quitarf_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnbuscar3:hover{
	background-image:url(../img/quitarf_150x150_over.png);
}

.btnbuscar3:active{
	background-image:url(../img/quitarf_150x150_push.png);
}

.btnbuscar2{
	background-image:url(../img/aplicarf_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnbuscar2:hover{
	background-image:url(../img/aplicarf_150x150_over.png);
}

.btnbuscar2:active{
	background-image:url(../img/aplicarf_150x150_push.png);
}

.btnelgen{
	background-image:url(../img/eliminarc_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;
	height:30px;
	margin-bottom:-9px;
	margin-left:10px;
}

.btnelgen:hover{
	background-image:url(../img/eliminarc_75x75_over.png);
}

.btnelgen:active{
	background-image:url(../img/eliminarc_75x75_push.png);
}

.btncancela{
	background-image:url("../img/eliminar2_150x150_normal.png");
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;
	height:30px;
}

.btncancela:hover{
	background-image:url("../img/eliminar2_150x150_over.png");
}

.btncancela:active{
	background-image:url("../img/eliminar2_150x150_push.png");
}

.btnxml{
	background-image:url(../img/xml_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnxml:hover{
	background-image:url(../img/xml_150x150_over.png);
}

.btnxml:active{
	background-image:url(../img/xml_150x150_push.png);
}

.btnpdf{
	background-image:url(../img/pdf_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnpdf:hover{
	background-image:url(../img/pdf_150x150_over.png);
}

.btnpdf:active{
	background-image:url(../img/pdf_150x150_push.png);
}

.btndocto{
	background-image:url(../img/docto_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btndocto:hover{
	background-image:url(../img/docto_150x150_over.png);
}

.btndocto:active{
	background-image:url(../img/docto_150x150_push.png);
}

.btnenviaf{
	background-image:url(../img/envfact_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnenviaf:hover{
	background-image:url(../img/envfact_150x150_over.png);
}

.btnenviaf:active{
	background-image:url(../img/envfact_150x150_push.png);
}

.btnubic{
	background-image:url(../img/ubic_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnubic:hover{
	background-image:url(../img/ubic_150x150_over.png);
}

.btnubic:active{
	background-image:url(../img/ubic_150x150_push.png);
}

.btncanttransp{
	background-image:url(../img/canttransp_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btncanttransp:hover{
	background-image:url(../img/canttransp_150x150_over.png);
}

.btncanttransp:active{
	background-image:url(../img/canttransp_150x150_push.png);
}

.btnadeudo{
	background-image:url(../img/adeudo_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnadeudo:hover{
	background-image:url(../img/adeudo_150x150_over.png);
}

.btnadeudo:active{
	background-image:url(../img/adeudo_150x150_push.png);
}

.btnpagos{
	background-image:url(../img/otrospag_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnpagos:hover{
	background-image:url(../img/otrospag_150x150_over.png);
}

.btnpagos:active{
	background-image:url(../img/otrospag_150x150_push.png);
}

.btnregpago{
	background-image:url(../img/addcompen_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnregpago:hover{
	background-image:url(../img/addcompen_150x150_over.png);
}

.btnregpago:active{
	background-image:url(../img/addcompen_150x150_push.png);
}

.btninfoad{
	background-image:url(../img/infadicfact_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;
	height:30px;
	margin-bottom:-9px;
	margin-left:10px;
}

.btninfoad:hover{
	background-image:url(../img/infadicfact_75x75_over.png);
}

#btninfoad:active{
	background-image:url(../img/infadicfact_75x75_push.png);
}

.btnimpuestos{
	background-image:url(../img/impuestos_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;
	height:30px;
	margin-bottom:-9px;
	margin-left:10px;
}

.btnimpuestos:hover{
	background-image:url(../img/impuestos_75x75_over.png);
}

.btnimpuestos:active{
	background-image:url(../img/impuestos_75x75_push.png);
}

.btninfadu{
	background-image:url(../img/infadu_75x75_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:30px;
	height:30px;
	margin-bottom:-9px;
	margin-left:10px;
}

.btninfadu:hover{
	background-image:url(../img/infadu_75x75_over.png);
}

.btninfadu:active{
	background-image:url(../img/infadu_75x75_push.png);
}

.btnpagar{
	background-image:url(../img/recpag_150x150_normal.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.btnpagar:hover{
	background-image:url(../img/recpag_150x150_over.png);
}

.btnpagar:active{
	background-image:url(../img/recpag_150x150_push.png);
}

/*INICIO DE TABLAS*/

#tabla{
	display:inline-block;
	width:100%;
	height:auto;
	padding-top:20px;
}

.tablagen{
	width:90%;
	position:relative;
	display:inline-block;
	left:50%;
	margin-left:-49%;
}

.encabezado td {
    background: #2B444D;
    border: #2B444D;
    text-align: center;
    color: #ffffff;
	padding:4px;
}

.fila{
	width:100%;
}

.fila:hover{
	background:#FCFCAC;
}

.filac {
    background-color:#f2f2f2;
}

.filao {
    background-color:#B0B2D1;
}

.filaadeudo{
	background-color:#ff3333;
}

.filacondonado{
	background-color:#3385ff;
}

.filapagado{
	background-color:#80ff80;
}

.filaanulado{
	background-color:#994d00 !important;
}

.fila td {
    border: #99BFAD 1px solid;
    padding: 4px;
}

.filacancel {
    background-color:#ffa8a8;
}

.td4{
	min-width:80px;
}

.td1{
	min-width:150px;
}

.td2{
	min-width:250px;
}

.td3{
	min-width:330px;
}

.chktb {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url(../img/chkbox1_150x150.png);
    background-size: 100%;
	cursor:pointer;
}

.chktb:hover{
    background: url(../img/chkbox2_150x150.png);
	background-size: 100%;
}

.chktb:active{
    background: url(../img/chkbox1_150x150.png);
	background-size: 100%;
}

.chktbb{
	background: url(../img/chkbox_150x150_tick.png);
    background-size: 100%;
	display:none;
	height:100%;
	width:100%;
	cursor:pointer;
}

.chktbed{
	background: url(../img/chkboxed_150x150.png);
}

.chktbel{
	background: url(../img/chkboxel_150x150.png);
}

.chktbnu{
	background: url(../img/chkboxnu_150x150.png);
}

#paginas{
    width: 90%;
	position:relative;
	display:inline-block;
	left:50%;
	margin-left:-45%;
    padding-left: 2%;
    padding-right: 2%;
    color: rgba(0, 0, 0, 0.65);
    font-weight: bold;
    font-size: 14px;
	padding-bottom:20px;
}

.paginador:hover{
	color:#5798B8;
	
}

.paginador:active{
	color:#DE912F;
}

.tbexpandir {
    background-image: url("../img/expandirc_150x150_normal.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 0px;
    float: right;
    margin-right: 1px;
}

.tbexpandir:hover{
	background-image: url("../img/expandirc_150x150_over.png");
}

.tbexpandir:active{
	background-image: url("../img/expandirc_150x150_push.png");
}

.tbcolapsar {
    background-image: url("../img/expandirc_150x150_normal.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 0px;
    float: right;
    margin-right: 1px;
	transform: rotate(180deg);
}

.tbcolapsar:hover{
	background-image: url("../img/expandirc_150x150_over.png");
	transform: rotate(180deg);
}

.tbcolapsar:active{
	background-image: url("../img/expandirc_150x150_push.png");
	transform: rotate(180deg);
}

.tdoculta{
	display:none;
}

.tdnormal{

}

/*FIN DE TABLAS*/

.clicanimmenu{
	animation-name:menuclick;
	animation-iteration-count: 1;
	animation-duration: 0.2s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes menuclick {
  0% {
    background-color: #1D3345;
  }
  50% {
    background-color: #DE912F;
  }
  100% {
    background-color: #1D3345;
  }
}

.menu1 {
    display: inline-block;
    position: relative;
    width: 250px;
    left: 90px;
	font-size:14px;
}

.menu2{
	width:100%;
}

.menu2 img {
    width: 15px;
    height: 15px;
    margin-top: -1px;
    margin-right: 6px;
    float: left;
}

#menup li {
    margin-top: 3px;
	font-size:14px;
}

.menu1 ul{
	list-style:none;
	width:95%;
	padding-left:15px;
}

.menu1 img {
    width: 15px;
    height: 15px;
    margin-top: -1px;
    margin-right: 6px;
    float: left;
}

.menu1 li > img{
	display:none !important;
	position:absolute;
}

.menu1 li > a{
	display:inline-block;
	margin-left:20px;
	width:200px;
}

#menu:hover{
	border:solid #76AADB;
	border-width:0 1px 1px 0;
	width:48px;
	height:53px;
}

#menup{
	background: #1D3345;
    font-size: 12px;
    padding-top: 15px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    display: inline-block;
    z-index: 97;
    width: 0;
    height: 0;
    top: 60px;
	border-right:solid 1px #76AADB;
	box-shadow:1px 1px 17px #FFF;
	overflow:auto;
	overflow-style:marquee-line;
}

#fmenu{
	background: rgba(0,0,0,0.8);
    font-size: 12px;
    padding-top: 15px;
    font-weight: bold;
    position: absolute;
    display: none;
	opacity:0;
    z-index: 96;
    width: 100%;
    height: 100%;
    top: 60px;
	cursor:pointer;
}

#menup ul{
	display:none;
}

#menup a:link{
	text-decoration:none;
	color:#DE912F;
}

#menup a:visited{
	text-decoration:none;
	color:#DE912F;
}

#menup a:hover{
	text-decoration:underline;
	color:#5798B8;
}

#menup a:active{
	text-decoration:none;
	color:#C5B09A;
}

#menup div{
	display:none;
}

#footer {
    display: inline-block;
    width: 100%;
    height: 48px;
    background: #FFFFFF;
    position: absolute;
    top: 100%;
    margin-top: -50px;
}

#derechos{
    display: inline-block;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 70%;
	margin-top:-20px;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}

#derechos2{
    display: inline-block;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 100%;
	margin-top:-64px;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
}

.loginf{
    position: absolute;
    display: inline-block;
    width: 305px;
    height: 250px;
    top: 43%;
    left: 50%;
    margin-left: -177px;
    margin-top: -150px;
	padding: 25px 30px 25px 30px;
}


/*INICIO DE FORMULARIOS*/

.pw-rules{
    margin-top:10px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#fff;
    padding:10px 12px;
    font-size:14px;
}

.pw-rules-header{
    font-weight:600;
    color:#111827;
    margin-bottom:6px;
}

.pw-rules ul{
    list-style:none;
    margin:0;
    padding:0;
}

.pw-rules li{
    display: flex;
    align-items:center;
    gap:8px;
    padding:6px 0;
    border-top:1px dashed #f1f5f9;
}

.pw-rules li:first-child{
    border-top:none;
}

.pw-rule-icon{
    width:16px;
    height:16px;
    flex:0 0 16px;
    display:inline-block;
}

.pw-rule-text{
    color:#374151;
}

.rule-ok .pw-rule-text{
    color:var(--ok);
}

.rule-bad .pw-rule-text{
    color:var(--bad);
}


.icon-ok{
    color:var(--ok);
}

.icon-bad{
    color:var(--bad);
}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

.txtbx {
    color: #000000;
    background: #F2F2F2;
    font-size: 13px;
    font-weight: bold;
    border: solid 1px #CCCCCC;
    width: 95% !important;
    height: 30px;
    padding: 5px;
}

.lbl{
	width:100%;
	display:inline-block;
	font-weight:bold;
	font-size:12px;
}

.forms input[type="text"],input[type="password"]{
	border:2px solid #CBCBCB;
	background-color:#F2F2F2;
	margin:2px 0 2px 0;
	width:100%;
}

.forms select{
	border:2px solid #CBCBCB;
	background-color:#F2F2F2;
	margin:2px 0 2px 0;
	width:102%;
}

.edthide{
	width:100%;
	height:100%;
}

.lblshown{
	width:100%;
	height:100%;
}

.error{
	color: #FF0000 !important;
}
/*FIN DE FORMULARIOS*/

/*ANIMACIONES*/
#animespere{
	width:100px;
	height:100px;
	display:inline-block;
	left:50%;
	margin-left:-50px;
	background-image:url(../img/esperando_1200x150.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0;
	animation:animesperaf .8s steps(8) infinite;
	position:relative;
}

@keyframes animesperaf {
  0% { background-position:0 }
  100% { background-position:-800px }
}
/*FIN DE ANIMACIONES*/

/*INTERFACE DE COBROS*/
#tablap{
	width:100%;
	height:150px;
	display:inline-block;
	position:relative;
	overflow:auto;
}

#tablav{
	width:100%;
	height:150px;
	display:inline-block;
	position:relative;
	overflow:auto;
}
/*FIN INTERFACE DE COBROS*/

/*INTERFACE GENERAL*/
.fileup {
	clear:both;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.box label {
	    position: absolute;
    top: 100%;
    margin-top: -45px;
    left: 1px;
    width: 100%;
    height: 40px;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border-radius: 0 0 3px 3px;
    color: #d3394c;
}


.box:focus label,
.box.has-focus label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

/* style 6 */

.box:focus label,
.box.has-focus label,
.box label:hover {
    border-color: #722040;
}

.box span {
    width: 80%;
    height:40px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
	color: #d3394c;
	text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    font-size: 25px;
    font-weight: bold;
}

.box label strong {
	width:100%;
    height: 100%;
    color: #f1e5e6;
    background-color: rgba(176,178,209,1);
    display: inline-block;
	padding-top: 0.25em;
}

.box:focus label strong,
.box.has-focus label strong,
.box label:hover strong {
    background-color: rgba(176,178,209,0.6);
}

.box label strong svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: #FFF;
    margin-top: -0.25em;
    margin-right: 0.25em;
    margin-left: 0.25em;
}

.box {
	width: 100%;
    height: 80px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: #B0B2D1 solid 1px;
    border-radius: 5px;
    background: rgba(204,204,204,0.6);
}

.imgstd{
	display: inline-block;
    border: 1px green solid;
    border-radius: 6px;
    text-decoration: none;
    position: absolute;
}

.filecont{
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
}

.divisor{
    width: 95%;
    display: inline-block;
    height: 0px;
    margin-top: 7px;
    border-top: 1px solid rgba(126,112,82,0.6);
    box-shadow: 1px 2px 8px #666;
    margin-left: 2.5%;
}

.inputform{
	display:inline-block;
	background: rgba(255,255,255,0.2);
	border:1px solid rgba(0,0,0,0.2);
	font-weight:bold;
	width:120px;
}

.tabsel {
	text-align:center;
    width: 140px;
    border: #000 solid;
    margin-top: -2px;
    background: #FFF;
    border-width: 0px 2px 2px 2px;
	border-radius: 0px 0px 5px 5px;
    height: 45px;
    padding: 5px;
	position:absolute;
	z-index:4;
}

.tabsel:hover{
	text-align:center;
	width: 140px;
    border: #000 solid;
    margin-top: -2px;
    background: #FFF;
    border-width: 0px 2px 2px 2px;
	border-radius: 0px 0px 5px 5px;
    height: 45px;
    padding: 5px;
	position:absolute;
	z-index:4;
}

.tabunsel {
	text-align:center;
    width: 140px;
    border: #000 solid;
    margin-top: -2px;
    background: #FFF;
    border-width: 2px 2px 2px 2px;
    margin-left: 0px;
	margin-right: 0px;
    height: 35px;
    padding: 5px;
	position:absolute;
	z-index:3;
}

.tabunsel:hover{
	text-align:center;
	width: 140px;
    border: #000 solid;
    margin-top: -2px;
    background: #FFF;
    border-width: 2px 2px 2px 2px;
    margin-left: 0px;
	margin-right: 0px;
    height: 35px;
    padding: 5px;
	position:absolute;
	background: #F3FAFD;
	box-shadow:0px 1px 4px #000;
}

.tabunsel:active{
	text-align:center;
	width: 140px;
    border: #000 solid;
    margin-top: -2px;
    background: #FFF;
    border-width: 2px 2px 2px 2px;
    margin-left: 0px;
	margin-right: 0px;
    height: 35px;
    padding: 5px;
	position:absolute;
	background: #F3FAFD;
	box-shadow:0px -1px 4px #000;
}

.tabf{
	width:96%;
	height:86%;
	overflow:auto;
	left:2%;
	top:2%;
	position:absolute;
}

.lbl250{
    width: 250px;
    display: inline-block;
    white-space: initial;
}

.lbl300{
    width: 300px;
    display: inline-block;
    white-space: initial;
}

.lbl350{
    width: 350px;
    display: inline-block;
    white-space: initial;
}

.lbl400{
    width: 400px;
    display: inline-block;
    white-space: initial;
}

.lbl450{
    width: 450px;
    display: inline-block;
    white-space: initial;
}

.lblbk{
	background: #FFF;
    border-radius: 5px;
    padding: 3px;
    border: 1px solid #000;
    margin-right: 5px;
}

.txt50{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 50px;
    height: 22px;
}

.txt75{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 75px;
    height: 22px;
}

.txt100{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 100px;
    height: 22px;
}

.txt125{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 125px;
    height: 22px;
}

.txt150{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 150px;
    height: 22px;
}

.txt175{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 175px;
    height: 22px;
}

.txt200{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 200px;
    height: 22px;
}

.txt225{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 225px;
    height: 22px;
}

.txt250{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 250px;
    height: 22px;
}

.txt300{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 300px;
    height: 22px;
}

.txt350{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 350px;
    height: 22px;
}

.txt400{
    color: #000000;
    background: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    width: 400px;
    height: 22px;
}

.groupfield{
	width:550px;
	height:auto;
	border: 1px groove #ddd !important;
	-webkit-box-shadow:  1px 1px 3px -1px #000;
	box-shadow:  1px 1px 3px -1px #000;
}

.groupfieldl{
	font-weight: bold !important;
	text-align: left !important;
	width:auto;
	border-bottom:none;
}

.txttbl{
	border: 2px solid #555555;
    background-color: #FFFFFF;
	height: 27px;
    font-size: 16px;
}

.selectchico{
	height:150px;
	width:240px;
}

.mail{
	width:100px;
	height:100px;
	display:none;
	left:50%;
	top:41%;
	margin-left:-50px;
	margin-top:-50px;
	position:absolute;
	z-index:1000;
}

#mail{
	width:100px;
	height:100px;
	display:none;
	left:50%;
	top:41%;
	margin-left:-50px;
	margin-top:-50px;
	position:absolute;
}

#pmail{
	top: 100%;
    display: inline-block;
    position: relative;
    font-weight: bold;
    color: darkgreen;
    text-align: center;
    background: white;
    border-radius: 10px;
    border: solid 1px #000;
    box-shadow: 3px 3px 4px #000;
	cursor:pointer;
}

.animemail{
	background-image:url(../img/enviarmail_1500x150.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0;
	animation:animemailf 2.5s steps(10) infinite;
}

@keyframes animemailf {
  0% { background-position:0 }
  100% { background-position:-1000px }
}

/*FIN DE INTERFACE GENERAL*/

/*INICIO CALENDARIO IEI*/
.calendario {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    margin: 0;
    font-size: 18px;
    text-align: center;
    table-layout: fixed;
}

.calendario td{
	box-shadow:inset 1px 0px 0px rgba(3, 3, 3, 0.3);
}

.calendario th, .calendario td {
    border: 1px solid #b7c6de;
    padding: 0;
    position: relative;
    width: calc(100% / 7);
    height: calc(100vh / 8);
}

.calendario-cabecera {
	color:#a9bdd9;
	font-weight:bold;
	font-size:15px;
    background: rgb(60,91,162);
	background: -moz-linear-gradient(133deg, rgba(60,91,162,1) 0%, rgba(24,50,101,1) 50%, rgba(41,68,129,1) 100%);
	background: -webkit-linear-gradient(133deg, rgba(60,91,162,1) 0%, rgba(24,50,101,1) 50%, rgba(41,68,129,1) 100%);
	background: linear-gradient(133deg, rgba(60,91,162,1) 0%, rgba(24,50,101,1) 50%, rgba(41,68,129,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c5ba2",endColorstr="#294481",GradientType=1);
}

.calendario-vacio {
    background: #f9f9f9;
}

.calendario-laborable {
    background: linear-gradient(to bottom right, #b7cce7, #d5e1f7);
	color:#082256;
	font-weight:bold;
	font-size:15px;
}

.calendario-sabado {
    color:#082256;
	font-weight:bold;
	font-size:15px;
}

.calendario-domingo {
    color:#bb2020;
	font-weight:bold;
	font-size:15px;
}

.calendario-dia-actual {
    background: linear-gradient(to bottom, #4e89b1, #4e9ca0);
    color: white;
    font-weight:bold;
	font-size:17px;
}
/*FIN CALENDARIO IEI*/