/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Playfair+Display|Ubuntu+Condensed&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=latin,latin-ext);


/* PARA ETIQUETAS DE HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

.col{position:relative;}

#contenido-portada { float:left; margin:0 auto; height:auto;width:100%; position: relative;}
#contenido-portada a{display:block; padding: 0; line-height:0; }
#contenido-portada a img.portada { width:100%; }
/**/
body {  background:#000;
font:100%/1 Arial, Helvetica, sans-serif;}

/* minicabecera */
#minicabecera {font-size: 75%; line-height: 130%;}

a { color:#101010;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
 }
a:hover { color:#C2B17A; }
mark{ background:#DCD2D2; font-weight:normal; color:#222; padding:2px 0;}
p a { color:#EC5D31; }
p a:hover { color:#101010; border:0; }

.envuelve { padding:0 0 5px !important;  background:#FFFFFF; height:30px;}
#contenedor{margin: 0 auto;
    overflow: visible;
    position: relative;
    text-align: left;
    width: 100%;}
#contenedor.interior  {padding-top:20px; background:transparent url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/la-dama-de-hierro/img/cabecera-la-thatcher.jpg") no-repeat top center;}

.contenedor-ancho-completo { width:100%; /*background:transparent url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/la-dama-de-hierro/img/fondo.png") repeat 0 0;*/ float:left;clear:both;padding-bottom:20px; border-top: 1px solid #1B1810;}

.contenedor-centrado {  background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    float: left;
    margin: 0 auto;
    width: 100%;}

#contenido{margin:0 auto; clear:both; float:none; overflow:hidden;position:relative;}

.col-4{padding-top: 20px;}
/* fondos */

/*.portada, .interior{ 
background:transparent url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/la-dama-de-hierro/img/portada.jpg") no-repeat center -100px; 
}*/

.cabecera {
    float: right;
    position: relative;
    right: 10px;
    text-align: center;
    top: 240px;
    width: 100%;
    z-index: 200;
	 }


.cabecera h1 {font-size: 140%;position:relative; font-family: 'Playfair Display', sans-serif; padding: 0 0 10px; width:300px; height:0;  margin:0; 
/*background:#000;background:transparent url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/la-dama-de-hierro/img/fondo.png") repeat 0 0;*/

}

.cabecera h1 a strong{clear: both;
    color: #C2B17A;
    float: right;
    font-size: 350%;
    letter-spacing: -3px;
    line-height: 110%; 
	text-shadow: 0 -1px 0 #7E611E;
	text-transform:uppercase;
	font-weight:normal;	}
.cabecera h1 a strong span{
    font-size: 60%;}
.cabecera h1 a em{clear: both;
    color: #C2B17A;
    float: right;
    font-style:normal;
	text-shadow: 0 -1px 0 #7E611E; }
.cabecera h1 a em span{
	font-size: 130%;}

.cabecera h1 a{color: #fff;
    display: block;
    float: right;
    text-align: right;
    text-decoration: none;
    text-shadow: 0 -1px 0 #AE8E43;
    width: 100%;
}
.cabecera h1 a:hover{border-bottom:0;}
.cabecera nav{
    clear: both;
    text-align: center;
    width:900px;
	padding:10px 0;
	position:absolute; top:20px; left:590px;
	}
.cabecera .nav {
    clear: both;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20px;
    width: auto;
	}
	.portada .cabecera .nav { width: 475px; }
.cabecera .nav li { font-size:110%; width:auto; float:left; display:block;font-family: 'Yanone Kaffeesatz', sans-serif; font-size:115%; color:#C2B17A; }
.cabecera .nav li a { color:#C2B17A; padding:10px 5px; }
.cabecera .nav li a:hover { border:0; color:#C2B17A; }


.cabecera .nav li + li { margin-left:1px; }
.portada .wrap-cabecera{ clear: both;
    margin: 0 auto;
    position: relative;
    width: 990px;
	z-index:9999;}
.portada .cabecera nav{       clear: both;
    left: 0;
    margin: 0 auto;
    padding: 0;
    top: 90px;
    width: 100%;}
.portada .cabecera h1{width:100%; margin-left:0;}
.portada .nav li { font-size:105%;}
.portada .nav li ul.sub-navegacion {display:none; }
.portada .pie{ margin: 0 auto;
    padding: 10px 10px 20px;
    width: 990px;
	border-top:0;}

header, figure, article, aside { float:left; }
header {  width:100%; text-align:left; }

#contenedor .cabecera { height:0; }
#contenedor .cabecera h1 { right:10px;text-align:left; }


.interior #contenido{padding-top:20px;background: url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/la-dama-de-hierro/img/fondo.png") repeat scroll 0 0 transparent;}







#contenedor.interior .cabecera {background: none repeat scroll 0 0 transparent;
    float: none;
    height: 150px;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 990px;}
.interior .cabecera h1 {background:none;margin:0 auto; width:990px; height:88px; text-align:center;font-size: 130%; }
.interior .cabecera h1 a {
    padding-top:10px;
    text-decoration: none;
    z-index: 500;
	position: relative;
	width:990px;	
}
.interior .cabecera h1 a strong { line-height: 90%; }
.interior .cabecera nav {
    clear: both;
    right: 0;
	left:0;
    padding: 10px 0;
    position: absolute;
	margin:0 auto;
    text-align: center;
    top: 90px;
    width: 100%;

}
.interior .cabecera nav .nav{ margin:5px auto 0 auto; text-align:center; clear:both; height:24px;}

.interior .nav li ul.sub-navegacion {
    display: none;
    margin: 0 auto;
    padding: 2px 5px;
    width: 100%;
    z-index: 4000;  
	height:18px;
    clear: both;
    text-align: center;
	background:#C2B17A;
	border-radius: 2px;
    
}

.interior .nav li ul.sub-navegacion li { font-size:90%; }
.interior .nav li ul.sub-navegacion li + li { padding:0 0 0 15px; }
.interior .nav li ul.sub-navegacion li a { padding:0;  }


.wrap-subnav
  { 
    clear: both;
    left: 0;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 35px;
    width: 100%;
  }


/* navegacion epicentro */

/*.poblacion-01 li#poblacion-01 .sub-navegacion { position:relative; border-bottom:1px dotted #F95955;  padding-top:25px; height:24px; }
.poblacion-01 #contenido {
	padding-top:80px;
	}
.poblacion-01 li#poblacion-01 .sub-navegacion a{color:#fff;font-size:85%;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.poblacion-01 li#poblacion-01 .sub-navegacion a:hover{color:#C2B17A;}*/

/* navegacion vivir en... */

.bar-progress{
	display:none;
    margin: 0 auto;
    padding: 10px;
    width: 970px;
	height:20px;
    clear: both;
	color:#fff;
	background:none;
	position:relative;
	top: 73px;
}
/*.poblacion-04 .bar-progress{display:block;}*/
.bar-progress ul{  float:left;clear:both;position:relative; top:5px; left:5px; width:636px; *width:auto; height:20px; }
.bar-progress li{ 
	display:none; float:left; width:636px; height:24px;  background:#373737; position:absolute;left:0;top:0;
		border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	overflow:hidden;
	}

.bar-progress li .porcentaje{   
display:block; 
height:24px;  
background:#F95955;
font:normal 95%/165% 'Yanone Kaffeesatz', sans-serif; 
position:absolute;
right:0; 
text-align:left; 
padding-left:8px;  
}

/*.poblacion-04 .col-8 { padding-top:300px;}
.poblacion-04 .col-4 { padding-top:37px;}*/





/* activos */

.nav-01 #nav-01 a, 
.nav-02 #nav-02 a, 
.nav-03 #nav-03 a, 
.nav-04 #nav-04 a, 
.nav-05 #nav-05 a, 
.nav-06 #nav-06 a, 
.nav-07 #nav-07 a, 
.nav-08 #nav-08 a, 
.nav-09 #nav-09 a, 
.nav-10 #nav-10 a
{ color:#fff;}

.nav-01 #nav-01 .sub-navegacion  a,
.nav-02 #nav-02 .sub-navegacion  a,
.nav-03 #nav-03 .sub-navegacion  a,
.nav-04 #nav-04 .sub-navegacion  a,
.nav-05 #nav-05 .sub-navegacion  a,
.nav-06 #nav-06 .sub-navegacion  a,
.nav-07 #nav-07 .sub-navegacion  a,
.nav-08 #nav-08 .sub-navegacion  a,
.nav-09 #nav-09 .sub-navegacion  a,
.nav-10 #nav-10 .sub-navegacion  a
{color:#000; text-decoration:none;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

.nav-01 #nav-01 .sub-navegacion  a:hover,
.nav-02 #nav-02 .sub-navegacion  a:hover,
.nav-03 #nav-03 .sub-navegacion  a:hover,
.nav-04 #nav-04 .sub-navegacion  a:hover,
.nav-05 #nav-05 .sub-navegacion  a:hover,
.nav-06 #nav-06 .sub-navegacion  a:hover,
.nav-07 #nav-07 .sub-navegacion  a:hover,
.nav-08 #nav-08 .sub-navegacion  a:hover,
.nav-09 #nav-09 .sub-navegacion  a:hover,
.nav-10 #nav-10 .sub-navegacion  a:hover
{color:#fff;}

.sub-nav-01 #nav-01 .sub-navegacion #sub-nav-01 a, 
.sub-nav-02 #nav-01 .sub-navegacion #sub-nav-02 a, 
.sub-nav-03 #nav-01 .sub-navegacion #sub-nav-03 a, 
.sub-nav-04 #nav-01 .sub-navegacion #sub-nav-04 a, 
.sub-nav-05 #nav-01 .sub-navegacion #sub-nav-05 a, 
.sub-nav-06 #nav-01 .sub-navegacion #sub-nav-06 a, 
.sub-nav-07 #nav-01 .sub-navegacion #sub-nav-07 a, 
.sub-nav-08 #nav-01 .sub-navegacion #sub-nav-08 a, 
.sub-nav-09 #nav-01 .sub-navegacion #sub-nav-09 a, 
.sub-nav-10 #nav-01 .sub-navegacion #sub-nav-10 a
{ color:#C2B17A;}

.interior.nav-01 .nav li#nav-01  ul.sub-navegacion { display:block; }



#contenido h1{ border-bottom: 1px dotted #433D2C;
    color: #E7D9AC;
    float: right;
    font-family: 'Playfair Display',sans-serif;
    font-size: 300%;
    line-height: 120%;
    margin: 10px 0 5px;
    padding-bottom: 8px;
    width: 636px;
	text-align:right;}
.album #contenido h1, .datos #contenido h1, .video #contenido h1, .texto-2 #contenido h1 { width:100%; }

.firma{ font-family: 'Yanone Kaffeesatz', sans-serif;  color:#fff; text-align:right;}
.entradilla{padding:20px 0; margin-bottom:15px; color:#fff; border-bottom:1px dotted #433D2C;}
p{ margin:10px 0; line-height:145%; font-size:100%; color:#333;}

#contenido p a{border-bottom:1px solid #999;}
#contenido p a:hover{border-bottom:1px solid #999; text-decoration:none;}

#contenido .foto-article { float:left; width:100%; }
#contenido .col.col-8 .foto-article { margin-top:20px;  }
#contenido .foto-article p, #contenido .video p { color:#fff; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:85%;text-align:right;}

#contenido .foto-article p.pie-foto { background:#433D2C; margin:0; padding:2px 10px; font-size:100%; }

#contenido .firma-article p {  border-top:1px dotted #333; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:92%; margin-top:15px;}

.col-texto { 
	background:#fff; 
	padding:25px 20px 40px 25px;
	border-radius: 2px;

}
.col-texto h2{ color:#333; font-size:200%;}
.col-texto .entradilla{padding:20px 0; margin-bottom:15px; color:#333; font-style:italic;border-bottom:1px dotted #F95955;}
.col-texto .firma{ color:#333;}
.epicentro-04 .entradilla, .epicentro-05 .entradilla{border-bottom:0;}
.epicentro-01 .entradilla, .epicentro-02 .entradilla, .epicentro-03 .entradilla { padding-top:0; margin-top:0;}
.epicentro-01 #contenido h1, .epicentro-02 #contenido h1, .epicentro-03 #contenido h1 { border-bottom:0;}

.video{margin-bottom:20px; margin-top: 16px; text-align:center;clear:both;text-align:center;}
.video.cubre_reproductor{margin:0 auto;}

#grafico{ text-align:center;}
/*.poblacion-03 #contenido footer{ clear:both; float:left; width:950px; display:block;}
.poblacion-03 #contenido footer .firma{float:left;}*/
#contenido footer a.alternativa{float:right; color:#fff; border-bottom:0; display:none;}
#contenido footer a:hover.alternativa{ color:#F95955; }


.sumarios{ line-height:145%; font-size:100%;color:#fff;}
.nav-04 .sumarios{ text-align: right;}
.sumarios h3{ border-bottom:1px dotted #F95955; font-size:130%;}
.sumarios li{ border-bottom:1px dotted #666; margin:10px 0;}
.sumarios li span{font-family: 'Yanone Kaffeesatz', sans-serif; font-size:92%; color:#F95955;}
.sumarios p{margin:10px 0;border-bottom:1px dotted #666;font-size:85%;color:#fff;padding:5px 0;}
#contenido .foto-article .sumarios{ border-bottom: 1px dotted #433D2C;
    color: #C2B17A;
    font-family: 'Playfair Display',sans-serif;
    font-size: 118%;
    font-style: italic;
    font-weight: normal;
    padding: 8px 0;}
#contenido .cintillo{color:#fff;font-family: 'Yanone Kaffeesatz', sans-serif; font-size:100%;}




/**/




/* album */
.album .wrap-seccion4 {

}
.album #seccion-contenido {
    padding: 10px 0;
}
.album .seccion {
    clear: both;
    margin: 0 auto;
    overflow: visible;
    position: relative;
    width: 100%;
}
.album #info {
    min-height: 700px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
body.album-anchocompleto .album #info {
	float: left;
    min-height: 636px;
	position:relative;
	margin-bottom: 20px;
}
.album .col.col-8 #info {
    min-height: 500px;
}
.album .listElement {
    float: left;
    overflow: hidden;
    width: 964px;
    z-index: -99999999;
}
/*body.album-anchocompleto .album .listElement {width: 636px;}*/
.album .col.col-8 .listElement {
    width: 636px;
}
body.album-anchocompleto .album .listElement img { float: left;position:relative;width: 636px; height: 636px; }
.album .col.col-8 .listElement img { width: 636px; }
.album .listElement .foto, .album .noticia .foto, .album .listElement img, .album .foto {
    cursor: pointer;
}
.album #contenido .seccion p {
    color: #FFFFFF;
}
.album #contenido .seccion p.pie {background: none repeat scroll 0 0 #EEE6CE;
    border-radius: 0 0 2px 2px;
    color: #000000;
    font-size: 90%;
    line-height: 130%;
    padding: 10px;
    text-align: left;
    width: 930px;
    z-index: 999;}
body.album-anchocompleto .album #contenido .seccion p.pie{width: 288px; float: right; position: relative; right: 0; top: 0; height: 596px; z-index:5; padding: 20px; clear: right;}
.album #contenido .col.col-8 .seccion p.pie {
    width: 616px;
}
.album .seccion #left, .album .seccion #right {
    color: #EEE6CE;
}
.album .seccion .anterior {
    border-radius: 0 5px 5px 0;
    left: 5px;
    position: absolute;
    top: 230px;
}
.album .seccion .siguiente {
    border-radius: 5px 0 0 5px;
    position: absolute;
    right: 5px;
    top: 230px;
}
body.album-anchocompleto .album .seccion .siguiente {right: 330px;}
.album .seccion .anterior, .album .seccion .siguiente {
    display: block;
    font: bold 800%/0.6 Arial, Helvetica, sans-serif;
    height: 50px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    width: 50px;
}
body.album-anchocompleto .album .seccion .anterior, .album .seccion .siguiente { z-index: 20;}

.anterior {
    cursor: pointer;
    float: left;
}
.siguiente {
    cursor: pointer;
    float: right;
}

.album #contenido p.nota {
    font-size: 80%;
    margin: 5px 0;
    text-align: center;
	color:#fff;
	font-family: 'Oswald', sans-serif;
}





/* pie */

.pie { font-family: Arial, Helvetica, sans-serif; color:#101010;font-size:80%; line-height:150%; clear:both;

margin: 0 auto;
    padding: 20px;
    width: 950px;
	border-top:0;}


.pie ul { float:left; width:660px; }

.pie li {color:#a59268; padding-top:1px; }
.pie li a {color:#a59268; border-bottom:1px dotted #282214; }
.pie .redes { float:left; border-left:1px dotted #1B1810; padding:0 0 0 20px; }
.pie a:hover {color:#C2B17A;border:0; }



/*-------------------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
-------------------------------------------------------------------------------------------- */


.publicidad-superior, .publicidadhorizontal {
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:2;
	overflow:hidden;
	float:left;
	text-align: center;
}
.publicidadhorizontal table {background:#FFF;}
.publicidadmodulo, .publi-234, .publicidad-234 {float:left;	width:234px;}
.publicidadhorizontal {float:left;	width:auto;}
.publi-730, .publicidad-730 {float:left;	width:745px;}

.publicidad-superior{width:990px;margin:0 auto;float:none;}


.bloque_publicidad {padding:0; clear:both; margin:0 auto; float:none!important; width: 990px; background:none;}
#publicidad_principal.wrap {margin:0 auto; padding:0!important; width:990px!important; background:none!important;}
#publicidad_principal iframe {display:block; margin:0 auto;}
.publicidad {clear:both; margin:0 auto;}

.publicidad-300 {width:300px;float:left; margin:12px 0 12px; }
.publicidad_280 {border:1px solid #DDE1E5; border-width:0 1px 1px; text-align:center; padding-bottom:10px;}
.publicidad_280 {padding:10px;}
.publicidad_280 a {display:block; margin:0 auto; width:280px;}
.publicidad_234 {width:234px; float:right; clear:none; padding-right:5px;}
.publicidad_150 { width:150px; clear:both; overflow:hidden; margin:0 0 10px; float:none;}
.modulo_ranking .publicidad_280 {width:311px;}

.publicidad tr:nth-child(1) td:before {  display:block;  background:#000000;  color: #777777;  font-size: 85%; content:"Publicidad"; text-align:center; padding-bottom:4px;}

.publicidad td img{display:none;}
.publicidad embed {display:block;}
.publicidad_120x30 {width:130px; height: 30px;	position: absolute;	left: 860px;top: 14px;}
.publicidad_730.centrada {float:none; clear:none; margin: 0 auto; margin: 15px auto 0px !important;}
.publicidad td.luto_publi_ana img {display: none;}
.publicidad td.luto_publi {	height:0; margin:0; padding:0; border:0;}
.publicidad td.cintillo_publi_ana {	background:#CCC; vertical-align: top;}
.publicidad td.contenedor_publi_ana {background:#FFF;}
.google_ads {clear:both;}

.publicidad object, .publicidad embed {display:inline;}
.publicidad_120x30 {width:130px; height: 30px; 	position: absolute; left:  860px; top: 14px;}
.publicidad_lateral_a, .publicidad_lateral_b {position:absolute;	top:5px;	z-index:1;}
.publicidad_lateral_a {	right:1005px;}
.publicidad_lateral_b {left:1005px;}
.publicidad_entre_bloques {	width:985px; margin:0 auto;}
/*---publicidad en cuerpo de noticias-------------------------------------------------------------*/
#contenido .bloque_publicidad {float:left!important; width:1000px; background:none!important;}
#contenido .bloque_publicidad #publicidad_principal.wrap {background:url(https://e00-elmundo.uecdn.es/elmundo/iconos/v3.0/bg_bloque_02.png) repeat -13px 0!important;
	padding:8px 5px 0!important; float:left; width:990px!important;}
#contenido .bloque_publicidad #publicidad_principal.wrap .publicidad_730 {float:none; width:990px; text-align:center;}
#contenido .bloque_publicidad #publicidad_principal.wrap .publicidad_730 table {margin:0 auto;}
/*---publicidad en servicios-----------------------------------------------------------------------*/
.publicidad_patrocinio_servicios {bottom:6px; float:left; left:14px; position:absolute;	width:280px;}
.modulo_servicios .servicios .diccionario .publicidad_patrocinio_servicios a {height:auto;	background:none; width:auto;}
.modulo_servicios .servicios .diccionario .publicidad_patrocinio_servicios p {padding:0; margin:0;}
.videos.comentarios .publicidad300 {float:right; margin-top:340px; position:relative; right:-15px;}


.col-texto .mas-informacion {
	background:#E7D9AC;
	padding:15px; }
	.col-texto .mas-informacion p { margin:0 0 10px; text-transform:uppercase; border-bottom:1px dotted #333333; }
	.col-texto .mas-informacion ul li  { padding:5px 0; }





/* ipad */
  @media screen and (max-device-width: 1024px) 
	{
	
	/*.portada,.interior{ 
		background:transparent url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/la-dama-de-hierro/img/portada-ipad.jpg") no-repeat center -100px; 
	}
	.cabecera h1 {
    margin: -240px auto 0 120px;
    }
	.cabecera nav {
    left: 400px;
	}*/

	
	}
	@media screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5){
	/*	.col-texto{max-width:48%;}*/

	}