@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:0;
}

body{
	background:#000 url(img/bkg.jpg) no-repeat top center;
	
	font-family:Rockwell, "Times New Roman";
	
	font-size:12px;
	
	line-height:22px;
}

#contenedor{

	margin:auto;

	width:800px;

}

#cabezera{

	width:100%;
	
	height: 110px;
	
	margin:25px 0 0 0;
	
	background-color:#000000;

}

#nav{

	float:right;
	
	width:800px;
	
	height:110px;
	
	margin:0;
	
	padding:0;

}

#nav li{
	
	list-style:none;

	float:left;

	height:110px;

}

#nav a:link, #nav a:visited{

	text-indent:-9999px;

	text-decoration:none;

	display:block;

	height:110px;

	text-align:center;

	line-height:110px;
	
	margin:0 0 0 0;

}

.home{
	
	margin:0;

	background-image:url(img/logo.jpg);

	background-repeat:no-repeat;

	width:300px;

}

#nav .home:hover{

	background-image:url(img/logo2.jpg);

	background-repeat:no-repeat;

	width:300px;
}

.banda{
	
	margin:0;

	background-image:url(img/btn-banda.jpg);

	background-repeat:no-repeat;

	width:100px;

}

#nav .banda:hover{

	background-image:url(img/btn-banda2.jpg);

	background-repeat:no-repeat;

	width:100px;
}

.discos{
	
	margin:0;

	background-image:url(img/btn-discos.jpg);

	background-repeat:no-repeat;

	width:90px;

}

#nav .discos:hover{

	background-image:url(img/btn-discos2.jpg);

	background-repeat:no-repeat;

	width:90px;
}

.galeria{
	
	margin:0;

	background-image:url(img/btn-galeria.jpg);

	background-repeat:no-repeat;

	width:100px;

}

#nav .galeria:hover{

	background-image:url(img/btn-galeria2.jpg);

	background-repeat:no-repeat;

	width:100px;
}

.fechas{
	
	margin:0;

	background-image:url(img/btn-fechas.jpg);

	background-repeat:no-repeat;

	width:90px;

}

#nav .fechas:hover{

	background-image:url(img/btn-fechas2.jpg);

	background-repeat:no-repeat;

	width:90px;
}

.contacto{
	
	margin:0;

	background-image:url(img/btn-contacto.jpg);

	background-repeat:no-repeat;

	width:120px;

}

#nav .contacto:hover{

	background-image:url(img/btn-contacto2.jpg);

	background-repeat:no-repeat;

	width:120px;
}


/*fin nav*/	

/*cuerpo*/

#cuerpo{

	width:100%;
	
	padding:0;
	
	margin:20px 0 0 0;
}


/*columna izquierda*/

#news{

	width:485px;
	
	float:left;
	
	padding:0;
	
	margin:0;
	
	background-color:#000000;

}

#news p{

	padding:0 20px 0 20px;
	
	margin:0 0 20px 0;
	
	line-height:22px;
	
	color:#FFFFFF;
}

#news h2{

	text-indent:-9999px;

	padding:0;

	margin:0;
	
	width:485px;
	
	height:55px;
	
	background-image:url(img/fechas2.jpg);
}

#news h1{
	
	font-size:20px;
	
	color:#FF0000;
	
	margin:0 0 0 20px;
}

#news small{
	
	margin:0 0 0 5px;

	font-size:12px;
	
	color:#FF0000;
	
}

#news img{

	margin:15px 0 15px 20px;
}

.separa{
	
	background-image:url(img/separa.jpg);
	
	background-repeat:no-repeat;
	
	width:485px;
	
	height:10px;
	
	margin:0 0 15px 0;
}

/*fin columna izquierda*/

/*columna derecha*/

#der{

	margin:0;

	width:300px; 
	
	float:right;
	
}

#fecha{

	margin:0 0 0 0;
	
	width:300px;

}

#fecha h1{

	height:55px;
	
	background-image:url(img/fechas.jpg);
	
	width:300px;
	
	text-indent:-9999px;

}

#fecha li{
	list-style:none;
}

#fecha a:link, #fecha a:visited{

	text-decoration:none;
}

/*redes sociales*/
#redsocial{

	margin:10px 0 0 0;
	
	width:300px;
	
	height:70px;

}

#redsocial li{
	
	list-style:none;

	float:left;

	height:70px;

}

#redsocial a:link, #redsocial a:visited{

	text-indent:-9999px;

	text-decoration:none;

	display:block;

	height:70px;

	text-align:center;

	line-height:70px;
	
	margin:0;

}

.facebook{
	
	margin:0;

	background-image:url(img/facebook.jpg);

	background-repeat:no-repeat;

	width:75px;

}

#redsocial .facebook:hover{

	background-image:url(img/facebook2.jpg);

	background-repeat:no-repeat;

	width:75px;
}

.twitter{
	
	margin:0;

	background-image:url(img/twitter.jpg);

	background-repeat:no-repeat;

	width:75px;

}

#redsocial .twitter:hover{

	background-image:url(img/twitter2.jpg);

	background-repeat:no-repeat;

	width:75px;
}

.myspace{
	
	margin:0;

	background-image:url(img/myspace.jpg);

	background-repeat:no-repeat;

	width:75px;

}

#redsocial .myspace:hover{

	background-image:url(img/myspace2.jpg);

	background-repeat:no-repeat;

	width:75px;
}

.youtube{
	
	margin:0;

	background-image:url(img/youtube.jpg);

	background-repeat:no-repeat;

	width:75px;

}

#redsocial .youtube:hover{

	background-image:url(img/youtube2.jpg);

	background-repeat:no-repeat;

	width:75px;
}




/*fin columna derecha*/

.limpia{
	clear:both;
	
	visibility:hidden;
}

/*fin nav*/	

#pie{

	background-image:url(img/pie.jpg);

	background-repeat:no-repeat;

	width:800px;
	
	height:150px;
	
	margin:20px 0 0 0;
}

/*fin cuerpo*/