@font-face {
    font-family: 'nexa_boldregular';
    src: url('http://active.cache.el-mundo.net/fonts/nexa/nexa_bold-webfont.eot');
    src: url('http://active.cache.el-mundo.net/fonts/nexa/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://active.cache.el-mundo.net/fonts/nexa/nexa_bold-webfont.woff') format('woff'),
         url('http://active.cache.el-mundo.net/fonts/nexa/nexa_bold-webfont.ttf') format('truetype'),
         url('http://active.cache.el-mundo.net/fonts/nexa/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {font-family: 'tradegothic';
src: url('http://active.cache.el-mundo.net/fonts/26BCCB/26BCCB_0_0.eot');
src: url('http://active.cache.el-mundo.net/fonts/26BCCB/26BCCB_0_0.eot?#iefix') format('embedded-opentype'),url('http://active.cache.el-mundo.net/fonts/26BCCB/26BCCB_0_0.woff') format('woff'),url('http://active.cache.el-mundo.net/fonts/26BCCB/26BCCB_0_0.ttf') format('truetype');

font-weight:normal;

}

  
@font-face {font-family: 'tradegothic';
src: url('http://active.cache.el-mundo.net/fonts/26BCCB/26BCCB_1_0.eot');
src: url('http://active.cache.el-mundo.net/fonts/26BCCB/26BCCB_1_0.eot?#iefix') format('embedded-opentype'),url('http://active.cache.el-mundo.net/fonts/26BCCB/26BCCB_1_0.woff') format('woff'),url('http://active.cache.el-mundo.net/fonts/26BCCB/26BCCB_1_0.ttf') format('truetype');

font-weight:bold;
 
}

html{ height:100%; width:100%; overflow-x: hidden;}
body{ margin:0 auto!important;}


 	h1, body, header, section, html, figure, ul, li, h1, h2, h3, h4, h5, p, a{
	padding: 0;
	margin: 0;


}
nav, header, footer, section, article, aside, hgroup, figure, figcaption{ display:block;}
ul, li{ list-style:none;}
a, img{ outline:none; border:none; text-decoration:none;}


#cont_publi{ width:100%; background:#fff;}
.publicidad{
	width:990px;
	margin:0 auto;
	display:block; 
	overflow:hidden;
	background-color:#FFF;
	height:100px;
	}

	
.publicidad_730 {
	float:left;
	margin:0;
	padding:0;
	width:730px;
}
.publicidad_234 {
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	width:244px;
}
/*Activar cuando haya campaña*/
#publi300{  
	display:none;
    margin: 20px auto;
    position: relative;
    width: 300px;
    z-index: 99999;
	overflow:hidden;
	min-height:300px;
	}
	
	

/*********************************************** HEADER **************************************************************/

header{ padding-bottom:20px;
 background:url(http://estaticos.telva.com/estaticas/especiales/50_aniversario//images/decoration/sombra_header.jpg) repeat-x bottom left;
 overflow:hidden; margin-bottom:55px;
 }

header h1 a{ text-indent:-9999999px; background:url(http://estaticos.telva.com/estaticas/especiales/50_aniversario//images/icons/telva_50_anios.png) top left no-repeat; width:353px; height:64px; display:block; margin:15px auto;}

header h1{ margin-top:40px;}

header h2{ text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#585454; font-style:oblique; font-weight:lighter; font-size:25px;}

.titulo_seccion{ margin-bottom:30px; text-align:center; font-size:26px; font-family: 'nexa_boldregular'; color:#333;}
	
/****************************************** MODULO PORTADA*********************************************************/

.container{ max-width:990px; margin:0 auto 55px;}
.flecha_activo{ background: url("http://estaticos.telva.com/estaticas/especiales/50_aniversario//images/icons/flecha_seleccionado.png") no-repeat scroll center center transparent; bottom: 4px; height: 11px; left: 50%; margin-left: -14px; position: absolute; width: 23px; display:none;}
.main ul{ width:100%; text-align:center;}
.main ul li.modulo{display: inline-block; width:330px; height:330px; min-height: 330px !important; margin: 0px -2px; overflow: hidden; vertical-align: top; }

.modulo_portada{  overflow:hidden; display:block; cursor:pointer; max-height:330px; position:relative;}
.modulo_portada .thumb{ width:330px;}
.mostrar{ left: 0;  overflow: hidden; position:absolute;  top: auto;  height:0; box-shadow:1px -1px 2px #CCCCCC inset; background:#fff;}	
.modulo_portada.active .flecha_activo{ display:block;}
.modulo_portada img, .modulo_aux img{ 


transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-webkit-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
}
.modulo_portada:hover img.thumb, .modulo_aux:hover img.thumb{ transform:scale(1.1); -webkit-transform:scale(1.1);}

.text_modulo{ background: none repeat scroll 0 0 #FFFFFF;  bottom: 15px;  left: 20px;  padding: 10px 15px;  position: absolute;
    text-align: left; font-size:16px; color:#666; font-style:oblique; font-family:Georgia, "Times New Roman", Times, serif;  width: 250px;}
.tipo_icono{ position:absolute; top:5px; right:5px;}

.modulo_aux{display: inline-block;
    height: 330px;
    margin: 0 -2px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 330px;}
	
.modulo_doble{ width:495px!important;}
.modulo_doble .text_modulo{ width:425px!important;}
.modulo_doble .thumb{ width:495px!important;}	

 .modulo_ancho{ height:auto!important; max-height:none!important;}
.modulo_ancho a{ height:auto!important; max-height:none!important;}
.modulo_ancho .text_modulo{ width: 920px!important; text-align:center!important; font-size:20px!important;}

/**************************************** comunes *******************************************************************/

.advertencia{ display:none!important;}
.sombra_contenido{ width:100%; height:6px; position:absolute; top:0; z-index:99999;  
background:url(http://estaticos.telva.com/estaticas/especiales/50_aniversario//images/decoration/sombra_album.png) 0 -1px repeat-x; }
.cerrar_mostrar{  background: url("http://estaticos.telva.com/estaticas/especiales/50_aniversario//images/icons/close.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF; cursor: pointer; display: block; height: 35px; margin-bottom: 20px; margin-left: 0; margin-top: 20px;  overflow: hidden;
    position: absolute;  right: 18px;  top: 0; width: 35px; z-index:99999999999;}

/**************************************** contenedor_reportaje *******************************************************/

.contenido_reportaje{ padding: 40px 0;   position: relative; }
.contenedor_reportaje{ margin: 2px 31px 0;   position: relative; color:#aaa;	text-align:left; font-size:14px;
line-height:16px; height:100%; overflow:hidden;}
.ancho_reportaje{max-width:905px; margin:0 auto; padding-bottom:70px;}

.contenedor_reportaje .left{ float:left; margin-right:30px}
.contenedor_reportaje .right{ float:right; padding-left:30px;}
.contenedor_reportaje .peq{ width:310px; overflow:hidden;}
.contenedor_reportaje .medio{  width:395px; overflow:hidden;}
.contenedor_reportaje .grande{  width:480px; overflow:hidden;}
.contenedor_reportaje figure{ margin-bottom:30px;}
.contenedor_reportaje figure img{ width:100%; display:block;}
.contenedor_reportaje figcaption{background: none repeat scroll 0 0 #363636; color: #FFFFFF;  margin-top: -3px;  padding: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:oblique; line-height:26px;}
.contenedor_reportaje h1.titulo_reportaje{ font-family:"nexa_boldregular", Arial, Helvetica, sans-serif; font-size:38px; line-height:40px; color:#222; margin:20px 0px 10px; text-transform:uppercase;}
.contenedor_reportaje h2.subtitulo_reportaje{ font-family:"nexa_boldregular", Arial, Helvetica, sans-serif; font-size:24px; line-height:26px; color:#222; margin:0px 0 30px; text-transform:uppercase;}
.contenedor_reportaje #publi300{ background: none repeat scroll 0 0 #EDEDED;  float: right; margin-left:30px; padding: 30px 50px; margin-top:10px;}
.entradilla_reportaje{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:16px; color:#555; line-height:26px; margin-bottom:35px;}
.texto_reportaje{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#555; line-height:26px; margin-bottom:35px;}
.pregunta_reportaje{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#555; font-weight:bold; line-height:26px; margin-bottom:35px;}
.respuesta_reportaje{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#555; line-height:26px; margin-bottom:35px;}
.sumario_reportaje{font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#555; line-height:40px; margin-bottom:35px; width:410px;}
.ladillo_reportaje{ font-family:"nexa_boldregular", Arial, Helvetica, sans-serif; font-size:24px; line-height:26px; color:#222; margin:0px 0 30px; text-transform:uppercase;}
#contenedor_video_reportaje{ margin-bottom:30px;}

/************************************** album *********************************************************************/

.columna_derecha_album { color: #AAAAAA;  float: right;  font-size: 14px;  height: 400px;  line-height: 16px;  margin-top: 2px;
    padding:60px 30px 0;  position: relative;  text-align: left;  width: 300px; overflow:hidden;}
.contenido_columna{	color: #AAAAAA; float: right;  font-size: 14px;  min-height:100%;  line-height: 16px;  margin-top: 2px;   position: relative;
    text-align: left; width:100%;}
.contenido_columna h4{ color: #444444;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;}	
.contenido_columna a img{ margin-top:20px; width:100%; max-width:300px;}	

.columna_derecha_album h2{font-size:24px;color:#333;padding-bottom:30px;margin:30px 0;text-align:center;border-bottom:1px dotted #999;
	font-family:"nexa_boldregular", Arial, Helvetica, sans-serif; line-height:26px; text-transform:uppercase;}
.texto_slide{ min-height:40px;}
.span_texto_slide{color: #777777; display: block; font-size: 12px; margin-top: 10px;}

/**************************************** contenedor_videos *******************************************************/


.contenedor_videos{   position: relative; float:left; background-color:#eee;}
.contenido_videos{ overflow:hidden; position:relative;}
.columna_derecha_videos { color: #AAAAAA; float: right; font-size: 14px;  height: 400px; line-height: 16px;  margin-top: 2px;
    padding:60px 30px;  position: relative; text-align: left; width: 350px; overflow:hidden;}
.contenido_columna{	color: #AAAAAA; float: right; font-size: 14px;  height:100%; line-height: 16px;  margin-top: 2px;  position: relative;
    text-align: left; }
.columna_derecha_videos h2{font-size:24px; color:#333; line-height:28px; padding-bottom:30px; margin:30px 0;	text-align:center;	border-bottom:1px dotted #999;
	font-family:"nexa_boldregular", Arial, Helvetica, sans-serif; text-transform:uppercase;	}

.descripcion_videos{  color: #666666;   font-family: Georgia,"Times New Roman",Times,serif;  font-size: 16px;  font-style: oblique;
    line-height: 26px;  margin-bottom: 20px;}	

.cont_img{ position:relative;}
.icon_play_mini{ position:absolute; top:5px; right:5px; opacity:1!important; -webkit-opacity:1!important; z-index:99999;}
.cont_miniaturas{margin:20px auto 0; }
.cont_miniaturas li{ cursor:pointer; float:left; margin-right:20px; width:120px; padding:0 0 10px; overflow:hidden; }
.cont_miniaturas figure .cont_img{ height:68px; overflow:hidden; width:120px;}
.cont_miniaturas li p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#555; font-style:oblique; margin:10px 5px 0; text-align:left;}
.cont_miniaturas li img.img_mini{ opacity:0.8;
transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-webkit-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
}
#carga_video_reportaje{ text-align:center;}
.cont_miniaturas li:hover img{ opacity:1; transform:scale(1.1);}
.mini_active{background:#fff;}
.mini_active img{opacity:1!important; -webkit-opacity:1!important;}


#videos_otros_dispositivos{ display:block;}
#videos_moviles{ display:none;}
.video_movil{ width:90%; margin:0 auto 20px;}
.video_movil p{ font-family:'nexa_boldregular'; font-size:14px; color:#444; margin:20px 0 10px;}

#letizia img{ width:100%; max-width:990px; margin-bottom:10px;}
#letizia p{color: #666666; font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; line-height:20px;}

@media(max-width: 768px){

#pestanas{ display:none!important;}
.contenedor_album{ width:100%!important; height:512px!important; }
.contenido_album{ height:100%!important;}
.contenedor_album .menu { height: 1px;  left: 2%;  margin-top: 0!important; position: absolute;  top: 35%!important;  width: 96%;
    z-index: 99999;}

.mostrar{ width:100%!important; margin-top:-90px; z-index:9999;}
.columna_derecha_album { padding:5px 5% 0!important; width:90%!important; float:none!important; }

.contenedor_videos{ width:100%!important; padding:0!important; height:450px!important; }
.contenido_videos{ height:100%!important;}
.columna_derecha_videos { padding:5px 5% 0!important; width:90%!important; float:none!important; background:#fff; }

#publi300{ display:none!important;}
.cerrar_mostrar{ right:2%!important;}

.contenedor_reportaje{ margin: 10px 5%!important;  width: 90% !important; }
.contenedor_reportaje .mCustomScrollBox > .mCSB_scrollTools { right:-99999px!important;}
.contenedor_reportaje .mCSB_container { margin:0!important;}
.contenedor_reportaje figure, .sumario_reportaje{ float:none!important; width:100%!important; padding:0!important;}
.text_modulo{ left:50%!important; margin-left:-140px!important;} 

.cont_miniaturas{margin:20px 10px 0!important; width:100%!important;}
.cont_miniaturas figure .cont_img{ height:67px!important; width:100px!important;}
.cont_miniaturas li{ width:100px!important;}
.cerrar_mostrar{ position:fixed!important; z-index:99999;}

.modulo_portada img{ 

transition: none!important;
-moz-transition: none!important;
-webkit-transition: none!important;
-o-transition: none!important;
}

.modulo_portada:hover img.thumb{  transform: none!important; -webkit-transform: none!important;}
header h1 a{ text-indent:-9999999px; background:url(http://estaticos.telva.com/estaticas/especiales/50_aniversario//images/icons/telva_50_anios_iphone.png) center center no-repeat!important; width:100%!important; height:64px; display:block; margin:15px auto!important; }
}



@media(max-width: 480px){

#pestanas{ display:none!important;}
.contenedor_album{ width:100%!important; height:300px!important; }
.texto_slide {
    color: #666666;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px!important;
	line-height:16px!important;
    font-style: oblique;
    margin-top: 5px;
    padding:10px!important;
    text-align: center;
}
.contenedor_videos{ width:100%!important; padding:70px 0 0 !important; height:300px!important; }
.cont_miniaturas{ width:480px!important;}
.cont_miniaturas li{ width:100px!important;}
.cerrar_mostrar{ position:fixed!important; z-index:9999999999!important; width:100%!important; height:70px!important; background-position:right top!important; right:3%!important;}
footer{ display:none;}

#videos_otros_dispositivos{ display:none!important;}
#videos_moviles{ display:block!important;}

#letizia{ width:90%; margin:0 auto;}
.modulo_doble{ width:330px!important;}
.modulo_doble .text_modulo{ width:250px!important;}
.modulo_doble .thumb{ width:495px!important;}	

h1, h2{ width:90%; margin:0 auto;}



}

@media screen and (orientation:landscape) and (max-height: 480px){
.advertencia{ display:block!important; background:#FFF; text-align:center; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; }
.iphone_advertencia{height:320px;}
.container{ display:none!important;}
}


@media screen and (orientation:landscape) and (max-height: 320px){
.advertencia{ display:block!important; background:#fff; text-align:center;  width:300px; height:320px; z-index:999999; }
.container{ display:none!important;}

}




/*********************************************************** ESTILOS CUENTA ATRAS *****************************************************/

#countdown_dashboard {
 display:block; 
 margin-top:25px;
 height:305px;
 padding-left:20px;
}

.cuentaatras{ background:#333; position:inherit!important;}

.dash {
	width: 90px;
	height: 95px;
	float: left;
	margin:0 0 25px 35px;
	position: relative;
}

.dash .digit {
	font-size: 103px;
	font-weight: bold;
	float: left;
	width: 43px;
	text-align: center;
	font-family: 'tradegothic';
	color: #fff;
	position: relative;
}

.dash_title {
	bottom: 75px;
    color: #FFFFFF;
    display: block;
    font-family: 'tradegothic';
    font-size: 22px;
    font-weight: bold;
    left: 7px;
    position: absolute;
    text-transform: uppercase;
}

#cont_invitacion img{ width:100%;}


/*FOOTER*/

footer{ position:fixed; z-index:999999; bottom:0; height:55px; width:100%; background:url("http://estaticos.telva.com/estaticas/especiales/50_aniversario/images/decoration/bg_footer.jpg") repeat;}
footer #contenedor_botones{ display: block; margin: 20px auto 0; overflow: hidden; width: 520px;}
footer #contenedor_botones li{ float:left; margin-right:40px;}



/*NUEVO FOOTER*/
footer.social_album{ position:absolute!important;  z-index:999999; bottom:0; height:55px; width:100%; background:url("http://estaticos.telva.com/estaticas/especiales/50_aniversario/images/decoration/bg_footer.jpg") repeat;}

footer.social_album #contenedor_botones{margin: 15px auto!important; width: 470px!important;}
footer.social_album #tweet_twitter{border: medium none; width: 108px;}
footer.social_album #contenedor_botones li {float: left; margin-right: 5px;}
footer.social_album #share_googleplus{ width:80px;}
footer.social_album #pin_pinterest{ text-align: left; width: 80px!important;}
footer.social_album #like_fb{ width:120px;}
#social_buttons_waiting{ margin:15px auto!important; 0}

#social_buttons_videos li#tweet_twitter a {
	text-indent:-9999px;
	display:block;
	width:59px;
	height:20px;
	background:url("http://estaticos.telva.com/estaticas/especiales/50_aniversario/images/icons/twitter_videos.png") no-repeat 0 0;
}

/*MINIATURAS ALBUM*/

#pestanas{position: absolute; right: 0px;  top: 0px; color:#444; z-index:100001;}
#pestanas div{ cursor:pointer;}

#pestana_slide{ background:url(http://www.telva.com/estaticas/especiales/50_aniversario/images/icons/foto_foto_album.png) no-repeat top left; width:77px; height:59px; text-indent:-99999px; z-index:100001;}
#pestana_miniaturas{ background:url(http://www.telva.com/estaticas/especiales/50_aniversario/images/icons/miniaturas_album.png) no-repeat top left; width:77px; height:59px;  text-indent:-99999px; ;}

#pestana_slide:hover{background:url(http://www.telva.com/estaticas/especiales/50_aniversario/images/icons/foto_foto_album.png) no-repeat bottom left; width:77px; height:59px;}
#pestana_miniaturas:hover{background:url(http://www.telva.com/estaticas/especiales/50_aniversario/images/icons/miniaturas_album.png) no-repeat bottom left; width:77px; height:59px;}
#miniaturas{ background: none repeat scroll 0 0 #474747;  height: 100%;  position: absolute;  top: 0;  width: 100%;  z-index: 100000;}
#miniaturas ul li{background: none repeat scroll 0 0 #FFFFFF; cursor: pointer; display: inline-block; width:59px; height: 59px; margin: 1px 1px;
    overflow: hidden;  padding: 4px;  vertical-align: top; position:relative; *float:left;}
#miniaturas ul li img{ width:59px;}	
#miniaturas ul li a{background: none repeat scroll 0 0 #FFFFFF; color: #777777; font-family: georgia; font-size: 10px; height: 22px;
    left: 0; padding-top: 4px;  position: absolute; top: 45px; width: 100%;}
#miniaturas ul{margin: 15px auto; text-align: left; width: 80%!important;}
#miniaturas ul li:hover img{  opacity: 0.8;  -moz-opacity: 0.8; filter:alpha(opacity=8); }

.pestana_item.pes_activa { display:none;}
.pestana_item.pes_desactiva { display:block;}

.con_activo{ display:block;}
.con_desactivo{ display:none;}