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

body{
	background-color:#161616;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	height:100%;
	margin:0;
	padding:0;
}

img{
	border:none;
}

/* Header */

#main-wrap{
	background-image:url(../imagenes/fondo.gif);
	background-repeat:repeat-y;
	width:950px;
	height:100%;
	overflow:auto;
	margin:auto;
}

#main-wrap-seccion{
	background-image:url(../imagenes/fondo_seccion.gif);
	background-repeat:repeat-y;
	width:950px;
	height:100%;
	overflow:auto;
	margin:auto;
}

.corte{
	clear:both; /* Limpia flotantes de derecha e izquierda, puedes usar left o right, dependiendo de los elementos que tengas flotantes */
	margin:0;
	padding:0;
}

#cabecera{
	background-color:#e3001b;
	width:950px;
	height:400px;
}

/* MENÚ PRINCIPAL */

#menu{
	float:right;
	width:660px;
	height:70px;
}

#main-menu{
	width:660px;
	height:70px;
	list-style:none;
	background:url(../imagenes/fondo-menu.jpg) no-repeat; /* Imagen de fondo */
	padding:0;
	margin:0;
	position:relative;
}

#main-menu li{ /* Convertimos la lista en horizontal */
      padding: 0;
      margin: 0;
      position: absolute;
      display: block;
      height: 70px;
      text-indent: -1000px; /* Sacamos el texto de los enlaces del campo de vision */
      line-height: 0.1em;
      font-size: 0.1em;
}

#menu ul li a {
	display: block;
	height: 70px;
	width: 100%;
	background-repeat: no-repeat;
}

/* Definimos las dimensiones de cada elemento de la lista y le asignamos el orden de superposicion */
#main-menu #club-link{ width: 88px; z-index: 200; }
#main-menu #bio-link{ width: 188px; z-index: 190; }
#main-menu #agenda-link{ width: 267px; z-index: 180; }
#main-menu #disco-link{ width: 384px; z-index: 170; }
#main-menu #video-link{ width: 459px; z-index: 160; }
#main-menu #foto-link{ width: 527px; z-index: 150; }
#main-menu #conci-link{ width: 650px; z-index: 140; }

/* Asignamos una imagen de fondo a cada enlace de la lista */
#club-link a { background:url(../imagenes/menu-club.png) 0px -70px no-repeat;}
#bio-link a { background: url(../imagenes/menu-bio.png) 0px -70px no-repeat;}
#agenda-link a { background: url(../imagenes/menu-agenda.png) 0px -70px no-repeat;}
#disco-link a { background: url(../imagenes/menu-disco.png) 0px -70px no-repeat;}
#video-link a { background: url(../imagenes/menu-video.png) 0px -70px no-repeat;}
#foto-link a { background: url(../imagenes/menu-foto.png) 0px -70px no-repeat;}
#conci-link a { background: url(../imagenes/menu-conci.png) 0px -70px no-repeat;}

/* Movemos la imagen de fondo para dar el efecto del rollover */
#menu ul li a:hover { background-position: 0 0px}

#logo{
	position:absolute;
	float:left;
	width:290px;
	height:110px;
}

#slide{
	z-index:-999;
	width:950px;
	height:290px;
	margin:0;
	padding:0;
}

#music-player{
	width:950px;
	height:40px;
	margin:0;
	padding:0;
}

#colum-izq{
	float:left;
	width:280px;
	height:auto;
	margin:15px 15px 25px 15px;
}

#colum-der{
	float:right;
	width:625px;
	height:100%;
	margin:15px 15px 25px 0px;
	overflow: hidden;
}
	
#galeria{
	float:left;
	width:920px;
	height:185px;
	padding:0px 0px 30px 15px;
}

.banner{
	padding:0px 0px 0px 0px;
}

.botones-redes{
	width:280px;
	height:27px;
	margin:40px 0px 40px 1px;
}

.botones-redes ul{
	width:280px;
	margin:0px;
	padding:0px;
}

.botones-redes ul li{
	margin:-1px;
	display:inline;
	list-style-image:none;
}

#tabla-conci{
	background-image:url(../imagenes/fondo_conci.gif);
	background-repeat:no-repeat;
	width:300px;
	height:320px;
	margin:-12px 0px 0px 0px;
	*margin:0px 0px 0px 0px;
}

#tabla-conci p{
	color:#dc2520;
	font-size:11pt;
	font-weight:bold;
	margin:13px 0px 13px 20px;
}

.primera-celda{
	padding-top:65px;
	*padding-top:52px;
}

.lugar{
	font-weight:normal;
}

.botones-conci{
	width:280px;
	text-align:center;
}

#contact{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
}

#contact{
	color:#FFF;
	font-size:13pt;
}

#contact a{
	margin:0px 0px 0px 20px;
	color:#FFF;
	font-size:13pt;
	text-decoration:none;
}

#footer{
	width:950px;
	margin:auto;
}

#redes{
	float:right;
	background-color:#000;
	width:290px;
	height:40px;
}

#redes p{
	float:left;
	display:inline;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11pt;
	color:#e6e6e6;
	margin:10px 5px 0px 15px;
}

#redes img{
	float:left;
	display:inline;
	margin:10px 0px 0px 5px;
	padding:0;
}
	
#companies{
	float:right;
	background-color:#000;
	text-align:center;
	width:950px;
	height:62px;
	margin-top:10px;
	padding-top:8px;
}

#companies a{
	margin:5px 15px 0px 15px;
}
	
/* Estilo de las secciones */	

.seccion{
	font-family:Verdana, Geneva, sans-serif;
	background-color:#e9e8eb;
	width:625px;
	height:100%;
	min-height:700px;
	padding-bottom: 30000px;
    margin-bottom: -30000px;
}

.cabecera-seccion{
	width:585px;
	margin:0px 20px 10px 20px;
	padding:25px 0px 0px 0px;
	border-bottom:#000 double 3px;
}

.cabecera-seccion h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28pt;
	font-weight:bold;
	color:#000;
	margin:-20px 0px 2px 10px;
	padding:0;
}
	
/* INDEX */	
	
.index-videos{
	background-color:#000;
	width:625px;
	height:695px;
}

.index-videos-linea{
	height:2px;
	background-color:#000;
	border-bottom:#fff solid 1px;
}

.index-videos-linea{
	height:2px;
	background-color:#000;
	border-bottom:#fff solid 1px;
}

.index-videos-linea2{
	height:2px;
	background-color:#000;
	border-top:#fff solid 1px;
	position:absolute;
}

.index-player{
	padding:20px;
}

.index-videos-titulo{
	margin:10px 0px 0px 20px;
}

.index-videos p{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	margin-left:20px;
}

.index-videos-parrafo p{
	font-size:9pt;
	font-weight:normal;
	margin-bottom:3px;
}

.rojo{
	color:#dc291e;
}

.index-videos-flechas{
	margin-left:20px;
}

.index-videos-flechas img{
	margin:0px -5px 0px 0px;
}

.index-videos-thumbs{
	margin-left:20px;
	padding-bottom:20px;
}

.index-videos-thumbs a{
	margin:2px 4px 0px 9px;
}

.index-videos-thumbs a:hover{
	margin:0px 6px 0px 11px;
}

.index-videos-thumbs img{
	padding:2px;
	margin-top:5px;
}

.index-videos-thumbs img:hover{
	padding:2px;
	margin:-1px -3px 0px -3px;
	border:#F00 solid 1px;
}	

	
/* BIOGRAFIA */

.bio img{
	float:left;
	margin:0px 20px 10px 20px;
}

.bio .cabecera-seccion img{
	float:none;
	margin:0;
}

.bio p{
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9pt;
	line-height:12pt;
	margin:10px 20px 10px 20px;
}
	
.bio h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12pt;
	color:#db2a1e;
	font-weight:bold;
	margin:20px 20px 20px 20px;
}
	
/* DISCOGRAFIA */

.ficha{
	position:relative;
	margin:20px;
	font-size:9pt;
	height:200px;
}

.ficha img{
	float:left;
}

.ficha p{
	font-family:Verdana, Geneva, sans-serif;
	margin:10px 0px 10px 210px;
}

.ficha a{
	color:#e2001a;
	text-decoration:none;
	margin:10px 0px 10px 10px;
}

.titulo{
	color:#F00;
	font-weight:bold;
	font-size:13pt;
}

.fecha{
	font-size:8pt;
}
	
	
/* CLUB */

.club p{
	margin:20px 20px 0px 20px;
	font-size:11pt;
	line-height:15pt;
}

.club a{
	color:#e2001a;
	text-decoration:none;
	font-weight:bold;
}
	
	
/* AGENDA */

.agenda-evento{
	margin:10px 0px 10px 20px;
}

.agenda-fecha{
	width:90px;
	float:left;
	font-size:8pt;
	color:#e2001a;
	font-weight:bold;
	margin-top:1px;
}

.agenda-descripcion{
	width:495px;
	float:left;
	font-size:10pt;
}

/* CONCIERTOS */

.evento{
	width:585px;
	margin:20px 20px 10px 20px;
	border-bottom:#000 solid 1px;
	padding-bottom:9px;
}
	
.evento p{
	line-height:12pt;
	font-size:9pt;
	font-family:Verdana, Geneva, sans-serif;
	margin:10px 20px 10px 10px;
}

.evento a{
	font-size:9pt;
	color:#e2001a;
	text-decoration:none;
	margin:10px 20px 0px 10px;
}
	
.evento h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12pt;
	color:#db2a1e;
	font-weight:bold;
	margin:20px 20px 0px 0px;
}

.evento p a{
	margin:0px;
}

/* FOTOS */

.tabla-fotos{
	margin:0px 0px 15px 15px;
	min-height:750px;
}

.fotos img{
	margin:5px 5px 5px 5px;
}

.fotos .cabecera-seccion img{
	margin:0;
}

.botones-fotos{
	width:585px;
	text-align:right;
	margin:-15px 0px 15px 20px;
}

.botones-fotos img{
	margin:0;
}

/* VIDEOS */

.tabla-videos{
	margin:0px 0px 15px 10px;
	min-height:750px;
}

.videos-fotos{
	width:585px;
	text-align:right;
	margin:-15px 0px 15px 20px;
}

.ficha-video{
	float:left;
	width:185px;
	display:inline;
	text-align:center;
	margin:5px 5px 5px 10px;	
}

.ficha-video p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#e2001a;
	margin:5px 0px 0px 0px;
}

.botones-videos{
	width:585px;
	text-align:right;
	margin:-15px 0px 15px 20px;
}

/* CAJA VIDEOS */

.CajaMultimedia{
	width:280px;
	padding:3px 0px 10px 0px;
	background-color:#141414;
	margin-top:20px;
	*margin-bottom:20px;
	color:#FFF;
}

.cabeceraCajaMultimedia{
	width:270px;
	height:35px;
	margin:0px 0px 0px 6px;
}

.cabeceraCajaMultimedia p{
	margin:0px 0px 0px 9px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	line-height:32px;
	font-weight:bold;
	color:#FFF;
}

#pestanaCajaMultimedia{
	float:left;
	width:62px;
	height:23px;
	margin-left:6px;
	background-color:#181818;
	border-top:1px solid #e2001a;
	border-left:1px solid #e2001a;
	border-right:1px solid #e2001a;
	text-align:center;
}

#pestanaCajaMultimedia p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:23px;
	line-height:24px;
	margin-top:-2px;
}

#masvideosCajaMultimedia{
	height:23px;
	margin:0px 5px 0px 6px;
	border-bottom:1px solid #e2001a;
	background:url(../imagenes/fondo_003.jpg) repeat-x;
}

#masvideosCajaMultimedia a{
	margin:5px 3px 0px 0px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#FFFFFF;	
	text-decoration:none;
}

#fichaCajaVideos{
	background-color:#000000;
	width:268px;
	height:395px;
	margin:0px 0px 0px 6px;
	border-bottom:1px solid #e2001a;
	border-left:1px solid #e2001a;
	border-right:1px solid #e2001a;
}

#fichaCajaFotos{
	background-color:#000000;
	width:268px;
	height:395px;
	margin:0px 0px 0px 6px;
	border-bottom:1px solid #e2001a;
	border-left:1px solid #e2001a;
	border-right:1px solid #e2001a;
}

#fichaCajaFotos img{
	margin:5px 0px 0px 7px;
}

#videoCajaMultimedia{
	clear:both;
	height:240px;
	margin:0px 0px 5px 3px;
}

#videoCajaMultimedia object{
	margin-left:2px;
}

#textoCajaMultimedia{
	height:71px;
	width:245px;
	margin:0px 6px 0px 6px;
}

#textoCajaMultimedia h3{
	font-size:10pt;
	line-height:12pt;
	color:#e2001a;
	font-weight:bold;
	margin:0px 3px 0px 3px;
}

#textoCajaMultimedia p{
	font-size:10pt;
	line-height:12pt;
	margin:5px 6px 0px 6px;
}

#barraCajaMultimedia{
	height:6px;
	background-color:#847248;
	margin:0px 6px 0px 6px;
}

.index-videos-flechas-peq{
	margin-left:3px;
}

.index-videos-flechas-peq img{
	margin:0px -15px 0px 0px;
}

.index-videos-thumbs-peq{
	margin-left:10px;
	padding:2px;
}

.index-videos-thumbs-peq a{
	margin:0px 0px 0px 0px;
}

.index-videos-thumbs-peq a:hover{
	margin:0px 0px 0px 0px;
}

.index-videos-thumbs-peq img{
	padding:2px;
	margin-top:0px;
}

.index-videos-thumbs-peq img:hover{
	margin:-1px -1px -1px -1px;
	border:#F00 solid 1px;
}

.player-videos-peq{
	*margin:0px 0px 5px 4px;
}