/*//////////////////////////////////////
ESTILOS NORMALIZACION - NAVEGADORES
//////////////////////////////////////*/
/* ELEMENTOS PARA LA NORMALIZACIÓN DE LA PÁGINA */
/* Normalizar estilos XHTML de diferentes navegadores
   Trabajar con ems para especificar tamaños de fuente es la forma
   más accesible de trabajar con textos porque todos los navegadores
   incluido IE pueden escalar la tipografía sin problemas.
   El problema suele ser que los diseñadores se encuentran más cómodos
   trabajando con unidades px.
   Una em representa el tamaño de la letra "m" en una fuente concreta.
   Utilizando la hoja de estilos por defecto de los navegadores, 1em son más
   o menos 16px. Si establecemos el tamaño del texto por defecto al 62.5% del
   original, tendremos que 1em = 10px y así:
   
       0.9em = 9px;
       1.2em = 12px;
       2.3em = 23px;
       ...
*/
body { font-size: 62.5%; }
/* Quitamos el subrayado de los links */
:link,:visited { text-decoration:none; }
/* Eliminamos las viñetas de las listas */
ul, ol, li, dl, dt, dd { list-style:none; }
/* Evitar el tamaño inconsistente de los diferentes encabezados y también etiquetas <pre> y <code> */
h1, h2, h3, h4, h5, h6, pre, code { font-size:1em; }
/* Evitar la asignación inconsistente de márgenes y rellenos a diferentes elementos HTML  */
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset,input{ margin:0; padding:0; }
/* Evitar el borde azul en imágenes que son links */
a img,:link img,:visited img { border:none; }
/* Quitar la cursiva del elemento <address> */
address { font-style:normal; }
/* Asignar tipografia */
body, input, textarea, select, optgroup {
	font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}
/* comportamientos para los campos de formulario */
input, textarea, select, optgroup, table, tr, th, td  {	font-size: 100%;}
label{	cursor:pointer;}
acronym, abbr {	cursor: help;}
kbd {
	line-height: 2em;
	border-top: .15em solid #CCC;
	border-right: .25em solid #AAA;
	border-bottom: .3em solid #888;
	border-left: .2em solid #BBB;
	padding: 0 .2em;
	background: #EEE;
	vertical-align: text-bottom;
	font-size: 95%;
	font-family: "Courier New", Courier, monospace;
}
/* CLASES GENERALES DE LA PÁGINA */
.print {display: none;}
.noprint{display:block;	}
.limpiar {clear: both;}
.ocultar {display: none;}
.flotar_left{float:left;}
.flotar_right{float:right;}
/* ALERTA Y ERRORES */
.alerta{
	font-weight:bold;
	color:#CC0000
}
.alertaOK{
	font-weight:bold;
	color: #006f00;
}
/* APOYO A LOS LECTORES DE TEXTO */
.ayudaAcces {
	display:none;
}
/*//////////////////////////////////////
ESTILOS COMUNES - ESTRUCTURA
//////////////////////////////////////*/
/* ELEMENTOS GENERALES DE LA PÁGINA */
html{height: 100%;}
body{
	color: #03417E;
	text-align: center;
	height: 100%;
	background-image:url(/img/fnd_web.gif);
	background-position:top center;
	background-repeat:repeat-x;
}
/* ARMAZÓN DE LA PÁGINA */
.web{
	position: relative;
	width:918px;
	margin: 0 auto -120px auto;
	min-height: 100%;
	_height: 100%;
	overflow:hidden;
	_overflow:visible;
	text-align: left;
	font-size:1.1em;	/*padding-bottom:140px;*/
}

.web.columnas_2{
	background-image:url(/img/fnd_contenido_2columnas.gif);
	background-position:top center;
	background-repeat:repeat-y;
}
.web.columnas_3{
	background-image:url(/img/fnd_contenido_3columnas.gif);
	background-position:top center;
	background-repeat:repeat-y;
}
/* COMUNES DE TODA LA WEB///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Cabecera de la web */
#cabecera {
	position: relative;
	width:918px;
	height:137px;
	margin: 0 auto;	
	text-align: left;
	background-image:url(/img/fnd_web.gif);
	background-position:top center;
	background-repeat:repeat-x;
}
#logo {
	position: absolute;
	top:18px;
	left:46px;
}
#menuAuxiliar{
	position: absolute;
	top:18px;
	right:10px;
	width:400px;
	height:15px;text-align:right;
}
	#menuAuxiliar ul{  }
	#menuAuxiliar ul li{ display:inline; }
	#menuAuxiliar ul li a{
		display:block;
		width:auto;
		float:right;
		height:20px;
		padding:0.8em 0.7em 0 0.7em;
		color:#03417E;
		border-left:1px solid #f1f1f1;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		font-weight:bold;
	}
	#menuAuxiliar ul li a:hover{
		color:#4fa601;
		text-decoration:underline;
	}
	#menuAuxiliar ul li a.activo{
		color:#4fa601;
		text-decoration:underline;
		cursor:default;
	}
#menuPrincipal{
	position: absolute;
	top:80px;
	right:0px;
	width:750px;
	height:32px;
}
#menuPrincipal ul{  }
	#menuPrincipal ul li{ 
		display:inline;
		width:177px;
		height:32px;
		float:right;
		background-color:#03417E;		
		background-image:url(../img/fnd_menuPrincipal_hover_177.gif);
		background-position:top left;
		background-repeat:no-repeat;
		text-align:center;
	}
	#menuPrincipal ul li a{
		display:block;
		width:177px;
		float:right;
		height:32px;
		color: white;
		font-weight:bold;
		padding-top:10px;
	}
	#menuPrincipal ul li a:hover, #menuPrincipal ul li a.activo {
		color:white;
		background-image:url(../img/fnd_menuPrincipal_177.gif);
		background-position:top left;
		background-repeat:no-repeat;		
	}
/* Contenido de la web */	
#contenido{
	display:block;
	overflow:hidden;
}
	#contenido .colPrincipal{
		/*border:1px solid yellow;*/
		width:210px;
		float:left;
		padding-bottom:140px;
	}
	#contenido .colCont{
		width:475px;
		float:left;
		padding-bottom:140px;
	}
			#contenido .colCont.ancho{
				width:700px;
				float:right;
				/*background-color:white;*/
			}
	#contenido .colAux{
		/*border:1px solid red;*/
		width:225px;
		float:left;
		padding-bottom:140px;
	}
/* Pie de la web */
#pie {
	text-align:center;
	position: absolute;
	left:50%;
	margin-left:-459px;
	width:918px;
	min-height:120px;
	height:auto;
	background-image:url(/img/fnd_pie.gif);
	background-position:top left;
	background-repeat:repeat;
}
	#pie hr{ display:none;}
	#pie ul{ 
		position:absolute;
		width:798px;
		top:60px;
		left:60px;
		
		padding-bottom:1em;
		color:#5E5E5E; 
		}
	#pie ul li{ display:inline; }
	#pie ul li a{
		color:#5E5E5E;
		font-size:1.1em;
	}
	#pie ul li a:hover{
		text-decoration:underline;
	}
	
	
	#pie a{
		color:#5E5E5E;
		
	}
	#pie a:hover{
		text-decoration:none;
	}
/*//////////////////////////////////////
ESTILOS COMUNES - COLUMNA PRINCIPAL
//////////////////////////////////////*/
/* ELEMENTOS GENERALES DE LA COLUMNA PRINCIPAL */
#contenido .colPrincipal .colPrincipal_acceso{
	border-top:1px solid #f8f8f8;
	background-image:url(../img/fnd_acceso.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
#contenido .colPrincipal .colPrincipal_acceso h2{
	margin:20px 0 20px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	margin-bottom:16px;
	color:#00366f;
	background-image:none;
	border:1px solid #f8f8f8;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .colPrincipal .colPrincipal_acceso form{
	margin:0 0 0 12px;
}
#contenido .colPrincipal .colPrincipal_acceso form fieldset{
	border:none;
}
#contenido .colPrincipal .colPrincipal_acceso form legend{
	display:none;
}
#contenido .colPrincipal .colPrincipal_acceso form div{
	height:22px;
}
#contenido .colPrincipal .colPrincipal_acceso form div label{
	font-weight:bold;
	display:block;
	float:left;
	width:75px;
}
#contenido .colPrincipal .colPrincipal_acceso form div input{
	border:1px solid #7F9DB9;
	width:114px;
}
#contenido .colPrincipal .colPrincipal_acceso form div.botones{
	text-align:right;
	margin-right:8px;
	_margin-right:2px;
}
#contenido .colPrincipal .colPrincipal_acceso form div.botones input.botonPrincipal{
	width:62px;
	height:1.8em;
	color:white;
	background-color:#00366f;
	cursor:pointer;
	padding-bottom:2px;
}
#contenido .colPrincipal .colPrincipal_acceso form div.botones input.botonSecundario{}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .colPrincipal .colPrincipal_acceso hr{
	display:none;
}
#contenido .colPrincipal .colPrincipal_acceso div.enlaces{
	border-top:20px solid white;
}
#contenido .colPrincipal .colPrincipal_acceso div.enlaces p{
	margin:5px 0 5px 10px;
}
#contenido .colPrincipal .colPrincipal_acceso div.enlaces p a{
	color:#00366f;
	text-decoration:underline;
}
#contenido .colPrincipal .colPrincipal_acceso div.enlaces p a:hover{
	text-decoration:none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .colPrincipal .colPrincipal_menu{
	background-image:url(../img/fnd_colPrincipal_menu.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding-top:25px;
}
#contenido .colPrincipal .colPrincipal_menu ul{
	margin:0 6px;
}
#contenido .colPrincipal .colPrincipal_menu ul li{
	line-height:30px;
	border-bottom:1px solid #e6e6e6;
}
#contenido .colPrincipal .colPrincipal_menu ul li a{
	padding-left:12px;
	color:#4fa601;
	font-weight:bold;
}
#contenido .colPrincipal .colPrincipal_menu ul li a:hover{
	color:#00366f;
}
#contenido .colPrincipal .colPrincipal_menu ul li a.activo{
	color:#00366f;
	cursor:default;
}

#contenido .colPrincipal .colPrincipal_menu address{
	margin:0 0 0 20px;
	line-height:1.4em;
}
#contenido .colPrincipal .colPrincipal_menu address a{
	color:#00366F;
	text-decoration:none;
}
#contenido .colPrincipal .colPrincipal_menu address a:hover{
	
	text-decoration:underline;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////
ESTILOS COMUNES - colCont
//////////////////////////////////////*/
/* ELEMENTOS GENERALES DE CONTENIDOS */
/* migas de pan */
.migas {
	border-bottom:1px solid #f1f1f1;
	height:20px;
	margin-bottom:5px;
	padding-left:5px;
}
.migas ul {}
.migas ul li {	display:inline;	
	background-image:url(/img/ico_doble.gif);
	background-position:0 0.5em;
	background-repeat:no-repeat;
	padding-left:11px;
	margin-right:4px;
}
.migas ul li a { color:#00366F;}
.migas ul li a:hover {	text-decoration:underline;}
.migas ul li a.primero{	font-weight:bold;}
.migas ul li a.primero:hover{ text-decoration:none;}
/*///////////////////////////////////*/
.contenidos_margen{
	margin:0 5px;
}
/* encabezados */
.contenidos_margen h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2em;
	margin-bottom:5px;
	color:#00366f;
	background-image:url(/img/fnd_h2.gif);
	background-position:0 20px;
	background-repeat:repeat-x;
}
.contenidos_margen h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-bottom:5px;
	color:#4fa600;
}
	.contenidos_margen h2 a{ color:#4fa600; }
	.contenidos_margen h2 a:hover{ color:#00366F; }
	.contenidos_margen h3 a{ color:#00366F; }
	.contenidos_margen h3 a:hover{ color:#4fa600; }
/**/
.contenidos_margen p{
	margin:1em 0;
	line-height:1.4em;
	/*margin-right:1.5em;*/
}
.contenidos_margen p.logotipos_socios{
	/*margin:1em 0;
	line-height:1.4em;
	margin-right:1.5em;*/
	border-top:27px solid #f8f8f8;
	text-align:center;
	vertical-align:middle;
	width:450px;
	_width:auto;
	padding-top:20px;
}
	
.contenidos_margen p a{
	color:#00366F;
	font-weight:bold;
	text-decoration:underline;
}
.contenidos_margen p a:hover{
	text-decoration:none;
}
.contenidos_margen ul{
	margin-left:10px;
}
.contenidos_margen ul li{
	padding-left:10px;
	background-image:url(/img/ico_simple.gif);
	background-position:0 0.5em;
	background-repeat:no-repeat;
	line-height:1.4em;
}
.img_right{
	float:right;
	margin:0 0 10px 10px;
}
.img_left{
	float:left;
	margin:0 10px 0 0;
}
div.separacion{
	border-bottom:1px solid #f1f1f1;
	height:1px;
	clear:both;
	margin:25px 0;
}
div.separacion hr{ display:none;}
/*/////////////////////////////////////////////////// FORMULARIOS /////////////////////////////////////////////////////////////////////*/
.contenidos_margen form{
	margin-top:5px;
	margin-left:10px;
}
.contenidos_margen form fieldset{
	border:none;
}
.contenidos_margen form fieldset legend{
	display:none;
}
.contenidos_margen form fieldset div{
	min-height:30px;
	height:auto;
	_height:30px;
}
.contenidos_margen form fieldset div label{
	padding-left:10px;
	background-image:url(/img/ico_simple.gif);
	background-position:0 0.5em;
	background-repeat:no-repeat;
	font-weight:bold;
	display:block;
	float:left;
	width:175px;
}
.contenidos_margen form fieldset div label.casilla_verificacion{
	padding-left:0px;
	background-image:none;
	font-weight:bold;
	display:block;
	float:left;
	width:175px;
}
.contenidos_margen form fieldset div label.casilla_verificacion_temas{
	padding-left:0px;
	background-image:none;
	font-weight:normal;
	display:block;
	float:left;
	width:375px;
}
.contenidos_margen form fieldset div input, .contenidos_margen form fieldset div textarea, .contenidos_margen form fieldset div select{
	border:1px solid #7F9DB9;
}
.contenidos_margen form fieldset div input.grande, .contenidos_margen form fieldset div textarea.grande{ width:420px;}
.contenidos_margen form fieldset div input.mediano, .contenidos_margen form fieldset div textarea.mediano, .contenidos_margen form fieldset div select.mediano{ width:220px;}

.contenidos_margen form fieldset div textarea{ height:180px;}
.contenidos_margen form fieldset div.ley_datos{
	margin:0 40px 0 185px;
}
	.contenidos_margen form fieldset div.ley_datos p{ color:#6A6A6A;} 
	.contenidos_margen form fieldset div.ley_datos p a{ 
		color:#6A6A6A;
		text-decoration:underline;
	} 
	.contenidos_margen form fieldset div.ley_datos p a:hover{
		text-decoration:none;
	 } 
.contenidos_margen form fieldset div.botones{
	clear:both;
	border-top:5px solid #eee;
	margin-top:25px;
	padding-left:185px;
	padding-top:20px;
}
.contenidos_margen form fieldset div.botones input.botonPrincipal{
	background-color:#00366F;
	color:white;
	padding:0 0.5em 0.4em 0.5em;
	cursor:pointer;
	height:1.8em;
}
.contenidos_margen form fieldset div.botones input.botonSecundario{
	background-color:#eee;
	color:#00366F;
	padding:0 0.5em 0.4em 0.5em;
	cursor:pointer;
	height:1.8em;
}


/*/////////////////// IMAGENES CON ESQUINAS REDONDEADAS ////////////////////////////*/
.imagen{	
	position:relative;
	width:300px;
	min-height:115px;
	_height:auto;
	height:150px;
	overflow:hidden;
	_overflow:visible;
}
	.imagen.imagen_txiki{
		display:block;
		width:94px;
		min-height:62px;
		_height:auto;
		height:62px;
			overflow:hidden;
	_overflow:visible;
	}
	.imagen.imagen_mediana{
		display:block;
		width:238px;
		min-height:158px;
		_height:auto;
		height:158px;
			overflow:hidden;
	_overflow:visible;
	}
.imagen .img_top_left{
	position:absolute;
	top:0;
	left:0;
	width:8px;
	height:8px;
	background-image:url(/img/redondeada_top_left.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
.imagen .img_top_right{
	position:absolute;
	top:0;
	right:0;
	width:8px;
	height:8px;
	background-image:url(/img/redondeada_top_right.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.imagen .img_bottom_left{
	position:absolute;
	bottom:0;
	left:0;
	width:8px;
	height:8px;
	background-image:url(/img/redondeada_bottom_left.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.imagen .img_bottom_right{
	position:absolute;
	bottom:0;
	right:0;
	width:8px;
	height:8px;
	background-image:url(/img/redondeada_bottom_right.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
.contenidos_margen div.botones_home{
	border-top:3px solid white;
	background-color:#4FA600;
	text-align:center;
	vertical-align:middle;
	padding:1em;
	height:3em;
}/*/
.contenidos_margen div.botones_home{
	border-top:3px solid white;
	background-color:#4FA600;
	text-align:center;
	/*vertical-align:middle;
	padding:1em 12em;
	height:3em;*/
	height:35px;
	padding:13px 0 13px 130px;
}

a.botonDiagnostico{
	display:block;
	width:12em;
	float:left;	
	height:2.1em;
	margin:0 2px;
	color:#53A600;
	font-weight:bold;
	border:1px solid #F0EFEF;
	background-color:#fff;
	background-image:url(/img/input_diagnostico.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding:0.9em 50px 0 15px;
	}
a.botonPresupuesto{
	display:block;
	width:12em;
	float:left;
	height:2.1em;
	margin:0 2px;
	color:#00366F;
	font-weight:bold;
	border:1px solid #F0EFEF;
	background-color:#fff;
	background-image:url(/img/input_presupuesto.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding:0.9em 50px 0 15px;
	}
/*///////////////////////////////////////////////////////////*/
/* COLUMNA AUXILIAR */
/*///////////////////////////////////////////////////////////*/
.colAux h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	margin-bottom:16px;
	color:#00366f;
	background-image:none;
	margin-left:16px;
}
.colAux ul{
	margin:20px;
}
.colAux ul li{
	padding-left:10px;
	background-image:url(/img/ico_simple.gif);
	background-position:0 0.5em;
	background-repeat:no-repeat;
	line-height:1.4em;
	margin-bottom:15px;
}
.colAux ul li a{
	color:#00366F;
	font-weight:normal;
	text-decoration:none;
}
.colAux ul li a:hover{
	text-decoration:underline;
}
.colAux h4, .colPrincipal h4{
	margin-left:0px;
	background-image:none;
	padding:0.5em;
	background-color:#4fa600;
	color:white;
	border:1px solid white;
}
.colAux h4.activo, .colPrincipal h4.activo{ background-color:#00366F;}
.colAux h4 a, .colPrincipal h4 a{ color:white;}
.colAux h4 a:hover, .colPrincipal h4 a:hover{ color:#eee;}

.colAux ul.submenu, .colPrincipal ul.submenu{
	margin:5px 10px;

}
.colAux ul.submenu li, .colPrincipal ul.submenu li{	
	padding-left:5px;
	padding:0.5em;
	background-image:none;
	line-height:1.2em;
	margin-bottom:1px;
	background-color:#eee;
}
.colAux ul.submenu li a, .colPrincipal ul.submenu li a{ color:#00366F; text-decoration:none;}
.colAux ul.submenu li a:hover, colPrincipal ul.submenu li a:hover{ text-decoration:underline;}

.campo_contacto{ width:160px; border:1px solid #C5C8E5;}
.campo_contacto1{ height:80px; width:98%;border:1px solid #C5C8E5;}
.gris_claro{ color:#999;}
.texto{ color: #03417E;}
.texto a{ color: #03417E;text-decoration:none;}
.texto a:hover{ color: #03417E; text-decoration:underline; font-weight:bold;}
.formulario_contacto{ width:98%; background-color:#f5f5f5;border:1px solid #C5C8E5;}
.formulario_contacto1{ width:95%; padding:15px; background-color:#FFF;border:1px solid #C5C8E5;}
.texto_claro{ color:#4B5D84;}
.pad_left_30{ padding-left:0px;}
.capa_flotante{margin:0px;}
.mapa_web a{color:#00366F;text-decoration:none;}
.mapa_web a:hover{color:#00366F;text-decoration:underline;}