/* DIARIO DE CAMPANA */
.inf-timeLine{position:relative;}
.inf-timeLine .media{width:60%;position:absolute;top:0;left:0;padding-top:33.75%;}
.inf-timeLine .media > img,.inf-timeLine .media section{width:100%;position:absolute;top:0;left:0;}
.inf-timeLine .media section{margin-top:0;}
.inf-timeLine .media section .cell{padding:0;}
.inside.titles .inf-timeLine .mediaBox{margin-bottom:0;}
.inf-timeLine .desc ,.inf-timeLine .related,.inf-timeLine .infoBox > a{width:100%;padding:0 2% 0 62%;position:relative;display:block;}
.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%;padding-top:33.75%;margin-bottom:11.4em;}
.inf-timeLine li > .infoBox > a{margin-top:-33.33%;margin-bottom:1em;padding-right:5em;}
.inf-timeLine li > .infoBox > a 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 .related{padding-right:5em;position:absolute;bottom:0;}
.inf-timeLine .related li{margin-bottom:0.33em;position:relative;display:block;}
.inf-timeLine .related li a{background:url('i/mas.jpg') no-repeat left top;font-size:140%;line-height:1em;padding:0.195em 0 0.585em 2.5em;display:block;background-size:1.5em auto;}
.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('http://www.irtve.es/css/rtve.2015/i/iconos/individuales/arrow_next__40x40_ffffff.png');}
.inf-timeLine .back{background-image:url('http://www.irtve.es/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:absolute;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 #ev1 .pointer{left:0;}
.inf-timeLine #eventos #ev2 .pointer{left:7.85em;}
.inf-timeLine #eventos #ev3 .pointer{left:15.7em;}
.inf-timeLine #eventos #ev4 .pointer{left:23.55em;}
.inf-timeLine #eventos #ev5 .pointer{left:31.4em;}
.inf-timeLine #eventos #ev6 .pointer{left:39.25em;}
.inf-timeLine #eventos #ev7 .pointer{left:47.1em;}
.inf-timeLine #eventos #ev8 .pointer{left:54.95em;}
.inf-timeLine #eventos #ev9 .pointer{left:62.8em;}
.inf-timeLine #eventos #ev10 .pointer{left:70.65em;}
.inf-timeLine #eventos #ev11 .pointer{left:78.5em;}
.inf-timeLine #eventos #ev12 .pointer{left:86.35em;}
.inf-timeLine #eventos #ev13 .pointer{left:94.2em;}
.inf-timeLine #eventos #ev14 .pointer{left:102.05em;}



.inf-timeLine #eventos .evento .pointer:first-line{font-size:400%;}
.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:35%;padding:0;margin:0;float:right;right:0;position: absolute;}
.inf-timeLine.no-js #eventos .evento .infoBox .desc{top:1em;float: left;position: relative;left:65%;float:none;}
.inf-timeLine.no-js #eventos .evento .infoBox .related{top:23em;}

.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);}