@CHARSET "UTF-8";
/* plantilla creada opr queli en 02/10/2006*/
@import url(estilosPlantilla.css);
@import url(estilos_fer.css);

 
*{
	padding:0;
	list-style-type: square;
	
}
#header h1 {
	color:#3267B8;
	text-indent:-9999px;
}

a img {
	border:0;
	vertical-align:middle;
}
a#saltar{
display:none;
}

/* estilos para los enlaces */
#textos #etiqueta_volver a:link,
#textos #menuhormigas  a:link, 
a:link,
#textos #etiqueta_volver a:visited,
a:visited,
#textos #menuhormigas  a:visited{
	color:#666666;
	text-decoration:none;
}
#textos #etiqueta_volver a:hover,
a:hover ,
#textos #menuhormigas  a:hover{
	text-decoration:underline;
}

#textos a:link,#textos a:visited{
	color:#0066CC;
	text-decoration:none;
}
#textos a:hover{
	text-decoration:underline;
}

/* fin estilos textos */
ul li {
	display:inline;
}

#columna1 ol li , #columna3 ol  li , .col1 ol  li { 
	margin:5px 0;
	list-style-type:none;
	color:#00a2df;
	
}
* html #columna1 ol li,* html #columna3 ol li{ 
	margin:0 0 0.3em -40px ;
}
 *:first-child+html #columna1 ol li , *:first-child+html #columna3 ol li {
	margin:0 0 0.3em -40px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
 }


h1 {
	font-size:1.5em;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
}
h2{
	color:#003366;
	width:100%;
	font-size:1.5em;
	background-color: #F3F3F3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
* html h2 {
	/* hack para el explorer tamaño de letra para los h2 */
	color:#003366;
	width:100%;
	font-size:1.6em;
	text-align: left;
	background-color: #F3F3F3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
		margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#planes h2 {
	text-align: left;
	margin-left: 10px;
	padding-left: 10px;
}
planesportada{
	margin: 0px;
	padding: 0px;
}

#columna1 h2,#columna3 h2{
	margin-top:0;
	color:#FFFFFF;
	font-size:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #003399;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	letter-spacing: 0.1em;

}
  #column1-a  h3{
	width:100%;
	background:#f0ede8;
	color:#3267b8;
}

p{
	font-size:1em;
}
/* estilos para el ancho de los elementos de la lista  en la columna central*/
#columna2 li{
	width:23em;
	vertical-align:top;
	}
#columna2tercerafilaB li{
	width:8em;
}
/* fin estilos generales */ 
body{
	text-align:center; 
	font-size:0.6em;
	font-family:"MS Sans Serif", Geneva, sans-serif;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* layaout generales para todos los niveles */ 
#contenedorPagina{
	text-align:center;
	width:100%;
	color:#000;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#contenedorPagina #columnas #Nivel2_columna1secundaria{
	color:#000;
}

#header{
	margin-top:0;
	padding:0;
	background:#FF0000 no-repeat center top;
	min-height:107px;
	/* IE6 hack, al no entender el !important
		primero le pone height a auto
		y despues el height, del tamaño real */
	height:auto !important;
	height:107px;
	margin-bottom: 10px;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}

#headerizquierda{
	margin-top:0;
	padding:0;
	background:#FF0000 url(../images/banner_izquierda.jpg) no-repeat left top;
	min-height:107px;
	/* IE6 hack, al no entender el !important
		primero le pone height a auto
		y despues el height, del tamaño real */
	height:107px;
	margin-bottom: 10px;
	width: 598px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	position: relative;
	overflow: hidden;
}

#headercentro{
	margin-top:0;
	padding:0;
	background:#FF0000 url(../images/banner_centro.jpg) repeat-x center top;
	min-height:107px;
	/* IE6 hack, al no entender el !important
		primero le pone height a auto
		y despues el height, del tamaño real */
	height:107px;
	margin-bottom: 0px;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	overflow: hidden;
}

#headerderecha{
	margin-top:0;
	padding:0;
	background:#FF0000 url(../images/banner_derecha.jpg) no-repeat center top;
	min-height:107px;
	/* IE6 hack, al no entender el !important
		primero le pone height a auto
		y despues el height, del tamaño real */
	height:107px;
	margin-bottom: 10px;
	width: 139px;
	margin-right: 0px;
	margin-left: 0px;
	float: right;
	overflow: hidden;
}

#headerTop{

	text-align:right;
	min-height:35px;
	height:auto !important;
  	height:35px; 
}
	#headerLogo{
		margin-top:0;
		padding:0;
		background-position:top left;  
		min-height:20px;
		height:auto !important;
  		height:20px;
		width:40%;
	}

#headerSub ul {
	/*margin-top:5px;
	margin-left:5em;*/
	margin:0;
	height:20px;
	text-align: center;
	padding: 5px;
	color: #FFCC00;
}
* html #headerSub{
	/*margin-top:5px;
	margin-left:5em;*/
}
/**:first-child+html  #headerSub {
	margin-top:10em;
	margin-top:5px;
	margin-left:5em;
}*/

#columnas{
	width: 98%;
	margin: 0 auto;
}



#footer{
	clear:both;
	min-height:50px;
	height:auto !important;
	height:30px;
	text-align:center;
	margin-bottom:0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	margin-top: 10px;
	padding-top: 2em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/*
* html #footer {
	margin-top:-1.3em;
}
*:first-child+html  #footer{
	margin-top:-1.3em;
}
*/

* html #footer p{
	line-height:1px;
	margin-bottom:-0.8em;
}

*:first-child+html  #footer p {
	line-height:1px;
	margin-bottom:-0.8em;
}

/* fin layaout generales para todo los niveles */

/* margenes columnas generales */
#columnas #columna1 ,#columna2 ,#columnas #columna3 {
	margin-top:0;
}
/* layout nivel 1 portada */
#columna1{
	min-height:300px;
	height:auto !important;
	height:300px;
	width:15%;
	float:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	text-align: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

* html #columna1{
	min-height:300px;
	height:auto !important;
	height:300px;
	width:15%;
	float:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	text-align: left;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
}
    

   /* fin para este contenido columna1 en la portada */
#columna2{
	
	width:66%;
	float:left;
	margin-top:-1.5%;
}
/* alinear la columna2 en el explorer i6 o inferior */
* html #columna2{
	margin-top:0;
}

/* alinear la columna2 en el explorer i7 */
*:first-child+html #columna2 {
	margin-top:0;
}
	/* contenido central para portada */
	#columna2Principal{
	margin-bottom:5%;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2px;
	}
	
	#columna2Principal .col1{
		min-height:110px;
		height:auto !important;
		height:110px;
		position:absolute;
	}
	#columna2Principal .col1 p {
		text-align:right;
		position:absolute;
		bottom:0;
		right:0;
	}
	
	
			/* estilos para las imagenes portada */
			/* estilos comunues para las columnas */
			#column2-a, #column2-b, #column2-c, #column2-d {		
				min-height:13em;
				height:auto !important;
  				height:13em;
			}
			#column2-a{
	width:45%;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
			}
			
			#column2-b{
	width:45%;
	float: right;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1px;
	margin-left: 1%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 0px;
			}
			#column2-c{
				margin:5px 0px 0 0px;
			   position:absolute;
				top:50%;
				left:0;	
				width:49%;
			}
			
			#column2-d{
				margin:5px 0px 0 8px;
				width:49%;
				position:absolute;
				top:50%;
				right:0;	
			}
			
			/* fin bloque uno */
	#segunda{
	text-align:center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	clear:both;
	}
	#segunda h2{
		text-align:left; 
	}
	#columna2secundaria{
		margin:30px 0;
		min-height:100px;
		height:auto !important;
  		height:100px;
		width:100%;
	}
	/* contenido de columna2secundaria */
	#columna2secundaria div{
		float:left;
		min-height:90px;
		height:auto !important;
  		height:90px;
	}
	
	
	/* fin estrucmtura de este contenido */
	#tercera{
		position:relative;
		min-height:20em;
		height:auto !important;
  		height:20em;
		margin-bottom:5%; 
	}
	#columna2tercerafilaA{
		min-height:75px;
		height:auto !important;
  		height:75px;
		width:50%;
		position:absolute;
		top:0;
		left:0; 
	}
	/* contenido de #columna2tercerafilaA*/

	
	/* fin estrucmtura de este contenido #columna2tercerafilaA */
	#columna2tercerafilaB{
		position:absolute;
		top:0;
		right:0; 
		min-height:75px;
		height:auto !important;
  		height:75px;
		width:50%;
	}
	#cuarta{
		position:relative;
		min-height:20em;
		height:auto !important;
  		height:20em;
		margin-bottom:5%; 
	}
	#columna2cuartafilaA{
		position:absolute;
		top:0;
		left:0; 
		width:50%; 
	}
		#columna2cuartafilaA div.fila {
			float:left;
			width:100%;
			min-height:90px;
			height:auto !important;
	  		height:90px;
		}
		#columna2cuartafilaA div.fila div {
			float:left;
			width:33%;
	
		}
		#columna2cuartafilaA div.fila div p {
			margin:1em 0;
			
		}
	#columna2cuartafilaB{
		position:absolute;
		top:0;
		right:0;
		width:50%;

	}
	#columna2cuartafilaB div.fila div{
		margin:4%;	
		float:left;
	}
	
	/* fin de capas contenido central */

#columna3{
	margin:0;
	min-height:300px;
	height:auto !important;
	height:300px;
	width:15%;
	float:right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0px 0px 0px 5px;
	position: relative;
	text-align: left;
}

/* fin layout nivel 1 portada */


/* layout segundo nivel */
#Nivel2_columna1{
		min-height:400px;
		min-height:150px;
		height:auto !important;
  		height:150px;
		width:74%;
		float:left;
}
#Nivel2_columna1Principal{
	padding:0 5%;
	width:90%;
}
	#Nivel2_columna1Principal ul{
		padding:0; /* para quitar el sangrado de la lista */
	}

#Nivel2_columna1secundaria{
	padding:0 5%;
	min-height:100px;
	height:auto !important;
  	height:100px;
	width:90%;
	
}
#Nivel2_columna1secundaria *{
	font-size:1em;
}

#Nivel2_columna1tercera{

	min-height:100px;
	height:auto !important;
  	height:100px;
	width:80%;
}
#Nivel2_columna2{
	min-height:400px;
	height:auto !important;
  	height:400px;
	width:25%;
	float:left;
}

/* fin layout segundo nivel */

/* layout tercer nivel */
#Nivel3_columna1{
		min-height:400px;
		background:green;
		min-height:150px;
		height:auto !important;
  		height:150px;
		width:75%;
		float:left;
}
#Nivel3_columna1PrincipalA{
	background:blue;
	min-height:150px;
	height:auto !important;
  	height:150px;
	width:50%;
	float:left;
}
#Nivel3_columna1PrincipalB{
	background:navy;
	min-height:150px;
	height:auto !important;
  	height:150px;
	width:50%;
	float:left;
}
#Nivel3_columna1secundariaA{
	clear:left;
	background:navy;
	min-height:150px;
	height:auto !important;
  	height:150px;
	width:50%;
	float:left;
}
#Nivel2_columna1terceraB{
	background:blue;
	min-height:150px;
	height:auto !important;
  	height:150px;
	width:50%;
	float:left;
}
#Nivel3_columna2{
	background:red;
	min-height:400px;
	height:auto !important;
  	height:150px;
	width:25%;
	float:left;
}

/* fin layout tercer nivel */


#nivel4_relacionado{
	background:yellow;
	min-height:100px;
	height:auto !important;
  	height:100px;
	width:100%;
	float:left;
	height:100px;
}





#columna2Principal div.col1 , #columna2tercerafilaB div, #columna2cuartafilaA div.fila div{
	float:left;
	padding-left: 1px;
	text-align: left;
}
div.col2{
float:left;
}
#columna2Principal div ol{
	margin:0 0 0 1px;
	padding:0 14px 0 14px;
	
}
#columna2Principal  h2{
	font-size:1.3em;
	padding-left:2%;
	background:#E9E9E9;
	color:#003399;
	width:100%;
	padding-top: 3px;
	padding-bottom: 3px;
	letter-spacing: 0.1em;
	border: 1px solid #DADADA;
	text-align: left;
	
}

/* planes 
#planes2 {
	margin:0px;
	padding:0px;
}
#planes2 dl dt, #normativa_listado2 dt {
	border-bottom:1px dotted #CCCCCC;
	text-align: left;
	margin: 2px 0px;
	padding: 2px 0px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
* html #planes2 dl dt, #normativa_listado2 dt{
	border-bottom:1px dotted #CCCCCC;
	text-align: left;
	margin: 2px 0px;
	padding: 2px 0px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

dt{
	padding:1em 0 1em 10px;
	border-bottom:1px dotted #003399;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 2em;
}


* html dt{
	padding:1em 0 1em 15;
	border-bottom:1px dotted #003399;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 1em;
}

#planes dd, #normativa_listado dd {
	margin:0.8em 0 0.8em 5;
	color:#ff55ff;
	background:url(images/pdf.gif) no-repeat 10px top;
	min-height:3em;
	height:auto !important;
	height:3em;
	text-align: left;
	padding-right: 2em;
	padding-bottom: 0;
	padding-left: 5em;
}
#planes2 dl dd, #normativa_listado2 dd {
	color:#ff55ff;
	min-height:3em;
	height:auto !important;
	height:3em;
	text-align: left;
	width: 100%;
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
}
* html #planes2 dl dd, #normativa_listado2 dd {
	color:#ff55ff;
	min-height:3em;
	height:auto !important;
	height:3em;
	text-align: left;
	width: 100%;
	padding: 0px 0px 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
* html #planes dd, #normativa_listado dd {
	margin:0.8em 0 0.8em 5;
	color:#ff55ff;
	background:url(images/pdf.gif) no-repeat 10px top;
	min-height:3em;
	height:auto !important;
	height:3em;
	text-align: left;
	padding-right: 2em;
	padding-bottom: 0;
	padding-left: 5em;
}
*/
#header #lineaheader {
	height: 2px;
	width: 100%;
	border-top-width: 2px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
}

#header #headerSub a.enlacemenusuperior:link{
	color: #FFFFFF;
	word-spacing: 2px;
	text-decoration: none;
	font-size: 8pt;
}
#header #headerSub a.enlacemenusuperior:visited{
	color: #FFFFFF;
	word-spacing: 2px;
	text-decoration: none;
	font-size: 8pt;
}

#header #headerSub a.enlacemenusuperior:hover{
	color: #FFFFFF;
	word-spacing: 2px;
	text-decoration: underline;
	font-size: 8pt;
}

#normativa h2 {
	text-align: left;
	margin-left: 10px;
	padding-left: 10px;
}

#normativa_listado h2 {
	text-align: left;
	margin-left: 10px;
	padding-left: 10px;
}
#normativa_listado h3 {
	text-align: left;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 2em;
	color: #344F6B;
	background-color: #E8F8FF;
	border: 1px solid #006699;
}
#columna2 #normativa_listado li {
	width: 100%;
}
#indice ol li{
	width:100%;
	text-align:left;
	list-style-type:none;
	padding-left:2%;
}
#textos #etiqueta_volver {
	margin: 10px;
}
#mapa {
	text-align:center;
}
#mapa table {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	margin:0 auto;
}

#mapa caption {
	font-family: Arial, sans-serif;
	color: #993333;
	padding-bottom: 6px;
	margin:0 auto;
}

#mapa th,#mapa td {
	padding: 10px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

#mapa th {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background: #ccc;
}
.listaimagen li img {
	float: left;
	margin-right: 5px;
}
/*estilos buscador concejos */ 
#ajax_listOfOptions{
		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;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	/*fin estilos buscador concejos */