@charset "UTF-8";
/* CSS Document */

*{ padding:0px; margin:0px; border:0px; font-family:Arial, Helvetica, sans-serif;}

input.texto{border:solid 1px #999999;}

.pin{ width:100% !important; position:relative; height:1px; clear:both !important;}
/*****BG******/

body{background:#ffffff;}


/**/
#bg{position:fixed;top:0px;left:0px;}
.bgwidth{width:100%;}

/*****WRAPPER******/
#wrapper{position:relative;height:auto;margin:0px auto;background-repeat:no-repeat;background-position:bottom;overflow:hidden;}

hr{ clear:both; height:1px; background:#999; margin:5px auto;}

/*****HEADER******/

#header-in{
    background-color: #ec0000;
    display: grid;
    grid-template-areas:
     'logo titulo titulo titulo titulo sesion'
     'logo titulo titulo titulo titulo sesion'
     'menu menu menu menu menu fecha';}


.div-logo { grid-area: logo; }
.div-titulo-principal {
    grid-area: titulo;
    color:white;
    text-align: end;
    padding-top:60px;
    font-size: 1.2em;
    font-stretch: condensed;
}
.div-sesion { grid-area: sesion; text-align: right; padding-right:20px; padding-top:20px;}
.nav-menu { grid-area: menu; }
.fecha-hora { grid-area: fecha; text-align: right;}

.div-logo{
    display:inline-block;
}
.img-log-principal{
    width: 300px;
}

.img-log-usuario{
    width: 40px;
}
.img-log-out{
    width: 20px;
    padding-right:5px;
}

.h1-titulo-principal{
    display:inline-block;
    color:white;
    width: 50%;
    font-size: 1.5em;
}
.div-sesion{
    display:inline-block;
    color:white;
    text-align: end;
}

.div-fecha-hora{
    display:inline-block;
    color:white;
    text-align: end;
    font-size: .9em;
}
/*menu*/

.li-menu-principal {
    display: block;
    position: relative;
    float: left;
    line-height: 30px;
}

.li-menu-principal:after {
  content: '';
  position: absolute;
  right: 0px;
  top: 10%;
  height: 80%;
  border-left: 1px solid white;
}

.li-menu-principal:hover > ul {
	display: block;
}

.li-menu-secundario {
    display: block;
    position: relative;
    float: left;
    line-height: 30px;
    width: 100%;

}

.li-menu-secundario:hover > ul {
      display:block;
      position: absolute;
      top: 0;
}

.submenu-sec {
    width: max-content;
    list-style: none;
    z-index: 2000;
    display: none;
    background: #ffffff;
    border: solid 1px #999999;
      margin-top: -1px;
}

.submenu {
    width: max-content;
    top: 32px;
    left: 0px;
    list-style: none;
    position: absolute;
    z-index: 100;
    display: none;
    background: #ffffff;
    border: solid 1px #999999;
      margin-top: -1px;
}

.a-menu-secundario:hover {
    position:relative;

}

.a-menu-secundario{
    float:left;
    display:block;
    text-decoration:none;
    height:30px;
    line-height:32px;
    margin-left: 3px;
    margin-right: 3px;
    color: #333;
        font-size: .8em;
        clear: both;
        font-weight: bold;
        position: relative;
        width:100%;

}

.a-menu-secundario:hover{ color:#C61812;}

ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	min-width: 10em;
}

ul ul ul {
	left: 100%;
	top: 0;
	margin-left: 1px;
}

.expand {
	font-size: 12px;
	float: right;
	margin-right: 5px;
}

.a-menu-principal{
    width:162px;
    display:block;
    text-decoration:none;
    color:white;
    height:37px;
    line-height:37px;
    text-align: center;
}

.a-menu-principal:hover{
    font-size: 1.2em;
}

.menu-sec-ico{
    width: 13px;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

/*****CONTENIDO******/
#contenido{position:relative; z-index:1; clear:both;}

.div-img-bienvenida {
    padding-top: 20px;
    justify-content: center;
    display: flex;

}

.div-bienvenida{
    padding-top: 20px;
    justify-content: center;
    display: flex;
    background-color: white;
    position: relative;
    padding-left: 15px;
}

.div-bienvenida > div > h1{
    color:red;
    font-weight: inherit;
    display: block;
}

#contenido .bloque{ clear:both; position:relative;}
#contenido .bloque table{ margin: 20px auto; font-size:.8em;}
#contenido .bloque table td, #contenido .bloque table th { text-align:center; border-bottom:solid 1px #999999; vertical-align:middle; height:25px; padding-left: 3px; padding-right: 3px;}
#contenido .bloque table .headers{ color:#DC251A;}
/*login*/

#login{background:url(../imgs/bg_login.png);width:462px;height:361px;position:relative;margin:70px auto;}
#loginMulti{background:url(../imgs/bg_loginMulti.png);width:462px;height:361px;position:relative;margin:70px auto;}

#login .inputs{width: 292px; position:absolute;left:170px;top:150px;z-index:0;}
#login  .btn-ingresar{background:url(../imgs/btn_ingresar.png);width:109px;height:33px;cursor:pointer;position:absolute;top:245px;right:20px;}
#login  .btn-ingresarEncript{width:109px;height:33px;cursor:pointer;position:absolute;top:245px;right:20px;}
#loginMulti .inputs{position:absolute;left:170px;top:150px;z-index:0;}
#loginMulti  .btn-ingresar{background:url(../imgs/btn_ingresar.png);width:109px;height:33px;cursor:pointer;position:absolute;top:255px;right:20px;}
#loginMulti  .btn-ingresarEncript{width:109px;height:33px;cursor:pointer;position:absolute;top:255px;right:20px;}
#loginMulti .inputs{position:absolute;left:170px;top:150px;z-index:0;}
#loginMulti .btn-registro{background:url(../imgs/btn_registrar.png);width:109px;height:33px;cursor:pointer;position:absolute;top:255px;right:310px;}

#login  .in-usuario{background:url(../imgs/log-usuario.png);width:125px;height:39px;position:absolute;top:145px;left:70px;z-index:2;}
#login  .in-encripta{width:125px;height:39px;position:absolute;top:145px;left:70px;z-index:2;}
#login  .in-contra{background:url(../imgs/log-contrasena.png);width:125px;height:39px;position:absolute;top:197px;left:70px;z-index:2;}
#login  .errores-login {position:absolute;top:365px;left:150px;z-index:2;}
#login .olvidaste{position:absolute;bottom:35px;left:30px;font-size:.9em;background:url(../imgs/flecha1.png) no-repeat right center;padding-right:20px;text-decoration:none;color:#333;}
#loginMulti  .in-usuario{background:url(../imgs/log-usuario.png);width:125px;height:39px;position:absolute;top:145px;left:70px;z-index:2;}
#loginMulti  .check{width:125px;height:39px;position:absolute;top:197px;left:70px;}
#loginMulti  .selectPerfil{width:125px;height:39px;position:absolute;top:220px;left:70px;}
#loginMulti .olvidaste{position:absolute;bottom:35px;left:30px;font-size:.9em;background:url(../imgs/flecha1.png) no-repeat right center;padding-right:20px;text-decoration:none;color:#333;}

#login .alerta{position:absolute;left:70px;top:258px;color:red;font-size:.8em;}
#loginMulti .alerta{position:absolute;left:70px;top:258px;color:red;font-size:.8em;}

#sombra{background:url(../imgs/sombra-login.png) repeat-x;width:1000px;height:117px;clear:both;margin-top:-105px;margin-left:-30px;}
#sombra{background:url(../imgs/sombra-loginMulti.png) repeat-x;width:1000px;height:117px;clear:both;margin-top:-105px;margin-left:-30px;}


.aarch{ background:url(../imgs/ico-subir2.png) no-repeat left center; padding-left:30px;color:#333; float:right; margin-left:50px; font-size:.8em; height:30px; display:block; line-height:30px;}
.aarch:hover{ color:red;}

/*BLOQUES*/

.bloque1 .d1{position:absolute;top:36px;left:150px;}
.bloque1 .d2{position:absolute;top:36px;left:400px;}
.bloque1 .d3{position:absolute;top:36px;left:615px;}
.bloque1 .d4{position:absolute;top:36px;left:770px; width:200px;}
.bloque1 .d5{position:absolute;top:60px;left:550px; width:400px}
.bloque1 .d6{position:absolute;top:84px;left:610px;}
.bloque1 .d66{position:absolute;top:85px;left:460px;}
.bloque1 .d7{position:absolute;top:84px;left:785px; width:200px;}
.btn-alta{ display:block; background:url(../imgs/bg_btn.png); width:140px; height:30px; text-decoration:none; color:#333; font-size:.8em; text-align:center; line-height:30px; margin: 5px auto;}
.btn-alta:hover{ color:red;}

.bloque2 .d1{position:absolute;top:36px;left:270px;}
.bloque2 .d2{position:absolute;top:36px;left:405px;}
.bloque2 .d3{position:absolute;top:36px;left:545px; width:400px;}

.bloque22 .d1{position:absolute;top:36px;left:270px;}
.bloque22 .d2{position:absolute;top:36px;left:405px;}
.bloque22 .d3{position:absolute;top:36px;left:545px; width:400px;}

.bloque3 .d1{position:absolute;top:36px;left:200px;}
.bloque3 .d2{position:absolute;top:36px;left:390px;}
.bloque3 .d3{position:absolute;top:36px;left:650px; width:300px;}

.bloque44 {height:auto;}
.bloque44 .d1{position:absolute;top:195px;left:200px;}
*+ html .bloque44 .d1{position:absolute;top:255px;left:200px;}
.bloque44 .d2{position:absolute;top:125px;left:500px;}
.bloque44 .d3{position:absolute;top:135px;left:610px;}
.bloque44 .d44-11{position:absolute;top:215px;left:210px;}
*+ html .bloque44 .d44-11{position:absolute;top:280px;left:210px;}
.bloque44 .d44-21{position:absolute;top:237px;left:360px;}

.bloque44 .d44-1{position:absolute;top:80px;left:210px;}
.bloque44 .d44-2{position:absolute;top:80px;left:360px;}
.bloque44 .d44-3{position:absolute;top:57px;left:610px;}

.bloque5{ height:110px;}
.bloque5 .d1{position:absolute;top:36px;left:390px;}
.bloque5 .d2{position:absolute;top:66px;left:390px;}
.bloque5 .d3{position:absolute;top:66px;left:860px;}
.bloque5 .d33{position:absolute;top:5px;left:390px;}

.bloque6 .d1{position:absolute;top:36px;left:320px; text-align:right;}
.bloque6 .d2{position:absolute;top:36px;left:430px;}


.bloqueactualizar{position:relative;width:680px;margin:auto;}
.bloqueactualizar .d3{position:absolute; width:500px; left:328px; top:47px;}
.bloqueactualizar .d32{position:absolute; width:500px; left:328px; top:23px;}
.bloqueactualizar label { width: 210px; line-height:23px; font-size:.9em; margin-left:5px; }
.bloqueactualizar .secimg-radio { width: 5%; }
.bloqueactualizar .secimg-img { width: 90%; }

.bloqueusr-banco .d1{ position:absolute; top:36px; left:670px;}
.bloqueusr-banco .d3{ position:absolute; top:60px; left:300px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .bloqueusr-banco .d3  { left:320px; top:59px;  }
}
.bloqueusr-banco .d4{ position:absolute; top:60px; left:454px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .bloqueusr-banco .d4  { left:330px; top:59px;  }
}
.bloqueusr-banco .d5{ position:absolute; top:83px; left:296px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .bloqueusr-banco .d5  { top:82px;  }
}
.bloqueusr-banco .d6{ position:absolute; top:83px; left:624px;}



.bloque1empresa .d1{ position:absolute; top:36px; left:475px;}
.bloque1empresa .d2{ position:absolute; top:36px; left:630px;}
.bloque1empresa .d3{ position:absolute; top:36px; left:770px;}
.bloque1empresa .d4{ position:absolute; top:60px; left:235px;}
.bloque1empresa .d44{ position:absolute; top:60px; left:388px;}
.bloque1empresa .d5{ position:absolute; top:60px; left:455px;}
.bloque1empresa .d6{ position:absolute; top:83px; left:475px;}

.bloque2empresa .d1{position:absolute;top:36px;left:227px;}
.bloque2empresa .d2{position:absolute;top:36px;left:455px;}
.bloque2empresa .d3{position:absolute;top:36px;left:690px;}
.bloque2empresa .d5{ position:absolute; top:61px; left:294px;}
body:not(:-moz-handler-blocked) .bloque2empresa .d5 {  top:60px; }
.bloque2empresa .d7{ position:absolute; top:83px; left:447px;}
body:not(:-moz-handler-blocked) .bloque2empresa .d7 { left:444px; }

.radios{position:absolute; top:0px; left:300px;}
body:not(:-moz-handler-blocked) .radios { top:20px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .radios{ top:0px;}
}

.bloque1usrempresa .d1{ position:absolute; top:36px; left:370px;}
.bloque1usrempresa .d2{ position:absolute; top:36px; left:515px;}
.bloque1usrempresa .d3{ position:absolute; top:36px; left:790px;}
.bloque1usrempresa .d4{ position:absolute; top:36px; left:660px;}
.bloque1usrempresa .d44{ position:absolute; top:36px; left:822px;}
.bloque1usrempresa .d6{ position:absolute; top:60px; left:515px;}

.bloque2usrempresa .d1{ position:absolute; top:36px; left:515px;}


.bloquereportes .d1{ position:absolute; top:50px; left:450px;}
.bloquereportes .d2{
	position: absolute;
	top: 48px;
	left: 620px;
}
.bloquereportes .d3{ position:absolute; top:90px; left:500px;}


.bloquerelacionados a{ color:#333;}
.bloquerelacionados a:hover{ color:#999;}

.bloquebusqueda .d1{ position:absolute; top:36px; left:300px;}
.bloquebusqueda .d2{ position:absolute; top:36px; left:500px;}


.altaindiv .d1{ position:absolute; top:0px; left: 383px;}
.altaindiv .d2{ position:absolute; top:23px; left:383px;}
.altaindiv .d3{ position:absolute; top:46px; left:383px;}
.altaindiv .d4{ position:absolute; top:69px; left:383px;}
.altaindiv .d5{ position:absolute; top:92px; left:383px;}

.filtrar p{ width:60px; display:block;}
.filtrar .d1{ position:absolute; top:0px; left:630px;}
.filtrar .d2{ position:absolute; top:0px; left:750px;}
.filtrar .d1dd{ position:absolute; top:0px; left:380px;}
.filtrar .d2dd{ position:absolute; top:0px; left:580px;}
.filtrar .d4{ position:absolute; top:24px; left:210px;}
.filtrar .d4 .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}
.filtrar .d4dd{ position:absolute; top:24px; left:0px;}
.filtrar .d4dd .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}
.filtrar .d4d4{ position:absolute; top:24px; left:230px;}
.filtrar .d4d4 .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}
.filtrar .d44{ position:absolute; top:24px; left:465px;}
.filtrar .d44 .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}
.filtrar .d444{ position:absolute; top:0px; left:375px;}
.filtrar .d444 .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}
.filtrar .d5{ position:absolute; top:24px; left:713px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .filtrar .d5{ position:absolute; top:24px; left:714px;}
}

.fecha2{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}


.filtrar .d1d{ position:absolute; top:34px; left:730px;}
.filtrar .d4d{ position:absolute; top:59px; left:230px;}
.filtrar .d4d .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}
.filtrar .d44d{ position:absolute; top:59px; left:450px;}
.filtrar .d44d .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}
.filtrar .d444d{ position:absolute; top:0px; left:600px;}
.filtrar .d444d .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}
.filtrar .d5d{ position:absolute; top:59px; left:650px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .filtrar .d5d{ position:absolute; top:59px; left:691px;}
}

.filtrar .dd1{ position:absolute; top:0px; left:530px;}
.filtrar .dd2{ position:absolute; top:0px; left:750px;}
.filtrar .dd4{ position:absolute; top:24px; left:0px;}
.filtrar .dd4 .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}
.filtrar .dd44{ position:absolute; top:24px; left:335px;}
.filtrar .dd44 .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}
.filtrar .dd5{ position:absolute; top:24px; left:620px; width:400px;}

.ddExtra .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px;}


/*BLOQUE ALTA USUARIO CLIENTE-BANCO*/

.bloqueusrcb .d1{ position:absolute; top:36px; left:380px;}
.bloqueusrcb .d2{ position:absolute; top:36px; left:525px;}
.bloqueusrcb .d3{ position:absolute; top:36px; left:655px;}
.bloqueusrcb .d4{ position:absolute; top:36px; left:780px;}
.bloqueusrcb .d5{ position:absolute; top:60px; left:640px;}



table .eliminar{ background:url(../imgs/eliminar.png); width:20px; height:20px; overflow:hidden; line-height:60px; display:block; float:left; margin-right:2px;}
table .eliminar:hover{ background:url(../imgs/eliminar_hover.png);}
table .editar{ background:url(../imgs/ico-editar.png); width:20px; height:20px; overflow:hidden; line-height:60px; display:block; float:left; margin-right:2px;}
table .editar:hover{ background:url(../imgs/ico-editar_hover.png);}
table .bloquear{ background:url(../imgs/ico-bloquear.png); width:20px; height:20px; overflow:hidden; line-height:60px; display:block; float:left; margin-right:2px;}
table .bloquear:hover{ background:url(../imgs/ico-bloquear_hover.png);}
table .desbloquear{ background:url(../imgs/ico-desbloquear.png); width:20px; height:20px; overflow:hidden; line-height:60px; display:block; float:left; margin-right:2px;}
table .desbloquear:hover{ background:url(../imgs/ico-desbloquear_hover.png);}
table .subir{ background:url(../imgs/ico-alta.png); width:20px; height:20px; overflow:hidden; line-height:60px; display:block; float:left; margin-right:2px;}
table .subir:hover{ background:url(../imgs/ico-alta_hover.png);}
table .imprimir{ background:url(../imgs/ico-imprimir.png); width:20px; height:20px; overflow:hidden; line-height:60px; display:block; float:left; margin-right:2px;}
table .imprimir:hover{ background:url(../imgs/ico-imprimir_hover.png);}
table .descarga{ background:url(../imgs/ico-descargar.png); width:20px; height:20px; overflow:hidden; line-height:60px; display:block; float:left; margin-right:2px;}
table .descarga:hover{ background:url(../imgs/ico-descargar_hover.png);}
table .detalle{ background:url(../imgs/ico-detalle.png); width:20px; height:20px; overflow:hidden; line-height:60px; display:block; float:left; margin-right:2px;}
table .detalle:hover{ background:url(../imgs/ico-detalle_hover.png);}
table .guardar{ background:url(../imgs/ico-guardar.png); width:20px; height:20px; overflow:hidden; line-height:60px; display:block; float:left; margin-right:2px;}


/*forma*/
#contenido #forma{position:relative; padding:0px 30px;padding-top:30px; min-height:700px;background-color: #ffffff; }
#contenido #forma .pestana{width:400px; margin-bottom: 30px;font-size: 1.2em;font-stretch: condensed;}
#contenido #forma .pestanaExtend{ background:url(../imgs/bg_pestanas.png) no-repeat; width:500px; height:62px; padding-left:45px; padding-top:15px}
#contenido #forma .bloque{ position:relative;}
#contenido #forma .bloque div{clear:both;}
#contenido #forma .bloque p{ line-height:23px !important; font-size:.9em; float:left; margin-right:5px;}
#contenido #forma .bloque .titulos{
    clear:both;
    position:relative;
    color:#FFF;
    background-color: #EC0000;
    width:98%;
    height:26px;
   padding-left:20px;
   line-height:26px;
   margin:10px auto;
   font-size:1em;
   border-bottom: 1px solid #666666;
   border-top: 1px solid #666666;
   margin-top: 30px;
   margin-bottom: 30px;
}

#contenido #forma .pestana:before{
    content: url('../imgs/ico_arrow_der.png');
    position: relative;
    top: 8px;
    margin-right:3px;
}

#contenido #forma .bloque .texto{ border:solid 1px #666666; height:20px;}
#contenido #forma .bloque .combo{ border:solid 1px #666666; height:20px;}
#contenido #forma .bloque .textoFormato{ border:solid 1px #666666; height:20px;}

/*formapago*/
.formapago .flotado{ float:left; margin-right:20px;}
.formapago .flotado2{ float:left; margin-right:20px;}

.logo-empresa{ position:absolute; right:30px; top:20;}

/*****FOOTER******/
#footer-int{clear:both;position:relative;width:970px;height:225px;background:url(imgs/bg_footer.png);margin-top:-50px;}

#tipoEmpresa{margin-left:-320px;margin-top:30px;}

#tipoEmpresas{margin-left:0px;}

#tipoD{margin-left:-320px;margin-top:30px;}

.tablaDetalle td{text-align:left !important ; border-right:solid 1px #666 }

.errorRegistro{	font-size: .8em;	color: red;}

.tabla-error{ border-collapse:collapse;}
.tabla-error td{ border-bottom:solid 1px #666666}

.camposObligatorios{font-size: .6em;}

/*****COLLECTING******/

.bloque-collect{ font-size:.8em;}
.bloque-collect div , .bloque-collect div p{ float:left;}
.bloque-collect .div-input p{ line-height:22px;}
.bloque-collect .div-input input{ margin-left:5px;}
.bloque-collect .fecha{ background:url(../imgs/calendar_icon.png); width:16px; height:16px; float:left; display:block; overflow:hidden; line-height:50px; margin-left:3px; margin-top:3px; cursor:default;}
.check-colect div{float:left !important; margin-left:25px;}
.check-colect p{ line-height:20px !important; float:left; margin-right:5px;}
.texto{ border:solid 1px #666666; height:20px;}
.texto-n{ width:80px !important;}

#modal , #modal2{ width:400px; height:180px; border:solid 1px #FF0000; border-radius:5px; position:fixed; top:130px; left:50%; margin-left:-200px; background:#FFF; z-index:1000; font-size:.8em; text-align:center;}
#modal p{ display:block; margin-top:40px; margin-bottom:50px;}
#modal2 p{ display:block; margin-top:30px; margin-bottom:0px;}
#modal a , #modal2 a{ text-decoration:none; color:#FFF; background:#F00; text-align:center; padding:10px; margin-left:20px;}
#bgs{ width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(../imgs/bgs.png);}

.alta-collect{ width:700px; margin:1px auto; padding-left:100px;}
.alta-collect div{ margin-left:30px; margin-bottom:2px; width:300px;}
.alta-collect div p{ width:130px;}

.titleTable1{ 
    text-align: left; 
    color: black; 
    font-weight: bold;
    font-style:italic;
    text-decoration: underline; 
}
.titleTable2{ 
    text-align: right; 
    color: black; 
    font-weight: bold;
    font-style:italic;
    text-decoration: underline; 
}

.ui-datepicker {
	width: 15em !important;
}

.btn-paginado {
	display: inline-block;
	background:url("../imgs/bg_btn.png"); 
	width:140px; 
	height:30px; 
	text-decoration:none; 
	color:#333; 
	font-size:.8em; 
	text-align:center; 
	line-height:30px; 
	margin: 5px;
}

.btn-paginado:hover { 
	color: red;
}

.btn-rango-paginado {
	display: inline-block;
	background:url("../imgs/bg_btn.png");
	background-size: 100% 100%; 
	width:30px; height:30px; 
	text-decoration:none; 
	color:#333; 
	font-size:.8em; 
	text-align:center; 
	line-height:30px; 
	margin: 5px;
}

.btn-rango-paginado:hover { 
	color: red;
}

.texto-centrado {
	text-align: center;
}

/********** Estilos nuevos **********/
#contenido #formas{background:url(../imgs/bg_top-contenido.png) no-repeat center top;width:1050px;position:relative;margin:0px auto; padding:0px 30px;padding-top:30px; min-height:700px;}
#contenido #formas .pestana{ background:url(../imgs/bg_pestanas.png) no-repeat; width:300px; height:62px; padding-left:45px; padding-top:15px}
#contenido #formas .bloques{ position:relative; padding-left:20px;}
#contenido #formas .bloques div{clear:both;}
#contenido #formas .bloques p{ line-height:23px !important; font-size:.9em; float:left; margin-right:5px;}
#contenido #formas .bloques .titulos{ clear:both; position:relative; color:#FFF; background:url(../imgs/bg_titulos.png) repeat-x; width:98%; height:26px; padding-left:20px; line-height:26px; margin:10px auto; font-size:1em;}
#contenido #formas .bloques .texto{ border:solid 1px #666666; height:20px;}
#contenido #formas .bloques .textoFormato{ border:solid 1px #666666; height:20px;width:370px;}
#contenido #formas .bloques .titulosm {
    clear: both;
    position: relative;
    color: #FFF;
    background: url(../imgs/bg_titulos.png) repeat-x;
    width: 96%;
    height: 26px;
    padding-left: 20px;
    line-height: 26px;
    margin: 10px auto;
    font-size: 1em;
}
#wrappers{position:relative;width:1104px;height:auto;margin:0px auto;background-repeat:no-repeat;background-position:bottom;overflow:hidden;}
#contenido .bloques table{ margin: 20px auto; font-size:.7em; width: 1145;}

#contenido .bloques table td{ text-align:center; border-bottom:solid 1px #999999; vertical-align:middle; height:25px;}
#contenido .bloques table .headers{ color:#DC251A;}

#pagTabla_length label{font-size: 0.8em; padding-left:10px;}
#pagTabla_info {font-size: 0.85em; padding-left:10px;}
#pagTabla_paginate {font-size: 0.85em; padding-left:10px;}

.tabla-extendida{
	width: 90%;
	border: 1;
}

/* Estilo para objeto deshabilitados y solo lectura */
input[disabled][type="button"],
input[readonly][type="button"],
input[disabled][type="submit"],
input[readonly][type="submit"],
button[disabled],
button[readonly],
a[disabled],
a[readonly] {
	color: grey;
}

input[type="text"][disabled],
input[type="text"][readonly],
input[type="number"][disabled],
input[type="number"][readonly] {
	color: #606060;
	background-color: lightGrey;
}

input.hasDatepicker[readonly] {
	color: black;
	background-color: white;
}

.hr-left {
    border: none;
    border-bottom:1px solid #999; 
    border-top:1px solid #dcdcdc; 
    height:0;
   	max-width: 340px; 
   	margin-left:0;
   	margin-bottom:4px;
   	margin-top:4px;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.modal-no-close .ui-dialog-titlebar-close {
    visibility: hidden;
}

.oculto {
    display: none;
}

.etiqueta { line-height:23px; font-size:.9em; margin-left:5px;}

.float-left {
    float: left;
}

.exito-ico { margin-top:30px; width:100px; }
.error-ico { margin-top: 60px; width: 100px; }
.operacion-ante { font-size:1.6em; margin-bottom:5PX; }
.operacion-msg { font-size:1.6em; margin-bottom:20PX; }
.p-equipo{ font-size:12px; padding-right:8px; }