@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

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

body {font:100%/1 Arial, Helvetica, sans-serif; background:#000; text-align:center;}

.minicabecera { background:#fff;}

a { 
color:#85b552;
-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:#d1faa5; }
mark{ background:#DCD2D2; font-weight:normal; color:#222; padding:2px 0;}

#contenido a { color:#85b552;}
#contenido a:hover { color:#d1faa5;}
#contenido p a {color: #85b552; text-decoration: underline; }
#contenido p a:hover { color:#5A7A38;}

#index header {border-top:2px solid #2d2d2d; border-bottom:2px solid #2d2d2d; position:absolute; top:50px; }
#index header h1{ margin: 0 auto;text-align: center;}
#index header a:hover{opacity:.85;}

nav {clear:both; width:auto; margin: 0 auto; text-align:center; position:relative; border-bottom:1px dotted #555; padding-bottom:8px; }
nav ul { margin:0 auto; padding: 12px 0 0 10px;}
#contenido nav li a { padding:5px 3px ; display:inline-block; font-size:95%;font-family: 'Open Sans', sans-serif; color:#222;}
#contenido nav li a:hover {color:#6C9542;}

nav li {display:inline-block; margin:0 3px; }
nav li ul{ padding:0; margin:5px 0;}

#index .entradilla { 
	color: #FFFFFF;
    left: 250px;
    line-height: 145%;
    position: absolute;
    text-align: center;
    top: 510px;
    width: 70%;
	font-size:130%;
	}
	
	
/* fondo negro */
.sec04 #contenido, .sec05 #contenido { background:#222; }	
	
.fondo-negro #contenido nav li a{color:#fff;}
.fondo-negro #contenido nav li a:hover{color:#6C9542;}
.sec04 #contenido h1, .sec05 #contenido h1{color:#fff; }	

.fondo-negro.sec04 #n4 a, .fondo-negro.sec05 #n5 a{color:#6C9542;}

/* activos */
.sec01 #n1 a, .sec02 #n2 a, .sec03 #n3 a, .sec04 #n4 a, .sec05 #n5 a, .sec06 #n6 a{color:#6C9542;}



#index header nav ul {width:980px; margin:0 auto;}
#index header nav li a { font-size:105%; color:#fff;}
#index header nav li a:hover {color:#85b552;}
#index header nav {text-align:center; margin:0 auto; padding:0 0 15px 0; width:990px; border:none;}
#index header nav li {display:inline-block;}
#index header nav li + li:before {content:"."; margin-right:15px;  font-size:200%; position: relative; top: -5px; color:#fff;}

header.cabecera h1{ height: 170px; position: relative;}
header.cabecera h1 a{ display:block; text-align:center; padding: 0;width:100%;}
header.cabecera h1 a img{left: 0; position: absolute; top:0;z-index: 1000;}

#contenido .col-8 h1 {padding-left:8px;}
.separador { height:8px; margin-bottom:8px;}

#contenido{padding-top:15px; clear:both; float:left; position:relative; background:#E6E4D9;}

#contenido .col{ margin-top:15px;}

article p {font-family: Arial, Helvetica, sans-serif; font-size:100%; line-height:180%; color:#222; padding:0 10px; margin-bottom:15px; }
article footer .firma{ margin:8px 0;font-family: 'Open Sans', sans-serif; font-size:90%; }
#contenido h1, #contenido h2 {font-family: 'Open Sans', sans-serif; font-size:240%;border:0; color:#222;margin: 0 0 10px; }
#contenido h2 { font-size:170%; text-align:left; padding-left:10px; }
#contenido .col-8 > .sumario {margin: 10px 30px 20px 10px;}
#contenido .sumario {font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:120%; padding:0; color:#222; padding: 35px 10px 25px; width: 285px; background:#D3D2CA; border-radius:5px 5px 0 0;}


#contenido article .col p strong{ color:#434E49; }
#contenido article .col p a { text-decoration:none; border-bottom: 2px solid #819E90;}
#contenido .foto{ margin-bottom:15px; position:relative; overflow:hidden; background:#000;}
.foto.lightbox {display:block;float:left; cursor:pointer;}
.foto .aumento { background:#333;border-radius:20px;line-height:0;padding:15px 10px; color:#fff; cursor: pointer; display: block; position:absolute; top:5px; right:5px;}
#contenido .foto .pie-foto, #contenido .video .pie-foto{ background:#000;font-family: 'Open Sans', sans-serif; font-size:80%; padding:8px; width:98%;text-align:center;color:#fff;}

#contenido p.entradilla {font-family: 'Open Sans', sans-serif;line-height:150%; margin:15px 0 10px; }
.col-4 .video{float:none;}
.col-4 .foto .pie-foto{width:280px;}

.col-4 .col-destacada{padding:25px 10px 10px; background:#333; border-radius:10px; margin-bottom:15px; }
#contenido .col-4 .col-destacada h2 {color:#fff;}
.col-4 .col-destacada p{ font-size:80%; line-height:135%;color:#fff;}

.col-4 .col-destacada p strong{ font-size:110%; font-family: 'Open Sans', sans-serif; display:block; margin-bottom:5px; color:#D04F4C;}

#contenido .mas-informacion h1{ font-size:150%; text-align:left; border-bottom:1px solid #5C5C5C;}
.mas-informacion li{ margin:12px 0; font-family: 'Open Sans', sans-serif; font-size:85%;line-height:155%; }
.mas-informacion{border-bottom:2px solid #5C5C5C;}

#contenedor h1 {position:relative;}

/* album */
#contenedor_album .entradilla {  background: none repeat scroll 0 0 #000000;
    bottom: 15px;
    color: #FFFFFF;
    line-height: 145%;
    opacity: 0.8;
    padding: 30px 40px 20px;
    position: absolute;
    z-index: 1500;}

.contenedor_reproductor { float: left; padding-top: 90px; position: relative;}
.album #contenido .entradilla {color: #333; float: right;font-size: 100%;height: auto; text-align:center; line-height: 140%; margin: 0 0 20px;overflow: hidden; font-family: 'Open Sans', sans-serif;}
.album_loading {position: absolute;text-align: center; width: 100%;z-index: 0;}
#pop_contenedorImagenes .album_loading { height: 325px; padding-top: 325px;}
.album_loading img { margin-left: -20px;}
.album_img {position: absolute; z-index: 10;}
.album .relacionados h3 {font: 111%/125% Arial,Helvetica,sans-serif; padding: 0;width: auto;}
.contenedor_carrusel {float: left;height: 80px;overflow: hidden;padding: 3px 3px 1px;position: absolute;top: 5px;width: 955px;}
.contenedor_carrusel_popup {float: left;height: 40px;margin-top: 5px;overflow: hidden;padding: 0;width: 900px;}
.boton_prev { cursor: pointer;height: 100%;left: 0;opacity: 0.6;padding: 0 10px; position: absolute;width: 40px;z-index: 1000;}
.boton_next {cursor: pointer;height: 100%;opacity: 0.6;padding: 0 10px;position: absolute;right: 0;width: 40px;z-index: 1000;}
.boton_prev:hover, .boton_next:hover {opacity: 1;}
#rp_numeracion { background:#85b552;color: #FFFFFF;font: 140% Arial, Helvetica, sans-serif;padding: 3px 10px; border-radius:5px; position: absolute; right: 5px;top: 5px;z-index: 10000;}
#pop_contenedorImagenes #rp_numeracion { display: none;}
#id_contenedorImagenes {  clear: both;float: left;margin-bottom: 0;overflow: hidden;position: relative;top: -10px;}
.contenedorImagenes { background-color: transparent;}
.contenedorImagenes img {cursor: pointer;}
.contenedorImagenes #id_idImagen {float: left;position: relative;}
#contenedor .botonera_reproductor {height: 80px!important;margin: 0;padding: 0;}
#contenedor .botonera_reproductor li {cursor: pointer;float: left;list-style-type: none;margin-right: 5px;}
#contenedor .botonera_reproductor li img {border: 2px solid #000;}
#contenedor .botonera_reproductor li.seleccionada img {background: none repeat scroll 0 0 #FFFFFF;border: 2px solid #85b552;}
#contenedor .botonera_reproductor li, #contenedor .botonera_reproductor li img, #contenedor .botonera_reproductor li.seleccionada img {height: auto;width:90px;}
#contenedor .botonera_reproductor li:hover img {opacity: 0.5; }
.album .entradilla {clear: both;color: #FFFFFF;float: left;font-size: 80%;height: 36px;line-height: 130%;margin: 10px 0;overflow: hidden;padding: 0 13px;width: 97%;}
.ampliar {background: #000000;cursor: pointer; display: none;font-weight: bold;height: 27px;opacity: 0.8;position: absolute;right: 5px;text-indent: 1e+8px;top: 5px; width: 27px;z-index: 1000;
}
.ampliar:hover {opacity: 0.6;}
.contenedor_reproductor .leftB, .contenedor_reproductor .rightB, #popUp .leftB, #popUp .rightB {display: block;float: left; font: bold 170%/125% "Lucida Console";height: 75px; opacity: 0.8;padding: 0 4px;position: absolute;text-indent: -9999px;top: 0;width: 20px;}
#popUp .leftB, #popUp .rightB {bottom: 4px;}
.contenedor_reproductor .leftB, #popUp .contenedor_reproductor .leftB {left: 0;}
.contenedor_reproductor .rightB, #popUp .contenedor_reproductor .rightB { right: 0;}
.contenedor_reproductor .leftB, .foto-album .contenedor_reproductor .rightB, #popUp .leftB { z-index: 9999;}
.contenedor_reproductor .leftB, #popUp .leftB {background: url("https://e00-elmundo.uecdn.es/elmundo/iconos/v4.x/v4.04/album/arrows_left_small.png") no-repeat scroll center center #000;}
.contenedor_reproductor .rightB, #popUp .rightB { background: url("https://e00-elmundo.uecdn.es/elmundo/iconos/v4.x/v4.04/album/arrows_right_small.png") no-repeat scroll center center #000;}
.contenedor_reproductor .leftB:hover, .contenedor_reproductor .rightB:hover, #popUp .leftB:hover, #popUp .rightB:hover {opacity: 0.6;}
#contenido .pie_foto {display: none;}
#contenido .foto-album, #contenido .foto-album .entradilla { border: none;color:#999;}

.foto-album { border-bottom: 1px dotted #706D69;}
/*personajes */
#un_tiker { float: left; position: relative; width: 970px;}
#un_tiker .noticia { display: block;}
#un_tiker.el_js_esta_activo li.noticia {display: none;}
#un_tiker.el_js_esta_activo .noticia.activa, #un_tiker.el_js_esta_activo .noticia.activaJs {display: block;}
#un_tiker.el_js_esta_activo li.noticia.activa {display: none;}
#un_tiker .paginacion, #un_tiker .anterior, #un_tiker .siguiente { color: #222222;display: none;font-size: 240%;}
#un_tiker.el_js_esta_activo .paginacion, #un_tiker.el_js_esta_activo .anterior, #un_tiker.el_js_esta_activo .siguiente {display: block;}
#un_tiker li h3, #un_tiker li .firma { display: none;}
#un_tiker li .primera h3, #un_tiker li .primera .firma, #un_tiker.el_js_esta_activo li h3, #un_tiker.el_js_esta_activo li .firma { display: block;}
#un_tiker .cuerpo {padding: 0 5px;}
#un_tiker.el_js_esta_activo .cuerpo {padding: 5px 5px 30px;}
#un_tiker .cuerpo p + p.paginacion { margin: 0;}
#un_tiker .anterior {cursor: pointer;float: left;left:-10px;}
#un_tiker .siguiente {cursor: pointer;float: right; right: 10px;}
#un_tiker .anterior, #un_tiker .siguiente { display: block; font: bold 700%/0.6 "Palatino Linotype","Book Antiqua",Palatino,serif;height: 50px;position: absolute;text-align: center;top: 150px;width: 50px;z-index: 9000;}
#un_tiker .col img {width: 471px;}
#un_tiker .col-5 {padding-bottom: 25px;}
#un_tiker p {color: #222;font-size: 87%;line-height: 1.5em;}


#evolucion .grafico {display: none;}
#evolucion.js_activo .grafico.activa {display: block;}
#evolucion div.anterior, #evolucion div.siguiente {position:absolute; height:300px; padding-top:235px; width:40px;  -khtml-opacity: 0.5; opacity: 0.5;}
#evolucion div.anterior:hover, #evolucion div.siguiente:hover {khtml-opacity: 1; opacity: 1;}
#evolucion div.anterior { left:5px}
#evolucion div.siguiente { right:0px;}

/* pie página */

footer.pie {color:#9D9D9D; text-align:center; clear:both; margin-top:10px;padding-top:20px; padding-bottom:60px; display:block; font-size:75%;}
footer.pie p {display:inline-block; }
footer.pie  .redes { margin: 0 auto;  padding: 10px 0 10px 360px;  width: 630px; text-align:left;}
.pie .redes div  { float: left; height: 20px;  margin-left: 5px;   overflow: hidden;  width: 100px;}
.pie .redes div.facebook { width: 120px;}
.pie .redes div + div {  border-left: 1px solid #CBCBCB; margin-left: 10px; padding-left: 10px;}


/*-------------------LIGHTBOX-------------------*/
#popUp { left: 0;position: absolute;text-align: center;top: 0;width: 100%;z-index: 1000000;}
#transparencia {background:#000; left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;}
#popUpHija { background:#000; display: block; margin: 0 auto; padding: 5px;position: relative; width: 910px;}
#cerrarPopUp {  background:#333 url("https://e00-elmundo.uecdn.es/pruebas/ana_trello/sherlock-holmes/img/cerrar.png") no-repeat center center; border-radius:20px;padding:20px; color:#fff; cursor: pointer; display: block;position: absolute;right: 20px;top: 20px;}
#cerrarPopUp:hover {opacity:.9;}
#infoPopUp { overflow: hidden; width: 100%;}
#capaTitle { font-size: 80%; margin: 5px 10px; color:#fff;}

/*-------------------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 {
    margin: 0 auto;
    position: relative;
    width: 990px;
}
.publicidad-300 {
    float: left;
    margin: 20px 4px;
}