/* CSS Document */

html{
position: relative;
width: 100%;
height: 100%;
background: url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/fondo.jpg) top left repeat-x;
}
body {
position: relative;
width: 100%;
height: 100%;
margin: 0;
overflow-y:scroll!important;
overflow-y:none;
font: normal 13px Arial, Helvetica, sans-serif;
}
ul, ol, li{list-style:none;margin:0;padding:0;}

a{
color: #777;
text-decoration: none;
outline: none;
}
a:hover {
color: #333;
}


/* PORTADA */

body#portada {
*background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/fondo_portada.png', sizingMethod='crop');
}
html>body#portada {
background: url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/fondo_portada.png) top center no-repeat scroll;
}
body#portada #contenido{
position: relative;
width: 990px;
margin: 0 auto;
padding: 0;
}
body#portada #contenido h1{
float: left;
position: relative;
width: 990px;
margin: 0;
display: inline;
}
body#portada #contenido h1 a{
float: left;
position: relative;
width: 990px;
margin: 0;
padding: 40px 0 70px;
text-indent: -9999px;
}
body#portada #contenido h1 a span{
float: left;
position: relative;
cursor: pointer;
width: 754px;
height: 316px;
padding: 0;
margin: 0 118px;
display: inline;
text-indent: -9999px;
*background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/portada.png', sizingMethod='crop');
}
html>body#portada #contenido h1 a span{
background: url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/portada.png) top center no-repeat;
}
p.marcas{
float: left;
position: relative;
margin: 0;
padding: 5px 0 0;
font: bold 14px/20px Arial, Helvetica, sans-serif;
color: #aaa;
text-transform: uppercase;
}
p.marcas .iraespeciales{
float: left;
position: relative;
color: #888;
padding: 1px 0 0 7px;
}
p.marcas span{
float: left;
position: relative;
color: #888;
}
p.marcas .iraelmundo{
float: left;
position: relative;
width: 128px;
height: 22px;
margin: 0 0 0 10px;
padding: 0;
display: inline;
text-indent: -9999px;
*background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/elmundoes.png', sizingMethod='crop');
}
html>body p.marcas .iraelmundo{
background: url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/elmundoes.png) top left no-repeat; 
}


/* COMUNES */

#contenedor {
margin: auto;
width: 990px;
padding: 0;
}



#cabecera {
float: left;
position: relative;
width: 990px;
height: 150px;
background: url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/cabecera.png) top left no-repeat;
padding: 0;
margin: 0;
}
#cabecera h1{
float: left;
position: relative;
width: 990px;
margin: 0;
padding: 0;
}
#cabecera h1 a{
float: left;
position: relative;
padding: 5px 0 0 0;
margin: 0;
width: 990px;
height: 71px;
text-indent: -9999px;
}

/* NAVEGACIÓN CABECERA */


#cabecera .nav{
float: left;
position: relative;
margin: 0;
padding: 0;
width: 978px;
height: 40px;
padding-left: 12px;
text-align: center;
}
#cabecera .nav ul{
float: left;
position: relative;
}
#cabecera .nav li{
float: left;
position: relative;
display: inline;
list-style: none;
color: #aaa;
padding: 0 15px;
}
#cabecera .nav li a{
float: left;
position: relative;
color: #aaa;
padding: 20px 0 0;
font-weight: bold;
background: url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/bolita_menu.png) top center no-repeat;
}
#cabecera .nav li a:hover{
color: #333;
background: url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/bolita_menu_on.png) top center no-repeat;
}
body#un_dia_en_el_metro #cabecera .nav li.nav_un_dia_en_el_metro a,
body#epicentro .nav li.nav_epicentro a,
body#de_la_linea1_a_la_13 .nav li.nav_de_la_linea1_a_la_13 a,
body#recuerdos .nav li.nav_recuerdos a,
body#metros_del_mundo .nav li.nav_metros_del_mundo a,
body#cine .nav li.nav_cine a,
body#imagenes .nav li.nav_imagenes a{
color: #000;
background: url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/bolita_menu_on.png) top center no-repeat;
border-bottom: solid 1px #555;
}


#contenido {
float: left;
position: relative;
width: 950px;
padding: 10px 20px 20px;
margin: 0;
}
#contenido p{
margin: 0 0 20px 0;
line-height: 19px;
clear: left;
}
#contenido h2 {
font: normal 40px "Times New Roman", Times, serif;
color: #777;
padding: 0;
margin: 0 0 10px 0;
border-bottom: solid 1px #eee;
clear: left;
}
#contenido h2 a{
color: #333;
text-decoration: none;
}
#contenido h3{
margin: 0 0 10px 0;
padding: 3px 10px;
font: 26px "Times New Roman", Times, serif;
color: #6a583f;
}



#contenido .listado_videos{
float: left;
position: relative;
margin: 0;
padding: 15px 0 0 0;
}
#contenido .listado_videos ol{
float: left;
position: relative;
margin: 5px 0 10px 10px;
display: inline;
}
#contenido .listado_videos li{
float: left;
position: relative;
border-right: solid 1px #ccc;
list-style: none;
padding: 0 5px;
font: 10px Arial, Helvetica, sans-serif;
color: #aaa;
line-height: 18px;
}
#contenido .listado_videos li.ultimo{
border-right: none;
}
#contenido .listado_videos li a{
font: 22px "Times New Roman", Times, serif;
color: #9b8567;
line-height: 9px;
padding: 0 5px;
}
#contenido .listado_videos li a:hover{
color: #333;
}
body.hora_0800 #contenido .listado_videos li.nav_hora_0800 a,
body.hora_1200 #contenido .listado_videos li.nav_hora_1200 a,
body.hora_1430 #contenido .listado_videos li.nav_hora_1430 a,
body.hora_1930 #contenido .listado_videos li.nav_hora_1930 a,
body.hora_0000 #contenido .listado_videos li.nav_hora_0000 a{
color: #000;
background-color: #d1c2ac;
padding: 0 5px;
}
#contenido .texto{
float: left;
position: relative;
width: 400px;
margin: 10px 0 0;
line-height: 20px;
}
#contenido .video{
float: right;
position: relative;
width: 480px;
margin: -30px 0 0;
padding: 11px;
border: solid 1px #ccc;
background-color: #eee;
}
#contenido .video h3{
float: left;
position: relative;
width: 460px;
}
body#de_la_linea1_a_la_13 #contenido .video{
float: left;
position: relative;
width: 730px;
height: 450px;
overflow: hidden;
margin: 0;
padding: 0 110px;
}
body#imagenes #contenido .video{
float: right;
position: relative;
width: 546px;
height: 420px;
overflow: hidden;
margin: 0;
padding: 0 200px;
border: solid 1px #ccc;
background:#eee url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/fondo_metro.png) left -30px no-repeat;
}
#contenido .listado_videos{
float: left;
position: relative;
margin: 0;
padding: 15px 0 0 0;
}
#contenido .listado_videos ol{
float: left;
position: relative;
margin: 5px 0 10px 10px;
display: inline;
}
#contenido .listado_videos li{
float: left;
position: relative;
border-right: solid 1px #ccc;
list-style: none;
padding: 0 5px;
font: 10px Arial, Helvetica, sans-serif;
color: #aaa;
line-height: 18px;
}
#contenido .listado_videos li.ultimo{
border-right: none;
}
#contenido .listado_videos li a{
font: 22px "Times New Roman", Times, serif;
color: #9b8567;
line-height: 9px;
padding: 0 5px;
}
#contenido .listado_videos li a:hover{
color: #333;
}


#contenido .listado_recuerdos{
float: left;
position: relative;
margin: 0 0 10px 250px;
padding: 0;
display: inline;
border-bottom: solid 1px #ccc;
}
#contenido .listado_recuerdos ul{
float: left;
position: relative;
margin: 5px 0 5px 10px;
display: inline;
}
#contenido .listado_recuerdos li{
float: left;
position: relative;
border-right: solid 1px #ccc;
list-style: none;
padding: 0 5px;
font: 10px Arial, Helvetica, sans-serif;
color: #aaa;
line-height: 18px;
width: 220px;
text-align: center;
}
#contenido .listado_recuerdos li.ultimo{
border-right: none;
}
#contenido .listado_recuerdos li a{
font: 20px "Times New Roman", Times, serif;
color: #9b8567;
line-height: 9px;
padding: 0 5px;
}
#contenido .listado_recuerdos li a:hover{
color: #333;
}
body.recuerdo1 #contenido .listado_recuerdos li.nav_recuerdo1 a,
body.recuerdo2 #contenido .listado_recuerdos li.nav_recuerdo2 a{
color: #333;
}



/* ALBUMES */

#contenido .album{
float: left;
position: relative;
margin: 10px 0 0 0;
padding: 0;
clear: left;
width: 950px;
}
#contenido .album a{
text-decoration: underline;
}
#contenido .album a:hover{
text-decoration: none;
}
#contenido .album img{
float: left;
position: relative;
margin-right: 20px;
display: inline;
border: 0;
}
#contenido .album p{
margin: 0;
padding: 0;
clear: right;
}
#contenido .album .nav_anterior_siguiente {
float: right;
position: relative;
width: 220px;
margin:0;
padding:0 0 20px 0;
}
#contenido .album .nav_anterior_siguiente ul{
margin:0;
padding:0;
}
#contenido .album .nav_anterior_siguiente li{
float: left;
width: 109px;
margin:0 1px 0 0;
padding:0;
font-weight: bold;
list-style: none;
display: inline;
}
#contenido .album .nav_anterior_siguiente li a{
float: left;
width: 109px;
margin: 0;
padding: 4px 0;
color: #333;
text-decoration: none;
text-align: center;
background: #d5cab9 url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/boton_off.png) top left no-repeat;
}
#contenido .album .nav_anterior_siguiente li a:hover{
color: #eee;
background: #af9f89 url(https://e00-elmundo.uecdn.es/especiales/2009/10/madrid/90_aniversario_metro/img/boton_on.png) top left no-repeat;
}
#contenido .album .nav_anterior_siguiente .bot{
float: right;
width: 109px;
margin: 0;
padding: 0;
color: #fff;
background-color: #777;
text-decoration: none;
text-align: center;
font-weight: bold;
}
#contenido .album .nav_anterior_siguiente .bot a:hover{
background-color: #000;
}

#contenido .firma{
color: #777;
font-size: 11px;
margin-bottom: 5px;
}
#contenido .pie_video{
color: #777;
font-size: 11px;
text-align: right;
border-bottom: solid 1px #ccc;
}
#contenido .cajafoto{
float: left;
position: relative;
margin-bottom: 15px;
border-bottom: solid 1px #ccc;
}
#contenido .cajafoto img{
margin-top: 3px;
}
#contenido .cajafoto p{
float: right;
position: relative;
margin: 0;
padding: 2px 10px;
color: #777;
font-size: 11px;
}
#contenido .columnaizq{
float: left;
position: relative;
width: 550px;
margin: 10px 0 0 0;
padding: 0;
}
#contenido .columnader{
float: right;
position: relative;
width: 380px;
margin: 10px 0 0 0;
padding: 0;
}
#contenido .columnaizq2{
float: left;
position: relative;
width: 465px;
margin: 10px 0 0 0;
padding: 0;
}
#contenido .columnader2{
float: right;
position: relative;
width: 465px;
margin: 10px 0 0 0;
padding: 0;
}

body#recuerdos p.boton{
float: right;
position: absolute;
top: 25px;
right: 20px;
}
body#recuerdos p.boton a{
float: right;
background-color: #e0d4c1;
padding: 4px 12px;
border: solid 1px #beb09c;
color: #333;
}
body#recuerdos p.boton a:hover{
background-color: #beb09c;
border: solid 1px #a2937e;
color: #eee;
}
body#recuerdos .video{
margin-top: 0;
}

/* Site information */

#site_info {width:970px;font:10px/10px Arial, Helvetica, sans-serif;color:#555;float:left;clear:both;padding:8px 10px 30px;border-top:3px solid #333;}
#site_info a{color:#777;text-decoration:none;}
#site_info a:hover{color:#777;}
#site_info p{float:left;padding:0 10px 0 0 !important;margin:0;}
#site_info p.credits{border:1px solid #555;border-width:0 1px;padding:0 8px!important;margin:0 8px 0 0;}
#site_info ul, #site_info li{float: left; display:inline;list-style:none;padding:0 5px 0 0;margin:0;}
#site_info li a{float:left; padding: 0;}
#site_info li.contact{border-right:1px solid #555;padding:0 8px 0 0;margin:0 8px 0 0;}
acronym{border:0; text-decoration:none;}




/* -- INICIO PUBLICIDAD */
        #publicidadsuperior {
            width: 990px;
			height: 90px;
			margin: 0 0 0 1px !important;
			padding: 0px;
			overflow: hidden;
        }
		body#portada #publicidadsuperior {
		border-bottom: solid 1px #ddd;
        }
		#publicidadsuperior .publicidadhorizontal {
			width: 740px!important;
			float: left;
		}
		 #publicidadsuperior table {
		 	background-color: #f0f0f0 !important;
        }
		 #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;
        }
        #publicidadsuperior .publicidadmodulo {
            width: 244px;
            float: left;
			margin: 0 0 0 5px;
      }
	  td.luto_publi_ana{
	  		display: none;
	  }
.publi300{
float: left;
position: relative;
padding: 20px;
}
body#recuerdos .publi300, 
body#un_dia_en_el_metro .publi300, 
body#epicentro .publi300{
margin-left: 130px;
display: inline;
}
body#cine .publi300, 
body#de_la_linea1_a_la_13 .publi300{
margin-left: 60px;
display: inline;
}
/* -- FIN PUBLICIDAD */