.estirar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.estirar {display: inline-block;}
* html .estirar {height: 1%;}
.estirar {display: block;}
#cnt_logo_ser{
	width:100%;text-align:center;background:#22273d;padding:15px 0;
}
#cnt_logo_ser a{
	display: inline-block;width: 90px;height: 29px;background: transparent url("//cadenaser00.epimg.net/assets/v3.x/v3.0/img/cadena-ser.svg") no-repeat 50%;background-size: 100%;text-indent:-9999px;
}
section{width:100%;margin:0 auto;}

#header{position:relative;}
#header h1{width:100%;height:34.438rem;background: url(../img/cabecera-cuento-de-navidad-2016-escritorio.jpg) center center no-repeat #85544f;text-indent:-9999px;}
#header .cnt-rrss{position:absolute;left:35.688em;top:22.688em;}
#header .cnt-rrss button{margin:0 1.25rem 0 0;display:inline;border:1px solid #cbd2d8;background:none;font-size:.625rem;}
#header .cnt-rrss button span:first-child,#header .cnt-rrss a{width:2.188rem;height:2.188rem;text-indent:-9999px;font-size:.625rem;display:block;float:left;background-size:cover;}
#header .cnt-rrss button span:nth-child(2){font:.875em/1em arial;color:#fff;padding:.5em 0 .4em;width:4.571em;display:block;float:left;}
#header .cnt-rrss button#bt-what{display:none;}
#header .cnt-rrss #bt-what a{background:url(../img/bt-whatsapp.jpg) 0 0 no-repeat;background-size:cover;}
#header .cnt-rrss #bt-fb span:first-child{background:url(../img/bt-facebook.jpg) 0 100% no-repeat;background-size:cover;}
#header .cnt-rrss #bt-twit a{background:url(../img/bt-twitter.jpg) 0 100% no-repeat;background-size:cover;}
#header .cnt-rrss #bt-fb:hover{border-color:#4271ab;}
#header .cnt-rrss #bt-twit:hover{border-color:#5fd3e1;}
#header .cnt-rrss #bt-fb:hover span:first-child, #header .cnt-rrss #bt-twit:hover a{background-position:0 0;}

#nav{background: #fff;padding:1.563rem 0;text-align:center;}
#nav ul{width:100%;}
#nav li{display:inline-block;border-left:1px solid #56656e;}
#nav li:first-child{border:0;}
#nav a{display:block;float:left;font: 600 1.125rem/1em 'Josefin Sans', serif;color: #000;padding:0 1.313em;}
#nav a:hover {text-decoration: underline;}
.fixed{position:fixed;top:0;max-width:100%;z-index:100;}

#menu{width:100%;background: #ffffff;position:relative;border-bottom: 1px solid #f0f0f0;}
#menu.fixed{position:fixed;top:0;left:0;z-index: 200;}
#menu nav ul{width: 100%;max-width:62.188rem;margin:0 auto;display: flex;justify-content: center;}
#menu nav li{display: flex;border-right: 1px solid #f0f0f0;margin-right:1px;min-height:4.2em;text-align:center;font: 700 normal .938rem/1em 'Josefin Sans',serif;vertical-align: middle;color: #1b1b1b;text-transform:uppercase;max-width: 16em;padding: 1.1em 1em;text-rendering: optimizeLegibility;-webkit-font-variant-ligatures: common-ligatures;-moz-font-variant-ligatures: common-ligatures;font-variant-ligatures: common-ligatures;cursor:pointer;transition: color 0.5s ease;float: left;justify-content: center;align-content: center;flex-direction: column;}
#menu nav li:hover{color: #e78173;}
#menu nav li:first-child{border-left: 1px solid #f0f0f0;}
#menu span{display:none;background:url(../img/ico-menu.png) 1em center no-repeat;font:700 1.25rem/.75em 'Lora';color:#fff;padding: 1.2em 0em 1.2em 3.5em;float: left;text-transform: uppercase;}
#menu > ul{display:none;position:absolute;top: 100%;left: 0;background: #0e0e0e;z-index: 200;}
#menu > ul li{display:block;font: 700 normal 1.25rem/1em 'Josefin Sans',serif;color:#fff;text-transform:uppercase;margin: 2px 0;background: #2c2c2c;padding:.8em 1em;}

#cuento-navidad{background: #22191a;padding:4.063rem 0 9.688rem;position: relative;}
#cuento-navidad > div{width:48.813rem;margin:0 auto;position: relative;z-index: 99;}
#cuento-navidad h2{font: 700 normal 4.5rem/1em 'Josefin Sans',serif;color: #fff;padding-bottom: .53em;text-align: center;}
#cuento-navidad p{font: 200 .938rem/1.6em 'Merriweather',serif;color: #fff;padding-bottom:1em;text-align: center;}
#cuento-navidad div div{margin:1.5rem 0;padding:2rem 0;border-top:3px solid #143245;border-bottom:3px solid #143245;width:100%;}
#cuento-navidad h3{font:700 italic 1.625rem/1em 'Bitter',serif;color:#102e41;padding-bottom:.83em;}
#cuento-navidad iframe{border-radius: 20px;}

#como-hizo{background: #fff;padding:4.063rem 0 1.688rem;position: relative;}
#como-hizo > div{width:48.813em;margin:0 auto;position: relative;z-index: 99;}
#como-hizo h2{font: 700 normal 4.5rem/1em 'Josefin Sans',serif;color: #000;padding-bottom: .53em;text-align: center;}
#como-hizo p{font: 200 .938rem/1.6em 'Merriweather',serif;color: #000;padding-bottom:1em;text-align: center;}
#como-hizo .iframemovil, #videos .iframemovil{display:none;}
#como-hizo .iframetablet, #videos .iframetablet{display:none;}

#fotogaleria{background: #e78173;padding:4.063rem 0 2.188rem;position:relative;}
#fotogaleria > div{width:48.813rem;margin: 0 auto 50px;position: relative;}
#fotogaleria h2{font: 700 normal 4.5rem/1em 'Josefin Sans',serif;color: #000;padding-bottom: .53em;text-align: center;}
#fotogaleria p {font: 200 .938rem/1.6em 'Merriweather',serif;text-align: center;margin: 0 0 40px;}

#videos{background: #100e0f;padding:4.063rem 0 8.43rem;position: relative;}
#videos > div{width:48.813rem;margin:0 auto;position: relative;z-index: 99;}
#videos h2{font: 700 normal 4.5rem/1em 'Josefin Sans',serif;color:#fff;padding-bottom: .53em;text-align: center;}
#videos p{font: 200 .938rem/1.6em 'Merriweather',serif;color:#fff;text-align: center;margin: 0 0 26px;}
#videos div div{margin: 0 11px 34px;float: left;width: 100%;}
#videos h3{font:700 1.063rem/1em 'Raleway',serif;color:#fff;text-transform:uppercase;padding-bottom:.5em;}
#videos div div div{margin: 0 0 7px;width:100%;}
#videos h4 {font: 800 .75rem/1.6em 'Merriweather',serif;color: #fff;text-transform: uppercase;letter-spacing: 0.04em;display: block;float: left;}

#personajes{background: #22191a;padding: 4.063rem 0 6.563rem;position: relative;}
#personajes > div{width:48.813rem;margin:0 auto;position: relative;z-index: 99;}
#personajes h2{font: 700 normal 4.5rem/1em 'Josefin Sans',serif;color: #ffffff;padding-bottom: .53em;text-align: center;}
#personajes p{font: 200 .938rem/1.6em 'Merriweather',serif;color: #ffffff;text-align: center;margin: 0px 0 60px;position: initial;}
#personajes > div > div{width: 100%;margin: 2em auto;}
#personajes h3{font: 900 2.375rem/1em 'Merriweather',serif;color: #e78173;padding-bottom:.83em;text-transform: uppercase;text-align: center;}
#personajes h4{font: 600 1.125rem/1em 'Merriweather',serif;color: #fff;padding-bottom:.83em;text-align: center;}
#personajes div div img{width:100%;margin-bottom:1.125rem;}
#personajes iframe{border-radius: 20px;margin-top:1.125rem;}
#personajes button{width: 3%;border:0;/* border-top:1px solid #f4f4f4; */text-align:center;background:none;margin: 0;position: absolute;z-index: 200;}
#personajes button.desplegado{border-top:0;border-bottom:1px solid #f4f4f4;}
#personajes > div > div:nth-child(even){clear:both;}
#personajes > div > div:nth-child(n+6){display:none;}
#personajes .imagen_personaje{width: 100%;margin: 0 auto 26px;position: initial;}
#personajes .video_personaje{width: 100%;/* background: #000; */margin: 0 auto 29px;position: initial;top:37.5rem;}
#entrevistas > div > div{width:18.75rem;}

#otros-cuentos{background: #fff;padding: 4.063rem 0 0;margin-bottom: 0em;}
#otros-cuentos > div{width:48.813rem;margin:0 auto;}
#otros-cuentos h2{font: 700 normal 4.5rem/1em 'Josefin Sans',serif;color: #000;padding-bottom: .53em;text-align: center;}
#otros-cuentos p{font: 200 .938em/1.6em 'Merriweather',serif;color: #000;text-align: center;}
#otros-cuentos ul{width:100%;border-bottom:1px solid #fff;margin:1.25rem 0 .938em;}
#otros-cuentos li{display:block;float:left;margin-right:.313rem;}
#otros-cuentos ul button{border:0;background:#37434a;color:#fff;font:700 italic 1.063em/1em 'Bitter',serif;padding:.9em 1.8em;border-bottom:1px solid #fff;}
#otros-cuentos ul button.activo{background:#fff;color:#091b27;cursor:default;}
#otros-cuentos > div > div{width:90%;margin:1.25rem auto;text-align:center;}
#otros-cuentos > div > div p{padding:.625rem 0 0;font-family:'Bitter',serif;}
#otros-cuentos > div > div p:first-child span{background:#fff;color:#091b27;padding:.1em .938rem;}
#otros-cuentos h3{font: 1.25rem/1em 'Josefin Sans',serif;color: #22191a;margin: .8em 0 .8em;text-align: center;}
#otros-cuentos h3 a{color:#fff;}
#otros-cuentos div div div{height:13.438rem;margin-top:1.25rem;}
#otros-cuentos img{border-top:1px solid #fff;border-bottom:1px solid #fff;padding: 4px 0 18px;width:100%;}
#otros-cuentos iframe{border-radius: 20px;margin: 0 0 21px;}
#cnt_2013{display:none;}
.cnt-sel-opcion{display:none;}

#personajes:after {content: " ";position: absolute;width: 100%;background: url(/especiales/seccion/cultura/2016/cuento-de-navidad-de-charles-dickens/img/fondo-silueta-2016-escritorio.jpg) center bottom no-repeat;display: block;height: 155px;border: 0;bottom: -37px;}
#cuento-navidad:after {content: " ";position: absolute;width: 100%;background: url(/especiales/seccion/cultura/2016/cuento-de-navidad-de-charles-dickens/img/fondo-arboles-2016-escritorio.jpg) center bottom no-repeat;display: block;height: 149px;border: 0;bottom: -2.489%;z-index: 1;}
#como-hizo:after {content: " ";position: absolute;width: 100%;background: url(/especiales/seccion/cultura/2016/cuento-de-navidad-de-charles-dickens/img/fondo-casas-2016-escritorio.jpg) center bottom no-repeat;display: block;height: 149px;border: 0;bottom: -36px;z-index: 1;}
#fotogaleria:after {content: " ";position: absolute;width: 100%;background: url(/especiales/seccion/cultura/2016/cuento-de-navidad-de-charles-dickens/img/fondo-casas-negras-2016-escritorio.jpg) center bottom no-repeat;display: block;height: 149px;border: 0;bottom: -55px;z-index: 1;}
#videos:after {content: " ";position: absolute;width: 100%;background: url(/especiales/seccion/cultura/2016/cuento-de-navidad-de-charles-dickens/img/fondo-arboles-2-2016-escritorio.jpg) center bottom no-repeat;display: block;height: 159px;border: 0;bottom: -42px;z-index: 1;/* background-size: 126%; */}

.content h2 {
    font: 700 normal 2.125rem/1em 'Merriweather',serif !important;
    width: 100%;
    margin: 0 auto;
}

/*Masonry Start*/
#wrapper {width: 100%;margin: 0 auto;}
.item {width: 31.5%;float: left;margin: 0 .75% 1.172rem;}
.cnt-masonry{width:100%;}
.cnt-masonry .item img{display: block;width: 100%;height:10.369rem;}
/*Masonry End*/

.redes ul {
    width: 100%;
    clear: both;
    text-align: center;
    margin: 10px 0;
}
.redes li {
    display: inline-block;
    margin: 0 .281rem;
    transition: all 0.3s;
}
.redes li:last-child {
    display: none;
}
.redes {
    display: block;
    float: right;
    position: absolute;
    top: 0;
    left: 89.5%;
}
.cont_video {
    margin: 16px 0 55px;
}
.vid_2 {
    width: 100% !important;
}

.audios .carrusel{width:100%;clear:both;}
.audios .carrusel button{width:1.313em;height:2.563rem;font-size:10px;float:left;border:0;}
.audios .carrusel .anterior{background: url(../img/bt-izquierda.png) 0 100% no-repeat !important;background-size:cover;margin:4.25rem 1.813rem 0 0;left:0;}
.audios .carrusel .siguiente{background: url(../img/bt-derecha.png) 0 100% no-repeat !important;background-size:cover;margin: 0 0 0 -21px !important;right:0;}
.audios .carrusel button:hover{background-position:0 0;}
.audios .carrusel button.desactivado, .audios .carrusel button.desactivado:hover{opacity:.2;background-position:0 100%;cursor:default;}
.audios .carrusel .cnt-carrusel{width: 100%;margin: 0 auto;float:left;padding: 0 0 .625rem;overflow:hidden;/* border-bottom:1px solid #fff; */height:6.75rem;position:relative;}
.audios .carrusel#cnt-directos .cnt-carrusel{height:41.375rem;}
.audios .carrusel#cnt-estudio .cnt-carrusel{height:8.25rem;}
.audios .carrusel#cnt-burros .cnt-carrusel{height:9.5rem;}
.audios .carrusel#cnt-rapidos .cnt-carrusel{height:9.5rem;}
.audios .carrusel .cnt-carrusel div {width: 100%;position: absolute;left: 100%;}
.audios .carrusel .cnt-carrusel div:first-child{left:0;}
.audios .carrusel .cnt-carrusel h3{font:900 1.125rem/1em Lato,serif;color:#fff;text-transform:uppercase;padding-bottom:.5em;}
.audios .carrusel .cnt-carrusel p{font:1rem/1em Lato,serif;color:#fff;padding-bottom: 2em;}
.audios .carrusel .cnt-carrusel p:last-child{font:.875rem/1.2em Lato,serif;color:#fff;padding-top:.4em;}
.audios .carrusel .cnt-carrusel iframe{width:100%;border-radius:25px;}

.carrusel_1 p{height:4.375rem;}

.content-1 p a {color: #000;border: 1px solid #000000;padding: 5px 8px;font-weight: bold;}
.content-1 p a:hover {color: #e78173;border: 1px solid #e78173;}


@media (max-width:1024px){
	#header h1{height:22.938rem;background-size:contain;}
	#header .cnt-rrss{left:23.438rem;top:15rem;}
	#como-hizo .iframeweb, #videos .iframeweb{display:none;}
	#como-hizo .iframetablet, #videos .iframetablet{display:block;}
	#header .cnt-rrss button span:first-child, #header .cnt-rrss a{width:1.563rem;height:1.563rem}
	#header .cnt-rrss button span:nth-child(2){font-size:.75rem;}
	#nav li{display:block;float:left;margin:7px 0;}
	#nav li:nth-child(4){border-left:0;}
	#nav a{font-size:1.188em;}
	#cuento-navidad > div, #como-hizo > div, #videos > div, #personajes > div, #otros-cuentos > div{width:90%;}
	#fotogaleria > div{width:95%;}
	#menu nav{display:none;}
	#menu span{display:block;}
	.redes {
	    display: block;
	    float: right;
	    position: initial;
	    margin: 0 15px 0 0;
	}
		.audios{padding:3.125rem 0;}
	.audios .carrusel .cnt-carrusel{/* width:87em; */}
	.audios .carrusel .anterior{margin:4.25rem 1.188rem 0 .625rem;}
	.cnt-masonry .item img{height:12.4rem;}
}
@media (max-width:768px){
	#header h1{height:22.938rem;background-size:contain;}
	#header .cnt-rrss{left:23.438rem;top:15rem;}
	#como-hizo .iframeweb, #videos .iframeweb{display:none;}
	#como-hizo .iframetablet, #videos .iframetablet{display:block;}
	#header .cnt-rrss button span:first-child, #header .cnt-rrss a{width:1.563rem;height:1.563rem}
	#header .cnt-rrss button span:nth-child(2){font-size:.75rem;}
	#nav{padding:0;margin-top: 0;}
	#nav ul{display:none;}
	.cnt-sel-opcion{background: #fff;width: 100%;height: 35px;position:relative;text-align:center;display:block;}
	.cnt-sel-opcion span{background: url(../img/back-menu.png) 0 center no-repeat;font: 700 1rem/1em 'Josefin Sans',serif;color: #0c0c0c;text-transform:uppercase;position: absolute;left: 44%;top: .61em;}
	#sel_opcion {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;height: 35px;text-indent: -99999px;font-size:.938rem;border: 0;width: 100%;color: #0c0c0c;position:absolute;left:0;}
	#cuento-navidad > div, #como-hizo > div, #videos > div, #personajes > div, #otros-cuentos > div{width:90%;}
	#fotogaleria > div{width:95%;}
	.redes li:last-child {display: inline-block;}
	#videos div div {margin: 0 0 34px;float: left;width: 100%;}
	#videos div div div {margin: 0 0 7px;width: 100%;height:24.063rem;background: #7d7d7d;}
	/*#personajes .video_personaje {height:24.125rem;}*/
	#personajes {padding: 4.063rem 0 .313rem;}
	#personajes:after {background-size: 145%;}
	.cnt-masonry .item img{height:9.563rem;}
}
@media (max-width:767px){
	#menu > ul li{font-size:.938rem;padding: 1.3em;}
	#menu ul{padding: 0.02em 0;}
	.audios .carrusel .cnt-carrusel{width:75%;height:6.75rem!important;}
}
@media (max-width:414px){
	#cuento-navidad > div, #como-hizo > div, #videos > div, #personajes > div, #otros-cuentos > div{width:95%;}
	#nav{padding:0;margin-top: 0;}
	#nav ul{display:none;}
	#como-hizo .iframetablet, #videos .iframetablet{display:none;}
	#como-hizo .iframemovil, #videos .iframemovil{display:block;}
	#como-hizo div div, #videos div div div{height:10.75rem;}
	#header h1{height: 13.688rem;}
	#otros-cuentos ul{display:none;}
	#otros-cuentos div div, #cnt_2013, #cnt_2014{display:block!important;}
	#personajes > div > div{clear:both;width:95%;margin:1.25rem auto;float:none;}
	#videos > div > div{clear:both;float:none;height:12.5rem;}
	#header .cnt-rrss{left:7.813eem;top:11.875rem;}
	section > div > h2{font-size:1.5rem!important;}
	#fotogaleria h2{text-indent:0!important;}
	#otros-cuentos h3{font-size:1.25rem;}
	#personajes p{font-size:1rem;}
	#header .cnt-rrss button span:nth-child(2){color:#666;font-size:.75em;padding: .3em 0 .2em;}
	#izq{position: absolute;top:13.125rem;left:1.25rem;margin-top:0!important;}
	#dcha{position: absolute;top:13.125rem;right:1.25rem;margin-top:0!important;}
	.cnt-sel-opcion{background: #fff;width: 100%;height: 35px;position:relative;text-align:center;display:block;}
	.cnt-sel-opcion span{background: url(../img/back-menu.png) 0 center no-repeat;font: 700 1.6em/1em 'Josefin Sans',serif;color: #0c0c0c;text-transform:uppercase;position: absolute;left: 44%;top: .375rem;}
	#sel_opcion {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;height: 35px;text-indent: -99999px;font-size:.938rem;border: 0;width: 100%;color: #0c0c0c;position:absolute;left:0;}
	#cuento-navidad{padding:1.563rem 0 .938rem;}
	#como-hizo{padding:2.188rem 0 2.813rem;}
	#fotogaleria{padding: 2.813rem 0 1.563rem;}
	#otros-cuentos{padding:3.438rem 0;}
	#videos h3{font-size:1rem;line-height:1.4em;}
	#fotogaleria:after {background-size: 243%;}
	.content {width: 100%;height: 495px;}
	#personajes .imagen_personaje {width: 100%;height: 65px;background: #22191a;margin: 0 auto 26px;}
	#cuento-navidad p {padding-bottom: 1.25rem;}
	#cuento-navidad p:last-child {padding-bottom: 5.625rem;}
	#videos:after {content: " ";height: 159px;background-size: 126%;}
	#personajes:after {content: " ";height: 149px;background-size: 132%;}

	.cnt-carrusel {}
	.audios .carrusel .cnt-carrusel{width: 100%;padding: 1.25em 0 36.25rem;}
	.audios .carrusel .cnt-carrusel h3{font-size:.75rem;}
	.audios .carrusel .cnt-carrusel p{font-size:.813rem;}
	.audios .carrusel .anterior, .audios .carrusel .siguiente{margin:4.25rem .625rem 0;}
	#personajes {padding:4.063rem 0 .625rem;}
	#personajes .video_personaje {height:12.938em;}
	#videos h4 {margin: 13px 0 0;}
	.cnt-masonry .item img{height:5.159rem;}
	#personajes button{width:21px;}
	
}
@media (max-width:375px){
	#header h1 {height: 12.438rem !important;}
	#cuento-navidad p {padding-bottom: 2em;font-size: .813rem;}
	#cuento-navidad p:last-child {padding-bottom: 9em;}
	#personajes {padding: 4.063rem 0 0em;}
	.audios .carrusel .cnt-carrusel {padding: 1.25rem 0 26.25rem;}
	#videos {padding: 4.063rem 0 4.688rem;}
	#personajes .video_personaje {height:11.813em;}
	#como-hizo div div, #videos div div div {height: 12.375rem;}
	#videos h4 {margin: 13px 0 0;}
}
@media (max-width:320px){
	#header h1 {height:10.563em !important;background-size: 23.125rem;}
	#otros-cuentos div div div {height:13.438rem;margin-top: 1.25rem;padding: 0;}
	#como-hizo div div, #videos div div div {height: 10.625rem;}
	.audios .carrusel .siguiente {margin: 46px 0 0 -21px !important;}
	#personajes button {margin: 46px 0;}
	#personajes .video_personaje {height:10.094rem;}
	#personajes .imagen_personaje {margin: 0 auto 0;}
	#videos {padding: 5.313rem 0 2.188rem;}
	#personajes {padding: 2.813rem 0 0em;}
	.audios .carrusel .cnt-carrusel {padding: 1.25rem 0 26.875rem;}
	.content {height: 397px !important;}
	.tabs {height: 414px !important;}
	#videos h4 {margin: 13px 0 0;}
}