html{ margin:0; padding:0; width:100%; }
body{ 
	margin:0; 
	padding:0; 
	background:#f3b757; font-family:Arial, Helvetica, sans-serif; font-size:14px; overflow-y:scroll; }

a:hover{ text-decoration:none; }
#contenedor-c{
	width:95%;
	margin:0 auto 0 auto;
	padding:0;
	clear:both;	
}
#contenedor{ 
	/*width:779px; */
	width:100%;
	float:left;
	clear:both;
	margin:0; 
	padding:0 0 30px 0; 
	
	}

#menu{
	width:26%; 
	float:left; 
	margin:134px 0 0 2% !important; 
	margin:134px 0 0 1%; 
	padding:63px 35px 0 0;
	position:relative;
	}
	#menu a{ 
		display:block; 
		float:left; 
		clear:both; 		
		padding:0; 
		width:220px; 
		height:34px; 
		background-position:top left;
		background-repeat:no-repeat;
		}
		#menu li img{ height:34px; float:left; }
		#menu a span{ 
			display:none;
		}
		#principal{ position:absolute; float:left; width:100%; margin:0; padding:0; top:0; left:0; }
		
		#menu #principal a	{ background-image:url(../img/paginaprincipalnegro.jpg); }
		#menu #loquesomos a	{ background-image:url(../img/loquesomosnegro.jpg); }
		#menu #escucha a		{ background-image:url(../img/escuchanegro.jpg); }
		#menu #album a		{ background-image:url(../img/albumnegro.jpg); }			
		#menu #conciertos a	{ background-image:url(../img/conciertosnegro.jpg); }
		#menu #contratacion a{ background-image:url(../img/contratacionnegro.jpg); }
		#menu #antigua	a	{ background-image:url(../img/antiguaetapanegro.jpg); }
		#menu #saludanos a	{ background-image:url(../img/saludanosnegro.jpg); }
		#menu #bitacora	a	{ background-image:url(../img/cuadernonegro.jpg); }
		#menu #enlaces a	{ background-image:url(../img/enlacesnegro.jpg); }
		
		#menu #principal a:hover	{ position:absolute; top:0; left:0; background-image:url(../img/paginaprincipalblanco.jpg); }
		#menu #loquesomos a:hover	{ background-image:url(../img/loquesomosblanco.jpg); }
		#menu #escucha a:hover		{ background-image:url(../img/escuchablanco.jpg); }
		#menu #album a:hover		{ background-image:url(../img/albumblanco.jpg); }			
		#menu #conciertos a:hover	{ background-image:url(../img/conciertosblanco.jpg); }
		#menu #contratacion a:hover{ background-image:url(../img/contratacionblanco.jpg); }
		#menu #antigua	a:hover	{ background-image:url(../img/antiguaetapablanco.jpg); }
		#menu #saludanos a:hover	{ background-image:url(../img/saludanosblanco.jpg); }
		#menu #bitacora	a:hover	{ background-image:url(../img/cuadernoblanco.jpg); }
		#menu #enlaces a:hover	{ background-image:url(../img/enlacesblanco.jpg); }
		

		#menu #loquesomos a.select	{ background-image:url(../img/loquesomosrojo.jpg); }
		#menu #escucha a.select		{ background-image:url(../img/escucharojo.jpg); }
		#menu #album a.select		{ background-image:url(../img/albumrojo.jpg); }			
		#menu #conciertos a.select	{ background-image:url(../img/conciertosrojo.jpg); }
		#menu #contratacion a.select{ background-image:url(../img/contratacionrojo.jpg); }
		#menu #antigua	a.select	{ background-image:url(../img/antiguaetaparojo.jpg); }
		#menu #saludanos a.select	{ background-image:url(../img/saludanosrojo.jpg); }
		#menu #bitacora	a.select	{ background-image:url(../img/cuadernorojo.jpg); }
		#menu #enlaces a.select	{ background-image:url(../img/enlacesrojo.jpg); }		
		
		
		
		
		#menu ul{
			display:block;
			width:100%;
			
			list-style-type:none;
			margin:0; padding:0;
			}
			#menu ul li{ width:100%;
				float:left;
				margin:0 0 2px 0; 
				padding:0; 
				}
	
	
#cuerpo{ 
	/*width:500px; */
	width:66%;
	float:left; 
	margin:0; 
	padding:26px 0 0 0; 
	}
	
	#cabecera{ 
		width:100%; 
		float:left; 
		margin:0 0 32px 0; 
		padding:0; 
		}
		#cabecera h1,
		#cabecera a{ 
			width:476px; 
			height:95px; 
			float:left; 
			clear:both; 
			display:block;
			margin:0; 
			padding:0; 
			background:url(../img/logokibla.jpg) top left no-repeat; 
			}
			#cabecera h1 span,
			#cabecera h2 span{ display:none; }
		
		#cabecera h2{ 
			width:476px; 
			height:35px; 
			float:left; 
			clear:both; 
			margin:0; 
			padding:0; 
			background:url(../img/logoweboficial.jpg) top right no-repeat; 
			}
		
	#contenido{ 
		width:100%; 
		float:left; 
		clear:both; 
		margin:0; 
		padding:0; 
		height:auto; 
		overflow:hidden; 
		}
		
		#contenido h1,
		#contenido h2{ margin-top:0; }
		
div.pie{ width:100%; float:left; margin:10px 0 0 0; padding:0; font-family:"Times New Roman", Times, serif; font-size:18px; text-align:center; }

marquee{ width:100%; clear:both; float:left; margin:0 0 20px 0; }

/* div.centro	*/
div.centro{ width:100%; clear:both; margin:0 0 20px 0; padding:0; text-align:center; }
div.cuadro{ width:99%; text-align:center; border:1px solid #666; background:#f4f4f4; clear:both; margin:0 0 20px 0; padding:0;}
a.alt{ color:#000; font-weight:bold }