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

/*#############################################################
Nombre: Living Barcelona Dj
Fecha: Noviembre'09
Autor: Loop Comunicacio
URL: http://www.loopcomunicacio.com
#############################################################*/

/* General */

html {min-height: 100%;}

body { margin: 0; padding: 0; background: #000000 url(img/contenido-bg.jpg) no-repeat center top; font-size: 12px; font-family: "Arial", "Helvetica", sans-serif; color:#FFFFFF; }

p { margin:0; padding:0; font-size: 12px; font-family: "Arial", "Helvetica", sans-serif; color:#FFFFFF;  }
a { margin:0; padding:0; font-size: 12px; font-family: "Arial", "Helvetica", sans-serif; color:#FFFFFF;  } 
a:link { color : #A28432; text-decoration : none; } 
a:visited { color : #A28432; text-decoration : none; } 
a:hover { color : #666666; text-decoration : none; } 
a:active { color : #A28432; text-decoration : none; } 
h1 { margin:0; padding:0; font-family: "Arial", "Helvetica", sans-serif; font-size: 16px; font-weight: normal; color: #A28432; }
h2 { margin:0; padding:0; font-family: "Arial", "Helvetica", sans-serif; font-size: 14px; font-weight: bold; color: #A28432; }
h3 { margin:0; padding:0; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; font-weight: bold; color: #A28432; } 
h4 { margin:0; padding:0; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; font-weight: normal; color: #A28432; } 
h5 { margin:0; padding:0; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; } 
h6 { margin:0; padding:0; font-family: "Arial", "Helvetica", sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; } 

td { padding:0; font-family: "Arial", "Helvetica", sans-serif; font-size:12px; font-weight: normal; color:#FFFFFF; text-decoration:none; }

img { border: 0px; }


/* estructura */

#contenido { margin:0 auto; padding:0; width:900px; }

#cabecera { margin: 0; padding: 0; height: 170px; }
	.cabecera-izq { float:left; margin-left: 20px; width:220px; height: 170px; }
	.cabecera-dcha { float:right; margin-right: 20px; padding-top:5px; width:635px; height: 165px; }

/* menu */
#barra-menu { margin: 0; padding: 0; height: 40px;  }
	.menu { list-style:none; margin: 0 20px 0 35px; padding:0; }
	.menu li { float:left; }
	.menu li a { display:block; margin: 0px; padding: 12px 15px 12px 15px; color: #FFFFFF; font-family: "Arial", "Helvetica", sans-serif; font-size:12px; text-decoration:none; }
	.menu li a:hover { background-color: #A28432; }
	.menu li a.current { margin: 0px; padding: 12px 15px 12px 15px; color: #FFFFFF; font-family: "Arial", "Helvetica", sans-serif; font-size:12px; font-weight:normal; text-decoration:none; background-color: #A28432; }
	.menu li a:hover.current { color: #FFFFFF; }


/* Cuerpo */
#addthis { margin: 10px 20px 20px 680px; padding: 0px; height:16px }

#cuerpo { clear: both; margin: 0 20px; padding: 15px 15px 0 15px; min-height:400px; height: auto !important; height:400px; }
	#cuerpo img { border: 1px solid #A28432; }
	#cuerpo h1 { margin-bottom:15px; padding:0; font-family: "Arial", "Helvetica", sans-serif; font-size: 16px; font-weight: normal; color: #A28432; }
	#cuerpo p { margin-bottom:15px; padding:0; font-size: 12px; font-family: "Arial", "Helvetica", sans-serif; color:#FFFFFF; font-weight: normal;  }
	
	.cancion { margin:0; padding-top:3px; padding-bottom:3px; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; font-weight: normal; color:#666666; }
	
	.cuerpo-titulo { margin: 40px 180px 0 180px; padding: 10px 25px 10px 25px; width:400px; background-color:#A28432; }
	.cuerpo-registro { margin: 0 180px 20px 180px; padding: 25px 25px 5px 25px; width:400px; background-color:#423515; }
	
	.column-izq { float: left; width: 280px; padding: 0px; }
	.column-dcha { float: right; width: 600px; padding: 0px; }
	
/* pie */
#pie { clear:both; margin: 20px 35px 0 35px; padding: 0px; height:100px; text-decoration: none; font-family: "Arial", "Helvetica", sans-serif; font-size:11px; color: #6f6f6f; line-height: 15px; }

	.logos { margin-bottom: 10px; padding: 0px; height: 35px; }

	.pie-izq { float:left; margin: 0px; width:400px; color: #A28432; }
		.pie-izq a { color: #A28432; font-size:11px; text-decoration: none; }
		.pie-izq a:hover { color: #FFFFFF; text-decoration: none; }
	.pie-dcha { float:right; margin: 0px; width:400px; text-align: right; }
		.pie-dcha a { color: #A28432; font-size:11px; text-decoration: none; }
		.pie-dcha a:hover { color: #FFFFFF; text-decoration: none; }
	
/* Formulario */

#formulario { margin-top: 10px; padding: 0px; }

	#formulario p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #FFFFFF; text-decoration:none; }

	fieldset { border: 0; }
	legend{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #FFFFFF; }
	label,input { display: block; float: left; margin: 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; }
	label { color: #FFFFFF; text-align: right; width: 100px; padding-top: 2px; padding-right: 5px; }
	input { border: 1px solid #A28432; color: #000000; }
	textarea { border: 1px solid #A28432; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; color: #000000; width: 250px; }
	br { clear: left; }

	.btnenviar { margin-left: 10px; background-color: #363636; border: 1px solid #A28432; width: 80px; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
	.etiqueta_comentario{ margin-left: 5px; margin-bottom: 1px;	}
	.no_style{ border: 0; }
	
/* Slide Imagenes */
#box1 { position:absolute; }
.mask{ position:relative; width:625px; height:160px; overflow:hidden; }
.mask img{ position:absolute; display:block; border:none; }