﻿@import url('/css/rtve.2015/rtve.commons/rtve.modules/desktp.schedule.css');
@import url('/css/rtve.2015.deportes/rio-2016/rio-2016.basics.directos.css');

/*.fechoy{
	display:none;
}*/

.bodier > .liveBoxRio2016.striplayer {padding:2.4rem 0;}




/*fonts*/
.liveBoxRio2016 .sched .mainBox .pretitle {font-size:2.2rem;line-height:2.4rem;}
.liveBoxRio2016 .xtraBox > span {font-size:1.8rem;line-height:2.2rem;}
.liveBoxRio2016 .sched .mainBox .datpub,.liveBoxRio2016 .sched .mainBox .maintitle {font-size:1.6rem;line-height:1.8rem;}

.liveBoxRio2016 .sched.slideH .topBox {padding:0.8rem;}
.liveBoxRio2016 [class*="grid"].sched .topBox {padding:0.8rem 0;}


/*cabecera cajon*/
.liveBoxRio2016 .grid > .secBox {width:75%;}
.liveBoxRio2016 .schedHeader {width:25%;}
.liveBoxRio2016 .secBox {padding:0;}
.liveBoxRio2016 .grid > .secBox {padding:0.6rem 0;margin:0;bottom:auto;float:left;}
.liveBoxRio2016 .schedHeader {height:4.8rem;margin-top:-4.8rem;}
.liveBoxRio2016 .schedHeader .controlBox .ico {cursor:pointer;}
.liveBoxRio2016 .schedHeader .controlBox .view_slid:hover img {background-position:0 100%;}
.liveBoxRio2016 .schedHeader .controlBox .view_grid:hover img {background-position:25% 100%;}
.liveBoxRio2016 .secBox span.titaux {left:14.8rem;position:relative;}
.liveBoxRio2016 .schedHeader .fechoy {text-align:center;}

.liveBoxRio2016 .sched {max-width:118rem;margin:0 auto; }
.liveBoxRio2016 .sched .cell .mod {padding-bottom:1.6rem;}
.liveBoxRio2016 .sched .cell .txtBox {padding:5.6rem 1.8rem 2.4rem 6.4rem;}

.liveBoxRio2016 [class*="grid"].sched .topBox {width:100%;}
.liveBoxRio2016 .sched.grid_3 .topBox > .pagBox {width:25%;} 
.liveBoxRio2016 [class*="grid"].sched .topBox .grid_4 > .pagBox {width:25%;}
.liveBoxRio2016 .sched.grid_3 > .controlBox {display:none;}
/*.liveBoxRio2016 .sched.grid_3 .multich.elem4.grid_4 {display:inline-block;width:100%;}*/

/*.liveBoxRio2016 .sched.grid_3.elem5 .topBox > .pagBox:nth-child(5), .liveBoxRio2016 .sched.grid_3.elem9 .topBox > .pagBox:nth-child(9), .liveBoxRio2016 .sched.grid_3.elem13 .topBox > .pagBox:first-child:nth-child(13){margin-left:37.5%;}
.liveBoxRio2016 .sched.grid_3.elem6 .topBox > .pagBox:nth-child(5), .liveBoxRio2016 .sched.grid_3.elem10 .topBox > .pagBox:nth-child(9), .liveBoxRio2016 .sched.grid_3.elem14 .topBox > .pagBox:first-child:nth-child(13){margin-left:25%;}
.liveBoxRio2016 .sched.grid_3.elem7 .topBox > .pagBox:nth-child(5), .liveBoxRio2016 .sched.grid_3.elem11 .topBox > .pagBox:nth-child(9), .liveBoxRio2016 .sched.grid_3.elem15 .topBox > .pagBox:first-child:nth-child(13){margin-left:12.5%;}
.liveBoxRio2016 .sched.grid_3.elem8 .topBox > .pagBox:nth-child(5), .liveBoxRio2016 .sched.grid_3.elem12 .topBox > .pagBox:nth-child(9), .liveBoxRio2016 .sched.grid_3.elem16 .topBox > .pagBox:first-child:nth-child(13){margin-left:0%;}*/



/*elementos enlazados*/
.liveBoxRio2016 .sched .mod > a:focus:before {content:'';position:absolute;left:-0.8rem;top:-0.8rem;border:0.8rem solid #fff;width:100%;height:100%;z-index:2;}

/*desplazamiento*/
.liveBoxRio2016 .sched.slideH .reloadContent {overflow:hidden;}
.liveBoxRio2016 .sched.slideH.accesMod .reloadContent {overflow-x:auto;}

.liveBoxRio2016 .sched.slideH > .controlBox {width:100%;height:0;}
.liveBoxRio2016 .sched.slideH > .controlBox .arrow:not(.beoff) img {opacity:1;}
.liveBoxRio2016 .sched.slideH > .controlBox .arrow img {width:4.8rem;height:9.6rem;background-size:1000%;}
.liveBoxRio2016 .sched.slideH > .controlBox .back_ img {background-position:45% 100%;}
.liveBoxRio2016 .sched.slideH > .controlBox .next_ img {background-position:55% 100%;}

.liveBoxRio2016 .sched.slideH .reloadContent:before,
.liveBoxRio2016 .sched.slideH .reloadContent:after {content:'';display:inline-block;width:8rem;height:100%;}
.liveBoxRio2016 .sched.slideH .reloadContent:before {
background: -moz-linear-gradient(left,  rgba(50,60,80,1) 0%, rgba(50,60,80,1) 34%, rgba(50,60,80,0) 100%);
background: -webkit-linear-gradient(left,  rgba(50,60,80,1) 0%,rgba(50,60,80,1) 34%,rgba(50,60,80,0) 100%);
background: linear-gradient(to right,  rgba(50,60,80,1) 0%,rgba(50,60,80,1) 34%,rgba(50,60,80,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323c50', endColorstr='#00323c50',GradientType=1 );
}
.liveBoxRio2016 .sched.slideH .reloadContent:after {
background: -moz-linear-gradient(left,  rgba(50,60,80,0) 0%, rgba(50,60,80,1) 66%, rgba(50,60,80,1) 100%);
background: -webkit-linear-gradient(left,  rgba(50,60,80,0) 0%,rgba(50,60,80,1) 66%,rgba(50,60,80,1) 100%);
background: linear-gradient(to right,  rgba(50,60,80,0) 0%,rgba(50,60,80,1) 66%,rgba(50,60,80,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00323c50', endColorstr='#323c50',GradientType=1 );
}


/*anchos elementos*//*slide-horizontal*/
.liveBoxRio2016 .sched.slideH .topBox {padding-left:7rem;padding-right:7rem;}
.liveBoxRio2016 .sched.slideH.elem19 .topBox {width:598.5%;}
.liveBoxRio2016 .sched.slideH.elem18 .topBox {width:567%;}
.liveBoxRio2016 .sched.slideH.elem17 .topBox {width:535.5%;}
.liveBoxRio2016 .sched.slideH.elem16 .topBox {width:504%;}
.liveBoxRio2016 .sched.slideH.elem15 .topBox {width:472.5%;}
.liveBoxRio2016 .sched.slideH.elem14 .topBox {width:441%;}
.liveBoxRio2016 .sched.slideH.elem13 .topBox {width:409.5%;}
.liveBoxRio2016 .sched.slideH.elem12 .topBox {width:378%;}
.liveBoxRio2016 .sched.slideH.elem11 .topBox {width:346.5%;}
.liveBoxRio2016 .sched.slideH.elem10 .topBox {width:315%;}
.liveBoxRio2016 .sched.slideH.elem9 .topBox {width:283.5%;}
.liveBoxRio2016 .sched.slideH.elem8 .topBox {width:504%;}
.liveBoxRio2016 .sched.slideH.elem7 .topBox {width:252%;}
.liveBoxRio2016 .sched.slideH.elem6 .topBox {width:441%;}
.liveBoxRio2016 .sched.slideH.elem5 .topBox {width:189%;}
.liveBoxRio2016 .sched.slideH.elem4 .topBox {width:126%;}
.liveBoxRio2016 .sched.slideH.elem3 .topBox {width:94.5%;}
.liveBoxRio2016 .sched.slideH.elem2 .topBox {width:94.5%;}
.liveBoxRio2016 .sched.slideH.elem1 .topBox {width:94.5%;}

/*navegacion dias*/
.bodier > .liveBoxRio2016.striplayer.byside {border-bottom:0.2rem solid rgba(240,120,30,1);padding:0;}
.liveBoxRio2016 .linksBox .blind {display:none;}
.liveBoxRio2016 .linksBox .blindBox ul {display:block;margin:0 auto;}
.liveBoxRio2016 .linksBox .blindBox li {padding:0.2rem 0;}
.liveBoxRio2016 .linksBox .blindBox .active {
background: rgb(255,170,17);
background: -moz-linear-gradient(top,  rgba(255,170,17,1) 0%, rgba(240,120,30,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,170,17,1) 0%,rgba(240,120,30,1) 100%);
background: linear-gradient(to bottom,  rgba(255,170,17,1) 0%,rgba(240,120,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa11', endColorstr='#f0781e',GradientType=0 );
}
.liveBoxRio2016 .linksBox .blindBox .active span,.liveBoxRio2016 .linksBox .blindBox li:not(.active) a:hover span {color:#fff;}
.liveBoxRio2016 .linksBox .blindBox .active:before {position:absolute;top:-1rem;
content:'';display:inline-block;border-style:solid;border-color:transparent;border-width:0 2.2rem 1rem 2.2rem;border-bottom-color:rgb(255,170,17);}
.liveBoxRio2016 .linksBox .blindBox li:not(.active) a:hover {background:rgba(240,120,30,1);}
.liveBoxRio2016 .linksBox .blindBox .active a:hover span {color:#222;}

/*canales extras*/
.liveBoxRio2016 .xtraBox {float:right;right:6rem;}
.liveBoxRio2016 .xtraBox > span {float:left;}


/*version mini*/
.liveBoxRio2016.mini .sched.grid_3 .topBox > .pagBox {width:25%;}
.liveBoxRio2016.mini .sched .txtBox {padding:4.8rem 1.8rem 0 5.6rem;}
.liveBoxRio2016.mini .sched .mainBox .pretitle {font-size:1.8rem;line-height:2rem;min-height:4.8rem;}
.liveBoxRio2016.mini .sched .cell .mod {padding-bottom:0;}
.liveBoxRio2016.mini .sched .mediaBox img.ico {left:0;}

.liveBoxRio2016.mini .sched.slideH.elem19 .topBox {width:390%;}
.liveBoxRio2016.mini .sched.slideH.elem18 .topBox {width:360%;}
.liveBoxRio2016.mini .sched.slideH.elem17 .topBox {width:340%;}
.liveBoxRio2016.mini .sched.slideH.elem16 .topBox {width:320%;}
.liveBoxRio2016.mini .sched.slideH.elem15 .topBox {width:300%;}
.liveBoxRio2016.mini .sched.slideH.elem14 .topBox {width:280%;}
.liveBoxRio2016.mini .sched.slideH.elem13 .topBox {width:260%;}
.liveBoxRio2016.mini .sched.slideH.elem12 .topBox {width:240%;}
.liveBoxRio2016.mini .sched.slideH.elem11 .topBox {width:220%;}
.liveBoxRio2016.mini .sched.slideH.elem10 .topBox {width:200%;}
.liveBoxRio2016.mini .sched.slideH.elem9 .topBox {width:180%;}
.liveBoxRio2016.mini .sched.slideH.elem8 .topBox {width:160%;}
.liveBoxRio2016.mini .sched.slideH.elem7 .topBox {width:140%;}
.liveBoxRio2016.mini .sched.slideH.elem6 .topBox {width:120%;}
.liveBoxRio2016.mini .sched.slideH.elem5 .topBox {width:100%;}
.liveBoxRio2016.mini .sched.slideH.elem4 .topBox {width:80%;}
.liveBoxRio2016.mini .sched.slideH.elem3 .topBox {width:60%;}
.liveBoxRio2016.mini .sched.slideH.elem2 .topBox {width:60%;}
.liveBoxRio2016.mini .sched.slideH.elem1 .topBox {width:60%;}

/*positioning*/
.liveBoxRio2016 .schedHeader .fechoy,.liveBoxRio2016 .sched.slideH > .controlBox .arrow,
.liveBoxRio2016 .sched.slideH .reloadContent:before,.liveBoxRio2016 .sched.slideH .reloadContent:after {position:absolute;}

.liveBoxRio2016 .schedHeader .fechoy {left:14.8rem;top:0.6rem;}

.sched .mediaBox img.ico {left:0.8rem;bottom:0.8rem;}

.liveBoxRio2016 .sched.slideH > .controlBox .arrow {top:-4.8rem;}
.liveBoxRio2016 .sched.slideH > .controlBox .back_,.liveBoxRio2016 .sched.slideH .reloadContent:before {left:0;}
.liveBoxRio2016 .sched.slideH > .controlBox .next_,.liveBoxRio2016 .sched.slideH .reloadContent:after {right:0;}
.liveBoxRio2016 .schedHeader .controlBox,
.liveBoxRio2016 .sched.slideH .reloadContent:before,
.liveBoxRio2016 .sched.slideH .reloadContent:after {top:0;}
.liveBoxRio2016 .sched.slideH > .controlBox {top:50%;}
.liveBoxRio2016 .sched.slideH .reloadContent:before,
.liveBoxRio2016 .sched.slideH .reloadContent:after {z-index:1;}
.liveBoxRio2016 .schedHeader .controlBox {z-index:2;}
.liveBoxRio2016 .grid > .secBox {z-index:3;}


@media (min-width: 1400px) {
.bodier > .container.striplayer.liveBoxRio2016 > .grid {width:130rem;}
.liveBoxRio2016 .schedHeader {margin-right:6rem;}	
.liveBoxRio2016 .grid > .secBox {padding:0.6rem 6rem;}
.liveBoxRio2016 .schedHeader .fechoy {left:20.8rem;}
.liveBoxRio2016 .sched.slideH > .controlBox .back_ {left:-2.4rem;}
.liveBoxRio2016 .sched.slideH > .controlBox .next_ {right:-2.4rem;}
}
@media (max-width: 1399px) {
.bodier > .container.striplayer.liveBoxRio2016 > .grid {width:100%;}

}


/*fireworks*/
.liveBoxRio2016 .sched a[href*='locucion'] .mainBox .pretitle {color:rgb(255,170,17);}
.bodier > .container.liveBoxRio2016[data-tipo='mod_itemlist'] .titaux {color:#9da3ad;font-weight:300;left:auto;padding-left: 23rem;}

/*Ajuste portada directos Rio */
.bodier > .liveBoxRio2016.striplayer .directos {padding-top:3rem;max-width:118rem;margin:0 auto;}
.bodier > .liveBoxRio2016.striplayer .directos .nostyle:before {content:'Contenidos solo disponibles para España';color:#9da3ad;font-weight:300;left:auto;font-size:2.2rem;
    line-height: 3.6rem;padding-left:23rem;}
.liveBoxRio2016 .directos .schedHeader .fechoy {top:-3.6rem;left:0;}
    padding-left: 16rem;
