/*common*/@import url("http://www.irtve.es/css/tipografias.css");
/*common*/@import url("http://www.irtve.es/css/rtve.commons/rtve.basics/00_reset.css");
/*common*/@import url("http://www.irtve.es/css/rtve.commons/rtve.basics/01_liquid.css");
@import url("http://www.irtve.es/css/rtve.alacarta/agerate.css");
@import url('http://www.irtve.es/css/rtve.commons/rtve.modules/alertas/rtve.alertas.css');

/*estructura*/
html,body {width:100%;height:100%;float:left;}
.fixerBox {height:100%;width:100%;box-shadow:inset 0 0 8em rgba(0,0,0,0.2);}
.desktop .fixerBox {min-height:80em;}
.fixerBox > .header {padding:0 1.2em;box-shadow:0 1em 2em rgba(0,0,0,0.15);}
.bodier {padding:1.2em;}
.bodier > .container {background:rgba(255,255,255,0.75);border-radius:0.8em;padding:1.8em;border:0.2em solid #000;}

.col,.ima {display:inline-block;}
.col {float:left;height:100%;overflow:hidden;}
.c50 {width:50%;}

.f16x9 {padding-top:56.25%;overflow:hidden;}
.f16x9 > object,.f16x9 > video,.f16x9 > object img,.pipBox,.T {width:100%;}
.thumBox .f16x9 img {height:101%;}
.f16x9 > object,.f16x9 > video,.pipBox {height:100%;}

.intro,#navBox {display:inline-block;width:100%;clear:both;}

/*fonts*/
.maintabs li span,.cab_box h1 span,.eventTit span {font-family:'RTVEfontB',tahoma,serif;}
.precarga span,.cab_box .textoLibre,.intro .mainTitle {font-family:'RTVEfontR',tahoma,serif;}
.tooltip .eventTit span {font-family:arial,helvetica,sans-serif;}
.tooltip .eventTit span {font-size:140%;}
.maintabs li span,.cab_box .textoLibre,.precarga strong,.eventTit span {font-size:170%;}
.cab_box h1 span,.intro .mainTitle {font-size:210%;}
.maintabs li span,.precarga strong {line-height:1.8235;}
.eventTit span {line-height:1.2353;}
.cab_box h1 span,.cab_box .textoLibre,.intro .mainTitle {line-height:1;}

.footer .marketLinks span,.intro p,.textBox p,.tooltip .eventTit span  {font-size:120%;line-height:1.5;}

/*subhead*/
.intro {padding-bottom:1.2em;}
.intro h1 {padding:1.2em 1.2em 0 0;}
.intro .ima {width:50%;float:left;margin-right:1.2em;}
.intro .ima img {width:100%;height:auto;}
.intro p {margin-top:0.75em;padding-right:0.5em;}
/*zona de enlaces*/
.intro .basicContent {display:inline-block;clear:both;width:100%;padding:2em 0 1em 0;}
.intro .basicContent li {padding:0.2em 0;}
.intro .basicContent li > a {display:inline-block;}

/*columna extras*/
#comBox > .mark {overflow:hidden;}
.mixedContainer,.mixedBag,.mixedBag .item {width:100%;} 
.mixedContainer {overflow:hidden;height:100%;}
.mixedBag .item {display:none;}
.mixedBag .item .tab {padding-left:4.1667em;}
.mixedContainer .ico .tab,#navBox .ico .tab {border-left:0 none;}
.mixedBag .active {display:inline-block;}
.mixedBag .item .tab {width:100%;}
.mixedBag > .active > div {overflow-x:hidden;overflow-y:auto;}
.mixedBag > .active > div > .mark {height:100%;overflow:hidden;padding:0;}
.expand > .tab {background:#fff;border-bottom:0.2em solid #fff;margin-bottom:-0.2em;}
.dropmenu ul {padding:0 0.6em 0 1.8em;border-radius:0 0.6em 0.6em 0;background:#fff;width:auto;box-shadow:0.8em 0.8em 1.2em rgba(0,0,0,0.3);}
.dropmenu li {width:100%;padding:1em 2em;border-bottom:0.1em solid #ddd;float:left;}
.dropmenu li:last-child {border:0 none;} 
.dropmenu li span {font-size:150%;line-height:2;display:block;white-space:nowrap;color:#888;}

/* PRECARGA *************************************/
/* **********************************************/
#precarga {display:none;}
.precarga {width:100%;height:100%;position:fixed;top:0;left:0;background:#f5f5f5;z-index:99;padding-top:30%;float:left;text-align:center;}
.precarga img {width:auto;max-width:30%;clear:both;margin:0 auto;display:block;margin-top:-25%}
.precarga span + img {max-width:30%;}
.precarga span + img {margin-top:0;}
.precarga span,.precarga strong {width:auto;float:none;}
.precarga span {margin:1.5em 0 1em 0;padding:0 10%;font-size:260%;line-height:1;}
.precarga strong {padding:1em;clear:both;background:#ddd;border-radius:1em;cursor:pointer;}
.precarga strong {display:none;}
.precarga span,.tablet .precarga strong,.mobile .precarga strong,.noScript strong {display:inline-block;}
/* PRECARGA *************************************/
/* END ******************************************/

/* FALSO BOTON FULLSCREEN ***********************/
/* **********************************************/
.fullScreen {opacity:0;display:block;width:3.3em;height:2.7em;background:url('i/fullScreen.png') no-repeat;}
.fullGrid .fullScreen {opacity:1;}
.desktop .fullGrid .fullScreen:hover,.tablet .fullGrid .fullScreen,.mobile .fullGrid .fullScreen {background-position:0 100%;cursor:pointer;}

/* TITULADO VIDEOS ******************************/
/* **********************************************/
.pushpip .tooltip {display:none;padding:1.2em;margin-top:-1.2em;width:100%;}
.desktop .pushpip:hover .tooltip {display:block;}
.tooltip .eventTit {background:rgba(0,0,0,0.5);padding:1em;padding-top:2em;text-align:center;}
.tooltip .eventTit span {color:#fff;}
/*titulado video principal*/
.textBox {display:inline-block;width:100%;padding:1.2em 0;}
.textBox .eventTit {float:left;}
.textBox p {clear:both;}

/* TITULADO VIDEOS ******************************/
/* END ******************************************/

/*contenedor pip's*/
.multiPlayer {display:block;}
.multiPlayer,.multiBox > .VideoContainer {width:100%;height:100%;}
/*NO NOS VALE CON PADDING, PORQUE ENTONCES NO PODEMOS SELECCIONAR EL PLAYER PRINCIPAL*/
/*.pushpip {padding:5.625% 10%;}padding para mantener el formato 16x9*/
/*.pipBox {margin-top:-56.25%;}el contenedor no puede estar posicionado de forma absoluta porque impide tambi?n seleccionar los inferiores*/
.multiBox {padding-bottom:56.25%;}

.pushpip {width:35%;}
.pushpip .pin {display:inline-block;outline:0.1em dashed white;margin:0 -0.2em -0.2em 0;width:100%;}
.pushpip .VideoContainer + .pin {display:none;}

/*cuatro pip's funcionando*/
.fullGrid .pushpip {width:49.5%;padding:0.25%;}
.fullGrid .pushpip .tooltip {padding:0.5%;}

.gotoFull .pin {outline:0.1em dashed red;}

/*cabecera listado videos*//*listado videos*/
.thumBox {padding-right:1.2em;}
.tab {font-size:140%;line-height:3;padding:0 1em;display:inline-block;font-weight:bold;text-transform:uppercase;cursor:pointer;}
.ico .tab {font-size:100%;padding:0.4em;border-left:0.1em solid #ccc;border-right:0.1em solid #fff;}
.tab img {height:2.8em;width:2.8em;display:block;background:url('i/iconos.png') no-repeat;opacity:0.3;}
/*.tab:hover img,*/.expand > .tab img {opacity:0.75;}
	.resize .tab img {background-position:100% 0;}
	.extended .resize .tab img {background-position:100% 100%;}
.thumBox li .tab span,.thumBox li .tab span strong {line-height:2.286;display:inline-block;border-radius:100%;}
.thumBox li .tab span {margin:0 -0.5em 0 0.25em;}
.thumBox li .tab span strong {width:2.286em;text-align:center;}
.thumBox {overflow:hidden;}
.thumBox .nav > li,.thumBox .scrollBox > ul > li {float:left;}
.thumBox .nav > .ico {float:right;padding:0.3em 0;}
.thumBox .scrollBox > ul > li {padding-bottom:1.2em;}
.scrollBox > ul > li a {display:block;padding:0.2em;color:inherit;text-decoration:none;}
.scrollBox > ul > li .title {font-size:140%;line-height:1.286;font-family:'Georgia','Tahoma',sans-serif;
display:inline-block;padding:0 0.4286em;border:0.0714em solid transparent;overflow:hidden;
max-height:3.858em;/*3 lineas maximo*/
max-height:2.572em;/*2 lineas maximo*/
}

.thumBox .scrollBox {width:100%;display:none;/*overflow-y:auto;*/
/*-webkit-transition: all 1s ease-in-out;
   -moz-transition:	opacity 1s ease-in-out;
     -o-transition:	all 1s ease-in-out;
        transition: all 1s ease-in-out;*/
}

.thumBox .active .scrollBox {padding:1em;padding-right:1.8em;padding-right:3.2em;display:inline-block;}
.thumBox .scrollBox ul {width:100%;display:inline-block;}

.thumBox .active .tab {position:relative;z-index:1;background:transparent;}

.scrollBox {overflow-y:none;}
.nav > .active:after {content:'';height:1.2em;width:100%;display:inline-block;
background:#fff;
background: linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);/*W3C*/
background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);/*Opera11.10+*/
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);/*FF3.6+*/
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);/*Chrome10+,Safari5.1+*/
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);/*IE10+*/
background: -webkit-gradient(linear,left top,left bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);/*Chrome,Safari4+*/
display:none;
}

.scrollBox > ul > li .ima {border:0.3em solid transparent;float:left;}
.scrollBox > ul > li a:hover .ima,.scrollBox > ul > .playing .ima {border-color:#e30;background:rgba(0,0,0,0.2);}
.scrollBox > ul > .playing .ima {box-shadow:0 0 0.6em rgba(255,255,255,0.7);}
.scrollBox > ul > li a:hover .ima img,.scrollBox > ul > .playing .ima img {opacity:0.8;}

/*listado extendido*/
.extended {width:99%;box-shadow:0 0 12em 2em rgba(0,0,0,0.8);}

/*botoneras*/
.thumBox .layer {width:100%;height:100%;opacity:0;padding-top:1em;text-align:center;}
.desktop .thumBox li li:hover .layer,
.scrollBox > ul > .playing .layer {opacity:1;}
.fixerBox .layer .ico + span {font-size:110%;line-height:1.0909;color:#ddd;}
.fixerBox .layer li,* li .layer li {background:black;border-radius:0.3em;opacity:0.75;margin:0 0.1em;float:none;width:auto;}
.fixerBox .layer,.layer li,.layer .ico {display:inline-block;}
.fixerBox .layer {opacity:0;width:100%;text-align:center;}
.fixerBox .layer .ico img {display:block;}
/*botonera pip*/
.pushpip .layer .ico + span {display:inline-block;padding:1em 0;}
.pushpip .layer .ico {float:left;}
.pushpip .layer li {padding-right:1.2em;}
.pushpip .layer .ico img {width:3.4em;height:3.4em;background:url('i/botones_MiniPlayer.png') no-repeat;}
	.layer .great .ico img {background-position:0 0;}
	.layer .close .ico img {background-position:0 -3.4em;}
	.layer .sound .ico img,.layer .sound.active:hover .ico img {background-position:0 100%;}
.layer li:hover,.layer li.active {cursor:pointer;background:#fff;opacity:0.9;}
.layer .sound.active:hover {background:#000;}
	.layer .great:hover .ico img,.layer .great.active .ico img {background-position:100% 0;}
	.layer .close:hover .ico img,.layer .close.active .ico img {background-position:100% -3.4em;}
	.layer .sound:hover .ico img,.layer .sound.active .ico img {background-position:100% 100%;}	
.layer li:hover .ico + span,.layer li.active .ico + span {color:#000;}
.layer .sound.active:hover span {color:#fff;}
.pushpip:hover .layer {opacity:1;}
/*botonera thumbs*/
.thumBox .layer li {padding:0.6em;}
.thumBox .layer .ico img {width:3.4em;height:2.4em;background:url('i/botones_Thumbs_min.png') no-repeat;}
	.thumBox .layer .maxi .ico img {background-position:0 100%;}
	.thumBox .layer .maxi:hover .ico img,.thumBox .layer .maxi.active .ico img {background-position:100% 100%;}
	.thumBox .layer .mini:hover .ico img,.thumBox .layer .mini.active .ico img {background-position:100% 0;}
	
.thumBox .layer .ico + span {display:block;clear:both;padding-top:0.3em;font-weight:bold;}
.layer li:hover {box-shadow:0 0 1em #fff;}
.mobile .fixerBox > .header .maintabs,.desktop .footer .maintabs,.desktop .fixerBox > .header .mark > .ima {display:none;}

/*ZONA CABECERA*/
.fixerBox > .header .logo {width:6%;min-width:8em;display:inline-block;margin-right:1%;}
.fixerBox > .header .mark {}
	.footer .logo {display:none;}
	.logo img {width:100%;height:auto;}
	.maintabs,.fixerBox > .header .logo,.header .cab_especial,
	.maintabs li {float:left;padding:0 0.6em;}
	.maintabs li a img {display:none;}
.header .cab_especial {clear:none;padding-left:1%;}
.header .cab_especial,.maintabs li {border-left:0.1em solid #aaa;}
.cab_box {margin-top:-0.4em;}
.cab_box h1 {padding:0.2em 0;}
.cab_box h1 a {color:#444;}
.maintabs a {color:#666;}

.cab_especial .nav {display:none;}
/*FIN ZONA CABECERA*/

/*botones social*/
.container > .shareBlock {position:absolute;right:0;z-index:3;/*border-radius:0.8em 0 0 0.8em;box-shadow:0 0 1em rgba(0,0,0,0.5);*/}
.shareBlock {/*background:#f5f5f5;*/}
/*.shareBlock,.shareBlock li {padding:0.5em;}*/
.shareBlock li {width:10em;height:8em;text-align:right;position:relative;padding:0.2em;}
.shareBlock .fbook iframe {right:0;z-index:3;}
.textBox .shareBlock .fbook iframe {right:auto;left:0;}
.textBox .shareBlock {width:100%;display:inline-block;clear:both;padding:0.3em 0.2em;margin:-1.2em 0 0.6em 0;
background:#cdcdcd;
background: linear-gradient(top,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 100%);/*W3C*/
background: -o-linear-gradient(top,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 100%);/*Opera11.10+*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 100%);/*FF3.6+*/
background: -webkit-linear-gradient(top,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 100%);/*Chrome10+,Safari5.1+*/
background: -ms-linear-gradient(top,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 100%);/*IE10+*/
background: -webkit-gradient(linear,left top,left bottom,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 100%);/*Chrome,Safari4+*/
}
.textBox .shareBlock li {float:left;width:auto;height:2.4em;}
.textBox .shareBlock .gplus {max-width:24em;}

/*ZONA PIE*/
.footer .marketLinks,.footer .marketLinks ul {float:right;}
.footer .marketLinks {text-align:right;padding:1em 0;}
.footer .marketLinks li {float:left;padding-left:1em;}
.footer .marketLinks,.footer .marketLinks li {width:50%;}
.footer .marketLinks span {max-width:33%;display:inline-block;font-weight:bold;}
.footer .marketLinks ul {max-width:66%;}
.footer .marketLinks li img {height:3.6em;}
/*FIN ZONA PIE*/

/*hadles*/
.scrollbar {display:none;}
.active .scrollbar {display:block;}

.scrollbar {background:#aaa;border-right:0.1em solid #fff;/*height:3.2em;*/width:0.2em;
    position: absolute;
    right: 1.6em;
    }
.scrollbar .handle {background:#666;width:2.4em;height:5em;border-radius:0.3em;opacity:0.6;cursor:pointer;
    position: absolute;
    left: -1.1em;
    z-index:6;
    }

/*estado normal*/
.fixerBox > .header,.footer {width:100%;background:rgba(0,0,0,0.9);display:inline-block;}

/*HAY QUE EXTRAER LOS CSS DEL MODULO DE FORMA INDEPENDIENTE*/
/*Por defecto el modulo hara layout con un formato 1:1, 
pero si se quiere integrar en otra estructura, 
se eliminara el control proporcional y se le calcula un alto, por JS o por CSS.
Si no se elimina el control porcentual, 
el alto aplicado solo afectara cuando sea mayor que el proporcional*/
.multiPlayer {padding-top:80%;}
.multiPlayer > .mainBox {margin-top:-80%;}

/* FULL SCREEN **********************************/
/* **********************************************/
.gotoFull {width:100%;height:100%;padding:0 3%;background:#333;}
.gotoFull > .mainBox {margin:0;clear:both;}
.gotoFull .textBox h2 {color:#aaa;float:left;margin-right:1em;}
.gotoFull .textBox p {line-height:1.75;color:#fff;clear:none;}
.gotoFull .extended .scrollBox > ul > li {width:10%;}
.gotoFull .extended .scrollBox > ul > li:nth-child(4n+1) {clear:none;}
.gotoFull .extended .scrollBox > ul > li:nth-child(10n+1) {clear:left;}

.gotoFull .thumBox,.gotoFull .extended {height:32em !important;}
.gotoFull .thumBox .scrollBox,.gotoFull .extended .scrollBox {height:27.8em !important;}

.gotoFull .markBox {position:absolute;bottom:-27.8em;width:94%;}
.gotoFull .extended {bottom:0;width:99%;margin-bottom:1%;}

/* FULL SCREEN **********************************/
/* END ******************************************/


/* PLAY-ICON SUSTITUCION PLAYERS *******************************/
/***************************************************************/
.VideoContainer object > a,.VideoContainer video > a {position:relative;width:100%;height:100%;display:block;}
a span.videoplay strong {position:absolute;z-index:2;}
.VideoContainer a:hover {text-decoration:none;}
a span.videoplay {display:block;height:auto;cursor:pointer;background:black;/*height:100%;*/}
a span.videoplay strong {text-transform:lowercase;width:9.4em;line-height:4.7em;padding-top:4.7em;margin: -4.7em 0 0 -4.7em;background:url('http://img.irtve.es/css/style/i_news/hover_photo/playiconM.png') no-repeat 50% 50%;color:#CCC;position:absolute;display:block;float:none;left:50%;top:50%;text-align:center;}
.VideoContainer video {width:100%;height:100%;}
div[id^="vid"] .VideoContainer {display:block;width:100%;height:100%;overflow:hidden;}
a:hover span.videoplay strong {background-image:url('http://img.irtve.es/css/style/i_news/hover_photo/playiconM_o.png');border-radius:2em;}
/* PLAY-ICON SUSTITUCION PLAYERS *******************************/
/* END *********************************************************/

/*positioning*/
.bodier,.fixerBox > .header,.footer,.f16x9,.multiBox,.thumBox,.thumBox li li,.mixedContainer,.fixerBox > .header .mark,#navBox {position:relative;}/*.pushpip,,.pipBox*/
.fixerBox,.f16x9 object,.f16x9 video,.f16x9 img,.fullScreen,
.layer,.pushpip .tooltip,
.active .scrollBox,.nav > .active:after,
.extended,
.mixedBag,.mixedContainer .ico,#navBox .dropmenu,.dropmenu ul,
.fixerBox > .header .maintabs,
.gotoFull {position:absolute;}
/*.fixerBox .fixerBox > .header,.fixerBox .footer {position:fixed;}*/

.fixerBox,.f16x9 object,.f16x9 video,.f16x9 img,.thumBox .layer {left:0;top:0;z-index:1;}
.fixerBox > .header,.footer,.active .scrollBox,.gotoFull {left:0;}
.fixerBox > .header,.gotoFull {top:0;}
.fixerBox > .header .maintabs {right:0;}
.footer,.active .scrollBox,.nav > .active:after {bottom:0;}
.nav > .active:after,.mixedContainer {z-index:1;}
#navBox .dropmenu {z-index:2;}
.extended {left:0.5%;z-index:2;}
/*falso boton fullscreen*/.fullGrid .fullScreen {right:0;bottom:-3em;z-index:2;}
.pushpip .layer {left:0;bottom:1.6em;bottom:0;z-index:3;}
.fullGrid .pushpip .layer {bottom:28%;}
.pushpip .tooltip {z-index:2;}
.mixedContainer .ico,#navBox .dropmenu {left:0;top:0.5em;}
.dropmenu ul,.pushpip .tooltip {left:0;}

/*positioning contenedor de pip's*/
.multiBox > .VideoContainer,.pipBox,.pushpip {position:absolute;}
.noScript .multiBox > .VideoContainer {position:relative;}
.multiBox > .VideoContainer,.pipBox {left:0;top:0;}
.elem0,.elem3 {bottom:10%;}
.fullGrid .elem0,.fullGrid .elem3,
.fullGrid .tooltip {bottom:0;}
.elem0,.elem1 {left:0;}
.fullGrid .elem0,.fullGrid .elem1 {left:0.4%;}
.elem1,.elem2 {top:0;}
.elem2,.elem3 {right:0;}
.fullGrid .elem2,.fullGrid .elem3 {right:0.4%;}

.warning{display:none;}
.warning.layer{display:block;}
/* ACCESIBLE ************************************/
/* **********************************************/
.noScript .fixerBox {min-height:0;}
.noScript .c1 {width:46%;}
	.noScript {}

.noScript .c2 {width:54%;}
.noScript .fixerBox,.noScript .header {box-shadow:none;}
.noScript .bodier > .container,.noScript .header > .container {width:auto;}
.noScript .thumBox .nav > .ico,.noScript .scrollbar,.noScript .thumBox .scrollBox .layer,.noScript .pipBox,.noScript #navBox .dropmenu {display:none;}
.noScript .mixedBag .item,.noScript .nav > li .scrollBox {display:inline-block;}
.noScript .mixedBag,.noScript .nav > li .scrollBox {position:relative;}

.noScript .thumBox .nav > li {width:50%;/* float:left; */padding:0 0.4em;}
.noScript .thumBox .nav > li .tab {width: auto; }
.noScript .nav > li .scrollBox {padding:1em;}
.noScript .thumBox,.noScript .multiBox {padding:0;}
.noScript .thumBox {overflow:visible;}
.noScript .thumBox .scrollBox > ul {height:30em;overflow-x:hidden;overflow-y:auto;}
.noScript .thumBox .scrollBox > ul > li {width:50%;clear:none;padding:0;}
.noScript .scrollBox > ul > li .title {font-family:arial,sans-serif;font-size:130%;line-height:1.23;padding:0 1em 0 0;color:#444;height:3.9em;max-height:3.9em;}

.noScript #tabdirecto .scrollBox, .noScript #tabalacarta .scrollBox{background-size:100% 100%;}
.noScript .thumBox #tabalacarta .tab{margin-left:0;}
.noScript .mark span.ima{display:none;}
/* ACCESIBLE ************************************/
/* END ******************************************/