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

/*-GENERAL-*/

/*  COLORES   */

/* 
   verde oscuro: #00747a
   verde claro: #a1c6cf 
   50% del verde claro (menu_pie borde): #d0e2e7
   gris clarito: #eae7e1
   pie de foto: #a8a8a8
   texto: #666666
   
*/

	BODY {
	      color:#666666;
	      font-family: Arial, Helvetica, sans-serif;
		  }
		  
	BODY, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, dd, dt, dl, ul, li, ol, img {padding: 0; margin: 0; }
	BODY, h1, h2, h3, h4, h5, h6 {font-size:11px;}
	a {text-decoration:none; color:#666666;}
	a:hover, .decoration {text-decoration:underline;}
	img {border: 0}
	.ftr {float: right}
	.ftl {float: left}
	.ayuda {
		color:#999999;
	}
	

	
	
	
	/* ------- Logos de accesibilidad -------- */

	
	ul.accesibilidad li	  
		{
			display: inline; 
			padding : 0 0 0 0;
		}
	
	/* TABLAS */
	table {
  		
  		 border: 1px solid #000;
 		 border-spacing: 0;
 		 border-collapse: collapse;
		 margin-top:8px;
		 width:100%;
		 
		}
	
	table th, table td {
	  border: 1px solid #ffffff;
		}
		
	table th {background-color:#a1c6cf; color:#FFFFFF; padding:4px 5px 4px 5px; text-align:left; }
	
	
	table tr {padding:5px;background-color:#fbf9f6;}
	
	table td {padding:5px;}
	
	tr:hover {background-color:#f2efe9;}
	
	table a {color:#00747a;}
	
	
	/* tabla de fotos */
	
	table .tFotos {
	
		 width:100%;
  		 /*border: 1px solid #000;
 		 border-spacing: 0;
 		 border-collapse: collapse;*/
		margin-top:18px; /* le subo el margen superior para que quede separada del texto superior */
		 
		}
		
	.tFotos .piefoto { color:#666666;}
		
	.tFotos caption {
		font-size:11px;
		font-weight:bold;
		color:#00747a;
		padding:25px 0 8px 0;} 
		
	.tFotos th, table td {
	  border: 1px solid #ffffff;
		}
		
	.tFotos th {text-align:center; }
		
	.tFotos tr {padding:15px;background-color:#fbf9f6;}
	
	.tFotos td {padding:15px;
	padding-left:25px;
	padding-right:25px;
	padding-top:20px;
	vertical-align:middle;
	text-align:center;}
	
	.tFotos tr:hover {background-color:#fbf9f6;}
	
	/* para centrar la tabla (y todo lo que queramos centrar, sólo con la clase centrado) */
	
	.centrado{
		text-align: center;
		}
	.centrado table {
		margin: 0 auto;
		text-align: left;
		}
	
	/* fin tablas */
		
		
	.menu_barra { height: 2.2em; /*24px*/
				  background-color: #000000;
				 }
				
	.separador {clear: both;}
	
	.destacado
		{
			color:#00747a;
			font-weight:bold;
		} 
     
	.gris
		{
			color: #999999;
			font-weight:bold;
		} 
	
	.error { color:#FF0000;}
	
	.enlace   /* clase enlace general, con flechita verde */
	{
		padding: 4px 5px 0px 10px;
		background: url(../images/f_enlace.gif) 0em 0.7em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
	}
	
	.issuu   /* clase enlace general, con flechita verde */
	{
	background: url(../images/issuu.jpg) no-repeat;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 30px;
	}
	
	/* clase enlace normal, con color verde*/
	
	.e_normal {color:#00747a}
	
	.e_gris {color:#999999}
	
	.documento /* clase enlace documento */
	{
		padding: 4px 5px 0px 14px;
		background: url(../images/doc.gif) 0em 0.4em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
	}
	
	.pdf /* clase enlace pdf */
	{
		padding: 4px 5px 0px 24px;
		background: url(../images/pdf.gif) 0em 0.4em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
	}
	
	.leerMas  /* enlace de leerMas al final de las noticias; 2 flechas simples verdes */
	
	{		
		height:1.3em; 
		padding: 5px 5px 5px 10px;
		background-image: url(../images/sub_menu.gif);
		background-position:left;
		background-repeat:no-repeat;
		margin:5px 0 0 5px;
	}	
	
	.flecha_derecha  /* enlace con doble flecha a la derecha */
	
	{	
		height:1.3em; 
		padding: 4px 10px 5px 0px;
		background-image: url(../images/sub_menu.gif);
		background-position:right;
		background-repeat:no-repeat;
		margin:5px 0 0 5px;
		/*color:#a8a8a8;*/
		/*color:#00747a;*/
	}	
	
	.flecha_izquierda  /* enlace con doble flecha a la izquierda */
	
	{	
		height:1.3em; 
		padding: 4px 0px 5px 10px;
		background-image: url(../images/anterior.gif);
		background-position:left;
		background-repeat:no-repeat;
		margin:5px 0 0 5px;
		color:#999999;
		/*color:#00747a;*/
	}	
	
	.siguiente  /* enlace de 'siguiente' cuando hay varias páginas en una sección; 2 flechas simples verdes a la derecha */
	
	{	
		display:block;	
		height:1.3em; 
		padding: 5px 10px 5px 0px;
		background-image: url(../images/sub_menu.gif);
		background-position:right;
		background-repeat:no-repeat;
		margin:5px 0 0 5px;
		color:#00747a;
	}	
	
	
	.anterior  /* enlace de 'anterior' cuando hay varias páginas en una sección; 2 flechas simples verdes a la izquierda */
	
	{	
		display:block;	
		height:1.3em; 
		padding: 5px 0px 5px 10px;
		background-image: url(../images/anterior.gif);
		background-position:left;
		background-repeat:no-repeat;
		margin:5px 0 0 2px;
		color:#00747a;
	}	
	
	
	.volver 

	{		
		float:right;
		height:1.3em; 
		display:block;
		padding: 5px 5px 5px 10px;
		background-image: url(../images/anterior.gif);
		background-position:left;
		background-repeat:no-repeat;
		margin:5px 0 0 5px;
	}		
	
	.subir 

	{		
		float:right;
		height:1.3em; 
		display:block;
		padding: 7px 5px 0px 10px;
		background-image:url(images/subir.gif);
		background-position:left;
		background-repeat:no-repeat;
		margin:5px 0 10px 5px;
	}	
	
	.puntos /* clase para los div dentro de los cuales hay algo que quiero que sea separado con lo de debajo (por ejemplo, en tasas)
	 		   tiene una línea de puntos debajo del párrado y padding bottom y left */
	{
		 border-bottom:1px #CCCCCC dotted; 
		 padding-bottom:5px; 
		/*padding-left:5px;			*/
	}
	
	.linea /* clase para los div dentro de los cuales hay algo que quiero que sea separado con lo de debajo (por ejemplo, en tasas)
	 		   tiene una línea de puntos debajo del párrado y padding bottom y left */
	{
		 border-bottom:1px #a1c6cf solid; 
		 padding-bottom:5px; 
		/*padding-left:5px;			*/
	}
	
	form.usuario th 
	 	{
		vertical-align:top;
		padding-top:7px;
		}
		
	 form.usuario input.caja 
	 	{
			 padding: 0.2em;
			 border:#eae7e1 1px solid;
			 /*width:120px;*/
			 font-size:10px;
			 color:#00747a;
		}
		
      form.usuario textarea, select
		{
		  padding: 0.2em;
		  font-size: 10px;
		  border:#eae7e1 1px solid;
		  color:#00747a;
		  /*vertical-align:middle;*/
		}

			 
	 form.usuario input.lupa 
	 	{
	 		vertical-align:top;
	 		width:16px;
	 		height:16px;
			padding-left:3px;
			padding-top:1px;
		}
	
	
	 form.usuario input.btn
	 	{
		    width:70px;
	 		height:20px;
	 		border:0px;
			background-color: #F2F2F2;
			border: #CCCCCC 1px solid;
			font-size:1em;
			color:#333333;
	 		cursor:pointer; /* cursor mano */
	 	}
		
	ol 
	{
		margin: 5px 0 18px 14px;
		/*padding: 2px 0 14px 0;*/
		
	}

   ol li 
	{
 		padding: 5px 0 0 0;
 		/*background: url(../images/flecha_menu.gif) 0em 0.4em no-repeat;
 		margin: 0px;*/
 	}
	
	#contenedor { width:780px;
				  margin-top:0px;
				  vertical-align:top;
				  margin: 0 auto;
				
				  }
	#cabecera { width:100%}
				
	#caminoMigas { 
	margin-top:10px;
	clear:both;
	font-size:11px;
	color:#999999;
	}
	
	#caminoMigas .verde {color:#00747a;}
	
	#caminoMigas a { color:#666666}
	
	#caminoMigas a:hover { color:#00747a}
	
	#contenidos {width:780px;
	margin-top:6px;
	margin-bottom:8px;
				 }
	
	#menu {float: left;
  		   width: 184px;
		   margin-right:13px;
		   margin-bottom:40px;
		   }
		     
    	   
	#central {float: left;
  			   width: 380px;
			   margin-right:13px;
			   margin-bottom:40px; /* este margen lo pongo de momento, para separar */
			   }
/* css para la página de errores que no tiene los menus de la izquierda ni de la derecha*/
	#central2 {float: left;
  			   width: 500px;
			   margin-right:13px;
			   margin-bottom:40px; /* este margen lo pongo de momento, para separar */
			   }
	#central2 h2 {
		   border-bottom:#a1c6cf 1px solid;
		   font-size:14px;
		   color:#5f686e;
		   line-height:1em;
		   padding: 8px 0px 2px 12px;
		   background:url(../images/ico_noticia.gif) 0em 0.8em no-repeat;
		   }
		   
	#central2 h2 img {padding: 0px 5px 0px 0px;}
	
	#central2 ul.mapa_web
		{
			list-style-type: none;
			margin: 10px 0 0 8px;
			padding: 2px 0 2px 0;
		}
	
	#central2 ul.mapa_web li 
		{
			padding: 4px 5px 0px 10px;
			background: url(../images/f_enlace.gif) 0em 0.7em no-repeat;
			margin: 2px 0 0 0;
		}
		
	#central2 ul.mapa_web a.enlace
		{
			padding: 5px 5px 0px 10px;
			/*background: url(../images/f_enlace.gif) 0em 0.7em no-repeat;*/
			margin: 2px 0 0 -10px;
		}
			   
	#lateral { float: right;
  		 	   width: 184px;
		      }
	
	/* capa que contiene todo lo que hay en el pie de página */
		   
	#pie {
		  clear: both;
		  margin-top:8px;
		  padding-top:8px;
		  font-size:10px;
		  color:#999999;
		  height:60px;
		  }
		  
	


/*-Menu herramientas-*/

				  
	.herramientas ul {padding: 8px 5px 0px 5px; float: right; font-size:9px}
	.herramientas ul li {display: inline; line-height: 1em; padding : 0 10px 0 10px; border-left:#FFFFFF 1px solid;}
	.herramientas ul li.primero {background: none; border-left:0px;}
	.herramientas ul li a {font-size: 9px; color: #FFFFFF}



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

	/* logo grande */ /* se puede aplicar también esta clase a una imagen, no hace falta hacer un div */
	.logo { float:left;
			margin-right:8px;
			width:116px;}
			
	
	/* objeto flash */		
	.flash {
			float:left;
			height:125px;
			width:472px; 
			}
	
	/*  búsquedas */
	.busquedas { 
				float:right;
				/*margin-left:8px;*/ /* quito el margen porque no hace falta, he puesto el float a la derecha y se va a la derecha, y así no se salta en iexplorer */
				width:176px;
				}
				
	
	.cabBusqueda {  background-color: #a1c6cf; 
					height:1.2em; /*14px. en realidad la altura es 24 (2.2em), pero tengo en cuenta el padding */
					color:#FFFFFF; 
					font-weight:bold;
					line-height:1em;
					padding: 5px 5px 5px 8px;
					
					}
					
	 .cuadroBusqueda {
				 border:#a1c6cf 1px solid;
				 border-top:0px;
		   		 height:6em; /* antes 6.8em (cambiado el 3.9.08) */ /*antes 70px, ahora algo menos (relativo al tamaño de fuente de este cuadro, 10px*/
		  	   	 padding: 5px 5px 5px 8px;
				 color:#666666;
				 font-size: 10px;
				 line-height:1.5em;
				}
				
	.cuadroBusqueda a {color:#666666;}
				
	 /* input del cuadro de búsqueda */
	  
	 form.buscar input.caja 
	 	{
			 padding: 0.2em;
			 border:#eae7e1 1px solid;
			 width:120px;
			 font-size:10px;
			 color:#00747a;
		}
			 
	 form.buscar input.lupa 
	 	{
	 		vertical-align:top;
	 		width:16px;
	 		height:16px;
			padding-left:3px;
			padding-top:1px;
		}
	
	
	 /* botón de submit de buscar (revisar) */
	 
	 form.buscar input.btn 
	 	{
	 		background-image:url(../images/buscador2.gif);
		    width:16px;
	 		height:16px;
	 		border:0px;
	 		cursor:pointer; /* cursor mano */
	 	}
	 
	 /* búsqueda avanzada */
	 
	 div#busq_avanzada { margin-top:8px}
	 
	 div#busq_avanzada img {vertical-align:text-bottom}
					
	 .fecha { color:#00747a; 
			  font-weight:bold;
			  display:block; 
			  margin-top:10px; /*antes 12px (cambiado el 3.9.08)*/ 
			  width:100%; 
			  height:100%; 
			  text-align:right}
			  
/* ----- Menú superior (barra verde) ----- */

	.barraSuperior { clear:both;
				    height: 2.2em; /*24px*/
					background-color: #00747a;
					text-align:center;
					margin-top:8px;
					}			  
	
				  
	.menuSuperior {padding: 7px 5px 2px 5px;}
	.menuSuperior li 
		{
			display: inline; 
			line-height: 1em; 
			padding : 0 31px 0 31px; /*antes era 30px*/
		} 
		
	.menuSuperior li a {font-size: 11px; color: #FFFFFF}
	

	
/*********  CAPA MENÚ DE LA IZQUIERDA (menu)  ************/


/* es capa menú en la página de index */
#menuIndexp {
			float: left;
			width: 182px;
			margin-right:13px;
			margin-bottom:12px;
			border: #eae7e1 1px solid;
			height: auto;
			}
			
#menuIndex {
			float: left;
			width: 182px;
			margin-right:13px;
			margin-bottom:50px;
			background-image:url(/images/fondo_vert.gif);
			border: #eae7e1 1px solid;
			height: 350px;
			}
			
.menuIndexDer{
			margin-top: 145px;
			margin-bottom:10px;
			height:280px;
			}
			
.menuIndexCompartir{
			padding-top:40px;
			margin-left:20px;
}

#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; 
		 }

#menu h1  {
		   border: #eae7e1 1px solid;
		   font-size:14px;
		   color:#00747a;
		   font-weight:400; /* para que no ponga la cabecera en negrita por defecto */
		   line-height:1em;
		   padding: 5px 5px 5px 5px;
		   background-color:#FFFFFF;
		 }
		 
/* ---- Menú de secciones en la página de index ---- */
			
ul#naviIndex 
	{
		width:150px;
		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 
	{
		padding-left: 15px;
		color:#737373;
		background: url(../images/cuadro_gris.gif) 0em 0.3em no-repeat;
		line-height:1.7em;
	}
			
#naviIndex li a:hover 
	{
		color:#00747a;
		background: url(../images/cuadro_verde.gif) 0em 0.3em no-repeat;
	}
	
	
			
/* ---- 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;
		padding-top:3px;
		padding-bottom:3px;
 	}
	
#navi li a {
			color:#737373;
			line-height:1em;
			}
	

	
/* ---- Menú de subsecciones ---- */

ul.naviSub {
 	list-style-type: none;
	margin: 0 0 2px 1px;
	padding-top: 6px;
	
	}

ul.naviSub li.subMenu {
	padding-left: 11px;
	padding-top:3px;
    background: url(../images/sub_menu.gif) 0em 0.6em no-repeat;
   	margin:0;
	padding-bottom:3px;
	}
	
ul.naviSub li a {
	color:#737373;
	/*line-height:1.2em;*/
	line-height:1em;
	}
	
	
	
/**********  ELEMENTOS COMUNES DE LA CAPA CENTRAL (CUERPO DE LA WEB)  ***********/

.titular 
	{
		font-size:12px;
		color:#00747a;
		display:block;
		font-weight:bold;
	}
	
.cuerpo  
	{
		padding: 8px 0 4px 0; /* he cambiado el padding de abajo de 8 a 4; si se desguaza, volver a cambiarlo */
		margin-bottom:5px;
		color:#666666;
		line-height:1.1em;
		display:block;
	}
	
.piefoto 

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


#central h2 {
		   border-bottom:#a1c6cf 1px solid;
		   font-size:14px;
		   color:#5f686e;
		   line-height:1em;
		   padding: 8px 0px 2px 12px;
		   background:url(../images/ico_noticia.gif) 0em 0.8em no-repeat;
		   }
		   
#central h2 img {padding: 0px 5px 0px 0px;}



/* subtitulo de las páginas */
#central h3 {
		 	 font-size:12px;
		     color:#00747a;
		   }
		   

/* esto no lo uso */

#central h4 {
		 	 font-size:11px;
		     color:#00747a;
			 border-bottom:#eae7e1 1px solid;
			 padding: 2px 2px 2px 0;
			 margin-bottom:8px;
			 margin-top:14px;
			 /*background:url(images/cuadro_verde.gif) 0em 0.8em no-repeat;*/
			/* background-color:#f8f5ef;*/
			/* font-weight:400;*/
		   }
		   
		   
#central .ftr {padding: 0px;}

#central ul 
	{
		list-style-type: none;
		margin: 8px 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 ul li a {
			color:#737373;
			line-height:1.7em;
			}
			
			
#central ul
	{
		color:#00747a;
		list-style-type: none;
		margin: 10px 0 0 8px;
		padding: 2px 0 2px 0;
		
	}


#central ul.conservatorio li 
	{
 		padding: 2px 2px 4px 10px;
 		/*background: url(images/cuadro_verde.gif) 0em 0.5em no-repeat;*/
		background: url(../images/f_gris.gif) 0em 0.5em no-repeat;
 		margin: 0px;
 	}
	
#central ul.conservatorio li a 
	{color:#00747a;
	}
	

#central ul.conservatorio li.sub 
	{
 		
 		background: url(../images/cuadro_gris.gif) 0em 0.5em no-repeat;
 		
 	}
	
/* clase para el mapa web; combina listas con la clase enlace */	
	
#central ul.mapa_web
	{
		list-style-type: none;
		margin: 10px 0 0 8px;
		padding: 2px 0 2px 0;
		
	}


#central ul.mapa_web li 
	{
 		padding: 4px 5px 0px 10px;
		/*background: url(../images/f_enlace.gif) 0em 0.7em no-repeat;*/
 		margin: 2px 0 0 0;
 	}
	
#central ul.mapa_web a.enlace
	{
 		padding: 5px 5px 0px 10px;
		/*background: url(../images/f_enlace.gif) 0em 0.7em no-repeat;*/
 		margin: 2px 0 0 -10px;
 	}
	


/* ---- Capa que contiene la noticia EN LA PÁGINA PRINCIPAL. Habrá una capa por cada noticia ---- */

.cuadroNoticia {padding: 20px 5px 10px 10px;}

.cuadroNoticia .fotoNoticia 
	
	{
		padding: 15px 0px 0px 0px;
		float:left;
		width:120px;
	}
		

.cuadroNoticia .textoNoticia 

	{
		padding: 0px;
		float:right;
		width:235px;
     }
	 
/* esta clase es para el texto normal de la web, no tiene nada que ver con las noticias */

.cuadroTexto {padding: 20px 5px 10px 10px;}

.cuadroTexto .foto 
	
	{
		padding: 10px 10px 8px 0px;
		float:left;
		/*width:120px;*/ /* si quito el width aquí puedo hacer que el texto se derrame alrededor de la foto o no, depende de si pongo a continuación la capa texto o directamente párrafos de tipo cuerpo */
	}

.cuadroTexto .texto 

	{
		padding-top:12px;
		float:right;
		width:235px;
     }
	 
.cuadroTexto .e_normal {color:#00747a}

	
/* sigo con las clases de noticias */	
	
.textoNoticia .fechaNoti  
	{
		color:#a8a8a8;
		text-align:left;
		display:block;
	 }
	
	
.textoNoticia .titular 
	{
		font-size:14px;
		color:#00747a;
		display:block;
		font-weight:400;
	}
 	
	 
.textoNoticia .titular a 
	{
		font-size:14px;
		color:#00747a;
		display:block;
	}
 
	  
.textoNoticia .cuerpo  
	{
		/*padding: 4px 0 8px 0;*/
		color:#666666;
		line-height:1.1em;
		display:block;
	}
	
					  
/* ---- Página de noticias ---- */

/* ---- Capa que contiene la noticia abreviada EN LA PÁGINA DE NOTICIAS. Habrá 2 capas, una por cada noticia abreviada.  ---- */

.cuadroBreve {padding: 20px 5px 10px 10px;}
	
.cuadroBreve .textoNoticia 	{padding:0px;}
	 
.cuadroBreve #cajaMinis

	{
		padding:5px;
		padding-top:7px;
		padding-left:0px;
		border: #eae7e1 1px dotted;
		margin-bottom:15px;
	
     }
	 
	 
#cajaMinis span
	{
		padding: 5px;
	}
					


#cajaMinis img 
	{ 
		margin-left:6px;
		vertical-align:top;
		margin-right:5px;
		margin-top:-2px;
	}

#cajaMinis  a  {color:#737373;
margin-top:2px;}
		
.masInfo
	 
	{
	margin:15px 5px 5px 0px;
	border-top:#eae7e1 1px dotted;/*a1c6cf - verde claro */
	border-bottom:#eae7e1 1px dotted;
	padding:0px 0 8px 8px;
	
	}
	
	
.masInfo .destacado
	{
	padding-top:8px;
	color:#00747a;
	font-weight:bold;
	}
	


/* ---- Lista de los titulares (enlaces) del resto de noticias ---- */
/* ---- Capa que contiene la lista del resto de noticias EN LA PÁGINA DE NOTICIAS ---- */

#masNoticias
	{
		padding: 5px 5px 5px 10px; 
		margin-top:15px; 
	}	
	
		
#masNoticias a 
	{
		font-size:12px;
		color:#00747a;
		display:block;
		background: url(../images/f_gris.gif) 0em 0.3em no-repeat;
		padding-left:8px;
	 }
	
	
#masNoticias .fechaNoti    /* es igual que .textonoticia .fechanoti*/
	 {
		margin-top:5px;
	    margin-bottom:3px;
		color:#a8a8a8;
		text-align:left;
		display:block;
	 }
	
     

/* El resto lo dejo igual; no varía (titular, cuerpo, etc. */

/*********  CAPA MENÚ DE LA DERECHA (lateral)  ************/	

/* cuadro "suscribirse a la actualidad" */

.cabActualidad 
	{
		background-color: #eae7e1; 
		height:1.3em; /*(14px) en realidad la altura es 24, pero tengo en cuenta el padding */
		color:#666666; 
		padding: 6px 5px 4px 48px;
		background-image: url(../images/chincheta.jpg);
		background-position:left;
		background-repeat:no-repeat;
	}
					
#cuadroActualidad 

	{
		border:#eae7e1 1px solid;
		border-top:0px;
		/*height:6.8em;*/ /*75px*/
		padding:5px;
		margin-bottom:10px; /* separación que dejo entre un cuadro y otro */
	}
				

#cuadroActualidad .linea 
	{
		clear:both;
		border-bottom:#eae7e1 1px solid;
	}				


#cuadroActualidad p 
	{
		padding: 5px 5px 5px 8px;
		background: url(../images/f_enlace.gif) 0em 0.7em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin:2px 0 1px 5px;
		line-height:1em;
	}
					
					
#cuadroActualidad a {color:#666666;}

#cuadroActualidad img 
	{ 
		margin-left:4px;
		vertical-align:top;
		margin-right:5px;
		margin-top:-2px;
	}
	
/* clases para posicionar los elementos de actualidad y que no se desmadejen */

#cuadroActualidad .izquierda 
	{ 
		float: left;
	    width: 70px;
	}
	

#cuadroActualidad .derecha 
	{ 
		float: left;
	    width: 100px;	
	}
	

	
#cuadroActualidad .izquierda2 
	{ 
		float: left;
	    width: 80px;
	}
	

#cuadroActualidad .derecha2 
	{ 
		float: left;
	    width: 90px;	
	}
	

.cuadroNews 
	{
		border:#eae7e1 1px solid;
		padding:1px 0 3px 5px;
		margin-bottom:10px; /* separación que dejo entre un cuadro y otro */
		background-image: url(../images/news6.jpg);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	
.cuadroNews .enlace 
	{
		padding: 5px 5px 5px 10px;
		/*background: url(images/f_enlace.gif) 0em 0.7em no-repeat; *//* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin:3px 0 0 5px;
	}

.cuadroRevista 
	{
		border:#eae7e1 1px solid;
		padding:1px 0 3px 5px;
		margin-bottom:10px; /* separación que dejo entre un cuadro y otro */
		background-image: url(../images/revista.gif);
		background-position:right;
		background-repeat:no-repeat;
	}
		
					
.cuadroRevista .enlace 
	{
		padding: 5px 5px 5px 10px;
		/*background: url(images/f_enlace.gif) 0em 0.7em no-repeat; *//* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin:3px 0 0 5px;
	}	
	
	
.cuadroHacienda 
	{
		border:#eae7e1 1px solid;
		padding:1px 0 3px 5px;
		margin-bottom:10px; /* separación que dejo entre un cuadro y otro */
		background-image: url(../images/hacienda3.jpg);
		background-position:right;
		background-repeat:no-repeat;
	}
	
.cuadroTelefono 
	{
		border:#eae7e1 1px solid;
		padding:1px 0 3px 5px;
		margin-bottom:10px; /* separación que dejo entre un cuadro y otro */
		background-image: url(../images/telefono.jpg);
		background-position:right;
		background-repeat:no-repeat;
	}
		
					
.cuadroHacienda .enlace 
	{
		padding: 5px 5px 5px 10px;
		/*background: url(images/f_enlace.gif) 0em 0.7em no-repeat; *//* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin:3px 0 0 5px;
	}
	
.cuadroTelefono .enlace 
	{
		padding: 5px 5px 5px 10px;
		/*background: url(images/f_enlace.gif) 0em 0.7em no-repeat; *//* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin:3px 0 0 5px;
	}	
		
					

/*	Tenía esta clase para aplicársela al span del cuadro actualidad, pero no me hace falta (lo he definido arriba con .cuadroActualidad span)		
.txtActualidad img { margin-left:5px;
vertical-align:middle;
margin-right:5px}
*/


/*** Demás  cuadros ***/

.cabEspecial 

	{		
		background-color: #eae7e1; 
		height:1.3em; /*14px. en realidad la altura es 24, pero tengo en cuenta el padding */
		color:#666666;  
		padding: 6px 5px 4px 8px;
	}
	
					
.cabEspecial a 

	{
		color:#666666; 
					
	}

.cuadroEspecial 
	
	{
		border:#eae7e1 1px solid;
		border-top:0px;
		padding-bottom: 0px;
		margin-bottom:10px; /* separación que dejo entre un cuadro y otro */
	}
	
.cuadroEspecial a {color:#666666;}

.cuadroEspecial .cuerpo {padding: 2px 4px 2px 0px;}  /*  le he quitado 4 a la izquierda */
	
.cuadroEspecial span.texto2_1 
		{
			display:block;
			color:#666; 
			/*padding:5px 4px 0px 12px;*/  /* He cambiado el margin por el padding para ver si así se ve mejor en explorer. Si no, volver a cambiarlo. */
			padding:0.8em 4px 0px 12px;
			line-height:1em;
		}
	
.cuadroEspecial span.texto2_2 
		{
			display:block;
			color:#666; 
			/*padding:5px 4px 0px 12px;*/  /* He cambiado el margin por el padding para ver si así se ve mejor en explorer. Si no, volver a cambiarlo. */
			padding:0.45em 4px 0px 12px;
			line-height:1em;
		}
		
.cuadroEspecial .cuerpo .ftl {padding: 5px 12px 0 0;}
.cuadroEspecial .cuerpo .ftr {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
}
.cuadroEspecial .ftr {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
}

	
/*********** PIE DE PÁGINA ************/
			
.menuPie {
		 	 height:19px;
		   	 border: #d0e2e7 1px solid;
			 margin-bottom:5px;
			 font-size: 10px;
			/*margin-top:50px;*/
		  }
		  
.menuAyuda  {
		 	 padding: 5px;
			 float:left;
		  }
	
.menuAyuda ul li 
	{
		display: inline; 
		padding : 0 10px 0 10px;
		border-right: #CCCCCC 1px solid;
	}
	
.menuAyuda ul li.ultimo 
	{
		border-right:0px;
	}
	
.menuAyuda ul li a {color: #999999;padding-right:2px}


.menuLegal  {
		 	 padding: 5px;
			 padding-right:3px;
			 float:right;
		  }
	
.menuLegal ul li 
	{
		display: inline; 
		padding : 0 10px 0 10px;
		border-right: #a1c6cf 1px solid;
	}
	
.menuLegal ul li.ultimo 
	{
		border-right:0px;
	}
	
.menuLegal ul li a {color: #00747a; padding-right:2px}
.administracion {
	padding: 30px;
	width: 700px;
}
.formularioSimple{
	border: 1px solid #a1c6cf;
	padding: 10px;
}
.formularioSimple form .btn{
	padding:10px;
	background-color:#a1c6cf;
	border:#a1c6cf 1px solid;
	font-weight:bold;
	float:left;
	margin-right:10px;
	color:#FFFFFF;
}

.margen_der_redes{
	margin-right:10px;
	
	}