@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);

/* 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; border-bottom: 8px solid #333333;}


.minicabecera {border-bottom:4px solid #333;}

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

#contenido a { color:#0393A6;}
#contenido a:hover { color:#d0315b;}
#contenido p a {color: #0393A6; text-decoration: underline; }
#contenido p a:hover { color:#333; background: #FF9;}


#index header { margin-bottom: 50px; background:#fff;}
#index header h1{ margin: 0 auto;text-align: center;}

nav {clear:both;background:url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/sherlock-holmes/img/adorno-left.png") no-repeat left 20px; width:990px; margin: 0 auto;text-align:center;}
nav ul { margin:0 auto; padding: 12px 0 12px 10px; background:url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/sherlock-holmes/img/adorno-right.png") no-repeat right 20px;}
nav li a { padding:5px 3px; display:inline-block; font-size:95%;font-family: 'Droid Serif', serif; color:#232323; border-radius:2px;}
nav li a:hover {color:#FFF; background: #d0315b; }
nav li {display:inline-block;}

nav li.subir { position:absolute; bottom:0; right:0; }
nav li.subir a{color:#fff; display:block; width:100px; background:#333;padding:10px 10px 8px 10px; }
nav li.subir a:hover{color:#FFF; background: #d0315b;}

.sec01 #n1 a, .sec02 #n2 a, .sec03 #n3 a, .sec04 #n4 a, .sec05 #n5 a, .sec06 #n6 a, .sec07 #n7 a, .sec08 #n8 a {color:#FFF; background: #d0315b; }


nav.subnav{clear:both;background:none; width:auto; margin: 0 auto 25px auto; text-align:center; border-top:1px solid #000; border-bottom:2px solid #000; ;}
nav.subnav ul{background:none;padding:0 0 8px 0;}
nav.subnav li {display:block; border-bottom:1px dotted #ccc;}
nav.subnav li a:hover {color:#d0315b; background:none; }
nav.subnav li + li:before{content:" " ;}
nav.subnav .firma {font-size:80%;font-family: 'Droid Serif', serif; margin:0; padding:0;}

.sub01 #n9 a, .sub02 #n10 a, .sub03 #n11 a, .sub04 #n12 a, .sub05 #n13 a {color:#d0315b; }


#index header nav ul {width:960px; margin:0 auto;padding:0; background:url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/sherlock-holmes/img/adorno-right.png") no-repeat right 10px;}
#index header nav li a { font-size:90%;}
#index header nav {text-align:center; margin:0 auto; padding:0 0 25px 0;background:url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/sherlock-holmes/img/adorno-left.png") no-repeat left 10px; width:990px;}
#index header nav li {display:inline-block;}
#index header nav li + li:before, nav li + li:before {content:"."; margin-right:5px;  font-size:200%; position: relative; top: -5px;}
nav li + li.subir:before{content:" " ;}
#index header nav li.subir {display:none;}

header.cabecera h1 a{ display:block; text-align:center; padding:0; width:500px; margin:0 auto;}

.separador {background:url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/sherlock-holmes/img/separador.png") no-repeat center center; height:8px; margin-bottom:8px;}


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

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

article p {font-family: Arial, Helvetica, sans-serif; font-size:100%; line-height:180%; color:#333; padding:0 10px; margin-bottom:15px; }
article footer .firma{ margin:8px 0; font-family: 'Droid Serif', serif; font-size:90%;text-align:center; }
#contenido h1, #contenido h2 {font-family: 'Droid Serif', serif; font-size:240%; text-align:center; border:0; color:#333;margin: 0 0 10px; }
#contenido h2 { font-size:170%; text-align:left; padding-left:10px; }
#contenido .col-8 > .sumarios {margin: 10px 30px 20px 10px;width:273px;}
#contenido .sumarios { float: left; padding:10px 10px 25px; width: auto;border-bottom:3px solid #D0315B; background:#eee; border-radius:5px 5px 0 0;}
#contenido .sumarios p{font-family: 'Droid Serif', serif; font-size:110%; padding:0; }
#contenido .sumarios p mark{ font-size:85%;background:transparent;}

#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;}
#contenido .foto img {box-sizing:border-box; width:100%; }

#contenido .col-8 > .foto {margin: 10px 30px 20px 10px;width:200px;float:left;}
#contenido .col-8 > .foto .pie-foto{padding:10px;}


.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 .pie-foto{ background:#eee; font-family: 'Droid Serif', serif; font-size:80%; padding:8px 0;text-align:center;color:#333;border-bottom:2px solid #5C5C5C;  -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}

#contenido p.entradilla {font-family: 'Droid Serif', serif; font-size:115%; line-height:150%; color:#232323; padding-bottom:50px; background:url("https://e00-elmundo.uecdn.es/especiales/2012/cultura/sherlock-holmes/img/separador-cabeza.png") no-repeat center bottom;text-align:center; }

.col-4 .foto .pie-foto{width:280px;}

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


.grafico{ margin-bottom:15px;}

#contenido .pie { padding:20px 0 10px 0; font: 75%/145% 'Droid Serif', serif;}


/* album */

.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:'Droid Serif', 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: 40px;left: 70px; overflow: hidden;padding: 3px 3px 1px;position: absolute;top: 5px;width: 964px;}
.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:#d0315b;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: -30px;}
.contenedorImagenes { background-color: transparent;}
.contenedorImagenes img {cursor: pointer;}
.contenedorImagenes #id_idImagen {float: left;position: relative;}
.botonera_reproductor {height: 40px; margin: 0;padding: 0;}
.botonera_reproductor li {cursor: pointer;float: left;list-style-type: none;margin-right: 5px;}
.botonera_reproductor li img {border: 2px solid #FFFFFF;}
.botonera_reproductor li.seleccionada img {background: none repeat scroll 0 0 #FFFFFF;border: 2px solid #d0315b;}
.botonera_reproductor li, .botonera_reproductor li img, .botonera_reproductor li.seleccionada img {height: 36px;width: 50px;}
.botonera_reproductor li:hover img {height: auto;opacity: 0.5; width: 50px;}
.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: 83px; 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: #000000;}
.contenedor_reproductor .rightB, #popUp .rightB { background:#000000;}
.contenedor_reproductor .leftB:hover, .contenedor_reproductor .rightB:hover, #popUp .leftB:hover, #popUp .rightB:hover {opacity: 0.6;}
#contenido .pie_foto {display: none;}



/*personajes */
#un_tiker { float: left; position: relative; width: 970px;}
/*#un_tiker #mainUl { left: 30px;}*/
#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: #373737;font-size: 87%;line-height: 1.5em;}


/* pie página */

footer.pie {color:#9D9D9D; text-align:center; clear:both; margin-top:10px;border-top:1px dotted #333; 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/especiales/2012/cultura/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;
}







/* @group Layouts for resolutions */



@media handheld and (max-width: 480px), screen and (max-width: 600px)  {
/*layouts smaller than 600px, iPhone and mobiles*/
/*body{ width:100%; font-size:90%;}
.publicidad{display:none;}
#minicabecera{width:auto; }
#minicabecera div {display:none;}
#contenedor { width:100%;}
#contenido { width:auto;padding:0;}

header.cabecera h1 a { width: 80%;}
header.cabecera h1 a img { width:100%;}

nav{ background:#333; width:auto;  padding:3px 0;}
nav ul { background:none; padding:0;}
nav ul li{padding:0; margin-bottom:2px;}
nav ul li a{display:block; color:#fff;font-size: 90%;padding: 5px;}

.separador { margin-bottom:0;}
.col{float:none;}
.col + .col { margin-left: 0;}
.col-4 {width:90%; padding:0 10px;}
.col-8{width:98%;}
.col-12 { width:auto; }

footer.pie .redes {padding: 0;width: auto;display:none;}
#contenido .col-8 > .sumarios {margin: 10px 10px 20px;width:auto; }
.foto.lightbox {display:none;}
#contenido .entradilla {margin-top:15px;}
#grafico { background:#000;}
#grafico object {width:100%;height:auto;text-align:left;clear:both;float:left;}
#grafico object embed {width:100%; height:100%;}*/
}

@media screen and (max-width: 255px){
	/*.col-8{width:98%; } body{ font-size:80%;} */

 }

@media screen and (min-width: 920px) {
/*layouts larger than 900px*/

}
	
	
@media screen and (min-width: 1350px) {

}
	
@media screen and (min-width: 1500px) {

}
	

@media only screen and (max-device-width: 480px) {
/*Just iPhone*/


}
	
/*iPad styles*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	}

/* @end */