/* CSS Document */
body{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:60%;
	background-color:#E6EAF7;
}

img{
	float:left;
	margin:0;
	padding:0;
	border:none;
}

p, h1, h2, h3{
	float:left;
	margin:0;
	padding:0;
}

a{
	color:#023199;
	text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
		}
		
		
/*	================================== CONTENEDOR CENTRADO ==================================== */
#contenedor{
	width:778px;
	margin:auto;
	padding:0;
	height:430px;
	LEFT: 50%;
    MARGIN-LEFT: -390px;
	TOP: 50%;
    MARGIN-TOP: -212.5px;
    POSITION: absolute;
	border:1px solid #000;
	}
	*>#contenedor{
	width:776px;	
	}

/*	================================== CABECERA ==================================== */
#cabecera{
	width:778px;
	height:72px;
	margin:0;
	padding:0;
	float:left;
	color:#000;
	}
	*>#cabecera{
		width:777px;
		}
	#cabecera h1{
		width:93px;
		height:72px;		
		background:url(../img/comunes/logo.gif) top left no-repeat #FFF;
		color:#000;
		}
		#cabecera h1 span{ display:none }
	
	#cabecera h2{
		width:685px;
		height:72px;
		background:url(../img/comunes/temp.gif) top left no-repeat #FFF;
		}
		*>#cabecera h2{
			width:683px;
		}
		#cabecera h2 span{display:none;}


	#cabecera a{
		display:block;
		float:right;
		font-size:14px;
		width:100px;
		padding:2px 0 2px 23px;
		margin:50px 0 0 0;
		background-color:#009999;
		background:url(../img/comunes/pdf.gif) top left no-repeat;
		}
		#cabecera a span{
			display:block;
			width:100%;
			cursor:pointer;
		}
/*	================================== INDICADOR ==================================== */		
#indicador{
	width:778px;
	float:left;
	margin:0;
	padding:0;
	background-color:#FFF;
	}
	*>#indicador{
		width:776px;
	}
	#indicador h2{
		font-weight:normal;
		text-align:center;
		width:100%;
		font-size:24px;
		color:#003399;
		padding:8px 0 8px 0;
		background-color:#9FAEDE;		
		}
		#indicador h2.titulo{
		width:675px;
		text-align:left;
		font-weight:bold;
		padding:8px 0 8px 10px;
		background-image:url(../img/fondos/seccion.gif);
		background-position:top right;
		background-repeat:no-repeat;
		}
		*>#indicador h2.titulo{
		width:673px;
				}


/*	================================== BANNER ==================================== */		

#banner{
	width:93px;
	height:247px;
	float:left;
	margin:5px 0 0 0;
	padding:0;
	}
 	*>#banner{
	margin:6px 0 0 0;
	}	

#banner.interior{
	background-color:#EEE;
	margin:0;
	height:257px;
}

/*	====================== CONTENIDO (Contenedor del contenido) ==================== */		

#contenido{
	width:683px;
	height:252px;
	float:left;
	margin:0;
	padding:5px 0 0 0;
	font-size:14px;
	background-color:#FFF;
	}	
	#contenido.home{
		background:url(../img/home/fondo_home.gif) no-repeat top right #FFF;
		height:258px;
	}
	span.aviso{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		font-size:12px;
		text-align:center;
		color:#7F7F7F;
	}


/*	====================== NAVEGADOR ====================  */

#navegador{
	width:684px;
	height:15px;
	float:left;
	margin:0;
	padding:0;
	font-size:12px;
	}
	#navegador ul{
		width:auto;
		margin:0;
		padding:0;
		list-style-type:none	;
		text-align:right;
		float:right;
		color:#003399;
		}
		#navegador ul li{
			float:left;
			width:auto;
			padding:0 4px 0 0;
			margin:0;
			}


/*	====================== RECURSO ====================  */
#recurso{
	width:630px;
	height:205px;
	margin:2px 0 0 18px;
	padding:0;
	float:left;
	}
	#recurso.portada{
		background:url(../img/fondos/fondo_portada.gif) center right no-repeat #FFF;
		position:relative;
	}

#recurso ul{
	float:left;
	clear:left;
	margin:20px 0 0 25px;
	padding:0;
	list-style-type:disc;
	}
	#recurso li{
		float:left;
		clear:left;
		margin:0 0 5px 0;
	}	

#recurso.home{
	width:630px;
	height:205px;
	margin:2px 0 0 18px;
	padding:0;
	float:left;
	}

#recurso h2.tituloSeccion{
		color:#E3B705;		
		font-size:18px;
		width:100%;
		}
#recurso.home h2.tituloSeccion{
		color:#E3B705;
		font-size:18px;
		margin:10px 0 0 0;
		width:600px;
		}	
		*>#recurso.home h2.tituloSeccion{
				margin:10px 0 0 20px;
				}	

#recurso.home ul{
	width:90%;
	float:left;
	clear:left;
	margin:40px 0 0 0;
	padding:0;
	list-style-type:none;
	}
	#recurso.home ul li{
		float:left;
		clear:none;
		margin:0 10px 0 0;
		padding:0;
		}

#recurso p.textoCentral{
	margin:50px 0 0 0;
}



/*	CAPAS MOSTRADAS			*/

#recurso div.switchcontent{
	position:absolute;
	width:600px;
	bottom:-10px;
	left:0;
	padding:5px;
	background-color:#F9CF8A;
	margin:20px 0 0 0;
	display:none;
	font-size:12px;
}
/*=====================  PIE ===============================*/
#pie.home{
	width:778px;
	height:50px;
	float:left;
	margin:0 0 0 0;
	padding:0;
	background:url(../img/home/pie.jpg) bottom left no-repeat;
	}
#pie{
	width:631px;
	height:56px;
	float:left;
	margin:0 0 0 0;
	padding:0;
	}
	#pieNoMenu{
		width:685px;
		height:56px;
		float:left;
		margin:0 0 0 0;
		padding:0;
		background:url(../img/pie/no_menu.gif) top left no-repeat;
		}
		*>#pieNoMenu{
			width:683px;
		}
		
	*>#pie.home{
		width:776px;
		background:url(../img/home/pie.jpg) bottom left no-repeat;
	}
		
	 a.introduccion{
		width:93px;
		height:56px;
		display:block;
		float:left;
		background:url(../img/pie/portada.gif) top left no-repeat;		
		}
	a.indice{
		width:56px;
		height:56px;
		display:block;
		float:left;
		background:url(../img/pie/indice.gif) top left no-repeat;		
		}
		
		a.introduccion span{ display:none; }
		a.indice span{ display:none; }
		
		#pie.home a span{ display:none; }
		#pieNoMenu a span{ display:none; }
		#pie a span{ display:none; }
	


#pie a.anterior{
	display:block;
	width:60px;
	height:37px;
	float:left;
	background:url(../img/comunes/anterior.gif) top left no-repeat;
	}
	#pie a.anterior:hover{
		background:url(../img/comunes/anterior_hover.gif) top left no-repeat;
	}
#pie span.anterior{
	display:block;
	width:60px;
	height:37px;
	float:left;
	background:url(../img/comunes/anterior_no.gif) top left no-repeat;
}
	span.anterior span{display:none}
	span.siguiente span{display:none}

#pie a.siguiente{
	display:block;
	width:59px;
	height:37px;
	float:right;
	background:url(../img/comunes/siguiente.gif) top left no-repeat;
	}
	#pie a.siguiente:hover{
		background:url(../img/comunes/siguiente_hover.gif) top left no-repeat;
	}

#pie span.siguiente{
	display:block;
	width:59px;
	height:37px;
	float:right;
	background:url(../img/comunes/siguiente_no.gif) top left no-repeat;
	}
	
#pie a.leer{
	display:block;
	width:60px;
	height:37px;
	float:right;
	background:url(../img/comunes/leer_unidad.gif) top left no-repeat;
	}
	#pie a.leer:hover{
		background:url(../img/comunes/leer_unidad_hover.gif) top left no-repeat;
	}
	
#pie a.botonUnidad{
	display:block;
	padding:4px 38.5px 3.5px 37.5px;
	float:left;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#230E76;
	/*background:url(../img/comunes/leer_unidad.gif) top left no-repeat;*/
	border-top:1px solid #230E76;
	border-right:1px solid #230E76;
	text-decoration:none;
	}
	*>#pie a.botonUnidad{
		padding:4px 38px 3.5px 37.4px;
	}
	#pie a.botonUnidad:hover{
		background-color:#FFCC00;		
	}
	
	#pie span.botonUnidad{
		display:block;
		padding:4px 39px 3.5px 38.5px;
		float:left;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		color:#230E76;
		/*background:url(../img/comunes/leer_unidad.gif) top left no-repeat;*/
		border-top:1px solid #230E76;
		border-right:1px solid #230E76;
		text-decoration:none;
		background-color:#9FAEDE;		
		}
		*>#pie span.botonUnidad{
			padding:4px 38px 3.5px 37.4px;
		}

#pie p.decoracioninterior{
	width:630px;
	height:19px;
	float:left;
	position:absolute;
	right:0;
	bottom:0;
	/*margin:-10px 0 0 0;*/
	padding:0;
	background:url(../img/pie/barra_indice.gif) top left no-repeat;
	/*background-color:#00CCCC;*/
	border-top:1px solid #230E76;
	border-left:1px solid #230E76;	
	}
	*>#pie p.decoracioninterior{
		margin:0;
		width:630px;
		height:18px;
	}
	
	
span.teclaAcceso{
	text-decoration:underline;
	font-weight:bold;
}
