/*Hoja de estilos CSS pagina*/
/*Creada por Jose Luis Rivas Calduch*/
/*Color de la letra*/
* {font-family: verdana; font-size: 12px; line-height: 15px;}
h1 {color: gray;font-weight:bold;}
h2 {color: red; font-weight:bold;}
h3 {color: red; font-weight:bold;}
h4 {color: black; font-weight:bold;}
p {text-align: justify;}
.nota {font-size: 10px; line-height: 12px; padding-bottom: 0px; margin-bottom: 0px; }
li {text-align: justify;}
/*Estructura de la pagina*/
#contenedor {
    width: 935px;
    border: 0px solid gray;
    overflow: hidden;
    background: white;
    margin: 0 auto; /* esto centra horizontalmente */
    /* elimina float */
    float: none;
}
#menu {
	border:  0px solid white;
	overflow: hidden;
	height: 1%;
    float: left;
    padding-top: 7px;
	width: 140px;
    text-align: left;
}
#contenido {	
	float: left;
	width: 785px;
	border:  1px solid white;
	overflow: hidden;
	height: 1%;
}
#contenido #barra {
	float: left;
	border:  1px solid white;
	overflow: hidden;
	height: 1%;
}
#contenido #principal {
	border:  4px solid white;
	overflow: hidden;
	height: 1%;
	width: 780px;
	float: left;
}
#contenido #principal #cuerpo {
	border:  0px solid white;
	border-right: 20px solid white;
	overflow: hidden;
	height: 1%;
	float: left;
	width: 600px;/*Ajustado: 930px*/
	padding-left:1px;
}
#contenido #principal #cuerpo #cuerpocontenido {
	border:  0px solid black;
	border-right: 20px solid white;
	overflow: hidden;
	height: 1%;
	float: left;
	width: 600px;
	padding-top: 10px;
}
#contenido #principal #cuerpo #cuerpocontenido #menugeneral {
	width: 500px;
	border: 1px solid gray;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	line-height:20px;
	padding-bottom: 0px;
	padding-top: 15px;
}
#contenido #principal #cuerpo #cuerpocontenido #waitDiv {
position:absolute;
left:300px;
top:300px;
visibility:hidden;
}
#contenido #principal #cuerpo #cuerpocontenido #avisoimportante {
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	color: red;
}
#contenido #principal #cuerpo #cuerpocontenido #nota {
    width: 440px;
	border: 1px solid gray;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	line-height:20px;
	padding: 25px;
	margin-top: 25px;
}
#contenido #principal #cuerpo #cuerpocontenido #aviso {
    width: 410px;
	border: 1px solid red;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	line-height:20px;
	padding: 10px;
	color: red;
	padding: 25px;

}
#aviso {
    width: 250px;
	border: 1px solid red;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	line-height:20px;
	padding: 10px;
	color: red;
	padding: 25px;

}
#avisook {
    width: 250px;
	border: 1px solid;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	line-height:20px;
	padding: 10px;
	color: black;
	padding: 25px;

}
#contenido #principal #cuerpo #cuerpocontenido #aviso2 {
    width: 410px;
	border: 1px solid red;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	line-height:20px;
	padding: 10px;
	color: red;
	padding: 25px;
}
#contenido #principal #cuerpo #cuerpocontenido #inicio {
    width: 545px;
	border: 1px solid gray;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	padding: 25px;
	margin-bottom: 40px;
	background-color: #EFEFEF;
}
#contenido #principal #cuerpo #cuerpocontenido #textoejemplo {
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
}
#contenido #principal #cuerpo #cuerpocontenido #ejemplo {
    width: 400px;
	border: 1px solid red;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	line-height:20px;
	border: 1px solid black;
	padding: 25px;
	margin-bottom: 20px;

}
#contenido #principal #cuerpo #cuerpocontenido #textoconsejo {
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	color:blue;
}
#contenido #principal #cuerpo #cuerpocontenido #consejo {
    width: 525px;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	line-height:20px;
	border: 1px solid blue;
	padding: 25px;
	margin-bottom: 20px;
	color:blue;

}
#contenido #principal #cuerpo #cuerpocontenido #textomenugestiones {
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	color:gray;
	margin-top: 25px;
}
#contenido #principal #cuerpo #cuerpocontenido #menugestiones {
    width: 450px;
	border: 1px solid gray;
	padding-bottom: 15px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 0px;
	margin-bottom: 20px;
}
#contenido #principal #cuerpo #cuerpocontenido #menugestiones1 {
    width: 495px;
	border: 1px solid gray;
	padding-bottom: 15px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 0px;
	margin-bottom: 20px;
}
#contenido #principal #cuerpo #cuerpocontenido #bienvenida {
    width: 470px;
	border: 1px solid black;
	font-family:Verdana; 
	font-size:16px; 
	font-style:normal;
	font-weight: bold; 
	margin-bottom: 20px;
	margin-top: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 25px;

}
#contenido #principal #cuerpo #cuerpocontenido #novedades {
    width: 450px;
	border: 1px solid black;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	line-height:30px;
	padding-top:20px;
	padding-right: 20px;
	margin-bottom: 40px;

}
#contenido #principal #cuerpo #cuerpocontenido #marcoimagenes {
    width: 575px;
	border: 1px solid black;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
	line-height: 25px;

}
#contenido #principal #cuerpo #cuerpocontenido #datospersonales {
    width: 600px;
	border: 0px solid black;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	padding-left: 20px;
}
#contenido #principal #cuerpo #cuerpocontenido #iconos {
	padding: 15px;
}
#iconos {
	padding: 15px;
}

#contenido #principal #cuerpo #cuerpocontenido #cabeceramenugeneral {
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	padding-top: 15px;
}
#contenido #principal #cuerpo #cuerpocontenido #introduccion {
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	padding-top: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
}
#contenido #principal #cuerpo #cuerpocontenido #cabeceramenugeneral1 {
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	padding-top: 0px;
}
#contenido #principal #cuerpo #cuerpocontenido #menugeneral1 {
	width: 500px;
	border: 1px solid gray;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	line-height:20px;
	padding-bottom: 0px;
	padding-top: 15px;
	padding-right: 25px;
}
#contenido #principal #cuerpo #cuerpocontenido #cabeceraconsultas {
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	padding-top: 0px;
	color: gray;
}
#contenido #principal #cuerpo #cuerpocontenido #consultas {
	width: 500px;
	border: 1px solid gray;
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 25px;
	padding-left: 25px;
	margin-bottom: 10px;
}
#contenido #principal #cuerpo #cuerpocontenido #cabeceraprogramas {
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:bold;
	padding-top: 25px;
}
#contenido #principal #cuerpo #cuerpocontenido #programas {
	width: 400px;
	border: 1px solid gray;
	padding: 15px;
	margin-bottom: 25px;
}
#contenido #principal #cuerpo #cuerpocontenido #formulario {
	width: 375px;
	border: 1px solid gray;
	padding: 15px;
	margin-bottom: 25px;
}
#formulario {
	width: 375px;
	border: 1px solid gray;
	padding: 15px;
	margin-bottom: 25px;
}
#contenido #principal #cuerpo #cuerpocontenido #mapa {
	width: 400px;
	border: 1px solid gray;
	padding: 15px;
	margin-bottom: 25px;
}
#contenido #principal #cuerpo #cuerpocontenido #tabuladoderecha {
	padding-left:20px;
}
#contenido #principal #cuerpo #cuerpocontenido #tablatiempos {
	padding-top:20px;
}
#contenido #principal #cuerpo #cuerpocontenido #tabladocumentos {
	position: relative;
	width: 100%;
	padding-top: 5px;
}
#contenido #principal #cuerpo #cuerpocontenido #botonmenu {
    width: 200px;
	border: 1px solid gray;
	font-family:Arial; 
	font-size:12px; 
	font-style:normal;
	text-decoration: none;
	color: white;
	background: gray;
	padding:2px 0;
	margin-bottom: 10px;
    float: left;
    margin-left: 190px; 
}
#contenido #principal #cuerpo #cuerpocontenido #botonmenu:hover {
	border: 1px solid red;
	background: red; 
}
#contenido #principal #cuerpo #cuerpocontenido #tabla1 {
	position: relative;
	width: 100%;
}
#contenido #principal #cuerpo #cuerpocontenido #tabla2 {
	position: relative;
	width: 100%;
	padding-top: 20px;
}
#contenido #principal #cuerpo #cuerpocontenido #empleo {
	border:  0px solid white;
    padding: 5px;
	overflow: hidden;
	height: 1%;
    width: 375px;
}
#contenido #principal #cuerpo #cuerpocontenido #cuestionario {
	border:  1px solid gray;
    padding: 5px;
	height: 1%;
    width: 550px;
}
#contenido #principal #cuerpo #cuerpocontenido #periodo {
    border: 1px solid white;
    padding: 5px;
    width: 375px;
    margin-bottom: 15px;
    margin-top: 50px;
}
#contenido #principal #cuerpo #cuerpocontenido #archivopendiente {
    border: 1px solid black;
    padding: 10px;
    width: 450px;
    margin-top: 10px; 
}
#contenido #principal #cuerpo #cuerpocontenido #paso {
    border: 1px solid gray;
    padding: 10px;
    width: 570px;
    margin-top: 10px;
}
#contenido #principal #cuerpo #cuerpocontenido #paso #seccion {
    border: 1px solid gray;
    padding: 10px;
    width: 550px;
    margin-top: 10px;
}
#contenido #principal #cuerpo #cuerpocontenido #paso #seccion #cuadrotabla {
    border: 0px solid black;
    width: 550px;
    margin-top: 5px;
}
#contenido #principal #cuerpo #cuerpocontenido #paso #seccion #cuadrotabla #tabla {
	position: relative;
	width: 100%;
}
#contenido #principal #cuerpo #cuerpocontenido #paso #seccion #cuadrotabla #botones {
    border: 1px solid black;
    width: 450px;
    margin-top: 10px;
}
#contenido #principal #cuerpo #barracuerpo {
	border:  0px solid white;
	overflow: hidden;
	float: left;
	height: 25px;
	width: 600px;
}
#contenido #principal #cuerpo #barracuerpo  #barracuerpoderecha {
	border:  1px solid white;
	overflow: hidden;
	float: left;
	width: 565px;/*Ajustado: 930px*/
	padding-top: 5px;
    color: gray;
	font-weight:bold;
	font-style:italic;
}
#contenido #principal #cuerpo #barracuerpo  #barracuerpoizquierda {
	border:  0px solid white;
	overflow: hidden;
	float: right;
}
#contenido #principal #control {
	border:  0px solid white;
	overflow: hidden;
	height: 1%;
	width: 158px;
    float: right;
}
#pie {	
	border:  0px solid white;
    overflow: hidden;
	height: 1%;
	clear: both;
}
#pie #menupie {	
    border:  0px solid white;
    overflow: hidden;
    height: 1%;
}
#pie #menupieizquierda {	
	border:  0px solid white;
    overflow: hidden;
    height: 1%;
    width: 141px;
    float: left;
    padding-bottom: 10px;
}
#pie #menupiecentro {	
	border:  0px solid white;
    overflow: hidden;
    width: 600px;
	height: 1%;
    color:gray;
}
#pie #copypie {	
	border:  0px solid white;
    overflow: hidden;
	height: 1%;
}
#pie #copypieizquierda {	
	border:  0px solid white;
    overflow: hidden;
	height: 1%;
    width: 141px;
    float: left;
}
#pie #copypiecentro {	
	border:  0px solid white;
        overflow: hidden;
        width: 600px;
	height: 1%;
        color:gray;
}
/*Estilo enlaces */
.menucabecera {color: gray; text-decoration: none;}
.menucabecera:hover {color: red; text-decoration: none;}
.oculto {color: black; text-decoration: none;}
.oculto:hover {color: red; text-decoration: none;}
.oculto1 {color: gray; text-decoration: none;}
.oculto1:hover {color: red; text-decoration: none;}
.oculto2 {color: black; text-decoration: none;font-style: italic;}
.oculto2:hover {color: red; text-decoration: none;}
.oculto3 {color: gray; text-decoration: none;font-size: 11px;}
.oculto3:hover {color: red; text-decoration: none;}
.oculto4 {color: black; text-decoration: none;font-size: 11px;}
.oculto4:hover {color: red; text-decoration: none;font-size: 11px;}

/*Menu general*/
#uno {
	font-family:Arial, Helvetica, sans-serif;
	}
ul#uno {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#uno li {
	margin:10px;
	padding:0;
	
	}
ul#uno li a {
	display:block;
	width:120px;
	padding:2px 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color: white;
	background-color:gray;
	}
ul#uno li a:hover {
	color:white;
	background-color:red;
	}
/*Menu gestiones*/
#unodos {
	font-family:Arial, Helvetica, sans-serif;
	}
ul#unodos {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#unodos li {
	margin:10px;
	padding:0;
	
	}
ul#unodos li a {
	display:block;
	width:400px;
	padding:2px 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color: white;
	background-color:gray;
	}
ul#unodos li a:hover {
	color:white;
	background-color:red;
	}
/*Menu consultas*/
#unotres {
	font-family:Arial, Helvetica, sans-serif;
	}
ul#unotres {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#unotres li {
	margin:10px;
	margin-right: 35px;
	padding:0;
	
	}
ul#unotres li a {
	display:block;
	width:445px;
	padding:2px 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color: white;
	background-color:gray;
	}
ul#unotres li a:hover {
	color:white;
	background-color:red;
	}
/*Formulario*/
.formulario {
	border:  5px solid white;
}
#antiguacontra {width: 50%; }
#olvido {width: 45%; }
#olvidoejemplo {width:100%;}
#olvidoejemplo2 {width:250px;}
/*Fondo de los campos*/
#inputrojo{
border: 1px solid red;
}
#selectrojo {
     border-right: red 2px solid;
     border-top: red 2px solid; 
     border-left: red 2px solid; 
     border-bottom: red 2px solid; 
}
/*Formato tablas*/
.filaEncabezadoComunicado {
	background:#00CC00;
	color:black;
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal
	}
.filaTablaComunicado {
	background:#C0C0C5;
	color:#000;
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal
	}
.filaEncabezadoFormulario {
	background:orange;
	color:black;
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal
	}
.filaTablaFormulario {
	background:orange;
	color:black;
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal
	}
.filaEncabezadoInsert {
	background:gray;
	color:black;
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal
	}
.filaEncabezadoIncTipo {
	background:#A4A4A4;
	color:black;
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal
	}
.filaTablaIncCuerpo {
	background-color: #E3E3EA;
	border: 0px;
	font-family: Verdana;
	font-size: 11px;
    }
.filaTablaInsert {
	background:#E3E3EA;
	color:black;
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal
	}
.filaTablaRed {
	background:red;
	color:black;
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal
	}
.filaTablaYellow {
	background:yellow;
	color:black;
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal
	}
 .filaTablaGreen {
	background:green;
	color:black;
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal
	}
.filaEncabezadoInforme {
	background:#F3F781;
	color:black;
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal
	}
 .filaTablaReferencia {
	background:#E9E5AA;
	color:black;
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal
	}
.filaTablaTipologia {
	background:#FFFFFF;
	color:black;
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal
	}
.filaTablaTotales {
	background:#F3F781;
	color:black;
	font-family:Verdana;
	font-size:10.5px;
	font-style:normal;
	font-weight:bold
	}
.filaTablaPie {
	background:#FFFFFF;
	color:gray;
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal
	}   
.tablatiempos {
	border: 1px solid black; 
	border-collapse:collapse; 
	padding: 5px; color:black; 
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:normal
	}
.tablatiempos th, .tablatiempos td {
	border: 1px solid black; 
	padding: 5px; 
	color:black; 
	font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	font-weight:normal
	}
 /*Informes temporales en pop-ups de Clientes*/
.filaEncabezado {
    background:orange;
    color:black;
    font-family:Verdana;
    font-size:11px;
    font-style:normal;
    font-weight:normal
}
.filaLocalizacion {
    background:gray;
    color:black;
    font-family:Verdana;
    font-size:11px;
    font-style:normal;
    font-weight:normal
}
.filaTabla {
    background:#E3E3EA;
    color:black;
    font-family:Verdana;
    font-size:11px;
    font-style:normal;
    font-weight:normal
}
/*Cajas de formularios*/
fieldset {border:1px solid gray}
/*Navegadores*/
.navegador {
 border:  1px solid black; 
 position:relative;
 top:99%;
 bottom: 1%;
}
/*Reloj*/
.form_input
{
	border-width: 0;
	text-align: right;
}
.cuadroreloj
{
	border: 1px solid black;
	width: 40%;
	margin-bottom: 40px; 
}
/*Cajas de tablas dentro de formularios*/
.FieldsRequerido {
	background-color: #CCFFFF;
	border: 0px;
	font-family: Verdana;
	font-size: 12px;
}
.FieldsNoRequerido {
	background-color: #FFFFFF;
	border: 0px;
	font-family: Verdana;
	font-size: 12px;
}
.FieldsGestion {
	background-color: #E3E3EA;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
}
.FieldsGestionYellow {
	background-color: Yellow;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
}
.FieldsGestionRed {
	background-color: Red;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
}
.FieldsGestionBlue {
	background-color: #CCFFFF;
	border: 0px;
	font-family: Verdana;
	font-size: 10px;
}
.FieldsGestionIncidencia {
	background-color: #E3E3EA;
	border: 0px;
	font-family: Verdana;
	font-size: 11px;
}
/*Cuadro de tabla en pop-up*/
#tablapop {
	position: relative;
	width: 100%;
}