@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

#timeline11m {overflow: hidden;}
#timeline11m .menu {background: #2e2e2e;height: 30px;line-height: 30px;overflow: hidden;}
#timeline11m .menu li {width: 20%;float: left;text-align: center;}
#timeline11m .menu li a {color: #606060;font-family: RTVEfontsansB;text-transform: uppercase;font-size: 16px;height: 30px;display: inline-block;border-bottom: solid 3px #2e2e2e;box-sizing: border-box;-moz-box-sizing: border-box;padding: 0px 10px;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;}
#timeline11m .menu li a:hover {text-decoration: none;}
#timeline11m .menu li:hover a {border-bottom: solid 3px #fff;}
#timeline11m .menu li.active a {border-bottom: solid 3px #fff;color: #fff;}

#timeline11m .timeline {float: left; width: 4760px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
#timeline11m .timeline.dia1 {margin-left: 0}
#timeline11m .timeline.dia2 {margin-left: -952px; }
#timeline11m .timeline.dia3 {margin-left: -1904px;}
#timeline11m .timeline.dia4 {margin-left: -2856px;}
#timeline11m .timeline.dia5 {margin-left: -3808px;}
#timeline11m .timeline li.dia {float: left; width: 952px;position: relative;height: 240px; background: url('/css/rtve.infografias/11MTimeline/i/timeline.png') no-repeat 50% 147px;}
#timeline11m .timeline li.dia .eventos {padding-top: 110px;}
#timeline11m .timeline li.dia .eventos li {float: left;width: 30px;height: 30px;}
#timeline11m .timeline li.dia .eventos li .icon {display: block;width: 30px;height: 30px;background: #606060;cursor: pointer;background-size: 30px 30px !important;position: relative;}
#timeline11m .timeline li.dia .eventos li .icon:after {content: ""; width: 1px; height: 7px;display: block;margin: 0 auto;position: absolute;top: 36px;left: 50%;background: #fff;}
/*#timeline11m .timeline li.dia .eventos li .icon:before {content: ""; width: 0px; height: 0px;display: block;margin: 0 auto;position: absolute;top: 30px;left: 9px; border: solid 6px transparent; border-top: solid 6px #f00;}*/
#timeline11m .timeline li.dia .eventos li .hora {width: 50px;position: absolute;top: 155px;text-align: center;line-height: 110%;font-family: RTVEfontsansB;font-size: 12px;margin-left: -10px;cursor: pointer;}
#timeline11m .timeline li.dia .eventos li .titulo {position: absolute;top: 185px;opacity: 0;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;width: 100px;text-align: center;font-size: 12px;font-weight: bold;margin-left: -35px;width: 100px;height: 0;overflow: hidden;background: #fff;line-height: 110%;}
#timeline11m .timeline li#dia5 .eventos li .titulo {top: 195px;}
#timeline11m .timeline li.dia .eventos li .descripcion {font-family: RTVEfontsansR;font-size: 16px;line-height: 120%;text-align: center;width: 70%; height:0px;overflow: hidden; margin: 0 auto;position: absolute;top: 20px;left: 15%; opacity: 0;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;}
#timeline11m .timeline li.dia .eventos li .descripcion p {}
#timeline11m .timeline li.dia .eventos li .descripcion strong {font-weight: bold;}

#timeline11m .timeline li.dia .eventos li .icon:hover+.hora,
#timeline11m .timeline li.dia .eventos li .hora:hover{background: #222;color: #fff;}
#timeline11m .timeline li.dia .eventos li.active .titulo,
#timeline11m .timeline li.dia .eventos li:hover .titulo {opacity: 1;width: 100px;height: auto;}
#timeline11m .timeline li.dia .eventos li.active .descripcion{opacity: 1; height: auto;}

#timeline11m .timeline li.dia .eventos li.explosion .icon {background: url('/css/rtve.infografias/11MTimeline/i/icono_explosion.png') no-repeat center center #606060;}
#timeline11m .timeline li.dia .eventos li.comparecencia .icon {background: url('/css/rtve.infografias/11MTimeline/i/icono_comparecencia.png') no-repeat center center #606060;}
#timeline11m .timeline li.dia .eventos li.esposas .icon {background: url('/css/rtve.infografias/11MTimeline/i/icono_esposas.png') no-repeat center center #606060;}
#timeline11m .timeline li.dia .eventos li.juicio .icon {background: url('/css/rtve.infografias/11MTimeline/i/icono_juicio.png') no-repeat center center #606060;}
#timeline11m .timeline li.dia .eventos li.pista .icon {background: url('/css/rtve.infografias/11MTimeline/i/icono_pista.png') no-repeat center center #606060;}
#timeline11m .timeline li.dia .eventos li.reunion .icon {background: url('/css/rtve.infografias/11MTimeline/i/icono_reunion.png') no-repeat center center #606060;}
#timeline11m .timeline li.dia .eventos li.sentencia .icon {background: url('/css/rtve.infografias/11MTimeline/i/icono_sentencia.png') no-repeat center center #606060;}

#timeline11m .timeline li#dia1 .eventos li.evento1 .hora {line-height:110%;}
#timeline11m .timeline li#dia1 .eventos li.evento1 .titulo {top: 185px;}

#timeline11m .timeline li#dia1 .eventos li.evento1 {margin-left: 40px;}
#timeline11m .timeline li#dia1 .eventos li.evento2 {margin-left: 50px;}
#timeline11m .timeline li#dia1 .eventos li.evento3 {margin-left: 20px;}
#timeline11m .timeline li#dia1 .eventos li.evento4 {margin-left: 20px;}
#timeline11m .timeline li#dia1 .eventos li.evento5 {margin-left: 20px;}
#timeline11m .timeline li#dia1 .eventos li.evento6 {margin-left: 40px;}
#timeline11m .timeline li#dia1 .eventos li.evento7 {margin-left: 35px;}
#timeline11m .timeline li#dia1 .eventos li.evento8 {margin-left: 35px;}
#timeline11m .timeline li#dia1 .eventos li.evento9 {margin-left: 60px;}
#timeline11m .timeline li#dia1 .eventos li.evento10 {margin-left: 100px;}
#timeline11m .timeline li#dia1 .eventos li.evento11 {margin-left: 80px;}
#timeline11m .timeline li#dia1 .eventos li.evento12 {margin-left: 40px;}

#timeline11m .timeline li#dia2 .eventos li.evento1 {margin-left: 30px;}
#timeline11m .timeline li#dia2 .eventos li.evento2 {margin-left: 350px;}
#timeline11m .timeline li#dia2 .eventos li.evento3 {margin-left: 250px;}
#timeline11m .timeline li#dia2 .eventos li.evento4 {margin-left: 40px;}

#timeline11m .timeline li#dia3 .eventos li.evento1 {margin-left: 140px;}
#timeline11m .timeline li#dia3 .eventos li.evento2 {margin-left: 100px;}
#timeline11m .timeline li#dia3 .eventos li.evento3 {margin-left: 70px;}
#timeline11m .timeline li#dia3 .eventos li.evento4 {margin-left: 30px;}
#timeline11m .timeline li#dia3 .eventos li.evento5 {margin-left: 110px;}
#timeline11m .timeline li#dia3 .eventos li.evento6 {margin-left: 230px;}

#timeline11m .timeline li#dia4 .eventos li.evento1 {margin-left: 80px;}
#timeline11m .timeline li#dia4 .eventos li.evento2 {margin-left: 120px;}
#timeline11m .timeline li#dia4 .eventos li.evento3 {margin-left: 80px;}
#timeline11m .timeline li#dia4 .eventos li.evento4 {margin-left: 40px;}
#timeline11m .timeline li#dia4 .eventos li.evento5 {margin-left: 160px;}
#timeline11m .timeline li#dia4 .eventos li.evento6 {margin-left: 80px;}
#timeline11m .timeline li#dia4 .eventos li.evento7 {margin-left: 40px;}

#timeline11m .timeline li#dia5 .eventos li.evento1 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento2 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento3 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento4 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento5 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento6 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento7 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento8 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento9 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento10 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento11 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento12 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento13 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento14 {margin-left: 30px;}
#timeline11m .timeline li#dia5 .eventos li.evento15 {margin-left: 30px;}