/* Hoja de estilo para web alameda
----------------------------------------------- 
globales
cabecera
contenido
pie
elementos genericos
*/

/* globales
----------------------------------------------- */
	html,body {margin:0px 0px 20px 0px; padding:0; text-align:center;}
	body {font: 13px "trebuchet ms", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #444; background: #48626C url(/img/body_bg6.gif) repeat-x;}

/* cabecera */
	#ltIE6 {border-bottom: 5px solid red; padding: 5px; width: 100%; text-align: left; background: #fff url(/img/elementos/atencion.gif) 10px no-repeat; padding-left: 60px;}
	#cabecera {background: transparent url(/img/cabecera/cabecera01.jpg) no-repeat center;border: 1px solid #000;height: 192px;}
	#migas {background: transparent url(/img/migas.jpg) no-repeat center;border: 1px solid #000;height: 25px;border-top: 0px;}  
		#migas .cambioIdioma {float: right; padding: 3px 7px 4px 0px; background: #000; width: 120px; text-align: right;}
		#migas .cambioIdioma a {color: #ffa; text-decoration: none; font-size: 90%;}
		#migas .cambioIdioma a:hover {color: #fff; text-decoration: underline;}
		
	#menuCabecera {padding: 0px; margin: 0px;float: left;}
	#menuCabecera li {margin: 0px; padding: 0px;list-style: none;width: 100%; border-bottom: 1px solid #5c92ad; display: inline;}
	#menuCabecera li a {background: transparent url(/img/pil_04.gif) 0px 8px no-repeat; display: block;padding: 6px 15px 6px 20px;color: #fff;text-transform: capitalize;font: bold 11px verdana, 'trebuchet ms', sans-serif;letter-spacing: 0px;text-decoration: none;  float: left;}
	#menuCabecera li a:hover {background: #114466 url(/img/pil_04.gif) 0px 8px no-repeat;color: #ff0;opacity: .8; filter: alpha(opacity=80);}
	#menuCabecera li #current {background: #123 url(/img/pil_04.gif) 0px 8px no-repeat; color: #fff;opacity: .9; filter: alpha(opacity=90);}	
	
	#mensaje { /* es el mensaje que aparece cuando envias el formulario */
	padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align: center; width: 100%; background: red; color: #fff; font: bold 14px 'lucida sans', sans-serif;
}

	
/* doc */	
	#doc {width: 770px; margin:0px auto 10px auto; text-align:left; }
		.doc1 .bloque01 {width: 368px; float: left; padding: 0px 8px 0px 8px; margin: 0px 0px 15px 0px;}
		.doc1 .bloque02 {width: 173px; float: left;float: left; padding: 0px 8px 5px 8px;margin: 0px 0px 15px 0px;}
		.doc1 #contenidoHome {background: #f0efeb url(/img/elementos/backContenidoHome01.gif) center repeat-y;}
		
		/* pagina con dos columnas, bloque01 grande, bloque02 pequeño */
		.doc2 .bloque01 {width: 546px; padding: 0px 15px 5px 15px; float: left;margin: 0px 0px 15px 0px;}
		.doc2 .bloque02 {width: 176px; float: left;float: left; padding: 0px 8px 5px 8px;margin: 0px 0px 15px 0px;}
		.doc2 #contenidoHome {background: #f0efeb url(/img/elementos/backContenidoHome02.gif) center repeat-y;}		


/* contenido 
----------------------------------------------- */
 
  #contenidoHome {width: 768px; float: left; border-left: 1px solid #000; border-right: 1px solid #000; background: #f0efeb;}
  
/*bloque01*/
  h1 {background: url(/img/laud01.gif) no-repeat;font: bold 15px georgia;border-bottom: 1px solid #0e7ba5;padding: 5px 0px 3px 25px;margin: 10px 0px 20px 0px;	text-align: left;	color: #000; text-transform: capitalize; }

  
  .bloque01 h2, .bloque02 h2, .bloque03 h2 {background: transparent url(/img/elementos/backH2.gif) no-repeat;font: bold 12px "Lucida Sans", 'trebuchet ms', arial, sans-serif;color: #555555;text-align: left;text-indent: 15px;height: 19px;text-transform: uppercase;padding: 5px 0px 0px 0px;margin: 5px 0px 10px 0px; clear: both;}
  .doc1 .bloque01 img {border: 3px solid #000; margin: 0px 6px 0px 6px;}
  .bloque01 p {text-indent: 10px;text-align: justify;padding: 0px; margin: 5px 0px 5px 0px;}

  
	/* para los cometarios en las fotos */
	.bloque01 h3 {border-bottom: 1px solid #a63;font: normal 14px 'trebuchet ms', arial, sans-serif;color: #000;}
	.bloque01 #comentarios {width: 90%; float: right; margin: 0px;}
	.bloque01 #comentarios dt {color: navy;}
	.bloque01 #comentarios dd {padding-bottom: 10px;}

/* boton01 - boton enlace en home */
  .boton01 {text-align: center; width: 169px; margin: 5px 0px 5px 7px; padding: 0px 0px 0px 0px; background: transparent url(/img/elementos/backBoton01.gif) no-repeat center; }
  .boton01 a {color: #001F7A; padding: 9px 0px 0px 0px; height: 24px; font: bold 12px tahoma, 'trebuchet ms', sans-serif; display: block; text-align: center; vertical-align: middle;text-decoration: none; text-transform: capitalize;}
  .boton01 a:hover {color: #EAF0FF;}
  .boton01 .doble {padding-top: 2px; height: 31px;}
	#boton02 {background: transparent url(/img/elementos/backBoton03.gif) no-repeat center;}
	#boton02 a:hover {color: #FF6600;}
	


/*
	botones sociales
*/
	.botonesSociales {float: left; display: block; width: 173px; padding: 15px 0px 0px 18px; margin: 0px;}
		.botonesSociales li {display: inline; float: left; padding-right: 4px;}
  
/* listados */
	.ultimasNoticias {padding: 0px; margin: 0px;}
	.ultimasNoticias li {list-style: none; padding: 0px 0px 0px 10px; background: transparent url(/img/elementos/flecha01.gif) 2px 8px no-repeat;}
	.ultimasNoticias li a {font: normal 11px 'trebuchet ms', sans-serif;}

	.ultimasNoticias2 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left; width: 100%;}
	.ultimasNoticias2 li {list-style: none; padding: 3px 0px 3px 12px; margin: 0px 0px 0px 10px; background: transparent url(/img/elementos/arrow.png) 0px 8px no-repeat;}
	.ultimasNoticias2 li a {font: normal 13px 'trebuchet ms', sans-serif;}
	
	
	.listadoCanciones {padding: 0px 0px 10px 30px; margin: 0px 0px 0px 0px; float: left; width: 515px;}
	.listadoCanciones li {list-style: deciamal; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px;}
	.listadoCanciones li a {font: normal 13px 'trebuchet ms', sans-serif;}
	.listadoCanciones h4 {
		border-top: 1px solid #AA6633;
		padding-top: 10px;
	}
	
	.speaker {border: 0px; padding: 0px; margin: 0px;}
	
	
	/* bloque otras secciones - menu lateral */	
	.otrasSecciones {padding: 0px; margin: 0px;}
	.otrasSecciones dt {background: transparent url(/img/elementos/backH2.gif) no-repeat; font: bold 12px "Lucida Sans", 'trebuchet ms', arial, sans-serif; color: #555555; text-align: left;text-indent: 15px;height: 19px;text-transform: uppercase;padding: 5px 0px 0px 0px;margin: 5px 0px 0px 0px;}
	.otrasSecciones dd {list-style: none; padding: 2px 0px 0px 10px; background: transparent url(/img/elementos/flecha01.gif) 2px 8px no-repeat; margin: 0px;}
	.otrasSecciones dd a {font: normal 12px 'trebuchet ms', sans-serif;display: block; background: #eee;}
	.doc2 .otrasSecciones dd a {background: #E8E8E8;}
	
	
	.copy {float: right;color: navy;}
	
	/* en contacto */
	.contacto {padding: 5px 0px 10px 0px; margin: 0px;}
	.contacto li {list-style: none; padding: px 0px 3px 0px; margin: 0px 0px 0px 30px;}
	
#calendario {background: #fff;width: 168px;height: 180px;}

	#calendario {border: 1px solid #ccc;}
	#calendario .mes {background: #ccc;}
	#calendario .dias {background: #ddd;}
	#calendario .dias a {background: orange; color: #000; text-decoration: none; display: block; padding: 1px 2px 1px 2px;}
	#calendario .dias a:hover {color: #fff;}


 /* instrumentos */
 
#bodyinstrumentos img {
	padding-right: 7px;
}
 
 
	.instrumentos img {width: 250px;	float: left;}
	.instrumentos h3 {width: 100%;display: block;margin: 20px 0px 10px 0px;}
	.instrumentos {float: left;}		
  
  .bloqueLetras {padding: 5px; border: 1px solid #ddd; background: #f6f6f6;display: none; margin: 5px 0px 5px 0px;}
  
  
  .ulInstrumentos {
  	padding: 20px;
	margin: 0px 0px 0px 3px;
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	width: 490px;
  }
  .ulInstrumentos li {
  		width: 32%; float: left;
		list-style: none;
  }
  
  
 /* galeria fotografica */
 
 .fichaFoto {float: left; width: 47%; margin: 5px; text-align: center;}
 	.fichaFoto p, .fichaFoto2 p {text-align: center;}
	.fichaFoto2 {float: left; text-align: center; width: 100%;}
  .fichaFoto small {
  	display: block;
  }
  
  .saltador {width: 520px; padding: 0px 0px 0px 0px; height: 0px; margin: 0px; float: left;}
  
  .volver {float: right; margin: -20px 0px 0px 0px; padding: 0px;}
  .volver a {text-decoration: none;}

/* formulario comentarios */  
	fieldset {border: 1px solid #ccc;background: #eee; padding: 10px;}
	fieldset legend {font: 19px bold georgia; color: #000;} 
	fieldset label {display: block;}
	fieldset input, fieldset textarea {font: 12px normal 'trebuchet ms',arial, sans-serif;}
	
	
	/* prensa */
	#bodyprensa dt {margin-top: 10px;}

	.bloqueNoticias {width: 540px;}
	.bloqueNoticias img {
		clear: both;
		display: block;
		margin-bottom: 10px;
		border: 0px;
	}
	
	.activo { // en cajaRodamons.php el enlace en el que nos encontramos
		text-decoration: none;
		 color: #444;
	}
	.dtTitulo {font: bold 17px 'georgia'; margin: 40px 0px 10px 0px; color: #000;}
	.ddFlecha {background: transparent url(/img/elementos/arrow.png) 0px 4px no-repeat; padding-left: 12px; }
	
	.otroDisco {padding: 0px 0px 10px 25px;float: left;}
	.otroDisco a {float: left;margin: 10px 0px 0px 0px; text-align: center; padding: 5px; -moz-border-radius: 5px; background: #CACFDB;font: normal 10px 'trebuchet ms'; color: #000; text-decoration: none; width: 123px;}
	.otroDisco a:hover {color: navy;}
	.otroDisco img {width: 123px; padding: 5px 0px 0px 0px;clear: both;}
	.otroDisco .fotoGaleriaHome {
		margin-top: 5px; width: 123px; height: 109px;
	}
	.fichaDisco {width: 530px; float: left; margin: 0px; padding: 5px;}
	.fichaDisco img {padding: 0px 10px 10px 0px;}

	
	margin-top: 5px; width: 123px; height: 109px;

	
	#bodyrodamons01 img, #bodyrodamons04 img {
		padding-left: 7px;
	}
	
/* blog
----------------------------------------------- */
	.bloqueNoticiaBlog {width: 540px; text-align: left; font-size: 12px;}
	.bloqueNoticiaBlog p {
		text-indent: 15px;
		float: left;
		padding: 10px 0px 0px 0px;
		margin: 0px;
		font-size: 12px;
		width: 100%;
	}
	.bloqueNoticiaBlog .foto {
		float: left;
		padding: 0px 10px 5px 0px;
		margin: 0px;
		display: block;
	}
	.bloqueNoticiaBlog .foto img {
		float: left;
		display: block;
		clear: both;
		padding: 0px; margin: 0px;
	}
	.foto dfn {
		float: left;
		display: block;
		font-size: 80%;
		clear: both;
		padding: 3px 3px 15px 3px;
		color: #000;
		width: 100%;
	}

	.bloqueNoticiaBlog h2 small {
		float: right;
	}
	
	.bloqueNoticiaBlog h2  {
		padding: 5px 0px 0px 10px;
	}
	.bloqueNoticiaBlog h2 a {
		text-decoration: none;
		color: #555;
	}
	.bloqueNoticiaBlog .h2Categorias, .bloqueNoticias .h2Categorias {
		float: left;
		width: 540px;
		margin: -10px 0px 15px 0px;
		font-size: 80%;
		text-align: right;
	}

	.bloqueNoticiaBlog .leerMas:link, .bloqueNoticiaBlog .leerMas:visited, .bloqueNoticiaBlog .leerComentarios:link, .bloqueNoticiaBlog .leerComentarios:visited {
		display: block;
		float: left;
		font-size: 80%;
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 30px 0px;
	}
	.bloqueNoticiaBlog .leerComentarios:link, .bloqueNoticiaBlog .leerComentarios:visited {
		float: left;
	}
	
/* proximasActuaciones
----------------------------------------------- */

.proximasActuaciones	 {padding: 0px; margin: 0px;}
	.proximasActuaciones li {list-style: none; padding: 0px 0px 10px 10px; background: transparent url(/img/elementos/flecha01.gif) 2px 8px no-repeat;}
	.proximasActuaciones li a {font: normal 12px 'trebuchet ms', sans-serif;}
	.proximasActuaciones blockquote {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 50px;}

	
/* pie
----------------------------------------------- */
	#pie {padding: 5px 0px 10px 0px; color: #eee; background: #162432;float: left;width: 768px;font: normal 10px 'trebuchet ms', 'Times New Roman', Times, sans-serif;text-align: center;padding-top: 10px;float: left;border-left: 1px solid #000; border-right: 1px solid #000;border-top: 1px solid #000;}
	#pie a {color: #eee;text-decoration: none;font: normal 11px verdana, sans-serif;}
	#pie a:hover {text-decoration: underline;}
	#pie ul li {display: inline;}


/* elementos genericos
----------------------------------------------- */
form {padding: 0px; margin: 0px;}
.preLoad {display: none; width: 0px; height: 0px;}
a[hreflang]:after {content: "\0000a0["attr(hreflang)"]";color: #999;font-size: 10px;}
a {color: blue;text-decoration: underline;}
a:hover {color: red;}
a img {border: 0px;}
b, strong {
	color: #000;
}


/* cajaReproductorMp3 */
.archivoSonoro {
	background: #4D66A9 url(/img/elementos/fondoArchivoSonoro.gif) center no-repeat; padding: 5px 0px 6px 0px; text-align: center; color: #fff;
	float: left;
	width: 175px;
	height: 64px;
	
}
.archivoSonoro h3 {
	 padding: 0px 0px 5px 0px; margin: 0px;
	 font-size: 14px;
}
.archivoSonoro object {
	margin: 0px;
	padding: 0px;
}
.archivoSonoro q {
	display: block;
	width: 100%;
	font-size: 80%;
	padding: 2px 0px 0px 0px;
}


	/* capa ocultacion */
	#ocultarBody {
		display: none;	width: 500px; height: 500px; background: #ccc; opacity: .7; filter: alpha(opacity=70);	position: absolute; top: 0px;	left: 0px;}
	.popFormulario {
		position: absolute; display: none; background: #fff; border: 1px solid #000;	padding: 10px; z-index: 3; font-size: 90%;}
	#sombraPopUp {
		background: #000;	opacity: .2; filter: alpha(opacity=20); position: absolute;	width: 520px; display: none; z-index: 2;}