@charset "utf-8";
@import url('/css/rtve.2018.playz/eSports/clashroyale/clash-royale.basics.por.css');
.container[class*="GraphTit"] .secBox {top:2.4rem;}
.byside {margin-top:-2rem;}
.container:not(.inside) .simply {padding-bottom:2rem;}

.simply .noticBox > a {z-index:1;}
.container .grid:not(.g1) .txtBox .maintitle,
.container .grid:not(.g1) .txtBox .pretitle {font-size:2.4rem;line-height:3.2rem;font-weight:300;}
.container .simply .overBox {padding:1.6rem;}

.container .grid:not(.g1) .cell .mediaBox .ima,
.inside:not(.titles) .cell .mediaBox .ima {outline:0 none;}
.container:not(.inside):not(.socialPlayz) .simply .mediaBox,
.inside:not(.titles) .simply .overBox {outline:0.1rem solid rgba(255,255,255,0.33);}

/*contenidos textuales dentro*/
.inside:not(.titles) .g3.simply .mediaBox {padding-bottom:18.50%;/* 1/3 de 56.25 */}
.inside:not(.titles) .g2.simply .mediaBox {padding-bottom:11.25%;/* 1/5 de 56.25 */}


.inside:not(.titles) .simply .overBox {
background: -moz-linear-gradient(top, rgba(0,68,78,0) 33%, rgba(0,68,78,1) 66%);
background: -webkit-linear-gradient(top, rgba(0,68,78,0) 33%,rgba(0,68,78,1) 66%);
background: linear-gradient(to bottom, rgba(0,68,78,0) 33%,rgba(0,68,78,1) 66%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000444e', endColorstr='#00444e',GradientType=0 );	
}

.inside:not(.titles) .g2.simply .overBox {
background: -moz-linear-gradient(top, rgba(0,68,78,0) 60%, rgba(0,68,78,1) 80%);
background: -webkit-linear-gradient(top, rgba(0,68,78,0) 60%,rgba(0,68,78,1) 80%);
background: linear-gradient(to bottom, rgba(0,68,78,0) 60%,rgba(0,68,78,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000444e', endColorstr='#00444e',GradientType=0 );	
}

.container:not(.inside) .simply .notic_mod:hover .mediaBox,.container:not(.inside) .simply .video_mod:hover .mediaBox,
.inside:not(.titles) .simply .notic_mod:hover .overBox, .inside:not(.titles) .simply .video_mod:hover .overBox {outline:0.1rem solid rgba(255,255,255,1);}

/*nuevo formato directos*/
.toplayer + .container.striplayer .gridBox > .cell .mainBox .live_mod a .ico.play {height:9.8rem;width:44rem;text-align:left;border-radius:4.9rem;
	left:50%;top:50%;margin:-4.9rem 0 0 -22rem;
	box-shadow:0 1rem 4rem rgba(0,0,0,0.75);}
.toplayer + .container.striplayer .grid .cell .mainBox .mediaBox.live_mod.videoBox a .ico img {width:9.8rem;height:9.8rem;}
.toplayer + .container.striplayer .grid .cell .mainBox .mediaBox.live_mod.videoBox a .ico.play:after {content:"Ahora en directo";font-size:3.6rem;line-height:9.8rem;font-weight:300;width:100%;padding-left:12rem;margin:0;}
.toplayer + .container.striplayer .gridBox > .cell .mainBox .live_mod a:hover .ico.play {background:rgb(0,68,78);}