body{
	margin:0;
	padding:0;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	background-color:#CDE5F1;
}

a img{
	border:none;
}

H3{
	font-size:13px;
	}

/*	Contenedor global del sitio */
#contenedor{
	width:100%;
	float:left;
	}
		/*	Cabecera: engloba los logos y el menu horizontal 	*/
	#cabecera{
		width:755px;
		margin:auto;		
		text-align:right;
		}		
	#cabeceraInt{   /*	cabecera del interior: difiere en altura */
		width:755px;
		margin:auto;		
		text-align:right;
		}		
		#cabeceraInt ul#menu{
			margin-top:38px;
		}
		
		#img a{
			display:block;
			width:767px;
			height:108px;
			margin:0 0 0 120px;
		}
		#cabecera #logo{
			width:188px;
			height:112px;
			float:left;
			text-align:left;
			margin:0 0 0 0 !important;
			margin:0 0 0 0;
			padding:0;
			}
			#cabecera #logo a{
			display:block;
			width:188px;
			height:112px;
			background-image:url(../img/logo.jpg);
			background-repeat:no-repeat;
			background-position:-15px 10px;
			margin:-14px 0 0 0 !important;
			margin:0 0 0 0;			
			}
			#cabecera img.Lenda{
				float:right;
				margin:15px 17px 0 0;				
			}
		ul#menu{
			width:100%;
			list-style-type:none;
			float:left;
			clear:both;
			margin:18px 0 6px 0;
			height:13px;
			padding:0;
			}
			ul#menu li{
				float:left;
				display:inline;
				margin:0 15px 0 0;
				}
			ul#menu li.ultimo{ 
				float:left;
				display:inline;
				margin:0 0 0 0;
				}
				ul#menu li a{
					display:block;
					}
					 ul#menu li a span{ display:none; }
					 ul#menu li a.inicio{
						width:49px;
						height:12px;
						background:url(../img/menu/inicio.gif) top center no-repeat ;
					}
					ul#menu li a.elartista{
						width:76px;
						height:12px;
						background:url(../img/menu/elArtista.gif) top right no-repeat;
					}
					 ul#menu li a.biografia{
						width:82px;
						height:12px;
						background:url(../img/menu/biografia.gif) top right no-repeat;
					}
					ul#menu li a.letras{
						width:51px;
						height:12px;
						background:url(../img/menu/letras.gif) top right no-repeat;
					}
					ul#menu li a.fotos{
						width:49px;
						height:12px;
						background:url(../img/menu/fotos.gif) top right no-repeat;
					}
					ul#menu li a.discografia{
						width:107px;
						height:12px;
						background:url(../img/menu/discografia.gif) top right no-repeat;
					}
					ul#menu li a.librodevisitas{
						width:122px;
						height:12px;
						background:url(../img/menu/librodevisitas.gif) top left no-repeat;
					}
					ul#menu li a.latienda{
						width:75px;
						height:12px;
						background:url(../img/menu/latienda.gif) top right no-repeat;
					}
					ul#menu li a.contacto{
						width:87px;
						height:12px;
						background:url(../img/menu/contacto.gif) top right no-repeat;
					}
					
				ul#menu img{
					border:none;
				}
	#contenido, #contenidoInterior{
		width:100%;
		min-height:224px !important;
		height:auto !important;
		height:224px;
		float:left;
		background-color:#CDE5F1;
		margin:2px 0 0 0 !important;
		margin:6px 0 0 0;
		}

			#contenido #img{
				width:100%;
				min-height:224px !important;
				height:auto !important;
				height:224px;
				float:left;
				text-align:left;
				background:url(../img/promo.jpg) top right no-repeat #000;
				background-position:center;
				}	
				#contenido #img span{
					color:#FFF;
					float:left; 
					font-size:11px;
					margin:10px 0 0 -30px !important;
					margin:10px 0 0 0px;
					}
				
				#contenidoInterior #img span{display:none;}

	#cuerpo{	
		width:100%;
		min-height:150px !important;
		height:auto !important;
		height:150px;
		float:left;
		background-color:#cuerpoContenido;
		}
		#cuerpoContenido{		
			width:755px;
			min-height:150px !important;
			height:auto !important;
			height:150px;
			margin:auto;	
			}		
			#cuerpoContenido p{
				width:100%;
			}
			#cuerpoContenido ul{
				width:100%;
				margin:0;
				padding:0;
				list-style-type:none;
				float:left;
				}
				#cuerpoContenido li{
					float:left;
					margin:0 0 0 0;
					padding:0 0 0 0;
					}
					#cuerpoContenido li IMG{
						float:left;
						width:241px;
						height:150px;
						}
					#cuerpoContenido li.ajustador{
						margin:0 0 0 -3px;
					}
					#cuerpoContenido li a{
						display:block;
						}
						#cuerpoContenido li a span{
							display:none;
						}
						#cuerpoContenido li a.elartista{
							width:169px;
							height:150px;
							background:url(../img/secciones/artista.jpg) top left no-repeat;
						}
						#cuerpoContenido li a.letras{
							width:184px;
							height:150px;
							background:url(../img/secciones/letras.jpg) top left no-repeat;
						}
						#cuerpoContenido li a.librodevisitas{
							width:171px;
							height:150px;
							background:url(../img/secciones/libroVisitas.jpg) top left no-repeat;
						}
						#cuerpoContenido li a.latienda{
							width:225px;
							height:150px;
							background:url(../img/secciones/laTienda.jpg) top left no-repeat;
						}
			

/*			Pie de pagina		*/
	#contenedorPie{
		width:100%;
		float:left;		
		background-color:#CDE5F1;
		padding:35px 0 9px 0;
		}
		#pie{
			width:755px;
			border-top:1px solid #999;
			margin:auto;
			padding:8px 0 0 0;
			color:#666;
			font-size:10px;
			}
			#pie p{    /*		Aviso legal y Email		*/
				margin:0;
				padding:0;
				float:left
				}
				#pie p.desarrollado{		/*		Desarrollado por..	*/
					float:left;
					width:17%;				
					text-align:right;	
					margin:0 5px 0 -5px;
					}
					#pie p.img a span{display:none;}   /*	oculta texto */
					#pie p.img a{   /*	img covenet */
						float:left;
						display:block;
						width:58px;
						height:15px;						
						background:url(../img/covenet.gif) top left no-repeat #FFF;
						}
						
			#pie a{				/*	Color para aviso legal	*/
				color:#666;
			}
			#pie a.email{		/*	Color para el email		*/
				color:#BE1D37;
			}
			
/*	Cabecera de la pagina interior	*/
#img{
		width:100%;
		height:107px;
		float:left;
		text-align:left;
		background-position:center;
		background:url(../img/cabecerainterior.jpg) center no-repeat #000;
		margin-bottom:25px;
}
#contenido #img{
	margin-bottom:0px;
	z-index:100;
}

/*	Reproductor MP3 	*/

#mp3{
	width:170px;
	margin:auto;
	z-index:1000;
	text-align:center;
}

#mp3player{
	float:left;
	margin:10px 0 0 -20px !important;
	padding:0 0 0 0 !important;
	margin:10px 0 0 0px;
	z-index:2000;
}
/*	Contenido Interior del aviso legal */
#cuerpoContenido.avisoLegal{
	text-align:justify;
	}
	#cuerpoContenido.avisoLegal p{
		width:100%;
		line-height:16px;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		margin:0 0 15px 0;
		padding:0 0 0 0;
		}
	#cuerpoContenido.avisoLegal h3{
		float:left;
		margin:0 0 10px 0;
		padding:0 0 0 0;
		width:100%;
		font-size:12px;
		}
	#cuerpoContenido.avisoLegal h4{
		float:left;
		margin:0 0 8px 0;
		padding:0 0 0 0;
		width:100%;
		font-size:11px;
		}
	#cuerpoContenido A{
		color:#4c4c4c;
		}
		
		
/*	Contenido Interior de la biografia */
#cuerpoContenido.biografia{
	text-align:justify;
	}
	#cuerpoContenido.biografia p{
		width:465px;
		line-height:16px;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		margin:0 0 15px 0;
		padding:0 0 0 0;
		}
		#cuerpoContenido.biografia p.flotarD{
			float:right;
			margin:0 0 0 0;
			width:274px;
			padding:0 0 0 0;
			}
			#cuerpoContenido.biografia p.flotarD IMG{
				margin-bottom:12px;
				}	
		
/*	Contenido Interior de las letras*/
#cuerpoContenido.letras{
	width:755px;
	}
	#cuerpoContenido.letras IMG{
		width:90px;
		height:90px;
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
	#cuerpoContenido.letras h3{
		float:left !important;
		float:none;
		margin:5px 0 10px 0;
		padding:0 0 0 0;
		clear:both;
		font-size:13px
		}
	#cuerpoContenido.letras h4{
		float:left !important;
		float:none;
		width:100%;
		font-size:11px;		
		margin:0 0 2px 0;
		padding:0 0 0 0;
		font-weight:normal;
		cursor:pointer;
		}
	#cuerpoContenido.letras .switchcontent{
		float:left !important;
		float:none;
		margin:0 0 10px 0;
		padding:0 0 0 0;
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#000000;
		}
	
	#cuerpoContenido.letras STRONG{
		font-size:9px;
		color:#D9C48B;
		font-weight:bold;
		}
	#cuerpoContenido.letras P{
		width:95%;
		margin:0 0 5px 1%;
		padding:0 0 0 0;
		}
		#cuerpoContenido.letras P.intro{
			float:left;
			margin:0 0 15px 0;
			padding:0 0 0 0;
			font-size:14px;
			font-weight:bold;
			}
	
	#cuerpoContenido.letras UL{
		float:left;
		width:100%;
		margin:0 0 10px 0;
		padding:0 0 0 0;
		list-style-type:none;
		}
		#cuerpoContenido.letras UL LI{
			font-size:10px;
			float:left;
			width:33%;
			display:inline;
			margin:0 0 0 0;
			}
		


/*	FOrmulario de contacto	*/

#cuerpoContenido.contacto p{
	width:40%;
	float:left;
	clear:left;
	line-height:16px;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	}

	form#contacto{
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
		width:100%;
		}
	form#contacto ul{
		width:55%;
		float:left;
		margin:-40px 0 0 0 !important;
		margin:0 0 0 0;
		padding:0 0 0 5%;
		}
		form#contacto li{
			width:100%;
			float:left;
			margin:0 0 3px 0;
			padding:0 0 0 0;
			}
form#contacto label {
	display:block;
	width:30%;
	float:left;
	font-weight:bold;
}
form#contacto label.avisoLegal{
	width:60%;
	font-weight:normal;
}

input.botonBuscar{
		margin:2px 0 0 3px;
		float:left;
		font-size:9px;
		color:#FFF;
		background-color:#BE1D37;
		text-align:center;
		font-size:11px;
		border-width:0;
		font-family:Arial, Helvetica, sans-serif;
}

form#contacto input.caja, form#formularioTienda input.caja, form#formVisitas input.caja{
	width:150px;
	height:14px;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ffffff;
	color:#666;
	}
form#contacto select.caja, form#formularioTienda select.caja{
 	width:200px;
	height:14px;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#ffffff;
	color:#666;
 }

form#contacto textarea.caja, form#formularioTienda textarea.caja, form#formVisitas textarea.caja{
	width:225px;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ffffff;
	color:#666;
}

p.aviso{
	color:#BE1D37;
	font-size:11px;
	font-weight:bold;
}


/*	FORMULARIO DE LA TIENDA*/

#cuerpoContenido.latienda h3{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	}

#cuerpoContenido.latienda P{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	}


#formularioTienda{
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
	}
	#formularioTienda P{
		float:left;
		margin:0 0 20px 0;
		padding:0 0 0 0;
		}
		#formularioTienda P STRONG.pago{
			color:#BE1D37; font-size:10px
			}


	#formularioTienda ul{
		float:left;
		margin:0 0 20px 0;
		padding:0 0 0 0;
		width:100%;
		}
	#formularioTienda UL.discos li{
		width:33%;
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
		#formularioTienda ul.discos li li img{
				width:90px;
				height:90px;
				float:left;
				clear:both;
				}
		#formularioTienda ul.discos li li{
			width:100%;
			float:left;
			margin:0 0 2px 0;
			padding:0 0 0 0;
			clear:left;
			}
			#formularioTienda ul.discos li label{
				width:25%;
				float:left;
				margin:0 0 0 0;
				padding:0 0 0 0;
				}
				
				#formularioTienda ul.discos p{
					margin:0 0 0 0;
					padding:0 0 0 0;
					float:left;
				}
				#formularioTienda ul.discos em{
					font-size:9px;
					font-style:normal;
					margin:0 0 0 8px;
				}
			#formularioTienda ul.discos input.costeTotal{
			width:30px;
			font-size:12px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			color:#000;
			text-align:right;
			background-color:#CDE5F1;
			border-width:0;				
			}

#formularioTienda ul.discos select{
font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

#formularioTienda ul.form{
	width:60%;
	margin:0 0 0 210px !important;
	margin:0 0 0 110px;
	float:left;
	padding:0 0 0 0;
}

	#formularioTienda ul.form select{
		width:152px !important;
		width:155px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		border:1px solid #000;
	}

#formularioTienda ul.form li{
	display:block;
	width:75%;
	margin:0 0 3px 0;
	padding:0 0 0 0;
	float:left;
}
	#formularioTienda ul.form li label{
	display:block;
	width:20%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	#formularioTienda ul.form li label.avisoLegal{
	display:block;
	width:100% !important;
	width:60%;
	font-weight:normal;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	#formularioTienda ul.form input.botonBuscar, #formularioTienda ul.form input#avisoLegal{
		margin:0 0 0 68px !important;
		margin:0 0 0 0;

	}

	#formularioTienda input.costeTotal{
		border-width:0;
		text-align:right;
		width:100px;
		font-size:9px;
	}
	#formularioTienda input.gastosEnvio{
		width:400px;
		border-width:0;
		text-align:left;
		font-size:9px;
		float:left;
		clear:left;
		padding:0 0 0 0;
		margin:3px 0 0 0 !important;
		margin:0 0 0 0;
		background-color:#CDE5F1;
	}
	#formularioTienda ul.resultados label{
		display:block;
		width:20%;
		float:left;
	}
		
	#formularioTienda ul.form label.avisoLegal{
		
		width:100%;
	}


/*	CABECERAS DE SECCION (TITULOS)*/
#cuerpoContenido h2{
	width:755px;
	float:left;
	height:27px;
	margin:0 0 15px 0;
	padding:0 0 0 0;
	background-position:top left;
	background-repeat:no-repeat;
	}
	#cuerpoContenido h3{
	display:block;
	width:100%;
	float:left;
	height:17px;
	margin:20px 0 10px 0;
	}
	#cuerpoContenido h2 span{display:none;}
	#cuerpoContenido h3 span{display:none;}
	
	#cuerpoContenido.biografia h2{		
		background-image:url(../img/interior/titulos/biografia.gif);
		}
	#cuerpoContenido.elartista h2{		
		background-image:url(../img/interior/titulos/elartista.gif);
		}
	#cuerpoContenido.letras h2{		
		background-image:url(../img/interior/titulos/letras.gif);
		}
	#cuerpoContenido.fotos h2{		
		background-image:url(../img/interior/titulos/fotos.gif);
		}
	#cuerpoContenido.discografia h2{		
		background-image:url(../img/interior/titulos/discografia.gif);
		}
		#cuerpoContenido.discografia h3.cd{
			background:url(../img/interior/subtitulos/cd.gif) top left no-repeat;
		}
		#cuerpoContenido.discografia h3.lp{
			display:block;
			width:100%;
			background:url(../img/interior/subtitulos/lp.gif) top left no-repeat;
			height:17px;
		}
		#cuerpoContenido.discografia h3.quinceporcuatro{
			background:url(../img/interior/subtitulos/quinceporcuatro.gif) top left no-repeat;
		}
		#cuerpoContenido.discografia h3.flautadelsapo{
			background:url(../img/interior/subtitulos/flautadelsapo.gif) top left no-repeat;
		}
		#cuerpoContenido.discografia h3.grandesexitos{
			background:url(../img/interior/subtitulos/grandesexitos.gif) top left no-repeat;
		}
		#cuerpoContenido.discografia h3.cuartocreciente{
			height:19px;
			background:url(../img/interior/subtitulos/cuartocreciente.gif) top left no-repeat;
		}
		#cuerpoContenido.discografia h3.asturianoindiano{
			background:url(../img/interior/subtitulos/asturianoindiano.gif) top left no-repeat;
		}		
		
	#cuerpoContenido.librodevisitas h2{		
		background-image:url(../img/interior/titulos/libroVisitas.gif);
		}
	#cuerpoContenido.latienda h2{		
		background-image:url(../img/interior/titulos/latienda.gif);
		}
		
	#cuerpoContenido.contacto h2{
		background-image:url(../img/interior/titulos/contacto.gif);
	}
	
	#cuerpoContenido.avisoLegal h2{
		background-image:url(../img/interior/titulos/avisoLegal.gif);
	}
	
	




/*	SECCION FOTOS	*/
	
	#cuerpoContenido ul#fotos{
		width:755px;
		margin:0;
		padding:0;
		list-style-type:none;
		float:left;
		}
		#cuerpoContenido ul#fotos li{
			float:left;
			margin:0 0 0 0;
			padding:0 0 0 0;
			width:33%;
			text-align:left;
			}
			#cuerpoContenido ul#fotos li IMG{
				width:244px;
				height:150px;
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:left;
				}
			#cuerpoContenido ul#fotos li P{
				font-size:10px;
				font-weight:bold;
				float:left;
				margin:3px 0 15px 0;
				padding:0 0 0 0;
				}

/*	SECCION DISCOGRAFÍA  */
	
	#cuerpoContenido.discografia H3{
		float:left;
		margin:0 0 8px 0;
		padding:0 0 0 0;
		}
	#cuerpoContenido.discografia UL{
		float:left;
		margin:0 0 5px 0 !important;
		margin:0 0 20px 0;
		list-style-type:none;
		padding:0 0 0 0;
		}
		#cuerpoContenido.discografia UL LI{
			float:left;
			width:auto;
			margin:0 21px 20px 0;
			padding:0 0 0 0;
			display:inline;
			}
			#cuerpoContenido.discografia UL LI IMG{
				float:left;
				width:130px;
				height:130px;
				}
				#cuerpoContenido.discografia UL.vinilos LI IMG{
					width:160px;
					height:160px;
				}

/*	SECCION FICHA DEL DISCO		*/

#cuerpoContenido #imagenFicha{
	width:130px;
	float:left;
}
#cuerpoContenido #cuerpoFicha{
	width:605px;
	float:left;
	padding:0 0 0 20px;
}

#cuerpoContenido table th{
	padding:2px;
}
#cuerpoContenido table td{
	padding:2px;
}

#cuerpoContenido table td a.escuchar{
	display:block;
	width:18px;
	height:18px;	
	background:url(../img/interior/fichadiscografia/nota.gif) top left no-repeat;
	}
	#cuerpoContenido table td a.escuchar:hover{
	background:url(../img/interior/fichadiscografia/nota1.gif) top left no-repeat;
	}
	#cuerpoContenido table td a.escuchar span{
		display:none;
	}
#cuerpoContenido table.datos{
	width:300px;
	float:left;	
	margin:10px 0 0 0;
	}
	#cuerpoContenido table.datos th{
		text-align:left;
		color:#BE1D37;
		
		width:100px;
		padding:2px 0 2px 10px;
		}
		#cuerpoContenido table.datos td{
			padding: 0 0 0 10px;
			
		}


#cuerpoContenido table.temas{
	width:100%;
	float:left;
	margin:30px 0 0 0;
	border:1px solid #EEEEEE;
	background-color:#FFFFFF
	}
	#cuerpoContenido table.temas td{
		padding:3px 0 3px 0;
		min-height:24px !important;
		height:24px;
		}
		#cuerpoContenido table.temas td.cancion a{
			margin:auto;
			}
		#cuerpoContenido table.temas th.caravinilo{
			border-top:1px solid #EEEEEE;
		}

#cuerpoContenido dl.creditos{
	float:left;
	width:603px;
	margin:30px 0 0 0;
}
	#cuerpoContenido dl.creditos dt{
		color:#BE1D37;
		font-weight:bold;
	}
	#cuerpoContenido dl.creditos dd{
		margin:0 0 10px 0;
		font-size:10px;
		font-weight:bold;
		line-height:14px;
		}
	
	p.volver{
		float:left;
		width:100%;
		margin:10px 0 0 0;
		}
		p.volver a{
			display:block;
			width:40px;
			text-decoration:none;
			padding:2px 3px 2px 13px;
			background-image:url(../img/bulletVolver.gif);
			background-position:3px 0px;
			background-repeat:no-repeat;
			background-color:#ffffff;
			font-weight:bold;
			}


	.colorTablaCanciones{
		background-color:#EEEEEE;
	}	
	
/*		LIBRO DE VISITAS		*/
#mensaje{
	float:left;
	width:350px;
	margin:-10px 0 0 0 !important;
	margin:0 0 0 0;
	padding:0 0 0 0;	
	}
#formVisitas{
	float:left;
	width:350px;
	margin:-10px 0 0 0 !important;
	margin:0 0 0 0;
	padding:0 0 0 0;	
	}
	#formVisitas ul{
		float:left;
		width:100%;
		}
		#formVisitas li {
			float:left;
			width:100%;
			margin:0 0 3px 0 !important;
			margin:0 0 3px 0;
		}
	#formVisitas label{
		display:block;
		float:left;
		width:20%;		
		}
	#formVisitas label.automatico{
		display:block;
		float:left;
		width:100%;		
		}

		#formVisitas .botonBuscar{
			margin: 0 0 0 70px !important;
			margin: 0 0 0 73px;
		}
		
P.paginador{
	float:left;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	}


#listadoLibroVisitas{
	float:right;
	width:350px;
	min-height:200px !important;
	height:auto !important;
	height:200px;
	margin:-3px 0 0 10px;
	padding:0 10px 10px 10px;
	
	}
	#listadoLibroVisitas ul{
		float:left;
		width:100%;
		
		margin:5px 0 5px 0;
		}
		#listadoLibroVisitas li{
			float:left;
			width:100%;
			padding:10px 5px 10px 5px;
			}
			#listadoLibroVisitas h3{
				margin:0;
				font-size:11px;
				font-weight:bold;
				
			}
			#listadoLibroVisitas p{
				float:left;
				width:100%;
				margin:2px 0 2px 0;
				line-height:16px;
				}
				#listadoLibroVisitas p.pie{
					font-size:10px;
					font-weight:bold;
					margin:3px 0 0 0;
				}
				#listadoLibroVisitas p a{
					display:inline;
					text-decoration:none;
					color:#BE1D37;
					}
					#listadoLibroVisitas p a:hover{
						text-decoration:underline;
					}
		div.aviso{			
			float:left;
			color:#BE1D37;
			width:100%;
			font-weight:bold;
			margin:0 0 15px 0;		
		}