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

/*-GENERAL-*/

/*  COLORES   */

/* 
   mostaza muñeco umore: #f7be09
   mostaza oscuro (para titulares): #c19303
   mostaza medio (cuadros menú): e7b20b  ó  dcaa0c ??
   

   gris clarito: #eae7e1
   pie de foto: #a8a8a8
   texto: #565246
   
*/

	BODY {
	      color:#565246;
	      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		  background-image:url(images/fondo3.gif);
		  }
		  
	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:#565246;}
	a:hover, .decoration {text-decoration:underline;}
	img {border: 0}
	.ftr {float: right}
	.ftl {float: left}
	.ayuda {
		color:#999999;
	}
	

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

	/* comentado para umore 
	ul.accesibilidad li	  
		{
			display: inline; 
			padding : 0 0 0 0;
		}
		
		*/
	
	/* TABLAS */
	
	
	
	table {
  		
  		 /*border: 1px solid #000;
 		 border-spacing: 0;
 		 border-collapse: collapse;*/
		 border-collapse: separate;
         border-spacing: 1px;
		 margin-top:8px;
		 width:100%;
		 
		}

	
	table td.vacio {background-color:#FFFFFF; color:#FFFFFF}
	
	table td {background-color:#fbf9f6; text-align:center; padding:1px}
	
	table td a {text-decoration:none; color:#565246;}
	table td a:hover, .decoration {text-decoration:underline;}
	
	table td.textopositivonegrita {background-color:#9a9891; color:#ffffff;}
	table td.textopositivonegritaCUADRO {background-color:#565246; color:#ffffff;}
	

		
	.menu_barra { height: 2.2em; /*24px*/
				  background-color: #f7be09;
				 }
				
	.separador {clear: both;}
	
	.destacado
		{
			color:#dcaa0c/*c19303*/;
			font-weight:bold;
		} 
		
	.subrayado
		{
			/*color:#dcaa0c/*c19303*/
			font-weight:bold;
			border-bottom:#dcaa0c 1px dotted;
			padding-bottom:2px;
		}
     
	.gris
		{
			color: #999999;
			font-weight:bold;
		} 
	
	.error { color:#FF0000;}
	
	.enlace   /* clase enlace general, con flechita mostaza */
	{
		padding: 4px 5px 0px 5px;
		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;
	}
	
	.enlace_conv   /* clase enlace general, con flechita mostaza */
	{
		padding: 3px 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;
	}
	
	.e_premiados   /* clase enlace general, con flechita mostaza */
	{
		padding: 4px 2px 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;
	}	
	
	.e_flecha   /* clase enlace general, con flecha doble mostaza */
	{
		padding: 4px 5px 0px 10px;
		background: url(images/flecha.gif) 0em 0.7em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
	}				
	
	/* clase enlace normal, con color mostaza oscuro*/
	
	.e_normal {color:#dcaa0c}
	.e_normal:hover {color:#dcaa0c}
	
	.e_convocatoria {
	color:#000;
	font-size: 14px;
	font-weight: bold;
}
	.e_convocatoria:hover {
	color:#000;
	font-size: 14px;
	font-weight: bold;
}
	
	.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;
	}
	
		
	.leerMas  /* enlace de leerMas al final de las noticias; 2 flechas simples verdes */
	
	{		
		/*height:1.3em; */
		padding: 0 0 0 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 5px 10px;
		background-image:url(images/subir.gif);
		background-position:left;
		background-repeat:no-repeat;
		margin:5px 0 0 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árrafo y padding bottom y left */
	{
		 border-bottom:1px #CCCCCC dotted; 
		 padding-bottom:5px; 
		/*padding-left:5px;			*/
	}
	
	form.usuario th 
	 	{
		vertical-align:top;
		padding-top:7px;
		}
		
		
	 form.usuario input.caja 
	 	{
			 padding: 0.2em;
			 margin: 2px 0 10px 0;
			 border:#fce59d 1px solid;
			 /*width:120px;*/
			 font-size:10px;
			 color:#666666;
		}
		
      form.usuario textarea, select
		{
			  padding: 0.2em;
			  margin: 2px 0 10px 0;
			  font-size: 10px;
			  border:#fce59d 1px solid;
			  color:#666666;
		}

	
	 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 */
			margin: 2px 0 10px 0;
	 	}
		
	 form.usuario fieldset
	 	{
		    padding:10px 10px 10px 5px; 
			margin-right:20px;
			margin-bottom:10px;
			border:#fce59d 1px solid;
	 	}
		
	 form.usuario fieldset legend
	 	{
		    padding: 0 3px 0 3px;
	 	}
		
	 form.usuario ul.dias
	 	{
			display:inline; 
			margin-bottom:10px;
		}
		
	 form.usuario ul.dias li
	 	{
			display:inline; 
			margin-right:10px;
		}
		
	 form.usuario checkbox
	 	{
			margin-left:30px;
		}
		
	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:850px;
				  margin-top:0px;
				  vertical-align:top;
				  margin: 0 auto;
				  background-color:#FFFFFF;

				  }
	
	#cabecera { width:100%}
				
	#caminoMigas { 
	margin-left:200px;
	padding-top:2px;
	clear:both;
	font-size:11px;
	color:#ffffff;
	}
	
	#caminoMigas .negro {color:#000000;}
	
	/*
	#caminoMigas a { color:#666666}
	
	#caminoMigas a:hover { color:#00747a}
	*/
	
	#contenidos {width:850px;
	/*margin-top:6px;*/
	background-image:url(images/fondo_menu.gif);
	margin-bottom:8px;
				 }
				 
	/*.barraconvocatoria { width:850px;
			             height: 17px;;
				         background-color:#f7be09;
					   }	*/
	
	#menu {float: left;
  		   width: 170px;
		   margin-right:13px;
		   margin-bottom:10px;
		   background-color:#FFFFFF;
		   }
		     
    	   
	#central {float: left;
  			  width: 635px;
			  margin: 10px 10px 20px 8px;
			  background-color:#FFFFFF;
			  }
	
	/* Capa que está dentro de central y que contiene el título de la página. Es opcional. */		   
	#titulo {float: left;
  		  	 width: 100%;
			 padding-bottom: 10px;
			 padding-left: 10px;
		   }
		   
	/* esta capa la voy a eliminar */	   
	
	#lateral { float: right;
  		 	   width: 235px;
			   /*border:#CCCCCC 1px solid;*/
			   margin: 15px 10px 10px 0;
		      }
	
	/* capa que contiene todo lo que hay en el pie de página */
		   
	#pie {
		  clear: both;
		  padding-top:2px;
		  font-size:10px;
		  color:#999999;
		  /*height:60px;*/
		  }
		  
	


/*-Menu mbarra-*/

				  
	.mbarra ul {/*padding: 8px 5px 0px 5px; */float: right; font-size:9px; margin: 8px 5px 0 5px}
	.mbarra ul li {display: inline; padding : 0 10px 0 10px; border-left:#000000 1px solid;}
	.mbarra ul li.primero {background: none; border-left:0px;}
	.mbarra ul li a {font-size: 9px; color: #000000}

	
/* cabecera, zona media */
	
	/* donde está insertada la zona media de la cabecera */
	.cab_medio {
				height:165px;
				background-color:#FFFFFF;
				margin-top:1px;
				margin-bottom:1px;
				}

	/* logo cara umore */ /* se puede aplicar también esta clase a una imagen, no hace falta hacer un div */
	.logo { float:left;
			width:170px;
			text-align:center;
			padding-top:5px;
			margin-right:1px;}
			
	
	/* flash con imágenes cambiantes */		
	.flash {
			float:left;
			width:524px;
			height:165px;
			background-color:#CCCCCC;
			/*margin-top:1px;*/
			}
	
	/*  cuadro con los idiomas y  la fecha */
	.idiomas { 
				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:154px;
				height:165px;
				/*margin-top: 1px;
				margin-bottom: 1px;*/
				background-image: url(images/fondo_claro3.gif);
				}
				
	.idiomas ul { 
				display: block;
				float:right;
				margin: 10px 0 0 0;
				list-style:none;
				width:100px;
				}
				
	.idiomas ul li a { 
	            margin-top: 5px;
				display:block;
				margin-bottom: 5px;
				padding: 3px 30px 3px 10px;
				/*background-color:#d3d2cf;*/
				/*width:60px;*/
				background-image:url(images/fondo_idioma.gif);
				color:#000000;
				
				}
				
	 .idiomas ul li a:hover { 
				background-color:#ffffff;
				background-image:none;
				text-decoration: none;
				}
	
					
	 .fecha { color:#ffffff;
			  float:right;
			  text-align:right;
			  margin: 55px 0px 0 0;
			  padding-right:7px;
			  font-size: 11px;
			  /*height:100%;*/ 
			  }
			  
/* ----- Menú superior (barra que contiene el camino de migas) ----- */

	.barraSuperior { clear:both;
				    height: 17px;;
					background-image:url(images/fondo_claro3.gif);
					}
					

	


/* ---- Menú de secciones ---- */
			
ul#navi 
	{
		list-style-type: none;
		margin: 1px 0 0 1px;
		color:#FFFFFF;
		font-size:12px;
		/*padding: 2px 0 14px 0;*/
		
	}

ul#navi li.menu 
	{
 		padding-left: 16px;
 		/*background: url(../images/flecha_menu.gif) 0em 0.4em no-repeat;*/
 		margin: 1px 0 1px 0;
		padding-top:5px;
		padding-bottom:5px;
		background-color:#dcaa0c;
 	}
	
ul#navi li.menu:hover 
	{
 		
		background-color:#c19303;
 	}
	

			
#navi li a {
			color:#FFFFFF;
			line-height:1em;
			}
	

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

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

ul.naviSub li.subMenu {
	padding-left: 11px;
	padding-top:3px;
   	margin:0;
	padding-bottom:3px;
	}
	

	
ul.naviSub li a {
	color:#FFFFFF;
	/*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 h1 {
		   font-size:14px;
		   line-height:1em;
		   padding: 10px 0px 2px 0px;
		   }
		    
/* subtitulo de las páginas */
#central h2 {
		 	 font-size:12px;
		     color:#dcaa0c;
			 padding: 2px 2px 2px 0;
			 margin-bottom:4px;
			 /*margin-top:8px;*/
			 
		   }
		   
#central h2.linea {
		 	 font-size:11px;
		     color:#565246;
			 border-bottom:#f7be09 1px solid;
			 padding: 2px 2px 2px 0;
			 margin-bottom:8px;
			 margin-top:14px;
			 
		   }

		   
#central .ftr {padding: 0px;}

#central ul 
	{
		list-style-type: none;
		margin: 8px 0 0 10px;
		padding: 2px 0 8px 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.conservatorio
	{
		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.sub 
	{
 		
 		background: url(../images/cuadro_gris.gif) 0em 0.5em no-repeat;
 		
 	}
	
#central ul.cuadrado
	{
		list-style-type: none;
		margin: 10px 0 0 8px;
		padding: 2px 0 2px 0;
		
	}


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

#central ul.cuadrado li.sub 
	{
 		
 		background: url(../images/f_ocre.gif) 0em 0.5em no-repeat;
 		
 	}
	
	
#central ul.horizontal {padding: 2px 5px 20px 0px;}
#central ul.horizontal li {display: inline; padding : 0 5px 0 5px;/* border-left:#999999 1px solid;*/}
#central ul.horizontal li.primero {background: none; border-left:0px;padding : 0 10px 0 0px;}
	
/* 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;}

.cuadroTexto .fotoNoticia 
	
	{
		padding: 2px 0px 0px 30px;
		float:left;
		width:120px;
	}
		 
/* esta clase es para el texto normal de la web, no tiene nada que ver con las noticias */

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

.cuadroTexto .foto 
	
	{
		padding: 15px 0px 0px 5px;
		float:right;
		width:230px;
	}

.cuadroTexto .texto 

	{
		/*padding-top:12px;*/
		margin-bottom: 8px;
		float:left;
		width:380px;
     }
	 
.cuadroTexto .textoCompleto 

	{
		/*padding-top:12px;*/
		margin-bottom: 8px;
		float:left;
		width:630px;
     }

	
/* sigo con las clases de noticias */	
	
.cuadroTexto .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;
	}
	

				


/*********** PIE DE PÁGINA ************/
			
.menuPie {
		 	 height:19px;
		   	 border-top: #f7be09 1px dotted;
		   	 /*border-bottom: #f7be09 1px dotted;*/
			 padding-bottom:3px;
			 font-size: 10px;
		  }
		  
.menuAyuda  {
		 	 padding: 5px;
			 float:right;
		  }
	
.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-left:10px;
			 float:left;
		  }
	
.menuLegal ul li 
	{
		display: inline; 
		padding : 0 10px 0 10px;
		border-right: #c19303 1px solid;
	}
	
.menuLegal ul li.ultimo 
	{
		border-right:0px;
	}
	
.menuLegal ul li a {color: #c19303; padding-right:2px}#convocatoria {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	background-color: #dcaa0c;
	height: 38px;
	text-align: center;
}