/*temabimbo*/

#style1 {color: #000000}

#bodyHome{
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-width: 0px;
      margin-height: 0px;
      background-color: #FFFFFF;
	  background-image: url(../imagenes/Fondo.jpg);
}
#bodyPrincipal{
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-width: 0px;
      margin-height: 0px;
      background-color: #FFFFFF;
	  background-image: url(../imagenes/Fondo2.jpg);
}


body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-width: 0px;
	margin-height: 0px;
	background-color: #FFFFFF;
	background-image: url(../imagenes/logback_csc_1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
}

span.hidden {
	visibility: hidden;
}

#reg4back {
	background-color: #FFFFFF;
	background-image: url(../imagenes/logback_csc_1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
}

#header {
	width: 100%;
}

#blueline{
      width: 100%;
      height: 7px;
      margin-top: 0px;
      background-color: #C3BDAE;
      font-size: 7px;
}

#logoline {
	width: 100%;
	height: 66px;
	margin-top: 0px;
	background-color: #FFFFFF;
	font-size: 7px;
	background-image: url(../imagenes/head_back2.jpg);
	background-repeat: no-repeat;
	background-position: 162px 17px;
}

#pestana {
	z-index: 50;
	position: absolute;
	z-index: 3;
	top: 8px;
	left: 1px;
	width: 100%;
	height: 68px;
	background-image: url(../imagenes/pestana.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#logso{
      position: absolute;
      z-index:3;
      top: 3px;
      left: 0px;
      width: 100%;
      height: 68px;
      text-align: right;
}


#usuario {
	position: relative;
	z-index: 7;
	top: 3px;
	left: 0px;
	width: 100%;
	height: 68px;
	text-align: right;
}

#tem-trans {
	z-index: 50;
	position: absolute;
	z-index: 3;
	top: 9px;
	left: 250px;
}

#tem-trans1 {
	z-index: 50;
	position: absolute;
	z-index: 3;
	top: 23px;
	left: 250px;
}

#logtm {
	position: absolute;
	z-index: 3;
	top: 3px;
	left: 0px;
	width: 100%;
	height: 68px;
	text-align: right;
}

#greenline{
      z-index: 4;
      width: 100%;
      height: 7px;
      margin-top: 0px;
      background-color: #C3BDAE;
      font-size: 7px;
}
#green2line{
      width: 100%;
      height: 11px;
      margin-top: 0px;
      background-color: #C3BDAE;
      margin-top: 3px;
      font-size: 9px;
      text-align: right;
}
#footer {
	position: relative;
	margin-top: 60px;
	font-size: 10px;
	text-align: right;
	background-color: #FFFFFF;
	font-family: arial;
	color: #0B2F65;
}

#perfil {
	z-index: 50;
	height: 50px;
	margin-top: 15px;
	margin-right: 10px;
	text-align: right;
	font-size: 9px;
	font-family: arial;
	color: #000000;
	border: solid #00496B;
	border-width: 0px;
}

#perfil2 {
	width: 10%;
	height: 50px;
	margin-top: 15px;
	margin-right: 10px;
	text-align: left;
	font-size: 9px;
	font-family: arial;
	color: #000000;
	border: solid #00496B;
	border-width: 0px;
}

#fecha {
	font-size: 9px;
	font-family: arial;
	color: #FFFFFF;
	margin-right: 20px;
}

#reporte {
	font-size: 12px;
	font-family: arial;
	color: #FFFFFF;
}

#mensaje { /*Mensaje de Cuenta Indivudual*/
	font-size: 9px;
	font-family: arial;
	color: #FFFFFF;
	margin-right: 20px;
}

#logoheader {
	z-index: 50;
	position: absolute;
	top: 0px;
	left: 0px;
}

#logheadclient {
	z-index: 15;
	position: relative;
	top: 0px;
	right: 178px;
}

#logheadclient2 {
	z-index: 5;
	position: absolute;
	top: 7px;
	left: 340px;
}

#menuheader {
	z-index: 5;
	position: absolute;
	top: 120px;
	left: 20px;
}

#menuheader4 {
	z-index: 4;
	position: absolute;
	top: 120px; /*-120*/
	left: -7px; /*-75*/
}

#menuheader3 {
	z-index: 4;
	position: absolute;
	top: -5px; /*-120*/
	left: 0px; /*-75*/
}

#menuheader2 {
	z-index: 4;
	position: relative;
	top: -150px; /*-120*/
	left: 0px; /*-75*/
	width: 100px;
}

#menu {
	z-index: 50;
	position: absolute;
	top: 100px;
	left: 0px;
	width: 160px;
}

#menudetalle {
	z-index: 50;
	position: absolute;
	top: -85px;
	left: -180px;
	width: 160px;
}

#menu1 {
	z-index: 50;
	position: absolute;
	top: 100px;
	left: 830px;
	width: 160px;
}

#menuConsulta {
	z-index: 5;
	position: relative;
	top: 450px;
	left: 555px;
	width: 160px;
	bottom: 10px;
}

#menuConsulta1 {
	/*MALV - Se crea menuconsulta1 para que no haya error con otras paginas y quede correcta la orientacion de CONSULTAS*/
	z-index: 5;
	position: relative;
	top: 400px;
	left: 40%;
	width: 160px;
	bottom: 10px;
}

#menuAseg {
	z-index: 5;
	position: relative;
	top: 0px;
	left: -75px;
	width: 160px;
	bottom: 10px;
}

#lote {
	width: 332px;
	height: 217px;
	top: 100px;
	background-image: url(../imagenes/LoteN3.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
	padding-top: 10px;
}

#contenedor {
	position: absolute;
	width: 100%;
	top: 120px;
	left: 0px;
}

#contenido {
	position: relative;
	width: 90%;
	top: 0px;
	left: 0px;
	text-align: center;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin-left: 20%;
}

#bitclavus {
	position: relative;
	width: 95%;
	top: 30px;
	left: 0px;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	border: solid #00496B;
	border-width: 0px;
	margin: 0 auto;
	text-align: right;
	visibility: visible;
}

#contbitacora {
	position: relative;
	vertical-align: middle;
	width: 95%;
	top: 50px;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin-top: -2%;
	margin-left: 2%;
	text-align: center;
}

#contbitacora3 {
	position: relative;
	vertical-align: middle;
	width: 95%;
	top: 50px;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin-top: 0%;
	margin-left: 2%;
	text-align: center;
}

#tabla {
	font-family: arial;
	font-size: 11pt;
	text-align: right;
	color: #000000;
}

#tituloCI {
	position: relative;
	vertical-align: middle;
	width: 95%;
	top: -20px;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin: 0 auto;
	text-align: center;
}

#titulo2 { /*Titulo de envios */
	position: relative;
	width: 95%;
	top: 0px;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin-top: 0%;
	margin-right: 30%;
	margin-left: 1.5%;
	text-align: center;
}

#titulo3 {
	position: relative;
	vertical-align: middle;
	width: 95%;
	top: -10px;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin-top: -33%;
	margin-right: 30%;
	margin-left: 1.5%;
	text-align: center;
}

#titulo4 { /* Titulo de alta asegurados*/
	position: relative;
	vertical-align: middle;
	width: 95%;
	top: 450px;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin-top: -33%;
	text-align: center;
}

#titulo5 {
	position: relative;
	vertical-align: middle;
	width: 95%;
	top: 370px; /*MALV - SE CAMBIO EL PORCENTAJE, EL ANTERIOR ERA DE 200*/
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin-top: -34%;
	text-align: center;
}

#titulo6 { /*TITULO EXTRACCION*/
	position: absolute;
	vertical-align: middle;
	width: 100%;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	text-align: center;
}

#titulo7 {
	position: relative;
	vertical-align: middle;
	width: 95%;
	top: -10px;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin-top: -33%;
	margin-right: 30%;
	margin-left: 2.5%;
	text-align: center;
}

#titulo8 {
	position: relative;
	vertical-align: middle;
	width: 95%;
	top: 10px;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin-top: 2.5%;
	margin-right: 10%;
	margin-left: 2.5%;
	text-align: center;
}

#titulo9 { /*Para ser modificado o borrado */
	position: relative;
	vertical-align: middle;
	width: 95%;
	font-family: arial;
	font-size: 11pt;
	text-align: center;
}

#tituloN {
	position: top;
	vertical-align: top;
	width: 95%;
	top: -10px;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin: 0 auto;
	text-align: center;
}

#titulobitacora {
	position: relative;
	vertical-align: middle;
	width: 95%;
	top: -20px;
	left: 0px;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin: 0 auto;
	text-align: left;
}

#formbit {
	position: absolute;
	width: 300px;
	top: 180px;
	height: 420px;
	left: 0px;
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	border: solid #00496B;
	border-width: 0px;
	float: left;
	color: #FFFFFF;
	background-image: url(../imagenes/backformn45.png);
	background-repeat: no-repeat;
	background-position: 0% 51%;
	background-attachment: fixed;
}

#formbital {
	/* MALV - Se Agego el estilo formbital para no afectar a los demas que lo utilicen esto para arreglar el menu de la hoja CONFRONTA*/
	position: absolute;
	width: 300px;
	top: 200px;
	bottom: 0px;
	height: 540px;
	left: 0px;
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	border: solid #00496B;
	border-width: 0px;
	float: left;
	color: #FFFFFF;
	background-image: url(../imagenes/backformn45.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#03335A', gradientType='0');*/
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-attachment: fixed;
}

#formbitc {
	/* MALV - Se Agego el estilo formbital para no afectar a los demas que lo utilicen esto para arreglar el menu de la hoja CONFRONTA*/
	position: relative;
	vertical-align: middle;
	width: 500px;
	top: 0px;
	bottom: 20px;
	height: 540px;
	/*left: 0px;*/
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	border: solid #00496B;
	border-width: 0px;
	float: left;
	color: #FFFFFF;
	/*background-image: url(../imagenes/backformn45.png);*/
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#03335A', gradientType='0');
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-attachment: fixed;
}

#formbitb {
	position: absolute;
	width: 360px;
	top: 32%;
	left: 15%;
	text-align: right;
	font-family: arial;
	font-size: 10pt;
	border: solid #00496B;
	border-width: 0px;
	float: left;
	color: #FFFFFF;
	height: 300px;
}

#formbitd {
	/*position: absolute;*/
	width: 300px;
	top: 170px;
	height: 450px;
	left: 0px;
	/*padding-left: 40px;*/
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	border: solid #00496B;
	border-width: 0px;
	float: left;
	color: #FFFFFF;
	background-image: url(../imagenes/backformn45.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#03335A', gradientType='0');*/
	background-repeat: no-repeat;
	background-position: left center;
	background-attachment: fixed;
}

#contbit {
	position: absolute;
	width: 70%;
	height: 350px;
	top: 25px;
	left: 300px;
	/*vertical-align: middle;*/
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	border: solid #EEEEEE;
	border-width: 0px;
	color: #000000;
}

#contbitacora {
	position: absolute;
	width: 80%;
	height: 350px;
	top: 180px;
	left: 80px;
	/*vertical-align: middle;*/
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	border: solid #EEEEEE;
	border-width: 0px;
	color: #000000;
}

#contbitacora2 {
	position: absolute;
	width: 80%;
	height: 100px;
	top: 55px;
	left: 120px;
	/*vertical-align: middle;*/
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	border: solid #EEEEEE;
	border-width: 0px;
	color: #000000;
}

#contbitEba {
	position: relative;
	width: 100%;
	height: 350px;
	top: 15px;
	left: 0px;
	vertical-align: middle;
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	border: solid #EEEEEE;
	border-width: 0px;
	color: #000000;
}

#contbit1 {
	position: relative;
	width: 100%;
	height: 350px;
	top: -40px;
	left: 0px;
	vertical-align: left;
	text-align: left;
	font-family: arial;
	font-size: 10pt;
	border: solid #EEEEEE;
	border-width: 0px;
	color: #000000;
}

#intro {
	z-index: 4;
	position: absolute;
	top: 25px;
	left: 20px;
	text-align: center;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin-left: 95px;
	margin-top: 60px;
}

#codlay {
	width: 413px;
	height: 180px;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0');
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
}

#codlay2 {
	width: 413px;
	height: 280px;
	margin-top: 2.5%;
	background-image: url(../imagenes/envback.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0');*/
	background-repeat: no-repeat;
	background-position: 50% 50%;
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
	padding-top: 10px;
}

#codlay4 {
	width: 413px;
	height: 280px;
	margin-top: 0%;
	background-image: url(../imagenes/envback.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0');*/
	background-repeat: no-repeat;
	background-position: 50% 40%;
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
	padding-top: 10px;
}

#codlayal {
	/* MALV - Se crea CODLAYAL para no afectar los demas y este se establece para EXTRACCION*/
	width: 413px;
	height: 280px;
	margin-top: 30%;
	background-image: url(../imagenes/envback.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0');**/
	background-repeat: no-repeat;
	background-position: 10px 30px;
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
	padding-top: 10px;
}

#envmen {
	width: 775px;
	height: 383px;
	margin-top: -35%;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 10%;
	background-color: #FFFFFF;
	background-image: url(../imagenes/envmen.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#03335A', gradientType='0');*/
	background-repeat: no-repeat;
	background-position: center;
	font-family: arial;
	font-size: 15pt;
	color: #0ACBC0;
	padding-top: 10px;
}

#codlay3 { /*Busqueda de Asegurado*/
	width: 413px;
	height: 250px;
	background-image: url(../imagenes/envback.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0');*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
	padding-top: 10px;
}

#codlay3AL { /*Busqueda de Asegurado*/
	width: 413px;
	height: 250px;
	margin-top: 00px;
	background-image: url(../imagenes/envback1.jpg);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0');*/
	background-repeat: no-repeat;
	background-position: 50px 0px;
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
	padding-top: 10px;
}

#poplay {
	width: 330px;
	height: 200px;
	margin-top: 4px %;
	background-image: url(../imagenes/envback.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0');*/
	background-repeat: no-repeat;
	background-position: 0px 0px; */
	font-family: arial;
	font-size: 15pt;
	padding-top: 10px;
}

#login{
      z-index: 6;
      position: absolute;
      width: 182px;
      height: 186px;
      margin-top: 5%;
      margin-left: 0px;
      background-color: #FFFFFF;
      background-image: url(../imagenes/backlogin.jpg);
      background-repeat: no-repeat;
      background-position: 0px 0px;
      text-align: center;
      font-family: arial;
      font-size: 14pt;
      color: #FFFFFF;
      padding-top: 10px;
}


#login1 {
	z-index: 6;
	position: absolute;
	width: 182px;
	height: 186px;
	margin-top: 5%;
	margin-left: 0px;
	background-color: #FFFFFF;
	background-image: url(../imagenes/backlogin.jpg);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#03335A', gradientType='0');*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	font-family: arial;
	font-size: 14pt;
	color: #FFFFFF;
	padding-top: 10px;
}

#tx1 {
	font-family: arial;
	font-size: 10pt;
	color: #FFFFFF;
	margin-top: 0px;
}

#txp {
	font-family: arial;
	font-size: 10pt;
	color: #FFFFFF;
	margin-top: 0px;
	margin-left: 80px;
	text-align: left;
}
#tx3{
      width: 150px;
      font-family: arial;
      font-size: 10pt;
      color: #FFFFFF;
      margin-top: 10px;
      text-align: right;
      margin-right: 20px;
}



#input {
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	color: #000000;
	margin-top: 3px;
}

#inputf {
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	color: #000000;
	margin-top: 3px;
}

#inputl{
      width: 70px;
      height: 15px;
      font-family: arial;
      font-size: 7pt;
      text-align: center;
      color: #000000;
      margin-top: 0px;
}

#infech {
	width: 70px;
	height: 20px;
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	color: #000000;
	margin-top: 0px;
	margin-left: 8px;
}

#infech2 {
	width: 70px;
	height: 20px;
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	color: #000000;
	margin-top: 0px;
	margin-left: 9px;
}

#botones {
	width: 448px;
	height: 20px;
	font-family: arial;
	font-size: 10pt;
	align: center;
	color: #000000;
}

#botones1 {
	width: 448px;
	height: 20px;
	font-family: arial;
	font-size: 10pt;
	align: center;
	color: #000000;
}

#env{
      margin-top: 10px;
}

.botonLogin{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:#FFFFFF;
        background:#EA2026;
        border:0px;
        width:80px;
        height:19px;
       }


#env2 {
	margin-top: 10px;
}

#form {
	position: relative;
	width: 550px;
	height: 550px;
	margin-top: 5%;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 40px;
	padding-top: 30px;
	background-image: url(../imagenes/backformn2.jpg);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0') ;*/
	background-repeat: no-repeat;
	background-position: 10px 0px;
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
	text-align: right;
	border: solid #00496B;
	border-width: 0px;
	color: #000000;
	padding-right: 120px;
}

#formn4 { /*Registro de Usuario Nivel 3*/
	position: relative;
	width: 555px;
	font-family: arial;
	font-size: 10pt;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../imagenes/hlasd.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#03335A', gradientType='0');*/
	top: 20px;
}

#formn4a { /*Registro de Usuario Nivel 4*/
	position: relative;
	width: 448px;
	background-repeat: repeat-y;
	background-image: url(../imagenes/hlasd.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#03335A', gradientType='0');*/
}

#formn4div { /*Registro de Usuario Nivel 2*/
	position: relative;
	width: 380px;
	text-align: right;
}

#formn4aa { /*Registro de Usuario Nivel 2*/
	position: relative;
	text-align: right;
	width: 448px;
	height: 600px;
	font-family: arial;
	font-size: 10pt;
	background-repeat: no-repeat;
	background-image: url(../imagenes/hlasd.png);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#03335A', gradientType='0');*/
	color: #FFFFFF;
}

#formalta { /*Alta de Asegurado*/
	position: relative;
	text-align: right;
	width: 450px;
	height: 390px;
	font-family: arial;
	font-size: 10pt;
	background-repeat: no-repeat;
	background-image: url(../imagenes/backaltas.jpg);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0') ;*/
	color: #FFFFFF;
}

#formalta2 { /*Alta de Asegurado*/
	position: relative;
	width: 480px;
	height: 398px;
	font-family: arial;
	font-size: 10pt;
	background-repeat: no-repeat;
	background-image: url(../imagenes/backaltas.jpg);
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0') ;*/
	color: #FFFFFF;
}

#formCenter { /*Alta de Asegurado*/
	text-align: right;
	width: 340px;
}

#formnrp { /*Formulario para Registro Patronales*/
	position: relative;
	width: 585px;
	height: 300px;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(../imagenes/back_bitacora.jpg);
	left: 0%; /* 349px;*/
	top: -10px;
	padding-right: 160px;
}

#imss {
	position: relative;
	width: 470px;
	height: 70px;
	margin-top: 20px;
	margin-left: 12px;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 5px;
	color: #FFFFFF;
	font-size: 9pt;
	border: solid #FF0000;
	border-width: 0px;
}

.imsstxt {
	position: relative;
	width: 93px;
	height: 20px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 0px;
	font-family: arial;
	font-size: 7pt;
	color: #FFFFFF;
	text-align: center;
	border: solid #FF0000;
	border-width: 0px;
	float: left;
}

.imsstxt2 {
	position: relative;
	width: 180px;
	height: 20px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 0px;
	font-family: arial;
	font-size: 7pt;
	color: #FFFFFF;
	text-align: center;
	border: solid #FF0000;
	border-width: 0px;
	float: left;
}

.tx2 {
	text-align: right;
	width: 450px;
	height: 21px;
	font-family: arial;
	font-size: 12pt;
	color: #000000;
}

.tx4 {
      font-family: arial;
      font-size: 7pt;
      color: #FFFFFF;
      text-decoration: none;
}


.tx5 {
	text-align: right;
	/*width: 450px;*/
	height: 23px;
	font-family: arial;
	font-size: 10pt;
	color: #FFFFFF;
	margin-top: 0px;
}

.tx6 {
	text-align: left;
	height: 23px;
	font-family: arial;
	font-size: 10pt;
	color: #000000;
	margin-top: 0px;
}

.tx7 {
	text-align: center;
	height: 23px;
	font-family: arial;
	font-size: 10pt;
	color: #FFFFFF;
	margin-top: 0px;
}

.campo {
	width: 150px;
	font-family: arial;
	font-size: 7pt;
	text-align: left;
	color: #006699;
	margin-top: 3px;
	background-color: #CCCCCC;
	text-transform: uppercase;
}

.campoCombo {
	width: 150px;
	font-family: arial;
	font-size: 9pt;
	text-align: left;
	color: #000000;
	margin-top: 3px;
	background-color: #CCCCCC;
}

.campo2 {
	width: 458px;
	font-family: arial;
	font-size: 7pt;
	text-align: left;
	color: #006699;
	margin-top: 3px;
	background-color: #CCCCCC;
	text-transform: uppercase;
}

.campoForm {
	width: 150px;
	font-family: arial;
	font-size: 9pt;
	text-align: left;
	color: #006699;
	margin-top: 2px;
	background-color: #CCCCCC;
	text-transform: uppercase;
}

.campomje {
	font-family: arial;
	font-size: 10pt;
	text-align: left;
	color: #006699;
	background-color: #CCCCCC;
}

.campofecha {
	width: 150px;
	font-family: arial;
	font-size: 10pt;
	text-align: left;
	color: #006699;
	margin-top: 3px;
	background-color: #CCCCCC;
}

.campofecha2 {
	width: 130px;
	font-family: arial;
	font-size: 10pt;
	text-align: left;
	color: #006699;
	margin-top: 3px;
	background-color: #CCCCCC;
}

.boton {
	width: 80px;
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	color: #FFFFFF;
	margin-top: 3px;
    background-color: #000033;
	font-weight: bold;
}

.botonE {
	width: 120px;
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	color: #FFFFFF;
	margin-top: 3px;
	background-color: #000033;
	font-weight: bold;
}

.boton2 {
	width: 170px;
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	color: #FFFFFF;
	margin-top: 3px;
	background-color: #000033;
	font-weight: bold;
}

.botonLogin{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:#FFFFFF;
        background-color: #000033;
        border:0px;
        width:80px;
        height:19px;
       }


.campimss {
	width: 75px;
	font-family: arial;
	font-size: 8pt;
	text-align: left;
	color: #006699;
	margin-top: 3px;
	background-color: #CCCCCC;
}

.campimssf {
	width: 160px;
	font-family: arial;
	font-size: 9pt;
	text-align: left;
	color: #006699;
	margin-top: 3px;
	background-color: #CCCCCC;
}

#tius {
	text-align: center;
	font-family: arial;
	font-size: 17pt;
	color: #FFFFFF;
}

#tius2 {
	text-align: center;
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
}

#titulo {
	text-align: center;
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
	margin-top: 10px;
	margin-left: 0px;
}

#submt { /*margin-top: 15px;
	margin-left: 3px;*/
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	color: #FFFFFF;
	background:#000033;
	font-weight: bold;
}

.bot1 {
	width: 78px;
	font-family: arial;
	font-size: 8pt;
}

#contafil {
	width: 780;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin: 0 auto;
	text-align: center;
	margin-top: -65px;
}

#contafil1 {
	width: 780;
	font-family: arial;
	font-size: 11pt;
	border: solid #00496B;
	border-width: 0px;
	margin: 0 auto;
	text-align: center;
	margin-top: 135px;
}

#afilL {
	width: 250px;
	padding-top: 35px;
	padding-left: 60px;
	font-family: arial;
	font-size: 11pt;
	text-align: right;
	border: solid #00496B;
	border-width: 0px;
	color: #000000;
	float: left;
}

#afilL1 {
	width: 250px;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 0px;
	font-family: arial;
	font-size: 11pt;
	text-align: right;
	border: solid #00496B;
	border-width: 0px;
	color: #000000;
	float: left;
}

#afilL12 {
	width: 255px;
	vertical-align: baseline;
	padding-top: 27.5px;
	padding-left: 15px;
	padding-right: 0px;
	font-family: arial;
	font-size: 11pt;
	text-align: right;
	border: solid #00496B;
	border-width: 0px;
	color: #000000;
	float: left;
}

#afilR {
	width: 290px;
	padding-top: 30px;
	padding-right: 20px;
	font-family: arial;
	font-size: 11pt;
	text-align: right;
	border: solid #00496B;
	border-width: 0px;
	color: #000000;
	float: right;
}

#afilC {
	width: 200px;
	height: 60px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 270px;
	padding-bottom: 150px;
	font-family: arial;
	font-size: 11pt;
	text-align: left;
	border: solid #FF0000;
	border-width: 0px;
	color: #000000;
	margin: -16em 0em 1.5em 0em;
}

#afilB {
	width: 450px;
	margin-top: 20px;
	padding-top: 30px;
	font-family: arial;
	font-size: 11pt;
	text-align: center;
	border: solid #00496B;
	border-width: 0px;
	color: #000000;
}

#renaf {
	display: block;
	height: 21px;
	margin-top: 2px;
	margin-left: 0px;
	padding-top: 0px;
	border: solid #000088;
	border-width: 0px;
	color: #FFFFFF;
}

#renaf2 {
	display: block;
	height: 21px;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	border: solid #000088;
	border-width: 0px;
	color: #FFFFFF;
}

#renaf1 {
	display: block;
	height: 22px;
	margin-top: 0px;
	padding-top: 0px;
	border: solid #000088;
	border-width: 0px;
	color: #FFFFFF;
}

#ca1af {
	height: 22px;
	padding-top: 1px;
	border: solid #9999EE;
	border-width: 1px;
}

#ca2af {
	height: 22px;
	padding-top: 1px;
	border: solid #9999EE;
	border-width: 1px;
}

#botReg {
	width: 100px;
	height: 100px;
	margin-top: 0%;
	background-image: url(../imagenes/img_atras.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	font-family: arial;
	font-size: 15pt;
	padding-top: 1px;
}

#botInicio {
	width: 100px;
	height: 100px;
	margin-top: 0%;
	background-image: url(../imagenes/img_inicio.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	font-family: arial;
	font-size: 15pt;
	padding-top: 1px;
}

#presenta {
	position: absolute;
	width: 455px;
	height: 261px;
	top: 10px;
	left: 300px;
	text-align: left;
	font-family: arial;
	font-size: 10pt;
	float: left;
	color: #000000;
	/* Imagen de fondo para la forma de Bitacora */
	background-image: url(../imagenes/back_bitacora.png);
	background-repeat: no-repeat;
	background-position: left top; /*right bottom;*/
	background-attachment: fixed;
}

#presentalogin {
	position: absolute;
	width: 640px;
	height: 480px;
	top: 150px;
	left: 250px;
	text-align: left;
	font-family: arial;
	font-size: 10pt;
	float: left;
	color: #000000;
	/* Imagen de fondo para la forma de Bitacora */
	background-image: url(../imagenes/backlogin.png);
	background-repeat: no-repeat;
	background-position: left top; /*right bottom;*/
	background-attachment: fixed;
}

/*sts.css*/
#version {
	z-index: 50;
	position: absolute;
	top: 73px;
	left: 260px;
	z-index: 20;
	width: 90px;
	height: 15px;
	font-family: verdana;
	font-size: 6pt;
	font-weight: bold;
	color: #000000;
}

#grayline {
	width: 100%;
	font-size: 12px;
	text-align: center;
	font-family: arial;
	font-color: #0000FF;
}

#grayline2 {
	width: 100%;
	font-size: 12px;
	text-align: center;
	font-family: arial;
	font-color: #0000FF;
}

#grayline1 {
	width: 100%;
	margin-top: -40px;
	font-size: 12px;
	text-align: center;
	font-family: arial;
	font-color: #0000FF;
}

#grayline3 {
	width: 100%;
	margin-top: -40%;
	font-size: 12px;
	text-align: center;
	font-family: arial;
	font-color: #0000FF;
}

#grayline4 {
	width: 100%;
	margin-top: -5%;
	font-size: 12px;
	text-align: center;
	font-family: arial;
	font-color: #0000FF;
}

.rojo {
	FONT-SIZE: 11px;
	COLOR: #FF0000;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}

.textoazul {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000066;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.textogris {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.textoazulbold {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000066;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.textoazulboldback {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000066;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #f0f2f2
}

.textoazulboldgrande {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #000066;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

#progra {
	width: 450px;
	left: 400px;
	background-color: #FFFFFF;
	/*background-image: url(../imagenes/backaltas.jpg); */
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D4D4', startColorstr='#000000', gradientType='0') ;
	font-family: arial;
	font-size: 15pt;
	color: #FFFFFF;
	/*padding-top: 10px;*/
}

.textoblanco {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

#patrondiv {
	background-image: url(../imagenes/backaltas.jpg);
	margin: 10px;
	height: 350px;
	width: 450px;
	padding-top: -70px;
	margin-left: 0%;
	text-align: right;
	padding-right: 110px;
}

/*fin sts.css */ /* css siemaweb */
#reg1 {
	width: 30px;
	border: solid #CCCCCC;
	border-width: 1px;
	text-align: center;
	z-index: 8;
}

#reg2 {
	width: 80px;
	border: solid #CCCCCC;
	border-width: 1px;
	text-align: center;
	z-index: 8;
	background-color: #FFFFFF;
}

#ct1 {
	width: 78px;
	border: solid #CCCCCC;
	border-width: 0px;
	text-align: center;
	z-index: 8;
	background-color: #FFFFFF;
}

#regs {
	z-index: 8;
	width: 1300px;
}

#modregs {
	position: absolute;
	top: 200px;
	left: 0px;
	z-index: 8;
	width: 100%;
	height: 76%;
	font-family: arial;
	font-size: 11pt;
	text-align: left;
	overflow: auto;
}

.tx {
	width: 400px;
	font-family: arial;
	font-size: 10pt;
	color: #FFFFFF;
	margin-top: 0px;
}

#title {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

.campo1 {
	width: 200px;
	font-family: arial;
	font-size: 9pt;
	color: #000000;
	margin-top: 3px;
}

.campoProg {
	width: 700px;
	font-family: arial;
	font-size: 9pt;
	text-align: left;
	color: #FFFFFF;
	margin-top: 3px;
}

/* fin css siemaweb */ /* Incio de Calendario*/
	/* The main calendar widget.  DIV containing a table. */
.calendar {
	position: relative;
	display: none;
	border: 1px solid;
	border-color: #fff #000 #000 #fff;
	font-size: 11px;
	cursor: default;
	background: Window;
	color: WindowText;
	font-family: tahoma, verdana, sans-serif;
}

.calendar table {
	border: 1px solid;
	border-color: #fff #000 #000 #fff;
	font-size: 11px;
	cursor: default;
	background: Window;
	color: WindowText;
	font-family: tahoma, verdana, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
	text-align: center;
	padding: 1px;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	background: ButtonFace;
}

.calendar .nav {
	background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
	font-weight: bold;
	padding: 1px;
	border: 1px solid #000;
	background: ActiveCaption;
	color: CaptionText;
	text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
	
}

.calendar thead .daynames { /* Row <TR> containing the day names */
	
}

.calendar thead .name { /* Cells <TD> containing the day names */
	border-bottom: 1px solid ButtonShadow;
	padding: 2px;
	text-align: center;
	background: ButtonFace;
	color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #f00;
}

.calendar thead .hilite {
	/* How do the buttons in header appear when hover */
	border: 2px solid;
	padding: 0px;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
	border-width: 1px;
	padding: 2px 0px 0px 2px;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
	width: 2em;
	text-align: right;
	padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #aaa;
}

.calendar tbody .day.othermonth.oweekend {
	color: #faa;
}

.calendar table .wn {
	padding: 2px 3px 2px 2px;
	border-right: 1px solid ButtonShadow;
	background: ButtonFace;
	color: ButtonText;
}

.calendar tbody .rowhilite td {
	background: Highlight;
	color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
	padding: 1px 3px 1px 1px;
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
	padding: 2px 2px 0px 2px;
	border: 1px solid;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
	font-weight: bold;
	border: 1px solid;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	padding: 2px 2px 0px 2px;
	background: ButtonFace;
	color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
	color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
	font-weight: bold;
	color: #00f;
}

.calendar tbody td.disabled {
	color: GrayText;
}

.calendar tbody .emptycell {
	/* Empty cells (the best is to hide them) */
	visibility: hidden;
}

.calendar tbody .emptyrow {
	/* Empty row (some months need less than 6 rows) */
	display: none;
}

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
	
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	background: ButtonFace;
	padding: 1px;
	border: 1px solid;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	color: ButtonText;
	text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
	padding: 1px;
	background: #e4e0d8;
}

.calendar tfoot .active {
	/* Active (pressed) style for buttons in footer */
	padding: 2px 0px 0px 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
	position: absolute;
	display: none;
	width: 4em;
	top: 0px;
	left: 0px;
	cursor: default;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	background: Menu;
	color: MenuText;
	font-size: 90%;
	padding: 1px;
	z-index: 100;
}

.calendar .combo .label,.calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}

.calendar .combo .label-IEfix {
	width: 4em;
}

.calendar .combo .active {
	padding: 0px;
	border: 1px solid #000;
}

.calendar .combo .hilite {
	background: Highlight;
	color: HighlightText;
}

.calendar td.time {
	border-top: 1px solid ButtonShadow;
	padding: 1px 0px;
	text-align: center;
	background-color: ButtonFace;
}

.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm
	{
	padding: 0px 3px 0px 4px;
	border: 1px solid #889;
	font-weight: bold;
	background-color: Menu;
}

.calendar td.time .ampm {
	text-align: center;
}

.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.calendar td.time span.hilite {
	border-color: #000;
	background-color: Highlight;
	color: HighlightText;
}

.calendar td.time span.active {
	border-color: #f00;
	background-color: #000;
	color: #0f0;
}
/* Fin de calendario*/

#white{
	color: #FFFFFF;
}

#validaciones{
	position: absolute;
	top: 68%;
	left: 47%;
}


/*Confronta*/


#formu{
	position: absolute;
	left: 12%;
	top: 13%;
}

#tablaRecibos{
	position: absolute;
	width: 45%;
	left: 45%;
	top: 43%;
	height: 50%;
	overflow:auto;
}

.botonSUA{
	height: 25px;
}

#fondoSUA{
	width: 30%;
	height: 65%;
	background-image: url(../imagenes/hlasd.png);
	background-repeat: no-repeat;
	font-size: 11pt;
	padding-top: 10px;
	border: 3px solid #C3BDAE;
	color: #666666;
	font-weight: bold;
	position: absolute;
	top: 22%;
	left: 0%;
}

#carga{
	position: absolute;
	width: 20%;
	height: 20%;
	background-image: url(../imagenes/cargando.gif);
	background-repeat: no-repeat;
	top: 37%;
	left: 56%;
	display: none;
}

#tablaConfronta{
	position: absolute;
	width: 45%;
	left: 43%;
	top: 22%;
	height: 60%;
	overflow:auto;
}

#recibosSalva{
	position: absolute;
	width: 100%;
	left: -1%;
	top: 22%;
	height: 50%;
	overflow:auto;
}

#recibosConsulta{
	position: absolute;
	width: 100%;
	left: -4%;
	top: 27%;
	height: 50%;
	overflow:auto;
}

#construccion{
	position: absolute;
	top: 40%;
	left: 38%;
}