@import url(http://fonts.googleapis.com/css?family=Dosis:400,500);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);

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

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:#AD0707; }
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: #F00;}

#index header h1{margin:0 auto;text-align:center;background:url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/tarantino/img/fondo-negro.jpg") no-repeat 0 0;}
#index header .entradilla{ position:absolute; top:750px;  z-index:2000;color:#fff; width:100%; text-align:center; margin:0 auto; line-height:140%;}
#index header .entradilla span{ width:500px; margin:0 auto; display:block; border-bottom:3px solid #AD0707; padding-bottom:15px;}

nav { margin-top: -15px; }
nav li a { padding:8px 5px; display:inline-block; font-size:110%;font-family: 'Fjalla One', sans-serif; color:#222; }
nav li a:hover {color: #AD0707; }
nav li {display:inline-block; padding-right:20px;}

.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:#AD0707; }

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: 'Dosis', sans-serif;font-weight: 400; margin:0; padding:0;}

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

#contenido .nav-pelicula {clear:both; float:left; padding:0 30px; margin-bottom:20px; }
#contenido .nav-pelicula li{padding-right:0;}
#contenido .nav-pelicula li a{ background:#AD0707; color:#fff; padding:8px 15px; border-radius:3px;}
#contenido .nav-pelicula li a:hover{ background: #CC2929;}

#index header nav ul {width:720px; margin:0 auto;padding:0;}

#index header nav {text-align:center; margin:0 auto;width:990px; width: 100%; position:absolute; top:250px; left:25px; z-index:1000;}
#index header nav li {display:block;text-align:left; text-decoration:none;}
#index header nav li a{color:#fff;}
#index header nav li a:hover{color:#AD0707;}
#index header h1{ background:url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/tarantino/img/fondo-negro.jpg") repeat-x 0 0 ; text-align:center;}

header {text-align:center;  background:url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/tarantino/img/fondo-cabecera.jpg") repeat-x 0 0 ;}

.separador {background:; height:8px; margin-bottom:8px;}

#contenido{padding-top:15px; padding-bottom:40px;clear:both; float:left; position:relative; border:4px solid #ddd; background:#fff;}

#contenido .col{ 
margin-top:15px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}



article p {font-family: Arial, Helvetica, sans-serif; font-size:100%; line-height:180%; color:#333; padding:0 40px 0 0; margin-bottom:15px; }
article footer .firma{ margin:8px 0; font-family: 'Dosis', sans-serif;font-weight: 400; font-size:90%;text-align:center; }
#contenido h1, #contenido h2 {font-family: 'Fjalla One', sans-serif; font-size:240%; text-align:center; border:0; color:#333;margin: 0 0 10px; text-shadow:2px 2px #ccc; }
#contenido h2 { font-size:170%; text-align:left;padding-top: 10px; }
#contenido .col-8 > .sumarios {margin: 10px 30px 20px 10px;width:273px;}
#contenido .sumarios { float: left; padding: 5px 10px 25px; width: auto;background: transparent url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/tarantino/img/hr.png") repeat-x scroll 0 bottom;}
#contenido .sumarios p{font-family: 'Dosis', sans-serif;font-weight: 500; font-size:135%; 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;}


#contenido .cintillo { clear:both; font-size:90%;font-family: 'Fjalla One', sans-serif; color: #AD0707;	   text-align: center;}

.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:#111; font-family: 'Dosis', sans-serif;font-weight: 400;font-size:85%; padding:8px 8px;text-align:center;color:#333;border-bottom:2px solid #5C5C5C;  -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; color:#fff;}

#contenido p.entradilla {  background: transparent url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/tarantino/img/hr.png") repeat-x scroll 0 bottom; font-family: 'Dosis', sans-serif; font-weight: 500; font-size:115%; line-height:150%; color:#232323; padding-bottom: 30px; text-align:center;  margin:15px 0 30px; }


#contenido .version-html5{ background:#AD0707; border-radius:3px; padding:3px 5px; display:block; width:200px; margin:0 auto; margin-top:15px; }
#contenido .version-html5 a { text-decoration:none; color:#fff; display:block;}
#contenido .version-html5 a:hover { background: #CC2929; color:#fff;}
.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: 'Dosis', sans-serif;font-weight: 500; font-size:85%;line-height:155%; }
.mas-informacion{border-bottom:2px solid #5C5C5C;}


/* entrevistas */
nav.nav-mini {
    clear: both;
    float: left;
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
}
nav.nav-mini ul {
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 510px;
}
nav.nav-mini ul li {
    display: block;
    float: left;
    margin-right: 8px;
    padding: 0;
    width: 159px;
	position:relative;
}
nav.nav-mini ul li a{padding:0; }
nav.nav-mini ul li a:hover{opacity:.8;}
nav.nav-mini ul li span{ position:absolute; bottom:2px; left:0; color:#fff; z-index:1000; display:block; background:#222; padding:10px; font-size:85%;opacity:.8; }

.sec01.sub01 .nav-mini #nav1, .sec01.sub02 .nav-mini #nav2, .sec01.sub03 .nav-mini #nav3 {opacity:.8;border-bottom:3px solid #AD0707; }





/* la huella */

.sec05 .grafico, .sec05 iframe {margin-bottom:25px;}

.sec05 .cuerpo .col-8 {width:600px;}
.sec05 #info {
    min-height: 600px;
    padding: 0 15px;
    width: 410px;  
	overflow: hidden; 
	width: 940px;
	position: relative;
    text-align: left;
	margin: 0 auto;
}
.sec05 #seccion-contenido {
    padding: 0 13px;
}
.sec05 .cuerpo li {float: left;line-height: 135%;}
.sec05 .cuerpo .listElement {
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding: 0 35px 0 0;
    width: 940px;
    z-index: -99999999;
}
.sec05 .listElement.loading .paginacion {
    display: block;
}
.sec05 .paginacion {
    float: right;
    position: relative;
}
.sec05 .hidden {
    visibility: hidden;
}

.sec05 .seccion .anterior img {
    left: 0;
}
.sec05 .seccion .anterior img {
    background: none repeat scroll 0 0 #222;
    padding: 15px;
    position: absolute;
    top: 100px;
}

.sec05 .seccion .siguiente img {
    right: 0;
}
.sec05 .seccion .siguiente img {
    background: none repeat scroll 0 0 #222;
    padding: 15px;
    position: absolute;
    top: 100px;

}



#contenido .version-html5 {display:none;}


/* momentos */

.sec04 .lista-momentos li{ clear:both; float:left; border-bottom:1px dotted #555;margin-bottom:15px; }
.sec04 #contenido .lista-momentos li .col { margin-top:0;}

/* 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: 'Dosis', sans-serif;font-weight: 500;}
.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;}
#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 400%/1 "Palatino Linotype","Book Antiqua",Palatino,serif;position: absolute;text-align: center; top:-15px; width: 50px; z-index: 9000; background:#000; opacity:.7; border-radius:4px;}
#un_tiker .anterior a, #un_tiker .siguiente a{ color:#fff;}
#un_tiker .col-5 {padding-bottom: 25px;}
#un_tiker p {color: #373737;line-height: 1.5em;}


/* pie página */

footer.pie {color:#666; text-align:center; clear:both;padding-bottom:60px; display:block; font-size:75%; padding-top:0;  }
footer.pie p {display:inline-block; line-height:160%;}
footer.pie a {color:#555; font-weight:bold;}
footer.pie a:hover {color:#AD0707;}
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;
}



/* @group Layouts for resolutions */


@media handheld and (max-width: 480px), screen and (max-width: 600px)  {
#contenedor {width:auto;}
#contenido { border:0; width: 90%;}
#contenido .col { float:none; padding:0;}
.col-12, .col-8, .col-6, .col-4{ width: auto;}
article p {padding:0;}
.col + .col { margin-left: 0;}
#contenido .sumarios { float: none; padding: 0 0 10px;}
#contenido .col-8 > .sumarios { margin: 0 0 20px 0 ; width: auto;}
nav li { display:block; font-size:85%;border-bottom: 1px dotted #CCCCCC; text-align:left; padding-left:15px;}
nav li a{padding: 5px;}
#contenido h1, 
#contenido h2,
article footer .firma,
#contenido p.entradilla {text-align:left;}
header h1 { background:transparent url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/tarantino/img/cab-mini.jpg") no-repeat center center; height: 225px;}
header h1 img {display:none;}
header h1 a{display:block; clear:both; float:left; height:100%; width:100%;}
#minicabecera{ width:auto;}
#minicabecera div{ display:none; }
nav.nav-mini{ width:100%;}
nav.nav-mini li {width:80px;float:none;}
nav.nav-mini li img{width: 100%;}
nav.nav-mini ul li { margin-right: 1px;}
nav.nav-mini ul li span {position:relative;opacity:1;}
footer.pie {text-align:left; padding:0 10px;}
footer.pie .redes { width:auto;padding:0;margin-top:15px;float:none;}
.pie .redes div{padding-bottom:10px;}
.pie .redes div + div { border-left:0; margin-left: 0;padding-left: 0;}
#contenido .version-html5 {display:block;}
.sec05 #contenido .grafico{ display:none;}
.sec05 #info {width:auto;padding-left:0;}
.sec05 #seccion-contenido {padding-left:0;}
.sec05 #un_tiker{width:auto;}
.sec05 #un_tiker p { width:auto;padding-right:50px;}

#un_tiker .anterior, #un_tiker .siguiente {
    background: none ;
    border-radius:0;
    display: block;
    font: bold 160%/1 "Palatino Linotype","Book Antiqua",Palatino,serif;
    opacity:1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto;
    z-index: 9000;
}
#un_tiker .anterior a, #un_tiker .siguiente a{	color:#222;}
#index .minicabecera {background:#fff;}
#index {background:#000}
#index header h1{padding-bottom:80px; background: url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/tarantino/img/portada-mini.jpg") no-repeat top center;}
#index header h1 img {width:100%; display:none; }

#index header{ padding-bottom: 50px; background:#000;position:relative;}

#index header nav {top:25px; left:5px;}

#index header nav li{ border-bottom:0;}
#contenido .video {width:450px; height:314px; }
#contenido .video .cubre_reproductor, #contenido .video .cubre_reproductor img {width:450px!important; height:314px!important;}
}

@media screen and (max-width: 600px)  { 
nav.nav-mini ul li {width:29%;}
#contenido .video {width:450px; height:314px; }
#contenido .video .cubre_reproductor, #contenido .video .cubre_reproductor img {width:450px!important; height:314px!important;}

}


@media screen and (max-width: 480px) {
/*Just iPhone*/
#contenido .video {width:290px; height:202px;}
#contenido .video .cubre_reproductor, #contenido .video .cubre_reproductor img {width:290px!important; height:202px!important;}
nav.nav-mini ul li {width: 19%;}
.sec05 #contenido .grafico{ display:none;}
}

@media screen and (max-width: 255px){
.col-8{ width: 210px;}
.col-4{width:210px;}
article p {font-size:90%;}
header h1 { background:transparent url("https://e00-elmundo.uecdn.es/especiales/2013/cultura/tarantino/img/cab-mini2.jpg") no-repeat center center; height: 220px;}
nav li { text-align:left; }
#contenido .video {width:210px; height:147px;}
#contenido .video .cubre_reproductor,#contenido .video .cubre_reproductor img {width:210px!important; height:147px!important;}
nav.nav-mini ul li {  width:14%;}
.sec05 #mainUl{width:210px;}
.sec05 #un_tiker p {padding-right:10px;}
 }	
 

 
/*iPad styles*/

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

/* @end */