@charset "UTF-8";
/* CSS Document */

/*-GENERAL-*/

/*  COLORES   */

/* 
   sestao:
   naranja: #ff5033
   naranja claro: #ffecd6
   gris: f5f3f4
   gris menu: f8f6f7
   color_fecha: 8c8b6c
   
*/

	BODY {
	      color:#333333;
	      font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size:9px;
		  background:url(images/fondo2.gif);
		  }
		  
	BODY, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, dd, dt, dl, ul, li, ol, img {padding: 0; margin: 0; }
	a {text-decoration:none; color:#ff5033;}
	a:hover, .decoration {text-decoration:underline;}
	img {border: 0}
	.ftr {float: right}
	.ftl {float: left}
	.ayuda {
		color:#999999;
	}
	
	.fecha
		{
			color: #8c8b6c;
			font-size:0.9em;
			margin-left:5px;
			margin-right:5px;
		} 
	
		
	.menu_barra { height: 22px;
				  background-color: #ff5033;
				 }
		
	.separador {clear: both;}
	
	.destacado
		{
			color:#ff5033;
			font-weight:bold;
		} 
		
	.enlace   /* clase enlace general, con flechita naranja */
	{
		padding: 4px 5px 0px 10px;
		background: url(images/f_enlace.gif) 0em 0.7em no-repeat; 
		margin: 2px 0 0 0;
	}
	
	.enlace a 
	{
		color: #333333;
		text-decoration:none;
	}
	
	.enlace a:hover 
	{
		color: #333333;
		text-decoration:underline;
	}
	
	.documento /* clase enlace documento */
	{
		padding: 5px 5px 0px 14px;
		background: url(images/documento.gif) 0em 0.5em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
	}
	
	.documento a 
	{
		color: #333333;
		text-decoration:none;
	}
	
	.documento a:hover 
	{
		color: #333333;
		text-decoration:underline;
	}
     
	.gris
		{
			color: #999999;
			font-weight:bold;
		} 
	
	.error { color:#FF0000;}
	
	.volver 

	{		
		float:right;
		height:1.3em; 
		display:block;
		padding: 0px 5px 0px 10px;
		background-image:url(images/anterior.gif);
		background-position:left;
		background-repeat:no-repeat;
		margin: 8px 0 0 5px;
		font-size:10px;
	}		
	
	.volver a {
				color:#333333;
			  }
	
	
	
	#contenedor { width:730px;
				  margin-top:0px;
				  vertical-align:top;
				  margin: 0 auto;
				  background-color:#FFFFFF;
				
				  }
	#cabecera { width:100%}
				
	#caminoMigas { 
	margin-top:4px;
	font-size:11px;
	max-width:720px;
	}
	
	#contenidos {width:730px;
	margin-top:6px;
	margin-bottom:8px;
				 }
	
	#menuContenedor {float: left;
  		   width: 730px;
		   margin-right:13px;
		   min-height:500px;
		   /*margin-bottom:40px;*/
		   background:url(images/fondo_menu.jpg) no-repeat bottom left;
		   }
		   
	     
    	   
	#central { float: right;
  			   width: 518px;
			   margin-left:15px;
			   margin-top:0px;
			   /*background-color:#FFFFFF;*/
			   /*border:#CCCCCC 1px solid;*/
			   /*margin-bottom:40px;*/ /* este margen lo pongo de momento, para separar */
			   }
			   
	#texto { float: left;
			   font-size:10px;
  			   width: 47em;
			   margin: 25px 30px 10px 0px;
			   padding-left:11px;
			   }
	
	/* capa que contiene todo lo que hay en el pie de página */
		   
	#pie {
		  clear: both;
		  margin-top:0px;
		  padding-top:0px;
		  font-size:10px;
		  color:#999999;
		  }
		  
	


/*-Menu herramientas (accesibilidad, etc.)-*/

				  
	.herramientas ul {padding: 5px 5px 0px 5px;
	                  float: right;
	      			  font-family: Verdana, Arial, Helvetica, sans-serif;
		  			  font-size:9px;}
	.herramientas ul li {display: inline; padding : 0 10px 0 10px; border-left:#FFFFFF 1px solid;}
	.herramientas ul li.primero {background: none; border-left:0px;}
	.herramientas ul li a {color: #FFFFFF}



	
/* cabecera, zona media */
	
	/* donde está insertada la zona media de la cabecera */
	.cab_medio { margin-top:8px;
				 height:125px;
				 border-bottom:#f5f3f4 1px solid;
				 }

	/* logo grande */ /* se puede aplicar también esta clase a una imagen, no hace falta hacer un div */
	.logo { float:left;
			margin-top:6px;
			}
			
	
	/* objeto flash */		
	.flash {
			float:right;
			height:125px;
			
			}
	
	
	
/*********  CAPA MENÚ DE LA IZQUIERDA (menu)  ************/


/* es capa menú en la página de index */

#menuIndex {
			float: left;
			
			width: 182px;
			margin-right:13px;
			margin-bottom:12px;
			/*background-image:url(/images/fondo_vert.gif);*/
			background-color:#f8f6f7;
			border-left: #ffffff 1px solid;
			}

#menuIndex h1  {
		   font-size:12px;
		   font-weight:400; /* para que no ponga la cabecera en negrita por defecto */
		   padding: 5px 0 4px 10px;
		   background-color: #eae7e1;
		   background-image: url(/images/lapices.jpg);
		   background-position:right;
		   background-repeat:no-repeat;
		   height:1.3em; /*(14px) en realidad la altura es 24, pero tengo en cuenta el padding */
		   color:#666666; 
		 }

/* esta capa va dentro de menuIndex, para que no se descuadre */

#cuadroLogos 

	{
		border:#eae7e1 1px solid;
		width: 160px;
		height:100px;
		background-color:#FFFFFF;
		padding:5px;
		padding-bottom:10px;
		margin: 35px 5px 15px 5px;
		margin-bottom:10px; /* separación que dejo entre un cuadro y otro */
		color:#333333;
		font-size:10px;
		text-align:center;
	}
		
#cuadroLogosEu 

	{
		border:#eae7e1 1px solid;
		width: 160px;
		height:110px;
		background-color:#FFFFFF;
		padding:5px;
		padding-bottom:10px;
		margin: 35px 5px 15px 5px;
		margin-bottom:10px; /* separación que dejo entre un cuadro y otro */
		color:#333333;
		font-size:10px;
		text-align:center;
	}
			
#cuadroLogos img {padding: 10px 15px 10px 15px;}

	
/* clases para posicionar los elementos de actualidad y que no se desmadejen */

#cuadroLogos .izquierda 
	{ 
		float: left;
	}
	

#cuadroLogos .derecha 
	{ 
		float: right;
	}

		
#cuadroLogosEu img {padding: 10px 15px 10px 15px;}

	
/* clases para posicionar los elementos de actualidad y que no se desmadejen */

#cuadroLogosEu .izquierda 
	{ 
		float: left;
	}
	

#cuadroLogosEu .derecha 
	{ 
		float: right;
	}
		 
/* ---- Menú lateral izquierdo ---- */
			
ul#naviIndex 
	{
		width:180px;
		list-style-type: none;
		/*margin-left:12px;
		margin-top:12px;*/
		/*padding:4px;*/
		padding-bottom:0px;
		/*padding-top:2px;*/
		background-color:#FFFFFF;
		
	}

ul#naviIndex li.menu 
	{
		/*padding-left: 0px;
 		margin: 5px;
 		background-color:#FFFFFF;
 		border-bottom: #eae7e1 1px solid;
 		padding-bottom:5px; */
 	}
 
 ul#naviIndex li.ultimo
 	{
 		padding-left: 0px;
 		margin: 5px;
 		background-color:#FFFFFF;
 		padding-bottom: 5px; 
 	}
	
	
#naviIndex li a 
	{
		display:block;
		background: url(images/menu_off.gif) no-repeat;
 		/*margin: 5px;*/
		font-size: 11px;
		padding: 6px 0 2px 27px;
		/*color: #737373;
		background: url(images/ola1.gif) 0em 0.3em no-repeat;*/
		background-color: #f5f3f4;
		width:155px;
		height:20px;
		border-bottom: #FFFFFF 1px solid;
		color: #333333;
		/*line-height:32px;*/
	}
			
#naviIndex li a:hover 
	{
		color:#ffffff;
		background: url(images/menu_on.gif) no-repeat;
		background-color: #ff5033;
		text-decoration: none;
	}
	
			
/* ---- Menú de secciones ---- */
			
ul#navi 
	{
		list-style-type: none;
		margin: 12px 0 0 14px;
		padding: 2px 0 14px 0;
		
	}

ul#navi li.menu 
	{
 		padding-left: 16px;
 		background: url(../images/flecha_menu.gif) 0em 0.4em no-repeat;
 		margin: 0px;
 	}
	
#navi li a {
			color:#737373;
			line-height:1.7em;
			}
	

/**********  ELEMENTOS COMUNES DE LA CAPA CENTRAL (CUERPO DE LA WEB)  ***********/

.cuerpo  
	{
		padding: 8px 0 4px 0; /* he cambiado el padding de abajo de 8 a 4; si se desguaza, volver a cambiarlo */
		margin-bottom:20px;
		color:#333333;
		line-height:1.2em;
		display:block;
		font-size:11px;
	}
	
.cuerpo_peque
   {
		padding: 8px 0 4px 0; /* he cambiado el padding de abajo de 8 a 4; si se desguaza, volver a cambiarlo */
		margin-bottom:20px;
		color:#333333;
		line-height:1.2em;
		display:block;
		font-size:10px;
	}
	
.piefoto 

	{
		display:block;
		margin-top:3px;
		font-size:10px;
		color:#999999;
	}
	
.fotoCentrada  
	{
		display:block;
		text-align:center; 
		padding-top:5px; 
		padding-bottom:8px;
	}
	
/*******  CAPA CENTRAL ************/ /* Antes "noticias"; donde va la información central */



		   
#central h1 
		{ 
		  color: #ff5033;
		  font-size: 11px;
		  font-weight: bold;
		  border-bottom: #f5f4f4 1px solid;
		  width: 485px; 	
		  padding-bottom: 2px;
		}
	
		
#central h2 {
		   color:#8c8b6c;
		   font-size:11px;
		   font-weight:bold;
		   margin-bottom:5px;
		   }
		   

		   
#central .ftr {padding: 0px;}

#central ul 
	{
		list-style-type: none;
		margin: 0 0 0 14px;
		padding: 2px 0 14px 0;
		
	}

#central ul li
	{
 		padding: 2px 2px 4px 2px;
 		/*background: url(images/cuadro_gris.gif) 0em 0.5em no-repeat;*/
 		margin: 0px;
 	}
	

#central .lista
	{
		list-style-type: none;
		margin: 0 0 0 14px;
		padding: 2px 0 14px 0;
		
	}

#central .lista li
	{
 		padding: 2px 2px 4px 12px;
 		background: url(images/vb.gif) 0em 0.5em no-repeat;
 		margin: 0px;
 	}
	

	
/* de momento esto no se usa:
	
#central ul li a {
			color:#737373;
			line-height:1.7em;
			}
*/
			
/******* FORMULARIOS *********/

#formulario
{

		/*background-color: #fffbf7; /*fff7ef*/
	    border: #f5f3f4 1px solid;
		padding: 10px;
		padding-left:1.5em;
		width:30em;

}
/*
#formulario .label
{
display:block;
 padding-top:7px;
		padding-bottom:0px;
		padding-left:2px;
		font-weight:normal;
		color: #666666;
}
   
*/

form.usuario label 
	 	{
		display:block;
		padding-top:7px;
		padding-bottom:0px;
		padding-left:2px;
		font-weight:normal;
		color: #666666;
		}
		
	 form.usuario input.caja 
	 	{
			 font-family:Verdana, Arial, Helvetica, sans-serif;
			 font-size:11px;
			 padding: 0.2em;
			 border:#ffecd6 1px solid;
			 /*width:120px;*/
			 background-color: #ffecd6; 
			 color: #333333;
		}
		
      form.usuario textarea, select
		{
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  padding: 0.2em;
		  border:#ffecd6 1px solid;
		  color: #333333;
		  background-color: #ffecd6; 
		  /*vertical-align:middle;*/
		}

			 
	 form.usuario input.lupa 
	 	{
	 		vertical-align:top;
	 		width:16px;
	 		height:16px;
			padding-left:3px;
			padding-top:1px;
		}
	
	
	 form.usuario input.btn
	 	{
		    font-family:Verdana, Arial, Helvetica, sans-serif;
		    width:70px;
	 		height:20px;
	 		border:0px;
			background-color: #fffbf7;
			border: #ffecd6 1px solid;
			/*font-size:1em;*/
			margin-top:0.5em;
			font-size:11px;
			color:#333333;
	 		cursor:pointer; /* cursor mano */
	 	}
	  
/* ------- Logos de accesibilidad -------- */

	
ul.accesibilidad li	  
	{
		display: inline; 
		padding : 0 10px 0 10px;
	}
	
 
	
/*********** PIE DE PÁGINA ************/
			
.menuPie {
		 	 height:19px;
		   	/* border: #d0e2e7 1px solid;*/
			 margin-bottom:0px;
			 font-size: 9px;
		  }
		  
.direccion  {
		 	 padding: 5px;
			 float:left;
			 color:#999999;
		  }
	

.menuLegal  {
		 	 padding: 5px;
			 padding-right: 0px;
			 float: right;
			 color: #999999;
		  }
	
.menuLegal ul li 
	{
		display: inline; 
		padding : 0 10px 0 10px;
		border-right: #999999 1px solid;
	}
	
.menuLegal ul li.ultimo 
	{
		border-right:0px;
	}
	
.menuLegal ul li a {color: #999999; padding-right:2px}

.menuLegal ul li a:hover {color: #ff5033; text-decoration:none;}