@import url(http://fonts.googleapis.com/css?family=Josefin+Slab:600);
#infoSuarez *{ font-family: Helvetica, Arial, sans-serif; font-weight: lighter; line-height: 140%;}
#infoSuarez {background: url('/css/rtve.infografias/timelineSuarez/i/sombra_social.png') no-repeat center top #f2f2f2;padding-bottom: 0;position: relative;}
#infoSuarez #eventos {width: 100%;height: 501px;position: relative;background: url('/css/rtve.infografias/timelineSuarez/i/timeline_background_con_sombra.png') no-repeat center 100%;margin-left: -1.2em;padding: 0 1.2em;}
#infoSuarez #eventos .evento {}
#infoSuarez #eventos .evento .pointer {display: block;position: absolute;top: auto;left: 0px;bottom: 50px;background: url('/css/rtve.infografias/timelineSuarez/i/evento_off.png') no-repeat left center;padding-left: 20px;height: 23px;line-height: 21px;width: 0px;overflow: hidden;cursor: pointer;transition: 0.2s all;font-size: 14px;color: #444;}
#infoSuarez #eventos .evento .pointer:hover {background: url('/css/rtve.infografias/timelineSuarez/i/evento_on.png') no-repeat left center #fff; width: auto;z-index: 999;padding-right: 5px;color: #8D8D8D;}
#infoSuarez #eventos .evento.active .pointer {background: url('/css/rtve.infografias/timelineSuarez/i/evento_on.png') no-repeat left center;}
#infoSuarez #eventos .evento .titulo_corto {display: none;}
#infoSuarez #eventos .evento .infoBox {width: 928px;height: 340px;position: absolute;opacity: 0; transition:0.5s all; -moz-transition:0.5s all;top: 0;left: 1.2em;z-index: 1;}
#infoSuarez #eventos .evento.active .infoBox {opacity: 1;z-index: 100;}
#infoSuarez #eventos .evento .infoBox .fecha {float: right;width: 310px;margin-left: 620px;color: #999;font-size: 16px;line-height: 110%;}
#infoSuarez #eventos .evento .infoBox .title {float: right;width: 310px;margin-left: 620px;color: #333;font-size: 30px;font-family: RTVEfontsansR, serif;line-height: 110%;margin-bottom: 5px;}
#infoSuarez #eventos .evento .infoBox .desc {float: right;width: 240px;margin-right: 70px;color: #7a7a7a;font-size: 14px;}
#infoSuarez #eventos .evento .infoBox .desc p {}
#infoSuarez #eventos .evento .infoBox .media {width: 600px;float: left;position: absolute;top: 0;left: 0;height: 340px;overflow: hidden;}
#infoSuarez #eventos .evento .infoBox .media img {width: 100%}
#infoSuarez #eventos .evento .infoBox .related {position: absolute;top: auto;bottom: 0;left: 620px;}
#infoSuarez #eventos .evento .infoBox .related li {background: url('/css/rtve.infografias/timelineSuarez/i/mas_info.png') no-repeat left center;padding-left: 20px;line-height: 18px;display: inline-block;padding-right: 5px;font-size: 12px;background-size: 16px;color: #ddd;}
#infoSuarez #eventos .evento .infoBox .related li:hover {background: url('/css/rtve.infografias/timelineSuarez/i/mas_info_hover.png') no-repeat left center; text-decoration: none;background-size: 16px;}
#infoSuarez #eventos .evento .infoBox .related li .more:hover {text-decoration: none;}

#infoSuarez .next {display: block; width: 50px; height: 80px;background: url('/css/rtve.infografias/timelineSuarez/i/flecha_derecha_off.png') no-repeat right center;top: 25%;  right: 0;  text-indent: -999%;    z-index: 999;position: absolute;}
#infoSuarez .back {display: block; width: 50px; height: 80px;background: url('/css/rtve.infografias/timelineSuarez/i/flecha_izquierda_off.png') no-repeat left center;position: absolute;top: 25%;left: 0;text-indent: -999%;z-index: 999;}
#infoSuarez .next.active {background: url('/css/rtve.infografias/timelineSuarez/i/flecha_derecha_on.png') no-repeat right center;cursor: pointer;}
#infoSuarez .back.active {background: url('/css/rtve.infografias/timelineSuarez/i/flecha_izquierda_on.png') no-repeat left center;cursor: pointer;}


#infoSuarez #eventos #ev1 .pointer {left: 46px;bottom: 50px;}
#infoSuarez #eventos #ev2 .pointer {left: 162px;bottom: 50px;}
#infoSuarez #eventos #ev3 .pointer {left: 239px;bottom: 50px;}
#infoSuarez #eventos #ev4 .pointer {left: 272px;bottom: 50px;}
#infoSuarez #eventos #ev5 .pointer {left: 324px;bottom: 50px;}
#infoSuarez #eventos #ev6 .pointer {left: 343px;bottom: 50px;}
#infoSuarez #eventos #ev7 .pointer {left: 389px;bottom: 50px;}
#infoSuarez #eventos #ev8 .pointer {left: 408px;bottom: 50px;}
#infoSuarez #eventos #ev9 .pointer {left: 408px;bottom: 68px;}
#infoSuarez #eventos #ev10 .pointer {left: 427px;bottom: 50px;}
#infoSuarez #eventos #ev11 .pointer {left: 427px;bottom: 68px;}
#infoSuarez #eventos #ev12 .pointer {left: 427px;bottom: 86px;}
#infoSuarez #eventos #ev13 .pointer {left: 427px;bottom: 104px;}
#infoSuarez #eventos #ev14 .pointer {left: 427px;bottom: 122px;}
#infoSuarez #eventos #ev15 .pointer {left: 446px;bottom: 50px;}
#infoSuarez #eventos #ev16 .pointer {left: 465px;bottom: 50px;}
#infoSuarez #eventos #ev17 .pointer {left: 484px;bottom: 50px;}
#infoSuarez #eventos #ev18 .pointer {left: 503px;bottom: 50px;}
#infoSuarez #eventos #ev19 .pointer {left: 503px;bottom: 68px;}
#infoSuarez #eventos #ev20 .pointer {left: 522px;bottom: 68px;}
#infoSuarez #eventos #ev21 .pointer {left: 522px;bottom: 50px;}
#infoSuarez #eventos #ev22 .pointer {left: 561px;bottom: 50px;}
#infoSuarez #eventos #ev23 .pointer {left: 602px;bottom: 50px;}
#infoSuarez #eventos #ev24 .pointer {left: 628px;bottom: 50px;}
#infoSuarez #eventos #ev25 .pointer {left: 705px;bottom: 50px;}
#infoSuarez #eventos #ev26 .pointer {left: 754px;bottom: 50px;}
#infoSuarez #eventos #ev27 .pointer {left: 783px;bottom: 50px;}
#infoSuarez #eventos #ev28 .pointer {left: 859px;bottom: 50px;}
#infoSuarez #eventos #ev28 .pointer:hover {width: 50px; height: 29px;line-height: 110%;background-position-y: 100%;}
#infoSuarez #eventos #ev29 .pointer {left:auto;right:0;}
#infoSuarez #eventos #ev29 .pointer:hover{background-position:right top;padding-right: 24px;}

.news h2 a:hover{border-bottom: 0;}