@import url("/css/rtve.commons/rtve.modules/narracion.css");

.header, .bodier {z-index:1;}

.intro .ima {width:100%;}
.markBox,.thumBox {background:#353537;}
.thumBox .tab, .scrollBox > ul > li .title {color:#888;}
.desktp .thumBox .tab {min-width:10em;}
.scrollBox {background:#efefef;border-color:#353537;}

/*tabs*/
.mixedBag .item .tab, .markBox,.thumBox .tab {background:#353537;color:#848484;font-family:RTVEfontB;}
.thumBox .active .tab {border-color:#848484;}
.mobile .thumBox .active .tab,.mobile .thumBox .tab {border-bottom:0 none;margin-bottom:0;color:#efefef;}

.markBox,.thumBox {border-radius:0;}  
.tab img {background: url('/css/rtve.commons/rtve.multisign/multisign.basic/i/iconos_white.png');opacity:1;}





.mixedBag .item .tab {/*font-size:150%;*/}
.mixedBag > li > .mark {padding:0;}

.desktp .intro p,.textBox p {font-size:130%;}
.desktp .textBox .shareBlock {padding:1em;}

/*precarga*/
.precarga {/*background:url('rtve.commons/rtve.multisign/custom/TE_SPRFEVI/i/bkg_precarga.jpg') repeat-x;background-size:100% 100%;*/}
.desktp .precarga {padding-top:30%;}
.desktp .precarga img {max-width:25%;margin-top:-30%;}
.desktp .precarga span + img {margin-top:0;}
.precarga span {font-size:200%;line-height:1.2;padding:0 2.5%;margin:0 0 1em 0;}


/*#6bacc0*/
.desktp .dropmenu ul {height:50em !important;}
.desktp .c1 {padding-right:4%;}
.desktp .intro {border-radius:0.8em;overflow:hidden;}
.desktp .intro .ima {margin:0;}
.desktp .intro h1 {padding:1em 0 0 0;}
.desktp .intro h1 span {font-weight:bold;color:#666;font-size:240%;}
.desktp .intro p {font-weight:bold;padding:0.307em 0 0 0;color:#333;}
.desktp .intro h1,.desktp .intro p {width:100%;text-align:center;display:inline-block;clear:both;margin:0;}
.desktp .intro .basicContent {padding:1em 0 0 0;}

/** CABECERA **/
.desktp .cab_especial .nav {position:absolute;right:0;}
.cab_especial .nav {display:inline-block;float:left;border-left:0.1em solid #666;}
.cab_especial .nav li {float:left;border-right:0.1em solid #666;}
.cab_especial .nav .last {border:0 none;}
/*.cab_especial .nav li.first,.cab_especial .nav .l2 {display:none;}*/
.cab_especial .nav li a {color: #666; text-decoration: none;}
.cab_especial .nav li a span {font-family:RTVEfontB;font-size:160%;display:inline-block;line-height:1.625;padding:0 0.5em;}
.fixerBox > .header .maintabs {display: none;}

.emisiones strong {font-family:'RTVEfontR',tahoma,serif;line-height: 150%;font-size:140%;color:#444;}

.textBox .shareBlock li iframe {position: relative; border: none;}


.intro .basicContent li {float:left;padding:1%;width:50%;}
.intro .basicContent li > a,.intro .basicContent li > a img {width:100%;display:inline-block;}
.intro .basicContent li img {height:auto;}
.intro .basicContent strong {display:block;text-indent: -9999em;display:none;}

/*quitamos opciones del menu*/
.cab_especial .nav .l2,.mobile .cab_especial .nav .l7,
.tablet .cab_especial .nav .l3,.mobile .cab_especial .nav .l3 {display:none;}


/*fullScreen*/
.desktp .gotoFull .thumBox .nav > .resize {display:inline-block;}
.desktp .thumBox .resize .tab {min-width:0;}
.desktp .gotoFull .extended {z-index:5;}

/*CONVERSION TABLET*/
.tablet .thumBox .active .tab,.tablet .scrollBox {border:0 none;}
.tablet .thumBox {padding-right:0;}
.tablet .cab_especial .nav {height:2.6em;overflow:hidden;}
.tablet .wrapper.header {width:auto;}
.cab_box {margin:0;}
.cab_box h1 {padding:0;float:left;}
.tablet .cab_box h1 span {line-height:1.238;padding-right:0.5em;}
.tablet .fixerBox {height:100%;overflow:hidden;}
.tablet .fixerBox > .header {height:8%;}
.tablet .thumBox .nav > .resize,.tablet .c1 {display:none;}/*ocultamos fullscreen para todos, porque falla el JS*/
.tablet .bodier > .container,.tablet .footer > .container {width:98%;padding:1%;}
.tablet .bodier > .container {height:98%;box-shadow:0 0 3em rgba(0,0,0,0.33);}
.tablet .textBox .shareBlock {padding-top:0.6em;}

/*precarga*/
.tablet .precarga img {margin-top:-30%;}
.tablet .precarga span + img {margin-top:0;margin-bottom:2em;}


@media only screen and (orientation:landscape) {
/*precarga*/
.tablet.screen16x9 .precarga img {max-width:25%;}
.tablet.screen16x9 .precarga span + img {max-width:15%;}
.tablet.screen16x9 .precarga span {font-size:180%;}
	.tablet .markBox {top:1.6%;right:1%;margin-right:1.4%;}
	.tablet.screen4x3 {width:98%;}
	.tablet.screen4X3 .markBox {right:2%;}
	.tablet.screen16x9 {width:92%;}
	.tablet.screen16x9 .markBox {right:2%;}	
.tablet .c2 {width:100%;}
.tablet .multiPlayer {padding:0;width:74.5%;}
.tablet .multiPlayer > .mainBox {margin:0;}
.tablet .markBox {width:23.5%;position:absolute;height:93%;}
.tablet .scrollBox > ul > li,.tablet .thumBox .nav > li {width:100%;}
.tablet .scrollbar .handle {width:3em;left:-1.5em;background:#999;border-radius:0.6em;}
.tablet .thumBox li .tab {width:50%;position:absolute;}
.tablet #tabalacarta .tab {margin-left:50%;}
.tablet .thumBox {height:100% !important;}
.tablet .thumBox .active .scrollBox {height:93% !important;}
.tablet .thumBox .active .scrollbar {top:8% !important;height:91% !important;}
.tablet .footer .marketLinks span {max-width:40%;}
}
@media only screen and (orientation:portrait) {
/*precarga*/
.tablet .precarga {padding-top:60%;}
.tablet .precarga img {max-width:70%;margin-top:-60%;}
.tablet .precarga span + img {margin-bottom:3em;}
.tablet .precarga span {font-size:210%;padding:0 20%;}
.tablet .fixerBox > .header .logo {width:13%;max-width:13%;}
.tablet .fixerBox > .header .wrapper.header {width:85%;float:left;}
.tablet .fixerBox > .header .mark > .ima,.tablet .footer * {display:none;}
.tablet .footer {height:1px;display:inline-block;overflow:hidden;}
.tablet .header .cab_especial {width:auto;padding-left:2%;max-width:98%;}
.tablet .cab_especial .nav {border:0 none;margin:0.8em 0 0 -0.8em;}
.tablet .bodier {height:92% !important;}
.tablet .bodier > .container {padding:0;}
.tablet .col {border:0 none;box-shadow:none;padding:1.2em;width:100%;background:none;}
.tablet .textBox {padding:1.2em 0 0 0;}

}



/*CONVERSION MOBILE*/
.mobile .precarga img {max-width:25%;}
.mobile .precarga img:first-child {max-width:50%;}
.mobile .precarga strong {font-size:120%;margin-top:1em;}
.mobile .thumBox .tab {width:100%;background:#2f3c4c;border:0 none;}
.mobile .thumBox #tabdirecto .tab {background:#800;}
.mobile .thumBox {overflow:visible;padding:0;}
.mobile .thumBox .nav > li,
.mobile .fixerBox,
.mobile .thumBox li .scrollBox,.mobile .thumBox .scrollBox ul {position:relative;width:100%;height:auto;display:inline-block;clear:both;padding:0;}
.mobile .thumBox .scrollBox,.fixerBox > .header {padding:0;}
.mobile .thumBox .scrollBox ul {padding:1em;opacity:1 !important;height:auto !important;}
.mobile .thumBox .scrollBox ul,.mobile .thumBox .scrollBox ul li {-webkit-transform:none !important;}
.mobile .thumBox .nav > .resize,.mobile .scrollbar {display:none;}
.mobile .scrollBox,.mobile .thumBox {height:auto !important;}
/*.mobile .fixerBox > .header:after {content:'';
width:9em;height:100%;position:absolute;right:0;top:0;
background:url('rtve.commons/rtve.multisign/custom/TE_SCHAM13/i/simbolo_mobile.png') no-repeat 0 50%;opacity:0.9;}
*/
.mobile .header .cab_especial {font-size:100%;border:0 none;padding:0.6em;padding-bottom:0;}
.mobile .header .cab_box {font-size:90%;}
.mobile .cab_box h1 a {color:#888;}
.mobile .fixerBox > .header strong {font-family:arial,helvetica,sans-serif;font-weight:normal;}
.mobile .fixerBox > .header .mark > .ima {height:3.1em;width:auto;min-width:0;display:none;}
.mobile .fixerBox > .header .mark > .ima img {height:100%;width:auto;}
.mobile .wrapper.header {display:inline-block;border-top:0.1em solid #aaa;width:100%;}

.scrollBox > ul > li a:hover .ima, .scrollBox > ul > .playing .ima{border-color: #858585;}


@media only screen and (max-width:480px) {
/*estructura basica*/
.mobile .scrollBox > ul > li {}
}

@media only screen and (orientation:landscape) and (max-width:1900px) {
.tablet .cab_especial .nav .l5 {display:none;}
.tablet.android .multiPlayer {width:62%;}
.tablet.android .markBox {width:32%;}
}