@import "reset.css";

body {
	background-color: #000;
	font-family:Tahoma, Geneva, sans-serif; color:#FFF;
	line-height:16px;
	font-size:12px;
}
#contenedor {
	padding: 0;
	margin:auto;
	width:825px;
}
#header{
	background:url(images/header.png) no-repeat;
	width:825px;
	height:200px;
	
}
#menu {
	background:url(images/menu.png) no-repeat;
	height:50px;
	width:780px;
	padding-left:45px;
	padding-top:7px;
}
.boton { margin: 5px 25px 0 0; }
.boton2 { margin: 5px 0px 0 0; }

.cuerpo {
	float:left;
	margin:0;
	padding: 0;
}

.menorPadding{ margin-top:-10px; text-decoration:none; color:#FF0;}

h5 {font-size:9px; line-height:10px}

.centrar { width: 474px; height:517px; left:50%; top: 50%; margin-top:-298px; margin-left:-237px; position:absolute; text-align:center; }
#entrar { background:url(images/indexEntrar.png) no-repeat; width:143px; height:52px;display:block; margin-left:auto; margin-right:auto}
#entrar:hover { background:url(images/indexEntrarPress.png)}


#menu li {float:left;line-height:39px;}
#menu li a {display:block;text-indent:-10000px;text-align:center; border:0;}
#menuInicio{background:url(images/menuInicio.png) no-repeat; width:79px; }
#menuBanda{ background:url(images/menuBanda.png) no-repeat; width:88px; }
#menuDiscos{background:url(images/menuDiscos.png) no-repeat; width:88px;}
#menuMultimedia{background:url(images/menuMultimedia.png) no-repeat; width:148px;}
#menuLibro{background:url(images/menuLibro.png) no-repeat; width:77px;}
#menuContacto{background:url(images/menuContacto.png) no-repeat; width:126px;}
#menuMultimedia2{background:url(images/menuMultimediaPress.png) no-repeat; width:148px;}

#menuInicio:hover{background:url(images/menuInicioPress.png) no-repeat; width:79px; }
#menuBanda:hover{ background:url(images/menuBandaPress.png) no-repeat; width:88px; }
#menuDiscos:hover{background:url(images/menuDiscosPress.png) no-repeat; width:88px;}
#menuMultimedia:hover{background:url(images/menuMultimediaPress.png) no-repeat; width:148px;}
#menuLibro:hover{background:url(images/menuLibroPress.png) no-repeat; width:77px;}
#menuContacto:hover{background:url(images/menuContactoPress.png) no-repeat; width:126px;}

#homePre{background:url(images/homePre.png) no-repeat; width:825px; height:42px;}
#homeNoticias{background:url(images/homeNoticias.png) no-repeat; width:189px;height:288px; padding-left:62px; padding-top:57px}
#homeNoticias .cajaNoticias{width:174px; height: 262px; overflow:scroll; overflow-x: hidden;}
#homeVideos{background:url(images/homeVideos.png) no-repeat; width:307px;height:288px; padding-left:24px; padding-top:57px}
#homeVideos .cajaVideos{ width:290px; height:237px; text-align:center; padding-top:25px;}
#homeVideos .cajaVideos p{ padding-top:7px; margin-bottom:3px}
#homeVideos .cajaVideos a { text-decoration:none; color:#FF0}
#homeDestacados{background:url(images/homeDestacados.png) no-repeat; width:305px;height:295px; padding-left:26px; padding-top:50px}
#destacadosF1{background:url(images/homeDestacadosF1.png) no-repeat; width:289px;height:26px;}
#destacadosF2{background:url(images/homeDestacadosF2.png) no-repeat; width:289px;height:88px;}
#destacadosDefault{background:url(images/home_destacados.png) no-repeat; width:289px;height:187px; margin-top:40px}
#destacadosLuna{background-image:url(images/home_destacadosLuna.png); width:289px; height:71px;}
#homeFechas{background:url(images/homeFechas.png) no-repeat; width:225px;height:288px; padding-left:18px; padding-top:57px}
#homeFechas .cajaFechas{ width:175px; height:262px; overflow:scroll; overflow-x: hidden;}
#homeFotos{background:url(images/homeFotos.png) no-repeat; width:755px;height:134px; padding-left:70px; padding-top:60px}

#homeFotos img { margin-right:15px; border:1px solid #111}
#homeFotos img:hover { border:1px solid #666}
#homeFooter{background:url(images/homeFooter.png) no-repeat; width:825px;height:65px;}

#bandaPre { background:url(images/bandaPre.png) no-repeat; width:825px; height:35px; }
#bandaIzq { background:url(images/bandaIzq.png) no-repeat; width:38px; height:555px; }
#bandaIntegrantes { background:url(images/bandaIntegrantes.png) no-repeat; width:184px; height:500px; padding-top:55px; padding-left:30px}
#bandaBio { background:url(images/bandaBio.png) no-repeat; width:541px; height:210px; }
#bandaHistoria { background:url(images/bandaHistoria.png) no-repeat; width:501px; height:290px; padding-top:55px; padding-left:40px; }
#bandaFooter { background:url(images/bandaFooter.png) no-repeat; width:825px; height:68px; }
#bandaDer { background:url(images/bandaDer.png) no-repeat; width:32px; height:555px; }
#bandaBioTitulos { width:117px; padding-left:35px; padding-top:55px; float:left}
#bandaBioTexto { width:330px; height:137px; float:left; margin-left:15px; margin-top:48px; padding-right:3px; }
.bandaImg { margin-right:10px; margin-bottom:10px; }
.texto_bio{ font-size: 14px; font-weight:100;}
.desc_bio{ font-size: 13px; font-weight:100; overflow-y:scroll; overflow-x: hidden;}
.bandaHistoriaTexto { font-size:13px; width:450px; height:250px; padding-right:10px; overflow:scroll; overflow-x: hidden}	


#bandaPre { background:url(images/bandaPre.png) no-repeat; width:825px; height:35px; }
#discosDiscografia {background:url(images/discosDiscografia.png) no-repeat; width:760px; height:186px; padding-left:65px; padding-top:45px; position:relative;}
#discosPablo {background:url(images/discosPablo.png) no-repeat; width:765px; height:186px; padding-left:65px; padding-top:45px; position:relative;}
.masDiscos {width:37px; height:43px; position:absolute; top:143px; left:764px; }
.masDiscos:hover {background:url(images/discosMasPress.png); width:37px; height:43px;}
.discosSombra {filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.discosSombra:hover {filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
#discosCajaDiscos { width:685px; height:154px; overflow:scroll; overflow-y:hidden}
#discosCajaDiscos2 { width:800px; height:145px; padding-left:6px}
#discosCajaDiscos3 { width:685px; height:154px; overflow:hidden; padding-top:10px;}
#discosCajaDiscos4 { width:670px; height:145px; padding-left:6px}
#discosCajaTemas{ width:280px; height:167px; float:left; overflow:scroll; overflow-x:hidden; border-top:1px solid #666; margin-top:3px}
#discosCajaTemas2{ width:290px; height:auto;}
#discosTapaG { width:200px; height:200px; float:left; margin-right:20px;}
#discosTitulo { width:270px; float:left; margin-bottom:px;}
.disco { width:85px; text-align:center; font-size:12px; line-height:15px; margin-right:14px; float:left}
.disco2 { float:left; width:80px; text-align:center; font-size:12px; margin-right:15px; margin-left:15px }
.disco p { margin-top:5px;}
.disco img { margin-top:3px;}
#discos2 { width:825px;}
#discosCumbias {background:url(images/discosCumbias.png) no-repeat; width:552px; height:252px; padding-left:70px; padding-top:80px; float:left}
#discosCumbias2 {background:url(images/discosCumbias2.png) no-repeat; width:552px; height:252px; padding-left:70px; padding-top:80px; float:left}
#discoOnline { position:absolute; top:-304px; right:241px; text-decoration:none}
#discoOnline a p { font-size:12px; line-height:14px; overflow:visible; width:130px; height:30px; text-decoration:none; color:#FFF}
#discoOnline :hover { color:#FF0; text-decoration:none}
#discosFicha {background:url(images/discosFicha.png) no-repeat; width:173px; height:257px;font-size:14px;padding-top:75px; padding-left:30px; line-height:18px; float:left}
#discosFooter {background:url(images/discosFooter.png) no-repeat; width:825px; height:61px; position:relative}

#discosCumbias p { width:300px; height:160px; color:#FFF; font-size:14px; line-height:18px; float:left; margin-top:5px}
#discosCumbias2 p { width:300px; height:160px; color:#FFF; font-size:14px; line-height:18px; float:left; margin-top:5px;}

#discosCumbias img { float:left; margin-right:20px; }
#discosCumbias2 img { float:left; margin-right:20px; }

#discosFicha p {  padding-top:75px; padding-left:30px; line-height:16px}

.centro{ margin:20px 0 20px 0;}
.flota { 
	padding-top:5px;
height:120px;
	background-color:#666;
  margin: 0;
  text-align: center;
  position: fixed;
  top:87%;
  left: 0;
  width: 100%;
  right: 2em;
}
.flota a{ text-decoration:none; margin: 0 10px 0 10px; }

#multimediaPre { background:url(images/multimediaPre.png) no-repeat; width:825px; height:31px; }
#multimediaEntrevistas { background:url(images/multimediaEntrevistas.png) no-repeat; width:198px; height:275px; padding-left:62px; padding-top:60px;}
#multimediaEntrevistasCaja { width:165px; height:245px; overflow:scroll; overflow-x: hidden;}
#multimediaEntrevistasCaja a { text-decoration:none; color:#FFF; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #666; width:165px	}
#multimediaEntrevistasCaja a:hover { color: #FF0}
#multimediaVideos { background:url(images/multimediaVideos.png) no-repeat; width:527px; height:263px; padding-left:38px; padding-top:72px; position:relative}
#multimediaCajaVideo { width:280px; height:222px; float:left; margin-right:5px; background-color:#000; border:1px solid #111}
#multimediaVideos .mas { background:url(images/multimediaMas.png); width:40px; height:44px; position:absolute; top:246px; left:506px}
#multimediaVideos .mas:hover {background:url(images/multimediaMasPress.png); width:40px; height:44px}
#multimediaFotos { background:url(images/multimediaFotos.png) no-repeat; width:755px; height:171px; padding-left:70px; padding-top:65px; position:relative}
#multimediaFotos a {text-decoration:none; color:#FFF}
#multimediaFotos .mas2 {background:url(images/multimediaMas2.png); width:40px; height:44px; position:absolute; top:158px; left:766px; }
#multimediaFotos .mas2:hover {background:url(images/multimediaMas2Press.png); width:40px; height:40px}
#multimediaFooter { background:url(images/multimediaFooter.png) no-repeat; width:825px; height:51px; }
#multimediaVideos p {width:165px; float:left; font-size:12px; padding-left:10px; margin-bottom:20px}
.multimediaVideo { margin-right:5px; float:left;}
#multimediaCajaVideoThumb { width:200px; height:61px; float:left; position:absolute; top:233px; left:330px};
#multimediaCajaTexto { width:180px; height:20px; float:left }
.multimediaVideoThumb { margin-right:7px;}
.multimediaVideoThumb img {border:1px solid #000}
.multimediaVideoThumb img:hover {border:1px solid #666}
.multimediaCajaAlbum { width:120px; margin-right:19px; float:left; font-size:12px; text-align:center}
.multimediaCajaAlbum img {border:1px solid #000}
.multimediaCajaAlbum img:hover { border:1px solid #666}
.multimediaCajaAlbum p{ margin-top:10px; }
#multimediaEntrevistas p {font-size:12px; width:165px }

#fotosHeader{ background:url(images/fotos_arriba.png) no-repeat; width:825px; height:59px; }
#fotosIzq { background:url(images/fotos_izq.png) no-repeat; width:35px; height:1040px }
#cuerpoFoto1 { background:url(images/fotos_foto.png) no-repeat; width:680px; height:444px; padding-top:35px; padding-left:80px; position:relative}
#cajaFoto { width:600px; height:365px; text-align:center;}
#cuerpoFoto2 { background:url(images/fotos_album.png) no-repeat; width:700px; height:428px; padding-top:80px; padding-left:60px; }
#fotosDer { background:url(images/fotos_der.png) no-repeat; width:30px; height:1040px; }
.cajaThumb{ width:650px; height:385px; overflow:scroll; overflow-x: hidden;}
.fotoThumb { float:left; margin-right:35px; margin-bottom:30px; border:1px solid #111;text-align:center; width:120px; height:80px;}
.fotoThumb:hover { border:1px solid #666}
.fotoFlecha {  margin-bottom:20px; margin-right:20px; }
#cajaFlechas { position:absolute; top:415px;padding-left:250px; }
#fotosFooter{ background:url(images/fotos_abajo.png) no-repeat; width:760px; height:53px }

#albumAlbum{ background:url(images/albumAlbum.png) no-repeat; width:725px; height:460px; padding-left:100px; padding-top:80px;}
#albumCaja {width:630px; height:395px; overflow:scroll; overflow-x: hidden; padding-top:20px; padding-left:20px}
.albumThumb {width:280px; height:120px; float:left; font-size:12px; margin-bottom:20px; margin-right:20px; position:relative;}
.albumThumb img {border:1px solid #000}
.albumThumb img:hover {border:1px solid #666}
.albumThumb a { text-decoration:none; color:#FFF}
.albumThumb span {font-size:10px;}
.albumCajaImg { width:120px; height:100px; float:left; margin-right:10px; text-align:center}
.albumCajaTexto {position:absolute; left:130px}

#videosPre {background:url(images/videosPre.png); width:825px; height:38px;}
#videosVideos { background:url(images/videosVideos.png) no-repeat; width:750px; height:409px; padding-top:70px; padding-left:75px}
#videosAlbum {background:url(images/videosAlbum.png) no-repeat; width:760px; height:437px; padding-left:65px; padding-top:85px}
#videosAlbumCaja{ width:690px; height:385px; overflow:scroll; overflow-x: hidden;}
#videosAlbumCaja a { text-decoration:none}
#videosFooter {background:url(images/videosFooter.png); width:825px; height:59px;}
#cuerpoalbum {	background:url(images/videosAlbum.png) no-repeat;	height: 430px; width:710px;	padding-left:50px; padding-top:77px; margin:0 0 0 0;}

.video { float:left; width:450px; height:370px; margin-right:75px; text-align:center}
.descripcion {	width: 158px; float:left; color:#FFF; padding-top:115px; margin:0; padding-left:0;}
.videoTitulo { font-weight:bold; font-size:12px; padding-bottom:10px; border-bottom:1px solid #3A3A3A;margin-bottom:10px; margin: 0;}
.videoDescripcion { font-size:12px; margin: 0 0 0 0; margin-top:10px; padding:0;}
.videoPor {font-size:10px; line-height:11px; color:#666}
.videoThumb {  float:left; margin-right:10px; }
.videoThumbCaja { width:200px; height:61px; color:#FFF; margin-left:20px; margin-bottom:27px; float:left;}
.videoThumbCaja img { border:1px solid #000}
.videoThumbCaja img:hover {border:1px solid #666} 
.videoThumbCaja p {	padding:0; margin-top:2px; font-size:12px;}


#libroNuevo { background:url(images/libro_nuevoMsj.png) no-repeat; width:705px; height:202px; padding-left:120px; padding-top:85px}
#libroMensajes { background:url(images/libro_mensajes.png); width:585px; height:433px; padding: 50px 110px 0 120px}
#cajaMensajes { height:375px; overflow-y:scroll; overflow-x: hidden; margin-bottom:5px; padding-top:5px}
#libroFooter { background:url(images/libro_footer.png); width:825px; height:55px;}

.etiqueta { width:300px; height:auto; float:left; margin:0 10px 5px 0}
.etiqueta2 { width:610px; height:auto; float:left; margin:0 10px 5px 0}

#form1 { width:680px; height:180px; float:left}
.liTag { color:#999; font-size:11px}
.liNombre { margin: 0 20px 0 5px; font-size:11px}
.liFecha { margin: 0 20px 0 5px; font-size:11px}
.liEmail { margin: 0 20px 0 5px; font-size:11px}
.liMensaje { margin: 0 0 0 5px}
#comment { height:80px}

.backNext { color:#CCC; text-decoration:none}
.backNext:hover { color:#FF0; text-decoration:none}
.disabled { color:#333}

.comentario{ margin-top: 5px; width:550px; height:auto; background-color:#333; padding:5px 10px 5px 10px; text-align:left}
.comentario ul li{ float:left}

.control {float:left}



#contactoIzq{ background:url(images/contactoIzq.png) no-repeat; width:97px; height:717px;}
#contactoCuerpo1{ background:url(images/contactoManager.png) no-repeat; width:585px; height:232px; padding-top:90px; padding-left:50px; }
.contactoData{ float:left; font:normal 12px/14px Tahoma,sans-serif; color:#FFF; padding-left:25px; padding-top:71px;}
.contactoImg{ float:left;}
#contactoCuerpo2{ background:url(images/contactoSitios.png) no-repeat; width:635px; height:339px; padding-top:56px;}
#contactoCaja1{ float:left; padding-left:95px;}
#contactoCaja1 p{ font-family:Tahoma, Geneva, sans-serif; line-height:14px }
#contactoCaja2{ float:left; padding-left:77px;}
#contactoCaja2 p{ font-family:Tahoma, Geneva, sans-serif; line-height:14px }
#contactoDer{ background:url(images/contactoDer.png) no-repeat; width:93px; height:717px;}
#contactoFooter{ background:url(images/contactoFooter.png) no-repeat; width:825px; height:86px;}