/* CSS Document */

/***************** BASE ****************/
/* RESET */
* {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
li{list-style: none;}
a{outline: none;text-decoration: none;}
a img {border:0;}
th, td{vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
address {font-style:normal;}

body{font:75%/1 Arial, Helvetica, sans-serif; background:#000;}

/* columnas */
#contenedor {width:990px;margin:0 auto;text-align:left; color:#333333;position:relative;}
#contenido {float:left; position:relative; width:972px;padding:9px;}
.col {float:left; }
.col + .col {margin-left:12px;}
.col + .primera {margin-left:0;}
.primera {margin-left:0;}
hr {display:block;clear:both;border:none;color:#fff;height:1px;}

.col-1 {width:70px;}
.col-2 {width:152px;}
.col-3 {width:234px;}
.col-4 {width:316px;}
.col-5 {width:398px;}
.col-6 {width:480px;}
.col-7 {width:562px;}
.col-8 {width:644px;}
.col-9 {width:726px;}
.col-10 {width:808px;}
.col-11 {width:890px;}
.col-12 {width:972px;margin:0;}
.toda-pagina {width:990px;margin-left:-9px;}

.col-0b {width:29px;}
.col-1b {width:111px;}
.col-2b {width:193px;}
.col-3b {width:275px;}
.col-4b {width:357px;}
.col-5b {width:439px;}
.col-6b {width:521px;}
.col-7b {width:603px;}
.col-8b {width:685px;}
.col-9b{width:767px;}
.col-10b {width:849px;}
.col-11b {width:931px;}


/******** cols con padding *************/
.col-8 {
padding-left:10px;
width:634px;
}

.col-6 { padding-left:10px; width:470px; }

.cancion .col-6, .the-cavern .col-6, .peregrinos .col-6{padding-left:0; width:480px;}

.the-cavern h1, .the-cavern .titular, .the-cavern .firma, .the-cavern .entradilla{ padding-left:5px; }




/***************** BASE ****************/
#contenedor {
background-color:#fff;
margin:0 auto;
text-align:left;
width:990px;
position:relative;
clear:both;
}
#contenido {
float:left;
padding:9px;
position:relative;
width:972px;
background-color:#fff;
font:100%/160% Georgia, "Times New Roman", Times, serif;
}

.col {
margin-bottom:9px;
padding-top:10px;
}


/* cabecera */
#cabecera {
	float: left;
	position: relative;
	width: 990px;
	height: 145px;
	margin: 5px 0 0;
	padding: 0;
	z-index: 2;
	background:#000 url("https://e00-elmundo.uecdn.es/beatles/img/cabecera.jpg") no-repeat 0 50px;/* imagen cabercera*/
	color:#fff;
}
#portada #contenido{ background:transparent; padding:0;}
#portada #cabecera {
	float: left;
	position: relative;
	width: 990px;
	height: 0;
	margin: 0;
	padding: 0;
	z-index: 2;
	background-color:#000;
	background-image:none;
}

#presentacion #contenido{ background:none;}

#homenaje .path {margin:-288px 0 10px;}
.path {
	display:block;
	float:left;
	left:185px;
	margin:-327px 0 10px;
	position:absolute;
}

.path li {
	float:left;
	margin-top:3px;
	padding:3px 5px 5px 0;
	color:#666;
	text-transform:uppercase;
	color:#000
}
.path strong a {
	color:#DA2247;
}
.path a, #portada .path h1 a {
	color:#666;
	margin-left:0
}
.path a:hover, .path a:active, .path a:focus {
	text-decoration:underline
}
.path strong, .path a {
	font-size:10px
}
.titulo span {
	display:none
}
.titulo {
	width:990px;
	display:block
}
/* fin cabecera */



/* NAVEGACION */
.nav_principal {
	float:left;
	position: absolute;
	z-index: 3;
	right:0;
	top:15px;
	overflow:hidden;
	height:130px;
	
}

.nav_principal li {
	float:left;
	text-transform:uppercase;
	width:125px;
	height:132px;
	
}
.nav_principal li a {
	float:left;
	display:block;
	margin-right:20px;
	color:#fff;
	text-indent:-9999px;
	width:125px;
	height:132px;
}


/*#homenaje .nav_principal { top:110px; }*/


.nav_principal li a:hover { color:#999; font-weight:bold;}

.nav_principal li a:hover, #portada .nav_principal li a:active, #portada .nav_principal li a:focus {
	background-position:0 0;
}

.nav_principal li.thefab4 a {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/inactivo01.jpg") no-repeat 0 0;
	
}
.nav_principal li.liverpool a {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/inactivo02.jpg") no-repeat 0 0;
	
}
.nav_principal li.beatlemania a {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/inactivo03.jpg") no-repeat 0 0;
	
}
.nav_principal li.lennon a {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/inactivo04.jpg") no-repeat 0 0;
	
}
.nav_principal li.homenaje a {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/inactivo05.jpg") no-repeat 0 0;
	
}


.nav_principal li.thefab4 a:hover {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/activo01.jpg") no-repeat 0 0;
	
}
.nav_principal li.liverpool a:hover {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/activo02.jpg") no-repeat 0 0;
	
}
.nav_principal li.beatlemania a:hover {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/activo03.jpg") no-repeat 0 0;
	
}
.nav_principal li.lennon a:hover {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/activo04.jpg") no-repeat 0 0;
	
}
.nav_principal li.homenaje a:hover {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/activo05.jpg") no-repeat 0 0;
	
}


.nav_principal li a:hover, .nav_principal li a:active, .nav_principal li a:focus {
	background-position:0 0;
	
}


/* SUB NAVEGACION */
.nav_secundaria {
	padding:10px 0 10px 20px;
	margin-top:10px;
	clear:both;
	font: 100%/155% Georgia, "Times New Roman", Times, serif;
	background:url("https://e00-elmundo.uecdn.es/beatles/img/bg_sub.jpg") repeat-x 0 0;
}

.nav_secundaria li {
	margin-right:10px;
	text-align:center;
	padding:5px;
	display:inline;
}

.nav_secundaria li a {
	color:#333;
	font-weight:bold;
}
.nav_secundaria li a:hover {
	color:#DA2247; font-weight:bold;
}



/************** NAVEGACIÓN PORTADA ********************/
#portada #contenido{ height:680px;}
#portada .nav_principal {width:300px; height:300px;position:absolute; top:280px; left:100px;}
#portada .nav_principal li{display:block;float:none; clear:both; width:auto; height:20px;}
#portada .nav_principal li a{ text-transform:none;font:160%/160% Georgia, "Times New Roman", Times, serif; text-align:center; display:block; padding:5px; height:20px;width:100%; margin-right:0; background:none; text-indent:0;}
#portada .nav_principal li a:hover{color:#DA2247;}




/***************** ACTIVOS NAVEGACION **************/
#the-fab-four .nav_principal li.thefab4 a {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/activo01.jpg") no-repeat 0 0;
	color:#DA2247; font-weight:bold;

}
#liverpool .nav_principal li.liverpool a {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/activo02.jpg") no-repeat 0 0;
	color:#DA2247; font-weight:bold;
}
#beatlemania .nav_principal li.beatlemania a {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/activo03.jpg") no-repeat 0 0;
	color:#DA2247; font-weight:bold;
}
#lennon .nav_principal li.lennon a {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/activo04.jpg") no-repeat 0 0;
	color:#DA2247; font-weight:bold;
}
#homenaje .nav_principal li.homenaje a {
	background:url("https://e00-elmundo.uecdn.es/beatles/img/navegacion/activo05.jpg") no-repeat 0 0;
	color:#DA2247; font-weight:bold;
}
/***************** ACTIVOS SUBNAVEGACION **************/

#the-fab-four.historia .nav_secundaria li.historia a, #the-fab-four.johnlennon .nav_secundaria li.john a, #the-fab-four.paulmc .nav_secundaria li.paul a, #the-fab-four.georgeh .nav_secundaria li.george a, #the-fab-four.ringostarr .nav_secundaria li.ringo a, #the-fab-four.viaje .nav_secundaria li.viaje-tiempo a, #the-fab-four.convulsos .nav_secundaria li.convulsos-60 a, #the-fab-four.inicios .nav_secundaria li.losinicios a, #the-fab-four.negocio .nav_secundaria li.negocio a, #the-fab-four.apple .nav_secundaria li.apple a{
	color:#DA2247; font-weight:bold;
}

#liverpool.mapa-liverpool .nav_secundaria li.mapa a, #liverpool.the-cavern .nav_secundaria li.cavern a, #liverpool.ademas .nav_secundaria li.ademas-album a, #liverpool.viaje-liverpool .nav_secundaria li.viaje-liv a {
	color:#DA2247; font-weight:bold;
}

#beatlemania.fans .nav_secundaria li.orgullo-fans a, #beatlemania.peregrinos .nav_secundaria li.pereg a, #beatlemania.portadas-album .nav_secundaria li.portada a, #beatlemania.enespana .nav_secundaria li.espana a,  #beatlemania.testigo .nav_secundaria li.testi a, #beatlemania.mccullin .nav_secundaria li.mccullin a {
	color:#DA2247; font-weight:bold;
}

#lennon.asesinato .nav_secundaria li.asesin a, #lennon.dic .nav_secundaria li.diciembre a, #lennon.imagine .nav_secundaria li.imagina a ,#lennon.cancion .nav_secundaria li.canciones a {
	color:#DA2247; font-weight:bold;
}




/* ACTIVOS CANCIONES */

.cancion01 #god a, 
.cancion02 #sleep a,
.cancion03 #attica a,
.cancion04 #newyork a,
.cancion05 #lucie a,
.cancion06 #num9 a,
.cancion07 #catch a,
.cancion08 #wheels a,
.cancion09 #boy a,
.cancion10 #nobody a{color:#DA2247;}


/********************* ESTILOS BEATLES **********************/

/*h1{ padding:15px 0 10px 0 ;font: 180%/130% Georgia, "Times New Roman", Times, serif;}*/
h1{
border-bottom:1px dotted #ccc;
font:180%/130% Georgia,"Times New Roman",Times,serif;
margin-bottom:10px;
padding:15px 0 0;
}
.antetitulo, .firma{ color:#777;}
.titular{font: 180%/130% Georgia, "Times New Roman", Times, serif; color:#000;}
.firma{}
.entradilla{ padding:10px 0;font: 130%/130% Georgia, "Times New Roman", Times, serif; margin-bottom:10px; }
.pie-foto, .foto_conpie{ font: 90%/130% Georgia, "Times New Roman", Times, serif; padding:8px; background:#eee;}

#cabecera .titulo{height:140px; }

#the-fab-four .entradilla { border-bottom:1px dotted #ccc;}
#the-fab-four.inicios h1 {margin-left:10px;}


.fechas-importantes{ padding:10px; margin:5px 0; background:#eee;}
.fechas-importantes ul li{ padding-bottom:5px;}
.fechas-importantes ul{ padding:10px 0 0 0 ;}
.fechas-importantes ul li span{ padding-right:5px;}

.col p{padding:10px 0;}
.col p a{ border-bottom:1px dotted #ccc;color:#DA2247;}
.col p a:hover{color:#D75F77;}
.col p strong{}
.col p span{}
.col p em{}


/* ALBUM */

.nav_anterior_siguiente {

float:left;
font-weight:bold;
list-style-type:none;
margin:0 0 -25px;
opacity:0.7;
padding:0;
position:relative;
top:-200px;
left:0;
width:100%;
}
.album {
float:right;

padding:5px;
position:relative;
width:99%;
clear:both; 
overflow:hidden;
}

.album li {background:#fff;padding:10px;}

.album li a{color:#DA2247;}
.album li a:hover{color:#D75F77;}

.album li.inicio {
float:left;
}
.album li.anterior {
float:left;
}
.album li.siguiente {
float:right;
}
.album li.ultima {
float:right;
}
.album .anterior a {
background:url("https://e00-elmundo.uecdn.es/america/especiales/2010/08/huracanes/img/anterior.png") no-repeat scroll 0 -16px transparent;
padding-left:35px;
}
.album .siguiente a {
background:url("https://e00-elmundo.uecdn.es/america/especiales/2010/08/huracanes/img/siguiente.png") no-repeat scroll 70px -16px transparent;
padding-right:35px;
}



.ademas .pie-foto, .viaje-liverpool .pie-foto, .portadas-album .pie-foto { background:#fff;opacity:0.9; width:450px; position:absolute; bottom:15px; right:10px; padding:20px;}

.mccullin .pie-foto { background:#fff;opacity:0.9; width:520px; position:absolute; bottom:15px; right:10px; padding:20px;}



.viaje .grafico, .mapa-liverpool .grafico, .dic .grafico{ margin:0 0 0 10px;}


#homenaje h1{ padding-top:48px;}

#homenaje .video{clear:both;}
#homenaje .nav_secundaria{
margin:0 0 10px 0;
padding:0;
clear:both;
float:left;
}
#homenaje .nav_secundaria li{ background:#eee; display:block; width:89px;float:left; margin:5px 5px 0 0;padding:0;position:relative;} 
#homenaje .nav_secundaria li a { display:block;width:85px; height:55px; padding-bottom:25px;font:bold 97%/135% Arial, Helvetica, sans-serif;border-bottom:1px dotted #ccc; }
#homenaje .nav_secundaria li a span{position:relative;text-align:center;top:65px;}
#homenaje .nav_secundaria li a:hover {}

#homenaje .nav_secundaria li.homenaje01 { background:url("https://e00-elmundo.uecdn.es/beatles/img/nav_homenaje/cabriolets.jpg") no-repeat 0 0;}
#homenaje .nav_secundaria li.homenaje02 { background:url("https://e00-elmundo.uecdn.es/beatles/img/nav_homenaje/aaron.jpg") no-repeat 0 0;}
#homenaje .nav_secundaria li.homenaje03 { background:url("https://e00-elmundo.uecdn.es/beatles/img/nav_homenaje/guarana.jpg") no-repeat 0 0;}
#homenaje .nav_secundaria li.homenaje04 { background:url("https://e00-elmundo.uecdn.es/beatles/img/nav_homenaje/xoel.jpg") no-repeat 0 0;}
#homenaje .nav_secundaria li.homenaje05 { background:url("https://e00-elmundo.uecdn.es/beatles/img/nav_homenaje/lapido.jpg") no-repeat 0 0;}

.fans .antetitulo{clear:both;}
.nav_orgullo_fan {width:634px;clear:both; float:left;overflow:hidden; margin-bottom:20px;}
.nav_orgullo_fan li{background:#eee; display:block; width:100px;float:left; margin:0 0 0 0;padding:0;}
.nav_orgullo_fan li a img{ width:90px; height:55px;}
.nav_orgullo_fan li a{display:block; padding:5px;}
.nav_orgullo_fan li a:hover{background:#ccc;}

#orgullo07 {clear:left;}



ul.fotos {margin-bottom:15px;clear:both;float:left; overflow:hidden;}
ul.fotos li{ float:left;}
ul.fotos li p{padding:0;}




.nav_canciones li { margin-bottom:2px}
.nav_canciones li a {display:block; background:#eee; padding:10px 5px 5px 5px; font: 97%/135% Georgia, "Times New Roman", Times, serif;color:#333;}
.nav_canciones li a:hover {background:#f1f1f1;color:#DA2247;}
.nav_canciones li a span{display:block; width:20px; height:40px; float:left;}


.saltar { padding:5px; text-align:right;margin-top:5px;clear:both;background:#000; margin-right:15px; margin-bottom:10px;}
.saltar a{color:#fff;}
.saltar a:hover{color:#ccc;}


/******** IFRAME **************/

.modulo-album iframe {
float:left;
height:550px;
width:316px;
}

/* CONCURSO */
p.premio{padding:30px 20px 20px 20px;  border:1px solid #ccc; width:90%; margin-left:20px; background:#eee;}
.lista-concurso{ padding:20px;}
.viaje-liverpool h1{ padding:10px 0 0 0; margin-left:20px; }

.pregunta{padding:10px 0;font:bold 125%/130% Georgia, "Times New Roman", Times, serif; border-top:1px dotted #ccc;margin-bottom:10px;}
.lista-concurso dd{ padding-bottom:4px; }
#error{color:#DA2247; padding:0 20px; font-weight:bold; background:#FFFFCC;}
p.aviso{ color:#DA2247; padding:0 20px;}
#envio{padding:20px; background:#eee; border:1px solid #ccc; width:90%; margin-left:10px;}
#envio .titular{ color:#666;}
.bases{padding:20px;width:90%; margin-left:10px; font: 90%/130% Arial, Helvetica, sans-serif;}

#patrocinios{ padding:5px; text-align:center;}


/* VIDEO*/

.video-historia{ padding:20px 0; background:#000; text-align:center; }
.video-historia .video{margin:0 auto; width:640px;}


.nav_convulsos_60 {
float:left;
height:85px;
margin-bottom:0;
position:relative;
width:100%;
clear:both;
float:left;
overflow:hidden;
}
.nav_convulsos_60 li {
display:inline;
float:left;
margin:0 7px 0 0;
position:relative;
width:90px;
}
.nav_convulsos_60 li a{ display:block;}
.nav_convulsos_60 li a img {
border:5px solid #CCC;
width:80px;
}
.nav_convulsos_60 li a strong {
color:#CCCCCC;
display:none;
float:left;
font-size:11px;
font-weight:normal;
padding:5px;
position:relative;
text-align:center;
width:80px;
}
.convulsos00 .nav_convulsos_60 li.item00 a img, 
.convulsos01 .nav_convulsos_60 li.item01 a img, 
.convulsos02 .nav_convulsos_60 li.item02 a img, 
.convulsos03 .nav_convulsos_60 li.item03 a img, 
.convulsos04 .nav_convulsos_60 li.item04 a img, 
.convulsos05 .nav_convulsos_60 li.item05 a img, 
.convulsos06 .nav_convulsos_60 li.item06 a img, 
.convulsos07 .nav_convulsos_60 li.item07 a img,  
.convulsos08 .nav_convulsos_60 li.item08 a img,
.convulsos09 .nav_convulsos_60 li.item09 a img,
.convulsos10 .nav_convulsos_60 li.item10 a img
{border:5px solid #333333;}

.convulsos00 .nav_convulsos_60 li.item00 a strong,
.convulsos01 .nav_convulsos_60 li.item01 a strong,
.convulsos02 .nav_convulsos_60 li.item02 a strong,
.convulsos03 .nav_convulsos_60 li.item03 a strong,
.convulsos04 .nav_convulsos_60 li.item04 a strong,
.convulsos05 .nav_convulsos_60 li.item05 a strong,
.convulsos06 .nav_convulsos_60 li.item06 a strong,
.convulsos07 .nav_convulsos_60 li.item07 a strong,
.convulsos08 .nav_convulsos_60 li.item08 a strong,
.convulsos09 .nav_convulsos_60 li.item09 a strong,
.convulsos10 .nav_convulsos_60 li.item10 a strong
{ background:#333; display:inline;}



/* ESTILOS COMUNES */

/*-------------------BOTÓN PLAY-------------------*/
/* reproductores de video */
.cubre_reproductor {
	position:relative;
	overflow:hidden;
}
.cubre_reproductor a.boton_play {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:transparent url(https://e00-elmundo.uecdn.es/elmundo/iconos/v4.x/v4.02/play.png) no-repeat scroll right bottom;
	text-indent:-9000px;
	z-index:999999;
}
.cubre_reproductor a.boton_play:hover {
	background:transparent url(https://e00-elmundo.uecdn.es/elmundo/iconos/v4.x/v4.02/play_hover.png) no-repeat scroll right bottom;
}
.cubre_reproductor a.actualice_flash:hover, .cubre_reproductor a.actualice_flash.activo {
	background:transparent url(https://e00-elmundo.uecdn.es/elmundo/iconos/v3.0/aviso_actualice_flash.png) no-repeat 50% 70%;
}
.cubre_reproductor a.no_flash:hover, .cubre_reproductor a.no_flash.activo {
	background:transparent url(https://e00-elmundo.uecdn.es/elmundo/iconos/v3.0/aviso_instale_flash.png) no-repeat 50% 70%;
}
/**/

/* publicidad superior COMÚN */
.publi {
	float:right;
	position:relative;
	margin-left:20px
}

#publicidadsuperior {
	width: 990px;
	margin: 0 0 0 1px !important;
	padding: 0px;
	overflow: hidden;
	background-color: #dddcd2;
	z-index: 1;
}
#publicidadsuperior .publicidadhorizontal {
	width: 740px!important;
	float: left;
}
#publicidadsuperior td {
	border: 0px !important;
	padding: 0px !important;
}
#publicidadsuperior .publicidadhorizontal div table td.margen {
	width: 1px !important;
}
#publicidadsuperior .publicidadhorizontal, #publicidadsuperior .publicidadhorizontal div, #publicidadsuperior .publicidadhorizontal table {
	width: 740px !important;
}
.publi300 {
	float: right;
	margin: 0 0 15px 15px;
}
/* =Site information */
acronym {
	border:0;
	text-decoration:none;
}
#site_info {
	float: left;
	position:inherit;
	top:0;
	padding: 5px 0 5px 95px;
	margin:20px 0 0 0;
	color: #fff;
	background:#000;
	width:990px;
}

#site_info .facebook {
	background:url("https://e00-elmundo.uecdn.es/america/especiales/2010/08/huracanes/img/facebook.gif") no-repeat scroll center center transparent;
	border:medium none;
	display:block;
	float:left;
	height:15px;
	margin:0 5px 0 0;
	width:15px;
}
#site_info .twitter {
	background:url("https://e00-elmundo.uecdn.es/america/especiales/2010/08/huracanes/img/twitter.gif") no-repeat scroll center center transparent;
	border:medium none;
	display:block;
	float:left;
	height:15px;
	margin:0 5px 0 0;
	width:15px;
}
#site_info .facebook span, #site_info .twitter span {
	display:none
}
#site_info a {
	border-bottom:1px dotted #fff;
	color:#fff;
	font:10px/10px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#site_info .credits {
	border:1px solid #fff;
	border-width:0 1px;
	padding:0 10px!important;
	margin:0px 8px 0 0;
	font-size: 11px;
	display: inline;
}
#site_info ul, #site_info li {
	display:inline;
	list-style:none;
	padding:0px 5px 0 0;
	margin: 0;
	font-size: 11px;
}
#site_info .contact {
	border-right: 1px solid #444;
	padding-right:8px;
	margin-right:8px;
	margin-left: 0;
	font-size: 11px;
}
#site_info a:hover, #site_info a:active, #site_info a:focus {
	color:#fff
}
/* fin info */