/* MAQUETACIÓN */
body{margin: 0; padding: 0;font-family: Verdana, Arial, Helvetica, sans-serif;}
#contenedor1{ height: 100%;width: 100%; text-align: center; background-color: #EEF0E7}
#contenedor2{text-align: left;  margin: auto; width: 775px; height: 100%; background-color:#FFFFFF}
#cabecera{ text-align: center; padding-top: 2%;}
#cabecera2{ margin-left: .3em;text-align: right; padding-top: 0; width: 759px; height: 64px; background-image:url(../img/cabecera.jpg);}
#cabecera2 button{ margin-top: .9em;margin-right:.4em}
#contenido{font-size: .7em}
#usuario{ text-align: right; font-size:.6em; color: #4D5D6D; margin-right: 1.5%; margin-bottom: .2em}
#usuario a{margin-left: 3em}
#usuario img{vertical-align:bottom}
a img{border: 0;}

/* TABLAS DE ACCESO */
table#acceso{width: 93%; border: 1px solid #DADADA; margin-top: 10%;font-size: 1em; padding: 2em;}
table#acceso table{ width: 94%; border:0; background-color:#F5F5F5; font-size: 1em; color: rgb(48,77,107)}
#contenido2{width: 763px; border: 1px solid #DADADA; border-top: 0;font-size: 1em; padding: 0;}
.tableiframe{ width: 100%; border:0; background-color:#F5F5F5; margin-top: 0%; font-size: 1em; padding: .1em; color: rgb(48,77,107)}

/* TIPOS DE FUENTES */
.gris1{color: #898989; font-weight: bold;}
.gris2{color: #898989; font-weight: bold;}
.negro{color: #000000; font-weight: bold;font-size:1.2em;}
.gris2p{color: #898989; font-size:.7em;}
.azul1, .azul1 a{color: #304D6B; font-weight: bold;}
.rojo1, .rojo1 a{color: #FF0808; font-weight: bold; }
.azul1p, .azul1p a{color: #304D6B; font-weight: bold;font-size:.9em;}
.azulResaltado1, .azulResaltado1 a{color: #304D6B; font-weight: bold;font-size:1.1em;}
.azulResaltado2, .azulResaltado2 a{color: #304D6B; font-weight: bold;font-size:1.4em;}
.azul2, .azul2 a{color: #304D6B;}
.link{color: #1CA0FD; font-weight: bold;}
.fila{background-color: #FEEDCF;border:0px; }
.filaout{background-color:#FFFFFF}
.filaoutgris{background-color:#F5F5F5}
.solerror{font-size: 12px;  font-weight: bold; color:red }
.subcri{color: #898989; text-decoration: none;}

a.link2{color: #1CA0FD; text-decoration: none; font-weight: bold;}
a.link2:hover{text-decoration: underline;}
a.link21{color: #1CA0FD; text-decoration: underline; font: bold 10px}
a.link21:hover{text-decoration: underline;}
a.link3{color: #898989; text-decoration: none;}
a.link3:hover{text-decoration: underline;}

a.link4{color: #FFFFFF; text-decoration: none; font-weight: bold;}
a.link4:hover{text-decoration: underline;}


/* BOTONES */
.boton_pestanya_on{ font-family:Verdana, Arial, Helvetica, sans-serif;background-image:url(../img/fondo_flecha1.gif); 
	border: 0; font-weight: bold; width: 102px; height: 35px;font-size: 10px;}
.boton_superior_on{ font-family:Verdana, Arial, Helvetica, sans-serif;background-image:url(../img/boton_superior_on.gif); 
	border: 0; font-weight: bold; width: 102px; height: 35px;font-size: 10px; color: #1CA0FD;}
.boton_superior_off{font-family:Verdana, Arial, Helvetica, sans-serif;background-image:url(../img/boton_superior_off.gif); 
	border: 0; width: 102px; height: 35px; font-size: 9px; color: #898989}
.boton_superior2_on{font-family:Verdana, Arial, Helvetica, sans-serif;background-image:url(../img/boton_superior2_on.gif); 
	border: 0; font-weight: bold; width: 96px; height: 35px; font-size: 9px; color: #1CA0FD;}
.boton_superior2_off{font-family:Verdana, Arial, Helvetica, sans-serif;background-image:url(../img/boton_superior2_off.gif); 
	border: 0; width: 96px; height: 35px; font-size: 9px; color: #898989}
.boton_superior3_on{font-family:Verdana, Arial, Helvetica, sans-serif;background-image:url(../img/boton_superior3_on.gif); 
	border: 0; font-weight: bold; width: 120px; height: 35px; font-size: 10px; color: #1CA0FD;}
.boton_superior3_off{font-family:Verdana, Arial, Helvetica, sans-serif;background-image:url(../img/boton_superior3_off.gif); 
	border: 0; width: 120px; height: 35px; font-size: 10px; color: #898989}
.boton_superior4_on{font-family:Verdana, Arial, Helvetica, sans-serif;background-image:url(../img/boton_superior4_on.gif); 
	border: 0; font-weight: bold; width: 70px; height: 35px; font-size: 10px; color: #1CA0FD;}
.boton_superior4_off{font-family:Verdana, Arial, Helvetica, sans-serif;background-image:url(../img/boton_superior4_off.gif); 
	border: 0; width: 70px; height: 35px; font-size: 10px; color: #898989}
.boton_excel{ 
	font-family: verdana;Arial; font-size: 9px;font-weight:bold; color: #9C9EA5;background-color:#ffffff;height:17px;text-decoration:none;
	border-bottom-color:#BDBEBD;border-bottom-style:solid;border-bottom-width:2px;
	border-top-color:#BDBEBD;border-top-style:solid;border-top-width:1px;
	border-left-color:#BDBEBD;border-left-style:solid;border-left-width:1px;
	border-right-color:#BDBEBD;border-right-style:solid;border-right-width:2px;
	}

input.boton1{ background-image:url(../img/boton1.gif); border: 0; font-weight: bold; width: 74px; height: 23px; font-size: 14px;color: #898989;}
input.boton2{ background-image:url(../img/boton2.gif); border: 0; font-weight: bold; width: 156px; height: 23px; font-size: 14px;color: #898989;}
input.boton21{ background-image:url(../img/boton16.gif); border: 0; font-weight: bold; width: 273px; height: 23px; font-size: 14px;color: #898989;}
input.boton3{ background-image:url(../img/boton3.gif); border: 0; font-weight: bold; width: 212px; height: 18px; font-size: 12px;color: #898989;}
input.boton4{ background-image:url(../img/boton4.gif); border: 0; font-weight: bold; width: 109px; height: 18px; font-size: 12px;color: #898989;}
input.boton5{ background-image:url(../img/boton5.gif); border: 0; font-weight: bold; width: 102px; height: 15px; font-size: 12px; color: #FFF}
input.boton6{ background-image:url(../img/boton6.gif); border: 0; font-weight: bold; width: 127px; height: 18px; font-size: 12px; color: #FFF}
input.boton7{ background-image:url(../img/boton7.gif); border: 0; font-weight: bold; width: 66px; height: 15px; font-size: 12px; color: #FFF}
input.boton8{ background-image:url(../img/boton8.gif); border: 0; font-weight: bold; width: 134px; height: 18px; font-size: 11px; color: #FFF}
input.boton9{ background-image:url(../img/boton9.gif); border: 0; font-weight: bold; width: 140px; height: 18px; font-size: 11px; color: #FFF}
input.boton91{ background-image:url(../img/boton91.gif); border: 0; font-weight: bold; width: 150px; height: 18px; font-size: 12px; color: #FFF}
input.boton10{ background-image:url(../img/boton10.gif); border: 0; font-weight: bold; width: 90px; height: 15px; font-size: 12px; color: #FFF}
input.boton11{ background-image:url(../img/boton11.gif); border: 0; font-weight: bold; color: #898989; width: 240px; height: 18px; font-size: 12px;}
input.boton12{ background-image:url(../img/boton12.gif); border: 0; font-weight: bold; width: 128px; height: 18px; font-size: 12px; color: #FFF}
input.boton13{ background-image:url(../img/boton13.gif); border: 0; font-weight: bold; width: 63px; height: 18px; font-size: 12px; color: #FFF}
input.boton14{ background-image:url(../img/boton14.gif); border: 0; font-weight: bold; width: 122px; height: 18px; font-size: 12px; color: #FFF}
input.boton15{ background-image:url(../img/boton15.gif); border: 0; font-weight: bold; width: 87px; height: 23px; font-size: 14px; color: #898989}
input.boton16{ background-image:url(../img/boton16.gif); border: 0; font-weight: bold; width: 273px; height: 23px; font-size: 14px; color: #898989}
input.boton17{ background-image:url(../img/boton17.gif); border: 0; font-weight: bold; width: 153px; height: 23px; font-size: 14px; color: #898989}
input.boton18{ background-image:url(../img/boton18.gif); border: 0; font-weight: bold; width: 200px; height: 23px; font-size: 14px; color: #898989}
input.boton19{ background-image:url(../img/boton19.gif); border: 0; font-weight: bold; width: 153px; height: 18px; font-size: 10px; color: #898989}
input.boton20{ background-image:url(../img/boton20.gif); border: 0; font-weight: bold; width: 91px; height: 23px; font-size: 14px; color: #898989}
input.boton22{ background-image:url(../img/boton6.gif); border: 0; font-weight: bold; width: 127px; height: 18px; font-size: 10px; color: #898989}
input.boton23{ background-image:url(../img/boton18.gif); border: 0; font-weight: bold; width: 200px; height: 23px; font-size: 14px; color: #898989}
input.boton24{ background-image:url(../img/boton15.gif); border: 0; font-weight: bold; width: 87px; height: 23px; font-size: 14px; color: #898989}
input, textarea{border: 1px solid #7F9DB9}
.sinborde{border: 0;}

/* ESTILOS PARA PESTAÑAS DE NAVEGACION */
.nav-activo{color: #1CA0FD;font-weight: bold; text-decoration:none}
.nav-inactivo{color: #898989; text-decoration:none}
.nav-inactivo:hover, .nav-activo:hover{text-decoration: underline;}
.sp{font-family:Verdana;font-size:1px;line-height:1px;}

/* BORDES CELDAS */
.conborde1 td{border-bottom: 1px solid #D2D2D2;}
.conborde2 td{border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.conborde3 td{border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding-top: .5em; padding-bottom: .5em;}
.conborde4 td{border-bottom: 1px solid #CCC;}

/* FORMULARIO DE BUSQUEDA */
#form-busqueda tr.azul1 td{width:25%}
#form-busqueda tr.conmargen td{padding-left: 1.1em;}
#form-busqueda select{width: 155px;}
#span_radios{ padding-left: 1em; visibility: hidden }

/* FORMULARIO DE PLANTILLAS */
#form-plantillas tr td.primertd{padding-left: 1.3em; height:21}
#form-plantillas select{width: 160px; font-size: 1em; float: left;}
#form-plantillas input.boton12{margin-left: .5em; margin-top: 1.5em;}
#form-plantillas textarea{width: 590px; height: 132px;}

/* FORMULARIO DE INFORME DE CALIDAD */
#informe-calidad {background-color:#FFFFFF;}
#informe-calidad tr td{background-color:#F5F5F5;}
#informe-calidad tr td.primertd{text-align:center; background-color:#FFFFFF; vertical-align:top}
#informe-calidad tr td.primertd p{padding: 8px 10px 8px 10px; background-color:#F5F5F5;}
#informe-calidad tr td.segundotd{padding-left: 1.3em;width: 96%}
.opcion-group{ background-color: #D2D2D2; width: 26%; float: right; margin-left: 1em;}
.desde, .hasta{float: left; padding-left: 6em;}
.desde input, .hasta input{ color: #304D6B; font-size: .9em}
#informe-calidad select{color: #304D6B; font-size: .9em;}
.desple4{float: left; margin-right: 6em;}
.desple4 select{width: 160px}

/* ESTILOS PARA PESTAÑAS DE NAVEGACION */
#nav{margin-top: 4%; font-size: .9em}
#nav a{text-decoration: none; margin-left: 15px;}
#nav a:hover{text-decoration: underline;}
.nav-activo{color: #1CA0FD;font-weight: bold;}
.nav-inactivo{color: #898989;}
.conborde1 td{border-bottom: 1px solid #D2D2D2;}
.conborde2 td{border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.conborde3 td{border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding-top: .5em; padding-bottom: .5em;}
.conborde4 td{border-bottom: 1px solid #CCC;}


/* ESTILOS PARA ADMINISTRACIÓN APLICACION*/
.tabla{background-color:#F5F5F5; font-size: 1em;width:95%;}
.listado{font-size: .9em}
.listado td.flechita{ background-color:#FFFFFF;border:1px solid #CCC; text-align:center}
.listado td{padding: .4em;}

.cleaner{clear: both; font-size:1px; height: 1px; line-height:1px; margin: 0; padding: 0;}
.fondogris{ background-color: #D2D2D2}
.triangulo{ vertical-align: middle; margin-right: .1em;}
.datos_usuario tr td{padding-top: .3em; padding-bottom: .3em}

/* OTROS ESTILOS */
.cleaner{clear: both; font-size:1px; height: 1px; line-height:1px; margin: 0; padding: 0;}
.fondogris{ background-color: #D2D2D2}
.triangulo{ vertical-align: middle; margin-right: .1em;}
.datos_usuario tr td{padding-top: .3em; padding-bottom: .3em}
/* GESTIÓN DE USUARIOS */
tr td.contusu{padding: 0 12px 0 12px;}
img.ico{margin-left: 7px;}

.usu{ width: 100%;background-color: #F5F5F5; font-size: .9em;}
tr.usu1 td{border-bottom: 1px solid #FFF; padding: 7px 13px 7px 13px;}
tr.usu1 td.cp{ text-align:right; padding-right: 17px;}

tr.usu2 td{background-color:#ECECEC; padding: 7px 0 7px 0;}
tr.usu2 td.nom{padding-left: 15px; color: #898989}
tr.usu2 td.cp{ text-align:right; padding-right: 17px;}
tr.ultimo td{padding-bottom: 9px; border-bottom: 1px solid #FFF;}
tr.linea td{height: 1px; padding: 0 10px 0 10px}

/* tabla de datos de usuario */
tr.contabla td{padding: 0 10px 0 10px;}
tr.contabla td table.datos{width: 100%;  font-size: 1em; border-bottom: 1px solid #CCC; margin: 11px 0 15px 0}
tr.contabla td table.datos tr td{ text-align:center;border-top: 1px solid #CCC; border-left: 1px solid #CCC; background-color:#FFF;}
tr.contabla td table.datos tr.cab td.ult{ background:none; border-top: 0}
tr.contabla td table.datos tr.cab td.dat{ color: #333366}
tr.contabla td table.datos tr.dat td.ult{ padding: 0 23px 0 13px; border-right: 1px solid #CCC}

/* tabla de datos de usuario */
tr.contabla1 td table.datos{width: 95%; font-size: 1em; margin: 11px 11px 15px 11px}
tr.contabla1 td table.datos tr td{ text-align:center;border-bottom: 1px solid #CCC; border-left: 1px solid #CCC;border-top: 1px solid #CCC;background-color:#FFF;}
tr.contabla1 td table.datos tr.cab td.ult{ background:none; border-top: 0}
tr.contabla1 td table.datos tr.cab td.dat{ color: #333366}
tr.contabla1 td table.datos tr.dat td.ult{ padding: 0 23px 0 13px; border-right: 1px solid #CCC}

/* VENTANA FLOTANTE DE ALERTAS */
#zona {
	position: absolute;
	display: none;
	z-index: 5;
}
#zonaiframe {
	left: 0px;
	top: 0px;
	width: 300px;
	height: 131px;
	position: absolute;
	z-index: -1;
	margin: 0px;
	padding: 0px;
	/*filter:progid: DXImageTransform.Microsoft.Alpha(style=0,opacity=0);*/
	filter:alpha(style=0, opacity=0); border-collapse:collapse;
	/*filter: Alpha(Opacity=0, FinishOpacity=0); border-style: none; border-width: 0*/
}
#superzona {
	position: absolute;
	z-index: 10;
	width: 300px;
	height: 120px;
	font: 10px Verdana;
	b_order: solid 2px #304D6B;
	background-color: #FFFFFF;
}
#superzona table {
	font: bold 11px Verdana;
	color: #FFFFFF;
}
#superzona table.cab {
	b_order-bottom: solid 2px #304D6B;

	border: solid 2px #304D6B;
	background-color: #6989BC;
}
#superzona table.cab input {
	border: outset 2px #D4D0C8;
	font: bold 11px Verdana;
	color: #000000;
	background-color: #D4D0C8;
}
#zonacontenido {
	border: solid #304D6B;
	border-width: 0x 2px 2px 2px;
	width: 100%;
	height: 88px;
	padding: 4px;
	background-color: #D4D0C8;
}
#zonacontenido table {
	border: solid 1px #304D6B;
	width: 100%;
}
#zonacontenido table td {
	border: solid 1px #304D6B;
	background-color: #FFFFFF;
}
#zonacontenido table td div {
	width: 272px;
	height: 59px;
	font: normal 10px Verdana;
	text-align: left;
	overflow: auto;
	white-space: pre-wrap;
	background-color: #EEEEEE;
}
#zonacontenido table td div ul {
	list-style-type: disc;
	list-style-type: circle;
	list-style-type: square;
	l_ist-style-type: decimal;
	l_ist-style-type: lower-roman;
	l_ist-style-type: upper-roman;
	l_ist-style-type: lower-alpha;
	l_ist-style-type: upper-alpha;
	l_ist-style-type: none;
	color: #DD0000;
	margin-left: 20px;
}
#zonacontenido table td div ul li{
	vertical-align: middle;
}
#zonacontenido input {
	margin-top: 2px;
	ont: bold 10px Verdana;
	order: outset 2px #FFFFFF;
	ackground-color: #FFFFFF;
	background-image: url(../img/boton6.gif);
	border: 0;
	font: bold 12px;
	width: 127px;
	height: 18px; 
}

/* RESPUESTA DE CORREOS */
.correo1 td{
	border-bottom: 1px solid #FFF; padding: 4px 4px 4px 4px;
	color: #898989; font-size:.7em;
	padding: 7px 13px 7px 13px;
}
.correoExito {
	color: #454545; font-size:.9em;
	font-weight: bold;
}

/* Modificacion de la descarga en Excel */
#zonaResultado{
	border: solid #304D6B;
	border-width: 0x 2px 2px 2px;
	width: 100%;
	height: 88px;
	padding: 4px;
	background-color: #D4D0C8;
}
#zonaResultado table {
	border: solid 1px #304D6B;
	width: 100%;
}
#zonaResultado table td {
	border: solid 1px #304D6B;
	background-color: #FFFFFF;
}
#zonaResultado table td div {
	width: 272px;
	height: 59px;
	font: normal 10px Verdana;
	text-align: left;
	overflow: auto;
	white-space: pre-wrap;
	background-color: #EEEEEE;
}
#zonaResultado table td div ul {
	list-style-type: disc;
	list-style-type: circle;
	list-style-type: square;
	l_ist-style-type: decimal;
	l_ist-style-type: lower-roman;
	l_ist-style-type: upper-roman;
	l_ist-style-type: lower-alpha;
	l_ist-style-type: upper-alpha;
	l_ist-style-type: none;
	color: #DD0000;
	margin-left: 20px;
}
#zonaResultado table td div ul li{
	vertical-align: middle;
}
#zonaResultado input {
	margin-top: 2px;
	ont: bold 10px Verdana;
	order: outset 2px #FFFFFF;
	ackground-color: #FFFFFF;
	background-image: url(../img/boton6.gif);
	border: 0;
	font: bold 12px;
	width: 127px;
	height: 18px; 
}

#zonaError{
	border: solid #304D6B;
	border-width: 0x 2px 2px 2px;
	width: 100%;
	height: 88px;
	padding: 4px;
	background-color: #D4D0C8;
}
#zonaError table {
	border: solid 1px #304D6B;
	width: 100%;
}
#zonaError table td {
	border: solid 1px #304D6B;
	background-color: #FFFFFF;
}
#zonaError table td div {
	width: 272px;
	height: 59px;
	font: normal 10px Verdana;
	text-align: left;
	overflow: auto;
	white-space: pre-wrap;
	background-color: #EEEEEE;
}
#zonaError table td div ul {
	list-style-type: disc;
	list-style-type: circle;
	list-style-type: square;
	l_ist-style-type: decimal;
	l_ist-style-type: lower-roman;
	l_ist-style-type: upper-roman;
	l_ist-style-type: lower-alpha;
	l_ist-style-type: upper-alpha;
	l_ist-style-type: none;
	color: #DD0000;
	margin-left: 20px;
}
#zonaError table td div ul li{
	vertical-align: middle;
}
#zonaError input {
	margin-top: 2px;
	ont: bold 10px Verdana;
	order: outset 2px #FFFFFF;
	ackground-color: #FFFFFF;
	background-image: url(../img/boton6.gif);
	border: 0;
	font: bold 12px;
	width: 127px;
	height: 18px; 
}
.tablaPie{width:100%;}