*{
}

body {
	font-family: "Verdana", "sans-serif", "Helvetica", "Arial";
	font-size: 9pt;
}

html, body {
   height: 100%; 
   min-height: 100%; 
   margin:0 0 0 0;
   padding: 0 0 0 0;
}

#divIzda {
	float:left;
	width:16.9%;
	height:100%;
}

#divDcha {
	float:left;
	width:83%;
}

form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

input[type=checkbox] {
	background-color: transparent;
}

select{
    height:19px;
   	border:1px solid #9CBAD6;
}

textarea {
	height: 70px;
	font: inherit;
}

/* *********** ESTILO GENERAL DE LOS CAMPOS DE TEXTO **********
Queremos que los campos de texto (tanto los textfield como lostextarea) se comporten as�:
	- Si est�n disabled o readonly, siempre con el fondo gris
	- Si est�n enabled y no readonly, con el fondo blanco
	- Si est�n enabled y no readonly, y adem�s tienen el focus, fondo amarillo claro (s�lo funciona en Firefox)
	Ojo! El orden de los 3 bloques siguientes tiene importancia
 */

.campotexto {
	text-indent: 3px;
	height:16px;
	border:1px solid #9CBAD6;
	z-index: 1;
	/*text-align:left;*/
}

.campotexto:focus {
	background-color: #FFFFEB;
	color: #000000;
    border-bottom:1px solid #BBBB78;
}
/* el *. readonly nos sirve para poder marcar como readonly expl�citamente (por si IE6 no lo reconoce) */ 
.campotexto[readonly], .campotexto[disabled], select[disabled], * .sololectura {
	background-color: #F4F4F4;
	color: #888;
}

/* *********** FIN DEL ESTILO GENERAL DE LOS CAMPOS DE TEXTO ********** */

/* *********** ESTILO DE LOS CAMPOS DE TEXTO EN FUNCI�N DEL TIPO DE DATOS QUE CONTIENEN *********** */
/* NIF / CIF */
.divcampo_nif {
	width:7.5em;
}
.divcampo_nif input {
	text-align: right;
	width:90%;
	padding-right: 3px;
}
/* FECHA */
.divcampo_fecha {
	width:7.8em;
}
.divcampo_fecha input {
	text-align: right;
	width:90%;
	padding-right: 3px;
}
/* HORA */
.divcampo_hora {
	width:3.8em;
}
.divcampo_hora input {
	text-align: right;
	width:85%;
	padding-right: 3px;
}
/* CODIGO POSTAL */
.divcampo_cp {
	width:4.5em;
}
.divcampo_cp input {
	text-align: right;
	width:85%;
	padding-right: 3px;
}

/* TELEFONO / FAX */
.divcampo_tlf {
	width:7.5em;
}
.divcampo_tlf input {
	text-align: right !important;
	width:90%;
	padding-right: 3px;
}

.campo_gral {
	text-align:left;
	/*text-indent: 3px;*/
}

.ancho_XS {		width:5em;		}
.ancho_XS2 {	width:3.3em;	}

.ancho_S {		width:10em;		}
.ancho_S2 {		width:8.7em;	}

.ancho_M-S {	width: 15em;	}

.ancho_M {		width:20em;		}
.ancho_M2 {		width:18.7em;	}

.ancho_L {		width:30em;		}
.ancho_L2 {		width:28.7em;	}

.ancho_L-XL {	width:35em;		}

.ancho_XL {		width:40em;		}
.ancho_XL2 {	width:38.7em;	}

.ancho_XXL {	width:50em;		}
.ancho_XXL2 {	width:48.7em;	}

.ancho_G {	width:65em;		}
.ancho_100 {	width:100%;		}

.ancho_etiq_sep_tlf { width: 13.9em; }

.alto_XS { height: 2.5em } /* 2 filas */
.alto_S { height:3.7em } /* 3 filas */
.alto_M { height:6.5em } /* 5 filas */
.alto_L { height:12em } /* 10 filas */
.alto_XL { height:18em }
.alto_XXL { height:24em }

.campo_fecha {
	width:6.9em;
	text-align: right;
	padding-right: 3px;
/*	text-indent: 3px;*/
}

.campo_hora {
	width:3.6em;
	text-align: right;
	padding-right: 3px;
}

.campo_nif {
	width:6.5em;
	text-align: right;
	padding-right: 3px;
}

.campo_cp {
	width:4em;
	text-align: right;
	padding-right: 3px;
}

.campo_tlf {
	width:7.3em;
	text-align: right;
	padding-right: 3px;
}

.campo_dir {
	text-align: left;
	width:40em;
}

.campo_loc {
	text-align: left;
	width:24.75em;
}

.campo_email {
	text-align: left;
	width: 30em;
}

.campo_email_multiple {
	text-align: left;
	width: 48em;
}

.campo_nombre, .campo_ape1, .campo_ape2, .campo_login {
	text-align: left;
	width: 20em;
}

.campo_clave {
	text-align: left;
	width: 15em;
}

.campo_puesto {
	text-align: left;
	width: 30em;
}

.campo_dinero {
	text-align: right;
	padding-right: 3px;
	width: 5em;
}

.campo_razon {
	text-align: left;
	width: 30em;
}

.campo_cc {
	text-align: right;
	padding-right: 3px;
	width: 14em;
}

/* *********** FIN DEL ESTILO DE LOS CAMPOS DE TEXTO EN FUNCI�N DEL TIPO DE DATOS QUE CONTIENEN *********** */


/* *********** ESTILO DE LA PANTALLA DE LOGIN ************ */

.numVersion {
	color:#71A0CB;
	font-weight: bold;
	font-size: 8px;
}

.enterLoginPswMsj {
	color:#71A0CB;
}

.avisoLegal {
	font-size: 80%;
	font-weight: normal;
	text-decoration: underline;
	color: inherit;
}

/* *********** FIN DEL ESTILO DE LA PANTALLA DE LOGIN ************ */

.peque {
	font-size: 8pt;
}

.pequenisimo {
	font-size: 6.5pt;
}

.ayuda {
	font-style: italic;
	border: 1px solid #AAA;
	color: #AAA;
	padding: 5px !important;
}

.ayuda_sinborde {
	font-style: italic;
	color: #AAA;
}

.enlaceIndiceLetraInicial {
	border-right:1px dotted #71A0CB;
	border-top:1px dotted #71A0CB;
	border-left:1px dotted #71A0CB;
	padding:3px;
	margin-right:10px;
	float: left;
	display: block;
}

.enlaceIndiceLetraInicial.notVisible {
	border-right:1px dotted #CCC;
	border-top:1px dotted #CCC;
	border-left:1px dotted #CCC;
	color: #BBB;
	background: #F5F5F5;
}

.enlaceIndiceLetraInicial.alreadyFilled {
	background: #DDF8FF;
}

.div_error_peq {
	color: red;
	font-weight: bold;
	background: transparent url(../img/btn_cancelar.png) left center no-repeat;
	padding-left: 25px;
}

.div_ok_peq {
	color: green;
	font-weight: bold;
	background: transparent url(../img/btn_aceptar.png) left center no-repeat;
	padding-left: 25px;
}

.div_espere_peq {
	color: blue;
	font-weight: bold;
	background: transparent url(../img/ico_reloj.gif) left center no-repeat;
	padding-left: 25px;
}

.aviso, .aviso_con_borde {
	color: red;
	font-weight: bold;
}

.aviso_con_borde {
	border: 1px solid red;
	padding: 5px;
	background: #FFD;
	text-align: justify;
}

.parpadeo * {
	text-decoration: blink;
	color: yellow;
}

.desactivado {
	font-style: italic;
	color: #7F7F7F;
}

.texto_explicativo {
	color: #333;
	font-size: 95%;
	text-align: justify;
}

.pregunta_auditoria {
	font-weight: bold;
	margin-bottom:10px;
}

.ul_con_padding li {
	margin:5px 0;
}

.fondo_amarillo {
	background:yellow;
}

.bcomplete-field {
	vertical-align: middle;	
}

.imagen_autocompleter {
	vertical-align: middle;
	margin: 0 0 0 0;
}

input[readonly] + .imagen_autocompleter, input[readonly] + .imagen_autocompleter {
	/* Para "sombrear" cuando el autocompleter est� deshabilitado */
	vertical-align: middle;
	margin: 0 0 0 0;
	filter: alpha(opacity=40);
	opacity: .4;	
}

.linkAyudaApartadoGF {
	float: right;
	padding-right: 20px;
	font-weight: bold;
}

.imgAyudaApartadoGF {
	float: right;
	padding-right: 20px;
	cursor: help;
}

.linkImprimirListado {
	font-size:smaller;
}

.popUpAyuda {
	margin-left: 10px;
	text-align: justify;
}

.popUpAyuda * {
	line-height: 120%;	
	font-size: 100%;
}

.popUpAyuda p {
	margin-top: 0px;
	margin-bottom: 5px;	
}

.popUpAyuda ul, ol {
	margin-top: 3px;
	margin-bottom: 5px;
}

.popUpAyuda li {
	margin-bottom: 3px;
}

#ayudaInicio {
	margin-left: 10px;
	font-size: 120%;
	line-height: 150%;
}

#ayudaInicio ul {
	list-style-image:url(../img/cuna.gif);
}

#ayudaInicio ol {
	list-style:decimal;
}

#ayudaInicio li, #ayudaInicio p {
	margin-top: 10px;
}

#ayudaInicio strong, em {
	font-size: 100%;
}

#ayudaInicio a {
	font-size: 100%;
	font-weight: bold;
}

.contenedor, .contenedor_sin_pestanas {
	width: 95%;
	overflow-x: hidden;
	overflow-y: auto;
}
.contenedor {
	height: 400px;
}
.contenedor_sin_pestanas {
	height: 450px;
}

.alto300 {
	height: 300px;
}

.alto200 {
	height: 200px;
}

.alto100 {
	height: 100px;
}

.errorValidacion {
	color: red;
	background-color: #FFFF99;
	padding: 10px;
}

.textoLegal {
	border: solid 1px #677E93;
	padding: 5px;
	width:85%;
	height:400px;
	overflow:auto;
}

.campo_espec_protegido {
	color: #90C;
}	

.mensajeAviso {
	margin:0 auto 0 auto;
	text-align:left;
	padding:5px;
	border-style:solid;
	border-width:3px;
	border-color:#3C71A1;
}

#divErroresFlotante {
	position:absolute;
	top:113px;
	right:20px;
	height:auto;
	width:450px;
	background: transparent url(../img/pixel_amarillo_translucido_1x1.png);
	padding: 2px 2px 2px 0px;
	border: 2px solid #DB0B0B;
	min-height:70px;
	display: none;
	color: red;
	z-index:100;
}

#divMensajesInfo, #divOpcionesImpresion, #divDescargaInformes{
	position:absolute;
	top:113px;
	right:20px;
	/*height:auto;*/
	width:450px;
	background: transparent url(../img/pixel_azul_translucido2_1x1.png);
	padding: 2px 2px 2px 0px;
	border: 2px solid #003399;
	min-height:70px;
	display: none;
	color: #003399;
	z-index:100;
}

#divResultadoOk {
	position:absolute;
	top:113px;
	right:20px;
	height:auto;
	width:450px;
	background: #99ffcc;
	padding: 2px 2px 2px 0px;
	border: 2px solid #DB0B0B;
	min-height:70px;
	display: none;
	color: #009966;
}

#divImprimir {
	position:absolute;
	top:113px;
	right:20px;
	height:auto;
	width:450px;
	background: #99ffcc;
	padding: 2px 2px 2px 0px;
	border: 2px solid #DB0B0B;
	min-height:70px;
	display: none;
	color: #009966;
}

#divBuscadorClientes {
	position:absolute;
	/*top:5px;*/
	left:5px;
	height:auto;
	background: #F6F2FF;
	/*padding: 0 10px 10px 10px;*/
	border: 2px ridge #3C71A1;
	display: none;
	color: #009966;
	z-index:20;
}

#cabeceraDivBuscadorClientes {
	width:446px;
	position: relative;
	/*left: 2px;*/
	padding: 2px 2px 2px 0;
	background: #71A0CB;
	color: white;
	font-weight: bold;
	text-align: center;	
}

#divEspere {
	position:absolute;
	top:5px;
	right:5px;
	height:auto;
	width:120px;
	background: #99ffcc;
	padding: 5px 0 2px 5px;
	border: 2px solid #009966;
	display: none;
	color: #009966;
	z-index:100;
}

#cabeceraDivErroresFlotante {
	width:446px;
	position: relative;
	left: 2px;
	padding: 2px 2px 2px 0;
	background: #DB0B0B;
	color: white;
	font-weight: bold;
	text-align: center;	
}

#cabeceraDivMensajesInfo {
	width:446px;
	position: relative;
	left: 2px;
	padding: 2px 2px 2px 0;
	background: #003399;
	color: white;
	font-weight: bold;
	text-align: center;	
}

#cabeceraDivResultadoOk {
	width:446px;
	position: relative;
	left: 2px;
	padding: 2px 2px 2px 0;
	background: #009966;
	color: white;
	font-weight: bold;
	text-align: center;	
}

.interlineadoDoble {
	line-height: 200%;
}

.ruta {
	height: 30px;
	overflow: hidden;
}

.cabecera {
	background-color:#ffffff;
	width:100%;
}
.cabecerai {
}
.cabecerad {
}
.cabecerad .enlaces{
	margin-top: 10px; 	
	margin-left:0;
	padding-left: 10px;
	padding-right: 10px;
	border-left: dotted 1px #86A3BE;
	list-style:none;
	text-align:left;
	line-height: 23px;
}
.cabecerad a{
	color: #ffffff;
	font-size:11px;
}
.cabecerad a:HOVER{
	text-decoration: underline;
	color: #FEB300;
}
.accesos_directos{
	color:#FFFFFF;
	text-align:left;
	font-weight:normal;
	font-size:9px;
}
.lineamenu {
	background-color:#ffffff;
	vertical-align:middle;
	margin: 15px 15px 15px 15px;
}

.enlinea_simple {
	float: left;
}

.enlinea {
	float: left;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom:0px;
	padding-right:0px;
	z-index: 1;
}

.enlinea_dcha {
	float: right;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom:0px;
	padding-right:5px;
	z-index: 1;
}


.bloque_menu {
	float: left;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	width: 16%;
}

.bloque_menu2 {
	float: right;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	width: 25%;
}

.bloque_contenido {
	float: right;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	width: 83%;
	padding-left:6px;
	text-align:top;
}

.nuevalinea_sinborde {
	clear: both;
}

.nuevalinea {
	clear: both;
	border: solid 1px #ffffff;
	/*overflow: auto;*/
}
.borde {
	border: solid 1px #677E93;
}

.borde_fino {
	/*border-top: dotted 1px #71A0CB;*/
	background: url(../img/asterisco.gif) bottom left repeat-x;
	background-color: yellow;
}

.borde_azul {
	border: dotted 1px #71A0CB;	
}

.borde_derecha_azul {
	border-right: dotted 1px #71A0CB;	
}

.borde_abajo_azul {
	border-bottom: dotted 1px #71A0CB;
}

.borde_gris_derecha {
	background: url(../img/pixel-ff6400.png) top right repeat-y;
}

.borde_gris_izquierda {
	background: url(../img/pixel-ff6400.png) top left repeat-y;
}

.titulo_apartado {
	padding-top: 9px;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 0px;
	margin-bottom: 3px;
	font-weight:bold;
	width: 100%;
	vertical-align: middle;
	font-size: 125%;
	color:#3C71A1;
	background: #FFF; /* gradient background */
	border-bottom: #3C71A1 solid 1px;
}

.titulo_pestana {
	padding-top: 5px;
	float: left;
	padding-bottom: 0px;
	padding-left: 1px;
	padding-right: 0px;
	margin-bottom: 3px;
	font-weight:bold;
	/*width: 100%;*/
	vertical-align: middle;
	font-size: 125%;
	color:#3C71A1;
}

.pie_apartado {
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
	margin-top: 20px;
	/*margin-bottom: 25px;*/
	font-weight:bold;
	color:#71A0CB;
	border-top: dotted 1px #71A0CB;
	width: 100%;
	vertical-align: middle;
	/*font-size: 1.25em; */
}

#mensaje {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 40px;
	margin-bottom: 10px;
	font-weight:bold;
	color:red;
	border-top: dotted 1px #B8B88B;
	border-bottom: dotted 1px #B8B88B;
	width: 100%;
	vertical-align: middle;
	background-color:#FAFAE5;
	display:none;
}

#lista_mensaje{

}

.titulo_subapartado {
	overflow:hidden;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 0px;
	margin-bottom: 10px;
	font-weight:bold;
	color:#71A0CB;
	border-bottom: dotted 1px #71A0CB;
	width: 98%;
	vertical-align: middle;
	font-size: 1.10em;
	background: #fff url(../img/tit_apartado.gif) left bottom no-repeat;
}

.titulo_subapartado2 {
	padding-top: 20px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 0px;
	margin-bottom: 10px;
	font-weight:bold;
	color:#FBB283;
	border-bottom: dotted 1px #FBB283;
	width: 100%;
	vertical-align: middle;
	background: #fff url(../img/tit_subapartado.gif) left bottom no-repeat;
}

.titulo3 {
	padding-top:	20px;
	/*padding-bottom: 3px;*/
	padding-right:	0;
	margin-bottom:	10px;
	margin-left:	10px;
	/*font-weight:bold;*/
	color:#5170AB;
	width: 95%;
	vertical-align: middle;
	background: #fff url(../img/bullet_cuadritos.png) 0% 95% no-repeat;
	padding-left:	15px;
}

.titulo3_simple {
	background: #fff url(../img/bullet_cuadritos.png) bottom left no-repeat;
	padding-left:	15px;
	color:#5170AB;
}

.campo_a_modificar {
	background: #fff url(../img/bullet_cuadritos.png) center left no-repeat;
	padding-left:	15px;
	margin-left: 30px;
	margin-top: 5px;
}



.ancho3 { width: 3%; }
.ancho5 { width: 5%; }
.ancho7 { width: 7%; }
.ancho9 { width: 9%; }
.ancho10 { width: 10%; }
.ancho12 { width: 12%; }
.ancho15 { width: 15%; }
.ancho18 { width: 18%; }
.ancho20 { width: 20%; }
.ancho23 { width: 23%; }
.ancho25 { width: 25%; }
.ancho27 { width: 27%; }
.ancho30 { width: 30%; }
.ancho33 { width: 33%; }
.ancho35 { width: 35%; }
.ancho40 { width: 40%; }
.ancho45 { width: 45%; }
.ancho50 { width: 50%; }
.ancho55 { width: 55%; }
.ancho60 { width: 60%; }
.ancho70 { width: 70%; }
.ancho75 { width: 75%; }
.ancho80 { width: 80%; }
.ancho90 { width: 90%; }
.ancho95 { width: 95%; }
.ancho98 { width: 98%; }
.ancho99 { width: 99%; }
.ancho100 { width: 100%; }

.pad5Sup  { padding-top: 5px; }
.pad10Sup { padding-top: 10px; }
.pad15Sup { padding-top: 15px; }
.pad20Sup { padding-top: 20px; }
.pad5Inf  { padding-bottom: 5px; }
.pad10Inf { padding-bottom: 10px; }
.pad15Inf { padding-bottom: 15px; }
.pad20Inf { padding-bottom: 20px; }
.pad5Izq  { padding-left: 5px; }
.pad10Izq { padding-left: 10px; }
.pad15Izq { padding-left: 15px; }
.pad20Izq { padding-left: 20px; }
.pad5Dch  { padding-right: 5px; }
.pad10Dch { padding-right: 10px; }
.pad15Dch { padding-right: 15px; }
.pad20Dch { padding-right: 20px; }

.negrita { font-weight: bold; }
.cursiva { font-style: italic; }
.gris { color: #BBB; }
.gris_oscuro { color: #333; }
.normal { font-weight: normal; }
.mayusculas { text-transform: uppercase; }
.capitalizar { text-transform: capitalize; }
.minusculas { text-transform: lowercase; }

.izquierda { text-align: left; }
.centrado { text-align: center; }
.medio { vertical-align:middle; }
.derecha { text-align: right; }
.justificado { text-align: justify; }

.tamano120 { font-size: 120%; }
.tamano135 { font-size: 135%; }
.tamano150 { font-size: 150%; }

.flotaDerecha { float: right; }
.flotaIzquierda { float: left; }

.alto20 { height: 20px; }
.alto25 { height: 25px; }
.alto30 { height: 30px; }
.alto35 { height: 35px; }
.alto70 { height: 70px; }
.alto100 { height: 100%; }

/* Descomentar si se quiere que las filas de las tablas cambien de color al pasar por encima
.lineapar:hover, .lineaimpar:hover {
	background: #80A1FF;
}
*/

.valor_formulario {
	font-style: oblique;
	color: #555;
}

.campo_obligatorio{
	background: #FFF url(../img/asterisco.gif)  right center no-repeat; /* gradient background */
}

.etiqueta {
	text-align: left;
    padding:0px;
    font-style: normal;
    /*margin-right:5px;*/
}

.etiqueta_medio {
	display: block;
	text-align: center;
    padding:0px;
    font-style: normal;
}

.etiqueta_dcha {
	display: block;
	text-align: right;
    padding:0px;
    font-style: normal;
}

.boton_peq {
	text-align: center;
    font-family:Verdana,Helvetica;
    font-weight:bold;
    color:white;
    background:#FF8739;
    border:1px solid #FFB400;
    width:80px;
    height:21px;
	text-transform: uppercase;
}
.boton_med {
	text-align: center;
    font-family:Verdana,Helvetica;
    font-weight:bold;
    color:white;
    background:#FF8739;
    border:1px solid #FFB400;
    width:100px;
    height:21px;
	text-transform: uppercase;
}
.formulario{
    font-weight:bold;
    padding:3px;
}

.filaDisposicionListadoNotificaciones {
	/*background: #F0F;*/
	color: #E0A017;
	font-weight: bold;
	/*text-decoration: underline !important;*/
	/*border-top: 1px dotted #FBB283;*/ 
	border-bottom: 1px dotted #FBB283;
	height: 20px;
	margin: 15px 0 5px 0;
	/*z-index: 100;*/
}

.filaDisposicionListadoNotificaciones a {
	font-size:smaller;
	padding:1px !important;
	font-weight:normal;
	cursor: pointer;
}

.naranja{color: #E0A017;}
.gris{color: #7F7F7F;}
.azul{color: #c9ba65;}

ul.menuv{
	padding: 0px;
	margin: 0px;
	list-style:none;
}
ul.menuv li{
	padding-left: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #9AB44F;
}
ul.menuv li.menuv_titulo{
	background-color: #9AB44F;
	background-image: url(../img/tit_seccionpral.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	border-bottom: 0px;
	font-size: 1.25em;
	color: white;
	font-weight: bold;
}

ul.menuv li.menuv_titulo_ayuda{
	background-color: #9AB44F;
	background-position: right bottom;
	background-image: url(../img/tit_seccionpral.gif);
	background-repeat: no-repeat;
	border-bottom: 0px;
	font-size: 1.25em;
	color: white;
	font-weight: bold;
}

ul.menuv li.menuv_elemento_ayuda{
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #9AB44F;
	color:#777777;
}

ul.menuv a {
    display:block;
    padding:4px 9px;
	text-decoration:none;
	color: #94A75A;
	font-weight: bold;
}
ul.menuv a:HOVER{
	text-decoration: underline;
}
li.menuv_elemento_ayuda a {
	display:inline;
    padding:0px 3px;
	text-decoration:none;
	color: #778E35;
	font-weight: normal;
}
ul.submenu li{
	background-image:url(/img/cuna.gif);
	background-position:left 0.6em;
	background-repeat:no-repeat;
	border: 0px;
	padding-top: 3px;
	padding-bottom:3px;
	padding-left:10px;
	}
br { clear: both; }

/** INI ESTILO AUTOCOMPLETER **/
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color: white;
	border:1px solid #7AA9C4;
	border-top:0px;
}
div.autocomplete ul li.selected { background-color: #FFFFD2;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}
/** FIN ESTILO AUTOCOMPLETER **/

#lista_dinamica{
		position:absolute;	/* Never change this one */
		width:175px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
}

h1{
	margin: 1px;
	padding: 1px;
	font-size:1.1em;
	font-weight:bold;
	color:#FF8739;
}

h2 {
	font-size: 110%;
	font-weight:bold;
}

.separador{
	width: 100%;
	float: none;
	background-color: white;
	height: 25px;
	clear: both;
}

.separador_10{
	width: 100%;
	float: none;
	background-color: white;
	height: 10px;
	clear: both;
}

.separador_5{
	width: 100%;
	float: none;
	background-color: white;
	height: 5px;
	clear: both;
}

.separador_peq{
	width: 100%;
	float: none;
	background-color: white;
	height: 1px;
	clear: both;
}

.separador_linea{
	width: 100%;
	float: none;
	height: 5px;
	clear: both;
	border-bottom: dotted 1px #00EEEE;
}

.campoEstaticoDeProcedimiento {
	width: 85%;
	max-height: 10em;
	overflow-y: auto;
	padding: 2px;
	border: 1px solid #AAA;
	color: #444;
	background: #F3F3FA;
	cursor: default;
}

span.sistemaTratamientoAbreviadoEnListado {
	border:1px dotted #AAAAAA !important;
	cursor:default !important;
	width:27px !important;
	padding:1px !important;
	color:black !important;
	font-size:90% !important;
	background: #EBEBEB !important;
}

/* -------------------- PESTA�AS --------------------------- */
.tabmain {
height: 28px !important;
padding: 0px 0px 0 35px; /* distance from tabs boxes: bottom: underline; left: indent  */
margin: 0;
background: #fff url(../img/pixel-ff6400.png) repeat-x bottom;
overflow: hidden;
}

.tabmain li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}

.tabmain a:link, .tabmain a:visited {
float: left;
/*font-size: 125%;*/
font-weight: bold;
line-height: 22px !important;
font-weight: bold;
padding: 2px 10px 2px 10px;
margin-right: 7px;
border: 1px solid #1A6EA3;
text-decoration: none;
background: #FFF url(../img/tabmain-background.png) bottom left repeat-x; /* gradient background */
color: #1A6EA3;
}

.tabmain a:link.tabmain-this, .tabmain a:visited.tabmain-this {
border-bottom: 1px solid #fff;
color: #1A6EA3;
background: #fff url(../img/reload-tab-margin-01.png) right center no-repeat;
}

.tabmain a:hover {
background: #fff;
}
/* -------------------- FIN PESTA�AS -------------------------- */

/* -------------------- SUBPESTA�AS --------------------------- */
.tabmain2 {
height: 28px !important;
padding: 0px 0px 0 25px; /* distance from tabs boxes: bottom: underline; left: indent  */
margin: 0;
background: #fff url(../img/pixel-D2E4F0.png) repeat-x bottom;
overflow: visible;
}

.tabmain2 li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.tabmain2 a:link, .tabmain2 a:visited {
float: left;
/*font-size: 125%;*/
font-weight: bold;
line-height: 22px !important;
font-weight: normal;
padding: 2px 10px 2px 10px;
margin-right: 7px;
border: 1px solid #7DA4BD;
text-decoration: none;
background: #FFF url(../img/tabmain-background.png) bottom left repeat-x; /* gradient background */
color: #6B94AF;
}

.tabmain2 a:link.tabmain-this2, .tabmain2 a:visited.tabmain-this2 {
border-bottom: 1px solid #fff;
color: #6B94AF;
background: #fff url(../img/reload-tab-margin-01.png) right center no-repeat;
}

.tabmain2 a:hover {
background: #fff;
}

/* -------------------- FIN SUBPESTA�AS -------------------------- */

/* -------------------- PESTA�AS SIN RELOAD -------------------------- */

.tabmain3 {
height: 28px !important;
padding: 0px 0px 0 25px; /* distance from tabs boxes: bottom: underline; left: indent  */
margin: 0;
background: #fff url(../img/pixel-D2E4F0.png) repeat-x bottom;
overflow: visible;
}

.tabmain3 li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.tabmain3 a:link, .tabmain3 a:visited {
float: left;
/*font-size: 125%;*/
font-weight: bold;
line-height: 22px !important;
font-weight: normal;
padding: 2px 10px 2px 10px;
margin-right: 7px;
border: 1px solid #7DA4BD;
text-decoration: none;
background: #FFF url(../img/tabmain-background.png) bottom left repeat-x; /* gradient background */
color: #6B94AF;
}

.tabmain3 a:link.tabmain-this3, .tabmain3 a:visited.tabmain-this3 {
border-bottom: 1px solid #fff;
color: #6B94AF;
background: #fff;
cursor: default;
font-weight: bold;
}

.tabmain3 a:hover {
background: #fff;
}

/* -------------------- FIN PESTA�AS SIN RELOAD -------------------------- */

/* -------------------- PESTA�AS ESTRECHAS -------------------------- */

.tabmain4 {
height: 22px !important;
padding: 0px 0px 0 25px; /* distance from tabs boxes: bottom: underline; left: indent  */
margin: 0;
background: #fff url(../img/pixel-D2E4F0.png) repeat-x bottom;
overflow: visible;
}

.tabmain4 li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.tabmain4 a:link, .tabmain4 a:visited {
float: left;
/*font-size: 125%;*/
font-weight: bold;
line-height: 16px !important;
font-weight: normal;
padding: 2px 10px 2px 10px;
margin-right: 7px;
border: 1px solid #7DA4BD;
text-decoration: none;
background: #FFF url(../img/tabmain-background.png) bottom left repeat-x; /* gradient background */
color: #6B94AF;
}

.tabmain4 a:link.tabmain-this4, .tabmain4 a:visited.tabmain-this4 {
border-bottom: 1px solid #fff;
color: #6B94AF;
background: #fff;
cursor: default;
font-weight: bold;
}

.tabmain4 a:hover {
background: #fff;
}

/* -------------------- FIN PESTA�AS ESTRECHAS -------------------------- */

/* ------------------- PAGINACI�N ----------------------------- */

.pages, .pages-margin {
padding: 10px 0 0 0;
/*border-top: 1px dotted #1A6EA3;*/
margin: 0px 0 50px 0;
clear: left;
font-size: 90%;
}

.pages-margin {
margin-left: 90px;
}

.pages a, .pages span, .pages-margin a, .pages-margin span {
display: block;
float: left;
color: #1A6EA3;
padding: 5px 7px 5px 7px;
margin-right: 3px;
border: 1px solid #FFF;
background: #FFF;
}

.pages span.current, .pages-margin span.current {
border: 1px solid #1A6EA3;
font-weight: bold;
background: #C5E4AC;
color: #1A6EA3;
}

.pages span.current a, .pages-margin span.current a {
padding: 0;
background: #1A6EA3;
color: #1A6EA3;
border: 0px;
}

.pages a, .pages-margin a {
border: 1px solid #1A6EA3;
text-decoration: none;
background: url(../img/tabsub-background.png) bottom left repeat-x;
}

.pages a:hover, .pages-margin a:hover {
border-color: #FF9400;
background: #C5E4AC;
color: #1A6EA3;
}

.pages a.nextprev, .pages-margin a.nextprev {
font-weight: bold;
}

.pages span.nextprev, .pages-margin span.nextprev {
color: #DBE9F3;
}

.pages span.nextprev, .pages-margin span.nextprev {
border: 1px solid #DBE9F3;
color: #DBE9F3;
}
/* ------------------- FIN PAGINACI�N ----------------------------- */


/* ------------------- TABLAS ----------------------------- */

.tabla, .tabla-margin {
padding: 0 0 0 0;
margin: 5px 0 5px 0;
clear: left;
font-size: 90%;
}

.tabla tfoot {
	background: url(../img/borde-horiz-dotted-muy-denso.png) top left repeat-x;
}

.tabla tr {
	height: 32px;
}

.tabla tr.cabeceratabla {
	color: #FFFFFF;
	font-style: normal;
	border-bottom: 1px dotted #1A6EA3;
	background: url(../img/fondo_puntos.gif) bottom left repeat-x;
	text-align:left;
	height: 28px;
}

.tabla tr.cabeceratablapeq {
	color: #FFFFFF;
	font-style: normal;
	border-bottom: 1px dotted #1A6EA3;
	background: url(../img/fondo_puntos.gif) bottom left repeat-x;
	background-size: auto 70px;
	text-align:left;
	height: 28px;
}

.lineapar {
	background-color: #ECF1F6;
}

.lineaimpar {
}

.tabla-margin {
margin-left: 90px;
}

.tabla a, .tabla span, .tabla-margin a, .tabla-margin span, .boton_listado {
display: block;
float: left;
color: #1A6EA3;
padding: 3px 4px 3px 4px;
margin-right: 2px;
border: 1px solid #FFF;
background: #FFF;
}

.tabla span.current, .tabla-margin span.current {
border: 1px solid #1A6EA3;
font-weight: bold;
background: #87B660;
color: #ffffff;
}

.tabla span.current a, .tabla-margin span.current a {
padding: 0;
background: #1A6EA3;
color: #1A6EA3;
border: 0px;
}

.tabla a, .tabla-margin a, .boton_listado {
border: 1px solid #1A6EA3;
text-decoration: none;
background: url(../img/tabsub-background.png) bottom left repeat-x;
}

.tabla a:hover, .tabla-margin a:hover, .boton_listado:hover {
border-color: #397905;
background: #87B660;
color: #ffffff;
}

.tabla a.nextprev, .tabla-margin a.nextprev {
font-weight: bold;
}

.tabla span.nextprev, .tabla-margin span.nextprev {
color: #DBE9F3;
}

.tabla span.nextprev, .tabla-margin span.nextprev {
border: 1px solid #DBE9F3;
color: #DBE9F3;
}

.boton_listado {
	cursor: pointer;
}

.columna_boton_listado {
	/* Suponemos iconos de los botones de 16px + 5px padding a cada lado */
	width: 22px;
}
/* ------------------- FIN TABLAS ----------------------------- */


/* -------------------- MENU IZQUIERDA --------------------------- */
.menu_izquierda {
padding: 0px 0px 0 5px; /* distance from tabs boxes: bottom: underline; left: indent  */
margin: 0;
overflow: hidden;
}

.menu_izquierda li {
margin: 0;
padding: 5px 5px 10px 15px;
border-bottom: 1px dotted #3D72A2;
list-style-type: none;
background: #FFF url(../img/flecha_menu.gif)  left center no-repeat; /* gradient background */
}

li.menu_seccion {
	margin: 0;
	padding: 25px 0px 10px 0px;
	list-style-type: none;
	background-color:#B3D1E5;
	font-weight: bold;
	font-size: 110%;
	color:#3C71A1;
	background: #FFF url(../img/menu_izq_cab.gif) top left repeat-x;
}

li.menu_seccion_verde {
	margin: 0;
	padding: 25px 0px 10px 0px;
	list-style-type: none;
	background-color:#B3D1E5;
	font-weight: bold;
	font-size: 110%;
	color:#3C71A1;
	background: #FFF url(../img/menu_izq_cab_verde.gif) top left repeat-x;
}


li.menu_seccion_herramientas {
margin: 0;
padding: 25px 0px 10px 0px;
list-style-type: none;
background-color:#B3D1E5;
font-weight: bold;
font-size: 110%;
color:#B39167;
background: #FFF url(../img/menu_izq_cab_verde.gif) top left repeat-x; /* gradient background */
border-bottom: 0px;

}

.menu_izquierda a {
color: #3D72A2;
}

.menu_izquierda a:hover {
color: #629835;
}
/* -------------------- FIN MENU IZQUIERDA -------------------------- */

/* -------------------- ENLACES LOGIN --------------------------- */
.menu_login {
padding: 0px 0px 0 5px; /* distance from tabs boxes: bottom: underline; left: indent  */
margin: 0;
overflow: hidden;
}

.menu_login li {
margin: 0;
padding: 1px 1px 1px 15px;
list-style-type: none;
background: #FFF url(../img/flecha_menu.gif)  left center no-repeat; /* gradient background */
}

.menu_login a {
color: #3D72A2;
font-size:90%;
font-weight:normal;
}

.menu_login a:hover {
color: #629835;
font-size:90%;
font-weight:normal;
}
/* -------------------- FIN ENLACES LOGIN -------------------------- */

/* -------------------- ENLACES LOGIN 2 --------------------------- */
.menu_login_2 {
padding: 0px 0px 0 5px; /* distance from tabs boxes: bottom: underline; left: indent  */
margin: 0;
overflow: hidden;
color:#629835;
font-size:90%;
font-weight:bold;
}

.menu_login_2 li {
margin: 0;
padding: 1px 1px 1px 1px;
list-style-type: none;
background: #FFF; /* gradient background */
font-weight:normal;
}

.menu_login_2 a {
color: #919CA6;
font-size:90%;
}

.menu_login_2 a:hover {
color: #629835;
font-size:90%;
}
/* -------------------- FIN ENLACES LOGIN 2 -------------------------- */

/* -------------------- BOTON FORMULARIO ----------------------------- */
button {
display: block;
float: left;
color: #1A6EA3;
padding: 5px 5px 5px 5px;
height:28px;
margin-right: 10px;
border: 1px solid #FFF;
background: #FFF;
font-weight: normal;
border: 1px solid #1A6EA3;
text-decoration: none;
background: url(../img/tabsub-background.png) bottom left repeat-x;
width: auto;
overflow: visible;
}

button.estrecho {
	height: 20px;
	padding:0 5px;
}

button:hover {
border-color: #397905;
background: #87B660;
color: #ffffff;
font-weight: normal;
}

button[disabled] {
	background: #FFF;
	border: 1px solid #777;
	color: #333;
	cursor: default;
	filter: alpha(opacity=40);
	opacity: .4;
}

.con_icono {
	/* Se suponen imagenes (iconos) de 16x16 pixels */
	padding-right:0px;
	margin: 0 0 0 0;
	padding-left: 21px;
	line-height: 16px;	
	background-position: center left;
	background-repeat: no-repeat;
}

.con_icono_derecha {
	/* Se suponen imagenes (iconos) de 16x16 pixels */
	padding-right:21px;
	margin: 0 0 0 0;
	padding-left: 0px;
	line-height: 16px;	
	background-position: center right;
	background-repeat: no-repeat;
}

.img_guardar { background-image: url(../img/btn_guardar_2.png) }
.img_imprimir { background-image: url(../img/btn_impresora.png) }
.img_imprimir_pdf { background-image: url(../img/btn_impresora_pdf.png) }
.img_imprimir_rtf { background-image: url(../img/btn_impresora_rtf.png) }
.img_ayuda { background-image: url(../img/btn_libro_ayuda.png) }
.img_borrar { background-image: url(../img/btn_borrar.png) }
.img_buscar { background-image: url(../img/btn_buscar.png) }
.img_inicio { background-image: url(../img/btn_inicio.png) }
.img_aceptar { background-image: url(../img/btn_aceptar.png) }
.img_ok { background-image: url(../img/img_ok3.gif) }
.img_continuar { background-image: url(../img/continuar16x16.png) }
.img_siguiente { background-image: url(../img/img_siguiente.gif) }
.img_anterior { background-image: url(../img/img_anterior.gif) }
.img_volver { background-image: url(../img/btn_atras_4.png) }
.img_nuevo { background-image: url(../img/btn_nuevo.png) }
.img_descargar { background-image: url(../img/btn_descargar.png) }
.img_upload { background-image: url(../img/btn_upload.png) }
.img_renombrar { background-image: url(../img/btn_renombrar.jpg) }

/* --------------------- FIN BOTON FORMULARIO ------------------------ */


#container {
margin: 0 auto;
min-width: 750px;
position: relative;
}

#contents2 {
margin: 0;
padding: 0 0 0px 0;
}

#contents {
/*margin: 25px 0px 0 0em;*/
margin: 1.3em 0 0 0 ;
padding: 0 0 0px 0;
background: url(../img/pixel-ff6400.png) top left repeat-y;
}

a {
color: #03A;
text-decoration: none;
outline: none;
vertical-align: baseline;
}

a:hover, a:focus {
color: #1A6EA3;
text-decoration: underline;
}

a:active {
color: #000;
}

.pie_pagina{
	background-color:#AAC2D9;
	border-top: 1px dotted #1A6EA3;
	color:#1A6EA3;    
	padding:20px 20px 20px 10px;
}


.boton_cerrar {
	border:solid 1px white;
	float:right;
	cursor:pointer;
	height:16px;
	width:16px;
	background: url(../img/cerrar.jpg);
}

.boton_cerrar:hover {
	background: url(../img/cerrar2.jpg);
}

.consejos_texto {
	text-align: justify;
}

.divMantenimiento {
	/*
	background: #91B2D0;
	*/
	/*
	border: 5px double #3C71A1;
	*/
	/*background: #3C6181;*/
	width: 96%;
	border: 1px dotted #1F278A;
	height: auto;
	padding:3px;
	color: #3C6181;
	font-weight: bold;
}

/* --------------------------------------------- CSS PARA EL MENU DESPLEGABLE --------------------------------- */
.menu {
	background: #91B2D0 url(../img/fondo_menu_2.gif) top left repeat-x;
	font-family: verdana, sans-serif;
	width:100%;
	position: relative;
	padding-bottom: 0px;
	z-index:100;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: dotted #FFF;
	border-width: 1px 0 0 0;
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu li {
	float:right;
	width:150px;
	/* Gracias  a este position:relative, funciona el position:absolute de los .menu ul ul */
	position:relative;
}

/* Cabeceras del men� */
.menu a, .menu a:visited {
	display:block;
	font-size: 0.9em;
	font-family:Verdana, sans-serif;
	text-decoration:none;
	color:#FFF;
	border:1px dotted #FFF;
	border-width:0px 0px 1px 1px;
	padding-left:10px;
	/* width: 139 porque son 150 - 10 (padding izdo) - 1 (borde izdo) */
	width:139px;
	line-height:20px;
}

.menu ul ul {
	position:absolute;
	/* Este "visibility: hidden" no har�a falta porque ya est� lo mismo para ".menu > ul > li > ul" pero ese
	no funciona en IE6, as� que se a�ade este otro */
	visibility: hidden;
}

/* Opciones del men� */
.menu ul ul a, .menu ul ul a:visited {
	display: block;
	background: url(../img/fondo_menu_2.png) top left repeat;
	color:#FFF;
	line-height:1.2em;
	padding:5px 10px;
	/* width: 130 porque son 150 - 10 (padding izdo) -10 (padding dcho) */
	width:130px;
	border:dotted #FFF;
	border-width:0px 0px 1px 0px;
	font-size:0.9em;
}

.menu a:hover {
	color:#FFF;
	text-decoration:none;    
}

/* Color de fondo de los elementos del men� al pasar el rat�n por encima (para IE7 / FireFox) */
.menu ul li:hover > a {
	background:#87B660;
}
/* Color de fondo de los elementos del men� al pasar el rat�n por encima (para IE6) */
.menu a:hover {
	background:#87B660;
}

/* Esto lo a�ado (28/9/07) para que los espacios en blanco del menu no parezcan clickables */
.menu_separador {
	background:#3A5097 url(../img/fondo_menu_separador.png) top left repeat !important;
	cursor:default !important;
}

/* Las siguientes reglas se encargan de que los men�s se "despleguen" (no funcionan en ie6 o inferior) */
.menu > ul > li > ul {
	visibility: hidden;
}
.menu > ul > li:hover > ul {
	visibility: visible;
}

/* ----------------- TABLAS DE PERMISOS ------------------ */

.tablaPermisos {
	border-collapse: collapse;
}

.tablaPermisos thead :first-child :first-child {
	border-top: none;
	border-left: none;
}

.tablaPermisos .primeraColumna {
	background: #CCC;
	font-weight: bold;
	text-align: left;
}

.tablaPermisos td {
	background: white;
	border: 1px solid black;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 5px;
}

/* ----------------- M�DULO DE ADMINISTRACI�N ------------------ */

#cabecera_admin {
	height:9.9%;
	float:none;
	clear:both;
	overwrite:hidden;
	background: #1F578A;
	height: 65px;
	/* Este position:relative sirve para que luego funcione el position:absolute de
		#menu_arriba_admin. Gracias a esto, las propiedades botttom y right se
		refieren en funci�n al div #cabecera_admin y no a las de toda la p�gina */
	position:relative;
}

#cuerpo_admin {
	height:90.1%;
	float:none;
	clear:both
}

#cabecera_admin * {
	font-size: 8pt;
}

#cabecera_admin .nuevalinea {
	border:none;
}

#cabecera_admin label {
	color: white;
	font-weight: bold;
}

#cabecera_admin a:hover {
	color: white;
}

#cabecera_admin .info_usu_conectado {
	color: #9CF;
}

#cabecera_admin a {
	color: #000060;
	text-decoration: underline;
}

#cabecera_admin #menu_arriba_admin {
	list-style-type:none;
	padding:2px 0 0 0;
	position: absolute;
	right:4px;
	margin: 0;
	bottom: 2px;
}

#cabecera_admin #menu_arriba_admin li {
	width: 100px;
	float:right;
	margin-left: 6px;
}

#cabecera_admin #menu_arriba_admin li a {
	width: 95px;
	background: #91B2D0 url(../img/fondo_menu_2.gif) top left repeat-x;
	color: white;
	text-decoration: none;
	font-size: 12px;
	display: block;
	float:right;
	padding: 1px 0 3px 5px;
	font-family:Verdana, sans-serif;	
	height:12px;
	border: 1px dotted #9CF;
}

#cabecera_admin #menu_arriba_admin li a:hover {
	color: #FF9;
	background:	#c9ba65;
}

#admin_div_menu_izda {
	float:left;
	width:15%;
	border-right:1px solid #3C71A1;
	height: 100%;
	padding:0 0.5%
}

/* --- LOGIN DEL M�DULO DE ADMINISTRACI�N ---*/

.body_login {
	height: 100%;
	text-align: center;
	background: #FFF url(../img/degradado_fondo_login.png) repeat-x;
}

.cuerpo_login {
}

.pie_login {
	background: url(../img/menu_izq_cab.gif) top left repeat-x;
}

.div_login {
	float: none;
	clear: both;
	text-align: center;
	width: 95%;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #1F578A;
	margin: auto;
	width: 40em;
	border: 2px solid #9CF;
	overflow: auto;
}

.div_login_interno {
	width: 30em;
	margin:auto;
}

.div_login_texto_cabecera {
	float: none;
	clear: both;
	color: #71A0CB;
	border-top: 1px dotted white;
	padding-top:20px;
}

.div_login_div_label {
	text-align: right;
	width: 8em;
}

.div_login label {
	color: white;
	font-weight: bold;
}

.div_login input {
	width:16em;
	padding-left: 0.2em;
}

.div_login .div_login_div_error {
	width: 12em;
	text-align: left;
	color: yellow;
	font-weight: bold;
}

.div_login .div_login_div_boton {
	background: white;
	width: 70px;
	float: right;
}

.div_login button {
	width: 70px;
	float: right;
	margin-right: 0px;
}

/* --- FIN DEL LOGIN DEL M�DULO DE ADMINISTRACI�N ---*/

.divInicioAdmin {
	color: #333;
	width: 80%;
}

.divInicioAdmin > ul {
	margin: 10px 0;
}

.divInicioAdmin li {
	padding: 5px 0;
	/*color: #5180AB;*/
}

.divInicioAdmin a {
	font-weight: bold;
}

.divInicioAdmin p {
	text-align: justify;
	line-height:130%;
}

.divTipoListado {
	border-bottom: dotted 1px #71A0CB;
}

/* --- Estilos para las filas de la tabla del listado de clientes, seg�n el tipo de cliente --- */

.fila_cliente_normal {
	color: #000;
}

.fila_cliente_plantilla {
	color: #11C;
}

.fila_cliente_demo {
	color: #0B0;
}

.fila_cliente_pruebas {
	color: #AAA;
}

a.enlaceLoginCliente {
	border: 	0;
	padding:	0;
	/*color:		blue;*/
	background: none;
}

a.enlaceLoginCliente:hover {
	color:		green;
	background: none;
}

/* -------------------------------------------------------------------------------- 
   ------------------------- Estilos para impresi�n -------------------------------
   -------------------------------------------------------------------------------- */
@media print {
	
	.contenedor {
		height: auto;
		overflow:visible;
	}
	
	.enlinea {
		/* Gracias a lo siguiente, se evita el efecto al imprimir en FF de que las tablas "se desbordan"
			de la p�gina por abajo, en lugar de pasar a la siguiente p�gina */
		overflow:visible;
	}
	
	#divIzda, #cabecera, .menu, .columna_boton_listado {
		display: none;
	}
	
	#divIzda, #divDcha {
		border: none;
	}
	
	#divDcha {
		width: 99%;
		/*border: 1px solid blue;*/
	}
	
	/* Evitamos que las bombillitas se muestren al imprimir */ 
	.imgToolTip {
		display: none;
	}
	
	/* Evitamos que los botones de acciones de los formulariosd de detalle se muestren al imprimir */ 
	.pie_apartado {
		display: none;
	}

	
	/*
	td {
		height: 100px;
	}
	*/
	
	/*
	button {
		height: 100px !important;
	}
	.con_icono {
		width: 100px;
		padding-left: 31px;
		line-height: 56px;	
		
	}
	*/
}

/* ------------------- CSS PARA EL MULTI-SELECT -------------------- */
	.pmsDivSeparator {
		float:			left;
		width:			20px;
	}
	.pmsDivSelected {
		float:			left;
		/*border:			1px blue dotted;*/
		width:			428px;
	}
	.pmsDivSelected .pmsHeader {
		text-align:		right;
		border-bottom:	1px solid #3C71A1;
		padding-bottom:	5px;
	}
	.pmsDivSelected .pmsHeader .pmsTitle {
		font-size: 		80%;
		height:			14px;
	}
	.pmsDivSelected .pmsHeader a {
		font-size: 		80%;
	}
	.pmsDivSelectables, .pmsNoSelectables {
		display:		none;
		float:			left;
		width:			328px;
		overflow-x: 	hidden;
	}
	.pmsDivSelectables {
		background:		#3C71A1;
		padding:		2px;
	}
	.pmsNoSelectables {
		padding:		5px;
		background: 	transparent url(../img/pixel_amarillo_translucido_25_1x1.png);
		color: 			red;
		font-weight:	bold;
		border:			1px solid red;
		font-size: 		0.8em;
	}
	.pmsDivSelectables .pmsTituloGrupo {
		background:		#71A0CB;
		font-weight: 	bold;
		overflow-x: 	hidden;
	}
	.pmsDivSelectables .pmsHeader {
		text-align:		right;
		border-bottom:	1px solid #3C71A1; 
		padding-bottom: 1px;
	}
	.pmsDivSelectables .pmsHeader .pmsTitle div {
		float: 			left;
		text-align:		left;
		margin:0;
		padding:0;
		font-size:		80%;
		color: 			white;
	}
	/* El select de "Seleccioar todos-ninguno-etc" */
	.pmsDivSelectables .pmsHeader .pmsTitle select {
		font-size: inherit;
		margin: 0 5px 1px 5px;		
	}		
	.pmsDivSelectables .pmsHeader .pmsTitle option {
		font-size:		inherit;
		color: 			black;
	}		
	.pmsDivSelectables .pmsBody {
		/*max-height: 	280px;*/
		float:			none;
		clear:			both;
		overflow-y:		auto;
		overflow-x:		hidden;
		background: green;	
	}	
	.pmsDivSelectables .pmsHeader img {
		border:			1px white solid; 
	}	
	.pmsDivSelectables .pmsImpar {
		background:		#70FDF7;
		overflow-x: 	hidden;
		float:none;
		clear:both;
	}
	.pmsDivSelectables .pmsPar {
		background:		#BFFFFF;
		overflow-x:		hidden;
		float:none;
		clear:both;
	}
	.pmsDivSelectables .sistemaTratamiento {
		float:			right;
		font-size: 		smaller;
		cursor:			default;
	}	
	.pmsSelectedItemsTable {
		margin-top:		5px;
		width:			100%;
		border-bottom:	1px dotted #3C71A1;
		border-right:	1px dotted #3C71A1;
	}
	.pmsSelectedItemsTable td {
		height:			20px;
		padding:		2px 0px 2px 5px;
	}
	.pmsSelectedItemsTable .pmsImpar {
		background:		#FFFFFF;
	}
	.pmsSelectedItemsTable .pmsPar {
		background:		#ECF1F6;
	}	

/* ------------------------------------------------------------------------- */

.selectOneFichero {
	width:			40em
	float:			left;
	padding-left:	4px;
}

.selectOneFichero .divImitandoTextfield {
	float:		left;
	height:		16px;
	padding-top:2px;
}

.selectOneFichero .desplegableFicheros {
	width:		38.7em;
	background:	#DDD;
	float:		none;
	clear:		both;
	overflow-y:	auto;
	/*max-height:	100px; max-height no funciona en IE6*/
	height:		150px;
	display:	none;
	z-index:	500;
	position:	absolute;
	/*margin-top:		20px;*/
	margin: 0;
	padding: 0;
	border: 1px solid #71A0CB;
}

.selectOneFichero .desplegableFicheros, .selectOneFichero .desplegableFicheros * {
	font-size:	97.5%;
	cursor:		default;
}

.selectOneFichero .desplegableFicheros .filaimpar {
	background:	#FFFFFF;
	width: 		100%;
}
.selectOneFichero .desplegableFicheros .filapar {
	background:	#ECF1F6;
	width: 		100%;
}
.selectOneFichero .desplegableFicheros .filaSeleccionada {
	background:	#71A0CB;
	width: 		100%;
}

.selectOneFichero .desplegableFicheros .filaGrupoFicheros {
	background:	#3C71A1;
	color:		#FFFFFF;
	float:		none;
	clear:		both;
	width: 		100%;
}

/* -------------------------------------------------------- */

.ulOpcionesImpresion li {
	height:				20px;
	list-style-type:	none;
	margin-bottom: 		15px;
}

.logo_rtf, .logo_pdf, .logo_odt {
	width:			30px;
	text-align:		center;
	padding:		2px;
/*	font-size:		105%;*/
	font-weight:	bold;
}

.logo_pdf {
	background:		red;
	color:			white;
}

.logo_rtf {
	background:		#6699FF;
	color:			white;
}

.logo_odt {
	background:		#330066;
	color:			white;
}

/* ------------ formulario de auditor�a ----------- */
div.valoracion {
	margin-top: 10px;
}

div.valoracion input {
	margin-left: 15%;
}

div.divInputsValoracion {
	display: none;
}

div.divInputsValoracion a {
	font-size: 80%;
}

img.btnTamanoTextarea {
	margin-left:10px;
	margin-top:5px;
	cursor: pointer;
}

div.divSeparadorCasosDeObligacion {
	float: none;
	clear: both;
	width: 100%;
	border-bottom: dotted 1px #71A0CB;
	margin-bottom:10px
}

div.divCasosOpcionales {
	display: none;
}

div.divMasCasos {
	color: #5170AB;
	vertical-align: middle;
	line-height: 100%;
}

div.enlacesSeleccionMultipleObligacionAuditoria a {
	font-size: 80%;
}

table.tabla_en_obligacion_de_auditoria {
	border-collapse: collapse;
}
table.tabla_en_obligacion_de_auditoria td, table.tabla_en_obligacion_de_auditoria th {
	border: 1px solid #CCC;
	font-size: 80%;
}
table.tabla_en_obligacion_de_auditoria td.check {
	text-align: center;
}
table.tabla_en_obligacion_de_auditoria th {
	border: 1px solid #CCC;
	background: #CCC;
}

input.checkboxbig {
    transform : scale(1.5);
}



/**PopUp*/

.contenedorpop {
	width: 90%;
	max-width: 1000px;
	margin: 20px auto;
}

.contenedorpop article {
	line-height: 28px;
}

.contenedorpop article h1 {
	font-size: 30px;
	text-align: left;
	padding: 50px 0;
}

.contenedorpop article p {
	margin-bottom: 20px;
}

.contenedorpop article .btn-abrir-popup {
	padding: 0 20px;
	margin-bottom: 20px;
	height: 40px;
	line-height: 40px;
	border: none;
	color: #fff;
	background: #5E7DE3;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	cursor: pointer;
	transition: .3s ease all;
}

.contenedorpop article .btn-abrir-popup:hover {
	background: rgba(94,125,227, .9);
}

/* ------------------------- */
/* POPUP */
/* ------------------------- */

.overlay {
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	display: flex;
	visibility: hidden;
}

.overlay.active {
	visibility: visible;
}

.popup {
	background: #F8F8F8;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	padding: 20px;
	text-align: center;
	width: 600px;
	
	transition: .3s ease all;
	transform: scale(0.7);
	opacity: 0;
	border-top: solid #376091 40px !important;
}

.popup .btn-cerrar-popup {
	font-size: 16px;
	line-height: 16px;
	display: block;
	text-align: right;
	transition: .3s ease all;
	color: #BBBBBB;
}

.popup .btn-cerrar-popup:hover {
	color: #000;
}

.popup h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	opacity: 0;
}

.popup h4 {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 40px;
	opacity: 0;
}

.popup form .contenedorpop-inputs {
	opacity: 0;
}

.popup form .contenedorpop-inputs input {
	width: 100%;
	margin-bottom: 20px;
	height: 52px;
	font-size: 18px;
	line-height: 52px;
	text-align: center;
	border: 1px solid #BBBBBB;
}

.popup form .btn-submit {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	border: none;
	color: #fff;
	background: #5E7DE3;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	cursor: pointer;
	transition: .3s ease all;
}

.popup form .btn-submit:hover {
	background: rgba(94,125,227, .9);
}

/* ------------------------- */
/* ANIMACIONES */
/* ------------------------- */
.popup.active {	transform: scale(1); opacity: 1; }
.popup.active h3 { animation: entradaTitulo .5s ease .3s forwards; }
.popup.active h4 { animation: entradaSubtitulo .5s ease .3s forwards; }
.popup.active .contenedorpop-inputs { animation: entradaInputs .7s linear .5s forwards; }

@keyframes entradaTitulo {
	from {
		opacity: 0;
		transform: translateY(-25px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes entradaSubtitulo {
	from {
		opacity: 0;
		transform: translateY(25px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes entradaInputs {
	from { opacity: 0; }
	to { opacity: 1; }
}