/* TIMELINE ARCHIVO MUNDIAL RUSIA */
.bodier>.container.striplayer.archivo {background-image:url('/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/infografia/i/fondo.png');background-repeat:repeat-x;background-position:center;background-size:cover;}
.bodier>.container.striplayer .auxBox p, .bodier>.container.striplayer .maintitle,
.bodier>.container.striplayer.archivo .maintitle {color:#494847;}

.inf-timeLine{position:relative;}
.inf-timeLine .evenBox{}
.inf-timeLine .media{width:56%;position:relative;float:left;padding-left:6rem;}
.inf-timeLine .overBox{position:relative;float:right;color:#484746;}
.inf-timeLine .overBox h2{font-size:4rem;padding:1rem 0;font-weight:bold;position:  absolute;left: 7rem;z-index:  1;color:  #fff;text-shadow: .3rem .3rem rgba(0,0,0,.5);}
.inf-timeLine .overBox h3 {font-size: 3.2rem;}
.inf-timeLine .overBox .desc p{font-size:1.6rem;}
.inf-timeLine .related li{margin-bottom:0.33em;position:relative;display:block;cursor:pointer;}
.inf-timeLine .related li a{font-size:1.4rem;font-weight:bold;display:inline-block;background-size:1.5em auto;}
.inf-timeLine .overBox .desc{padding:1rem 0 1rem 0;}
.inf-timeLine .list_pointers {width:100%;padding-top:2rem;}
.inf-timeLine .list_pointers li{float:left;width:5.2631%;text-align:center;padding:.5rem 0;background-color:#DDDCD8;}
.inf-timeLine .list_pointers li.active{background-color:#484746;color:#fff;}
.inf-timeLine .list_pointers li.active img{border:.1rem solid #b7b7b6;}
.inf-timeLine .list_pointers li span,
.inf-timeLine .list_pointers li img{display:block;}
.inf-timeLine .list_pointers li span{font-size:1.5rem;position:relative;}
.inf-timeLine .list_pointers li img{margin:.5rem auto 0 auto;border:.1rem solid #838280;}

.inf-timeLine .list_pointers.num_elem20 li{width:5%;cursor:pointer;}

.inf-timeLine .media > img,.inf-timeLine .media section{width:100%;top:0;left:0;padding-bottom:5rem;}
.inf-timeLine .media section {margin-top:0;}
.bodier>.container.striplayer .inf-timeLine .media .grid {min-width:auto;}
.inf-timeLine .infoBox .media .cell{padding:0;}
.inside.titles .inf-timeLine .mediaBox{margin-bottom:0;}
.inf-timeLine .infoBox > h2, .inf-timeLine .infoBox .overBox{width:44%;padding-right:6rem;padding-left:3rem;position:static;display:block;float:right;}
.inf-timeLine li .infoBox{clip:rect(0,0,0,0);position:absolute;}
.inf-timeLine li > span{position:absolute;}
.inf-timeLine li.active .infoBox{clip:auto;position:relative;width:100%;}
.inf-timeLine li > .infoBox > a{margin-bottom:1em;padding-right:5em;}
.inf-timeLine li > .infoBox > h2{font-size:300%;line-height:1;color:#494847;}
.inf-timeLine .desc{font-size:180%;font-weight:300;line-height:1.222222;padding-right:2.77777em;margin-bottom:0.55556em;}
.inf-timeLine .next,.inf-timeLine .back{display:block;text-indent:-999%;z-index:999;background:no-repeat center center #dfdfdf}
.inf-timeLine .next{background-image:url('/css/rtve.2015/i/iconos/individuales/arrow_next__40x40_ffffff.png');}
.inf-timeLine .back{background-image:url('/css/rtve.2015/i/iconos/individuales/arrow_back__40x40_ffffff.png');}
.inf-timeLine span.active{background-color:#484745;}
.inf-timeLine .next,.inf-timeLine .back{width:4.8em;height:7.8em;}
.inf-timeLine .next.active,.inf-timeLine .back.active{cursor:pointer;}
.inf-timeLine #eventos .evento .pointer{position:relative;float:left;top:100%;cursor:pointer;padding:0;background-color:#f2f2f2;width:7.85em;color:#484745;text-align:center;line-height:3em;padding:2.7em 0;z-index:1;}
.inf-timeLine #eventos .evento.active .pointer{background:#484745;color:#fff;}
.inf-timeLine .next,.inf-timeLine .back{position:absolute;top:50%;margin-top:-2.4em;}
.inf-timeLine .next{right:0;}
.inf-timeLine .back{left:0}
.inf-timeLine #eventos.num_elem21 .pointer{width:5.55555%;}

.inf-timeLine .evento .related li:before {content:'\25CB ';font-size: 2.4rem;display: inline-block;position: relative;top: 0.3rem;margin: 0 0.6rem 0 1.2rem;color:#484746;}
.inf-timeLine #eventos .evento .pointer:first-line{font-size:200%;}
.inf-timeLine #eventos .evento:first-child .pointer{padding:4.2em 0;}
.inf-timeLine #eventos .evento:first-child .pointer:first-line{font-size:100%;}


/*** no javascript ***/
.inf-timeLine.no-js,
.inf-timeLine.no-js #eventos,
.inf-timeLine.no-js #eventos li{height:100%;position:relative;}

.inf-timeLine.no-js #eventos li{height:50em;}
.inf-timeLine.no-js #eventos li .related li{height:auto;}

.inf-timeLine.no-js li > .infoBox > a{margin:0;padding:0;width:35%;top:1em;left:65%;}
.inf-timeLine.no-js #eventos .evento .infoBox{clip:auto;position:relative;width:100%;top:3.5em;}
.inf-timeLine.no-js #eventos .evento .infoBox .media{top:3.5em;top:auto;top:0;height:100%;display: inline-block;}

.inf-timeLine.no-js #eventos .evento .infoBox a h2{display:inline-block;}

.inf-timeLine.no-js #eventos .evento .infoBox .desc,
.inf-timeLine.no-js #eventos .evento .infoBox .related{width: 100%;}
.inf-timeLine.no-js #eventos .evento .infoBox .desc{position: relative;float:none;}

.no-js #eventos .evento .pointer,
.no-js #eventos .pointer{left:0 !important;top:0;position: relative;cursor:default;width:100% !important;margin-bottom:-2.2em;font-size:160%;line-height:3;padding:0 !important;display:block;height: 3em;z-index: 0;}
.inf-timeLine.no-js #eventos .evento .pointer:first-line{font-size:100%;}

/*next/back*/
.inf-timeLine.no-js .next,
.inf-timeLine.no-js .back{clip:rect(0,0,0,0);}