@charset "iso-8859-2";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Chivo|Yellowtail|Gruppo|Terminal+Dosis|Coustard|Prata);


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

.col{position:relative;}
/**/
body {background-image:url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/picasso/img/bg.jpg") no-repeat fixed center top / cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font:100%/1 Arial, Helvetica, sans-serif;}

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

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



a {}
a:hover { color:#bbb; }
p a { color:#333;}
p a:hover { border-bottom:dotted 1px #bbb;}


.envuelve {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 30px;
    padding: 0 0 5px !important;
    width: 100%;
}
.contenido{ padding-bottom:20px;}
#contenedor {width:990px;margin:0 auto;text-align:left;}
.contenedor-centrado { width:990px; margin:0 auto;}


/*portada*/
body.portada{ background:url("https://e00-elmundo.uecdn.es/especiales/2011/10/cultura/guernica/img/portada2.jpg") no-repeat center 40px;height:100%;}
body.portada #contenedor { margin: 0 auto;
    text-align: left;
    width: 990px;
}
body.portada #portada { clear: both;
    height: 500px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 990px;
}
body.portada #portada .entrar-portada { color: #FFFFFF;
    display: block;
    height: 500px;
    width: 990px;}
body.portada #portada header {   background:#000;
    bottom: 5px;
    position: absolute;
     width: 970px;padding:20px 10px 10px;z-index: 100;}
body.portada #portada header h1{ color: #FFF;
    font-family: 'Prata',serif;
    font-size: 350%;
    letter-spacing: -0.02em;
    margin:0 0 10px;text-align: center;}

body.portada #portada header h1 a{ color: #fff;}
body.portada #portada header h1 a:hover{ color: #C9C9C9;}

body.portada header .nav{ text-align:center;}
body.portada header .nav li {font-size:90%;display: inline;}
body.portada header .nav li a{color: #797979; font: 110% 'Prata',serif;height: 28px;letter-spacing: 0;padding:9px 0 0 9px;}
body.portada header .nav li a:hover{color: #fff;}
body.portada header .nav li + li {
    background: url("https://e00-elmundo.uecdn.es/especiales/2011/10/cultura/guernica/img/bullet.png") no-repeat left;} 
body.portada #portada { clear: both;
    height: 500px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 990px;
}
body.portada #portada { clear: both;
    height: 500px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 990px;
}
body.portada .foto-mini{    background:#000;
    bottom: 5px;
    padding: 0;
    position: absolute; z-index:0;}

/*CABECERA*/
#contenedor .cabecera {float: left;padding: 0;position: relative;width: 990px;}
#contenedor .cabecera a.foto {display:block;}
#contenedor .cabecera a.foto img {float: left;}
#contenedor .cabecera nav{float: left;height: 35px;position: relative;width: 990px; background:#000;}    

	
.cabecera .nav{ text-align:center;height: 35px;}
.cabecera .nav li 	{font-size:90%;display: inline;}
.cabecera .nav li a {color: #797979;
    font: 110%/210% 'Prata',serif;
    height: 28px;
    letter-spacing: 0;
    padding: 8px 0 0;}
.cabecera .nav li a:hover {color: #fff; } 
    
.cabecera .nav li + li {padding:0 0 0 10px;
    background: url("https://e00-elmundo.uecdn.es/especiales/2011/10/cultura/guernica/img/bullet.png") no-repeat left;}    
    
/*activos*/
.sec-06 .cabecera .nav li#sec-06 a, .sec-06 .cabecera .nav li#traslado a, .connotaciones .cabecera .nav li#connotaciones a,.guernica-rubens .cabecera .nav li#guernica-rubens a, .picasso .cabecera .nav li#picasso a,.visto-por .cabecera .nav li#visto-por a, .album .cabecera .nav li#album a, .restauracion .cabecera .nav li#restauracion a,.teorias .cabecera .nav li#teorias a  {color: #fff;}

/*plantillas*/
article header{ background:#000;
    height: 100px;
    left: 0;
    position: absolute;
   top: -100px;
    width: 541px;padding-left: 13px;}
article h1 {  color: #FFF;
    font-family: 'Prata',serif;
    font-size: 260%;
    letter-spacing: -0.01em;
    margin: 8px 0 5px;}
article h2 {font-size: 140%; margin:30px 0 0 0; padding:0;font-family: 'Arvo', serif; }

article footer {
        background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-family: 'Prata',serif;
    font-size: 105%;
    left: 10px;
    padding: 0;
    position: absolute;
    top: -65px;}

.hitos article footer {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-family: 'Prata',serif;
    font-size: 105%;
    left: 20px;
    padding: 0;
    position: absolute;
    top: -70px;
}	
	


article .col-7{padding-top:25px;}


.contenido article p {line-height:165%;  }
.contenido article p + p  {margin:20px 0 0 0; }
.contenido article p.entradilla + p {margin:0; }

.contenido article blockquote {font-size: 140%;line-height: 135%;margin: 0 0 15px 0; padding: 15px 0; border-top: 1px dashed #D9D9D9; border-bottom: 1px dashed #D9D9D9; }
.contenido article p + blockquote {margin: 15px 0; }

.contenido .texto-noticia p {padding:0 0 0 7px; font-size:90%; }
.contenido .texto-noticia footer p {padding:0; }

.contenido .foto-article {margin-bottom:20px; }
.contenido .col-5 .foto-article{padding:5px 5px 0; border:solid 1px #000; background:#000;   border-radius: 7px 7px 7px 7px;}
.contenido .col-5 .foto-article img{ width:378px;}
.contenido .foto-article p{  
    clear: both;
    color: #FFFFFF;
    font-family: 'Rokkitt',serif;
    font-size: 96%;
    line-height: normal;
    margin-bottom: 5px;
    padding: 5px 10px;
    width: auto;}


.contenido .foto-article figcaption {padding:0 10px 5px 10px; line-height:130%; font-size: 90%; }
.contenido p + .foto-article {margin-top:20px; }


.contenido p{color:#515151;  font-size:96%;}
.contenido p.firma{ color:#ABABAB;}
.contenido p.firma a{color: #fff;}
.contenido p.entradilla{    border-left: 4px dotted #CCCCCC;
    color: #222;
    float: left;
    font-family: 'Rokkitt',serif;
    font-size: 143%;
    line-height: 135%;
	 margin: 10px 10px 15px 0;
    padding: 0 20px 10px;
    width: 300px;}


.contenido .nota p{color:#000; clear:both; padding:5px; font-size:75%;width:auto; margin:20px 0 10px;}

.capa-imagen{	
 text-align:center;
 width:100%; 
 height:750px; 
 clear:both; 
 float:left; 
 overflow:hidden; 
 z-index:100;
 position:absolute; 
 top:0; 
 left:0;
 }

.capa-imagen img{ margin-left:-305px; margin-top:-5px;}

.contenido .listado{  color: #4A4A4A;font-size: 80%; margin-bottom:15px;}
.contenido .listado h3{    color: #000000;font: 200% 'Fjalla One';margin: 10px 0;}  
.contenido .listado li{ border-bottom:1px solid #E0E0E0; padding:10px 0 7px 0; position:relative; line-height: 140%;}   
.contenido .listado li span{    color: #000000;
    font: bold 125% 'Rokkitt',serif;
    letter-spacing: 0.03em;
    padding-right: 4px;}   


/* Sección visto por... */

.sec-05 article header {width: 951px;    height: auto;}
.sec-05 article header h1{ float:left;}
.sec-05 article header nav{ background-color:#fff; float:right;padding: 5px 5px 0 5px;}
.sec-05 article header nav ul li{ float:left; position:relative;}
.sec-05 article header nav ul li + li{ margin-left:5px;}
.sec-05 article header nav ul li a{display: block; padding:0;}
.sec-05 article header nav ul li a img{width:95px; height:95px;}
   
.sec-05 article header nav ul li a .hover {
    background: #fff;
    color: #333;
    cursor: pointer;
    font: 80%/120% 'Fjalla One',sans-serif;
    height: 85px;
    letter-spacing: -0.03em;
    opacity: 0.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=00);
    position: absolute;
    right: 0;
    top: 0;
    width: 85px;
    z-index: 50;
	padding:5px;
	text-transform:uppercase;
}  
 
.sec-05 article header nav ul li a:hover .hover {opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);}


.cara01 article header nav ul li#cara01 a, .cara02 article header nav ul li#cara02 a, .cara03 article header nav ul li#cara03 a, .cara04 article header nav ul li#cara04 a, .cara05 article header nav ul li#cara05 a, .cara06 article header nav ul li#cara06 a{ width:95px; height:95px;}
.cara01 article header nav ul li#cara01 a img, .cara02 article header nav ul li#cara02 a img, .cara03 article header nav ul li#cara03 a img, .cara04 article header nav ul li#cara04 a img, .cara05 article header nav ul li#cara05 a img, .cara06 article header nav ul li#cara6 a img{ display:none;}
.cara01 article header nav ul li#cara01 a .hover,.cara02 article header nav ul li#cara02 a .hover,.cara03 article header nav ul li#cara03 a .hover,.cara04 article header nav ul li#cara04 a .hover,.cara05 article header nav ul li#cara05 a .hover,.cara06 article header nav ul li#cara06 a .hover {opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);}
    
   


.sec-05 article .col-5{ padding-top:35px;}

/* TEORIAS */
/*body.teorias .col + .col{margin-left: 0;}*/
body.sec-06.subnav-02 .contenido{background:#000;}
body.sec-06.subnav-02 .contenido article .col-12 a img{float: left;}
body.sec-06.subnav-02 .contenido article .col-7 {padding-top: 4px;}
body.sec-06.subnav-02 .contenido #grafico{ padding-left:7px;}

/* TRASLADO Y RESTAURACION */
body.sec-06.subnav-05 .contenido{background:#000;}
body.sec-06.subnav-05 .col-12, body.subnav-05 .col-12, body.subnav-05 .col-12 { margin-left:0;}
body.sec-06 .contenido .col-12 p, bodysec-06.subnav-02 .contenido .col-12 p, body.sec-06.subnav-02 .contenido .col-12 p {color:#ccc; padding-top:20px;font-size: 90%; padding-left:13px;}
body.sec-06 article .col-7, body.sec-06.subnav-05 article .col-7{padding-top: 5px;} 
    


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


/* ALBUM */
body.sec-06.subnav-03 .col + .col{margin-left: 0;}
body.sec-06.subnav-03 .contenido{background:#000; padding-bottom: 10px;}
body.sec-06.subnav-03 .contenido article .col-12 a {float: left;}
body.sec-06.subnav-03 .contenido article .col-12 a img{float: left;}
body.sec-06.subnav-03 .contenido article .col-7 {padding-top: 4px;}
    

body.sec-06.subnav-03 .nav_anterior_siguiente {
    left: 0;
    list-style-type: none;
    margin: 0 0 -25px;
    /*opacity: 0.7;*/
    padding: 0;
    position: absolute;
    width: 100%;
	top:250px;
}
body.sec-06.subnav-03 .anterior-siguiente {clear: both;
    float: right;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
body.sec-06.subnav-03 .anterior-siguiente li {
    background: #000;
    padding: 10px;
}
body.sec-06.subnav-03 .anterior-siguiente li a {
    color: #FFFFFF;
    font: 115% 'Rokkitt',serif;
}
body.sec-06.subnav-03 .anterior-siguiente li a:hover {
    color: #fff;
}
body.sec-06.subnav-03 .anterior-siguiente li.inicio {
    float: left;
}
body.sec-06.subnav-03 .anterior-siguiente li.anterior {
    float: left;
}
body.sec-06.subnav-03 li.siguiente {
    float: right;
}
body.sec-06.subnav-03 .anterior-siguiente li.ultima {
    float: right;
}
body.sec-06.subnav-03 .anterior-siguiente .anterior a {
    background: url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/picasso/2011/img/album/flecha_anterior.png") no-repeat 10px 0;
    padding-left: 35px;
}
body.sec-06.subnav-03 .anterior-siguiente .anterior a:hover {
    background: url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/picasso/2011/img/album/flecha_anterior.png") no-repeat 10px -21px;
    padding-left: 35px;
}
body.sec-06.subnav-03 .anterior-siguiente .siguiente a {
    background: url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/picasso/2011/img/album/flecha_siguiente.png") no-repeat 85px 0;
    padding-right: 35px;
}
body.sec-06.subnav-03 .anterior-siguiente .siguiente a:hover {
    background: url("https://e00-elmundo.uecdn.es/especiales/especiales/2013/cultura/picasso/2011/img/album/flecha_siguiente.png") no-repeat 85px -21px ;
    padding-right: 35px;
}
.contenido p.pie-foto{   background:#000;
    bottom: 0;
    opacity: 8;
    padding: 0 14px 10px; color:#ABABAB; font-size:83%; line-height:180%;}

body.sec-06.subnav-03 .contenido p.pie-foto{ position:absolute;  bottom:0; width:600px; right:0;padding: 10px 14px 10px; opacity: 0.8; line-height:170%;}


/* pie */

/* --------------------------------------------------------------------------------------------
PUBLICIDAD
-------------------------------------------------------------------------------------------- */