*{ margin:0; padding:0}
ul{ list-style:none;}
img{ border:0;}
body{ background:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}

.logondn{ background:url(../img/logotodos.gif) no-repeat left top; width:218px; height:290px; position:absolute; z-index:11; left:50%; margin-left:-405px; top:20px;}
.contenedor{ width:884px; margin:0px auto; padding:13px 0; height:590px; background:#000;}
.barra{ width:31px; height:607px; float:left; margin-right:13px; background:url(../img/barra.gif) no-repeat left top;}
h1{ display:none;}
.sidebar{ width:142px; float:left; margin-right:13px;}
	.intro{ background:url(../img/mod_intro.jpg) no-repeat left top; width:142px; height:359px; margin-bottom:16px; }
	.cont{ padding:10px;}
	.txtintro{  border:1px solid #000; padding:4px; background:#FFFFFF; margin-top:198px; display:none;}
	.newsletter{ background:url(../img/mod_newsletter.jpg) no-repeat left top; width:142px; height:153px;}
	.newsletter p{ padding: 10px; padding-top:48px; padding-bottom:5px;}
	.newsletter input{ width:118px; margin:0 10px; border:1px solid #CCCCCC; font-size:10px; color:#999999;}
.contenido{ width:658px; float:left;}
.footer{ float:left; height:70px; margin-top:8px; background:#FFFFFF; width:813px; background:url(../img/fnd_pie.jpg) no-repeat left top; position:relative}
.footer img{ position:absolute;bottom:5px; right:210px;}
.apartados{ position:relative; height:446px;}

/*menu*/
.menu{ height:70px; margin-bottom:13px;}
.menu li{ float: left; }
.menu li a{ display:block; margin-right:9px;}
.menu li a span{ display:none}
.menu li a:hover{filter: alpha(opacity=80); opacity: .8;}
	#homebot{ background: url(../img/menu/home_of.jpg) no-repeat left top; width:66px; height:70px;}
	#homebot.pulsado, #homebot:hover{background: url(../img/menu/home_on.jpg); }
	#biobot{ background: url(../img/menu/bio_of.jpg) no-repeat left top; width:60px; height:70px;}
	#biobot.pulsado, #biobot:hover{background: url(../img/menu/bio_on.jpg);}
	#galeriabot{ background: url(../img/menu/galeria_of.jpg) no-repeat left top; width:66px; height:70px;}
	#galeriabot.pulsado, #galeriabot:hover{background: url(../img/menu/galeria_on.jpg);}
	#conciertosbot{ background: url(../img/menu/conciertos_of.jpg) no-repeat left top; width:87px; height:70px;}
	#conciertosbot.pulsado, #conciertosbot:hover{background: url(../img/menu/conciertos_on.jpg);}
	#noticiasbot{ background: url(../img/menu/noticias_of.jpg) no-repeat left top; width:71px; height:70px;}
	#noticiasbot.pulsado, #noticiasbot:hover{background: url(../img/menu/noticias_on.jpg);}
	#contactobot{ background: url(../img/menu/contacto_of.jpg) no-repeat left top; width:81px; height:70px;}
	#contactobot.pulsado, #contactobot:hover{background: url(../img/menu/contacto_on.jpg);}
	#tiendabot{ background: url(../img/menu/tienda_of.jpg) no-repeat left top; width:70px; height:70px;}
	#tiendabot.pulsado, #tiendabot:hover{background: url(../img/menu/tienda_on.jpg);}
	#colabbot{ background:url(../img/menu/colab_of.jpg) no-repeat left top; width:80px; height:70px; }
	#colabbot.pulsado, #colabbot:hover{background: url(../img/menu/colab_on.jpg);}
	
/*apartados*/
#home{ background:url(../img/apartados/home.jpg) no-repeat left top;}
#bio{ background:url(../img/apartados/bio.jpg) no-repeat left top;}
#noticias{ background:url(../img/apartados/noticias.jpg) no-repeat left top;}
#conciertos{ background:url(../img/apartados/conciertos.jpg) no-repeat left top;}
#contacto{ background:url(../img/apartados/contacto.jpg) no-repeat left top;}
#galeria{ background:url(../img/apartados/galeria.jpg) no-repeat left top;}
#tienda{ background:url(../img/apartados/tienda.jpg) no-repeat left top;}
#paso1{ background:url(../img/apartados/paso1.jpg) no-repeat left top;}
#paso2{ background:url(../img/apartados/paso2.jpg) no-repeat left top;}
#paso3{ background:url(../img/apartados/paso3.jpg) no-repeat left top;}
#paso4{ background:url(../img/apartados/paso4.jpg) no-repeat left top;}
#colab{ background:url(../img/apartados/colab.jpg) no-repeat left top;}

/*cargador*/
.carga{ position:absolute; left: 50%; margin-left:-442px; width:884px; height:607px; background:#FF3300; top:13px; z-index:12;}
.logo{ background:url(../img/logoload.gif) no-repeat left top; width:100px; height:90px; margin:0 auto; margin-top:200px; padding-top:40px;}
.loading{ background:url(../img/loading.gif) no-repeat left top; width:32px; height:32px; margin:0 auto;}

/*bio*//*width:189px;*/
.txtbio{ width:189px; float:left; }
.txtbio p{ margin-top:7px;}
.listbio{ width:456px; position:absolute; left:214px;}
.listbio a{ float:left;}
.listbio .pulsado{filter:alpha(opacity=70); opacity: .7;}

#niusdenit{overflow:auto;}
#biobernat{width:131px; height:458px; display:block;   }
#biobernat:hover, #biobernat.pulsado{ background:url(../img/bio_bernat.gif) no-repeat left top; width:131px; height:458px; display:block;}
#biocarlos{width:107px; height:458px; display:block;}
#biocarlos:hover, #biocarlos.pulsado{background:url(../img/bio_carlos.gif) no-repeat left top; width:107px; height:458px; display:block;}
#biovicent{width:102px; height:458px; display:block;}
#biovicent:hover, #biovicent.pulsado{background:url(../img/bio_vicent.gif) no-repeat left top; width:102px; height:458px; display:block;}
#biodavid{width:116px; height:458px; display:block;}
#biodavid:hover, #biodavid.pulsado{background:url(../img/bio_david.gif) no-repeat left top; width:116px; height:458px; display:block;}

/*galeria*/
#cargagaleria{ position: absolute;right:20px }
#galeria { position:relative; }
#galeria .tipogaleria a{ display:block; width:139px; height:88px;float:left; }
#galeria .tipogaleria{ width:300px; position:absolute; bottom:13px; left:-1px;}
#galeria .tipogaleria #galerialive{ width:152px; margin-right:0;}
#galeria .tipogaleria #galerialive:hover, #galeria .tipogaleria #galerialive.tpulsado{ background:url(../img/slideshow/thumbnails/ndn_09.jpg) no-repeat left top;}
#galeria .tipogaleria #galeriawalk:hover, #galeria .tipogaleria #galeriawalk.tpulsado{ background:url(../img/slideshow/thumbnails/ndn_04.jpg) no-repeat center top;}
/*noticias*/
#noticias, #conciertos{ position:relative;}
#carganoticias, #cargaconciertos{
width:242px; float:right; margin-right:30px; height:335px; position:absolute; overflow:auto; right:0px; top:20px;
}
#cargaconciertos{
width:283px; float:right; margin-right:20px; height:370px; position:absolute; overflow:auto; right:0px; top:20px; background:#FFFFFF; padding:10px; border:1px solid #E6E6E6;
}
#carganoticias dt, #cargaconciertos dt{ font-size:12px; font-weight:bold;}
#cargaconciertos dt{ color:#FF3300; font-size:12px; font-weight:bold;}
#cargaconciertos dt.celebrado{ color:#666666;}
#carganoticias dl span, #cargaconciertos span{ font-size:9px; color: #666666; display:block;}
#carganoticias dd, #cargaconciertos dd{ margin-bottom:10px;}
/*pie*/
.reproductor{ float:right;}
/*contacto*/
#contacto{ position:relative; color:#FFFFFF;}
.contactofrm{ position:absolute; bottom:20px; left:15px; width:298px; height:295px;}
.contactofrm label{ display:block; margin-top:10px; margin-bottom:4px;}
.contactofrm input, .contactofrm textarea{border:1px solid #CCCCCC; font-size:11px; width:178px; font-family:Arial, Helvetica, sans-serif; padding:2px;}
#enviar{ background:#FF3300; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; width:47px; border:0; float:right; margin-right:118px; margin-top:10px;}
.contactofrm h2 a{color: #FFFFFF; margin-top:10px; font-weight:normal; font-size:13px;}
#home{ position:relative;}
#home a:hover{filter: alpha(opacity=60); opacity: .6;}
.avanceconciertos{ position:absolute; left:69px; top:123px; width:150px; height:69px; font-size:10px;}
.avanceconciertos img{ float:right; margin-top:5px; margin-right:25px;}
.avancenoticias{ position:absolute; left:424px; top:101px; width:150px; height:69px; font-size:10px;}
.avancenoticias img{ float:right; margin-top:5px; margin-right:25px;}
.avancecontacto{ position:absolute; left:518px; top:179px; width:150px; height:69px; font-size:10px;}
.avanceforo{ position:absolute; left:252px; top:162px; width:150px; height:69px; font-size:10px;}
/*tienda*/
#tienda, #tienda{ position:relative;}
#cargatienda, #cargatienda{
width:242px; float:right; margin-right:30px; height:335px; position:absolute; overflow:auto; right:0px; top:20px;
}
#cargatienda{
width:283px; float:right; margin-right:20px; height:370px; position:absolute; overflow:auto; right:0px; top:20px; background:#FFFFFF; padding:10px; border:1px solid #E6E6E6;
}
#cargatienda dt, #cargatienda dt{ font-size:12px; font-weight:bold;}
#cargatienda dt{ color:#FF3300; font-size:12px; font-weight:bold;}
#cargatienda dt.celebrado{ color:#666666;}
#cargatienda dl span, #cargatienda span{ font-size:9px; color: #666666; display:block;}
#cargatienda dd, #cargatienda dd{ margin-bottom:10px;}

/*colab
listbio2 posiciona las fotos de mati y rob encima de ellos mismos para crear los links a su info personal
*/ 
.txtcolab{ width:189px; float:left;}
.txtcolab p{ margin-top:7px;margin-bottom:7px;}
.listcolab{width:456px; position:absolute; padding-left:222px; top:1px; }
.listcolab a{ float:left;}
.listcolab .pulsado{filter:alpha(opacity=70); opacity: .7;}

#colaboradors{overflow:auto;}
#biomaties{width:196px; height:458px; display:block;}
#biomaties:hover, #biomaties.pulsado{background:url(../img/bio_maties.gif) no-repeat left top; width:196px; height:458px; display:block;}
#bioroberto{width:240px; height:458px; display:block;}
#bioroberto:hover, #bioroberto.pulsado{background:url(../img/bio_roberto.gif) no-repeat right top; width:240px; height:458px; display:block;}