#infografia-felipe {padding:0.8em;}
.felipe {overflow:hidden;position:relative;width: 100%;background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/background.jpg") no-repeat;he: 100%;}
.felipe > ul {width:500%;height: 53.5em;position: relative;}
.felipe > ul > li {width:20%;height: 53em;position:relative;overflow:hidden;float:left;display: inline-block;}
.felipe > ul > li h2 {display:inline-block;padding-top: 1.6em;padding-left: 1.4em;font-family: RTVEfontSansB;font-size: 320%;text-shadow: 1px 2px 1px #fff;color: #4d4d4d;z-index: 1;}
.felipe > ul > li .description{color: #4d4d4d;padding-left: 3.3em;padding-top: 0em;font-family: RTVEfontSansR;font-size: 140%;width: 33em;line-height: 1.3;}
.felipe > ul > li.etapa0 .description{font-size:180%;}
.felipe > ul > .etapa0 > h2{position: absolute;top: 3em;left: 1.5em;}
.felipe > ul > .etapa0.active,.felipe > ul.etapas > li.active{display: inline-block;}
.felipe > ul > .etapa0 > .description{padding: 3em 1.5em 1.5em 1.5em;background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/background_caja.png");top: 6.5em;position: absolute;left: 3.8em;font-size: 180%;width: 26em;}
.description p{margin-top: 0.6em;}
.felipe > ul{/* left:0; *//* width: 500%; */}
.felipe > ul.e1{left:-100%;}
.felipe > ul.e2{left: -201%;}
.felipe > ul.e3{left:-300%;}
.felipe > ul.e4{left:-400%;}

.felipe a img{width:100%;}


.felipe .fondo{display: inline-block;position: absolute;height: 53.4em;right: 0;bottom:0;}
.felipe .fondo0{background:url("http://img.irtve.es/css/rtve.infografias/felipe/i/foto_1.png") no-repeat;width: 27.7em;right:10em;}
.felipe .fondo1{background:url("http://img.irtve.es/css/rtve.infografias/felipe/i/foto_2.png") no-repeat;width: 45.8em;}
.felipe .fondo2{background:url("http://img.irtve.es/css/rtve.infografias/felipe/i/foto_3.png") no-repeat;width: 29.5em;}
.felipe .fondo3{background:url("http://img.irtve.es/css/rtve.infografias/felipe/i/foto_4.png") no-repeat;width: 42em;}
.felipe .fondo4{background:url("http://img.irtve.es/css/rtve.infografias/felipe/i/foto_5.png") no-repeat;width: 52.9em;}

.felipe .slide{display:none;position: absolute;width: 100%;height: 100%;top: 0;}
.felipe .slide.active {display: block;background: rgba(0, 0, 0, 0.75);z-index: 1;}
.felipe .slide > ul{text-align: center;margin: 0 auto;display: inline-block;width: 100%;height: auto;}
.felipe .slide > ul > li{position: absolute;text-align: center;display: none;margin-top: 1.5%;width: 96%;left: 2%;background: white;padding: 1.125% 2%;box-sizing: border-box;-moz-box-sizing: border-box;/* height: 51em; */}
.felipe .slide.slideVideos > ul > li{margin-top: 0.3em;}
.felipe .slide .images li .img{position: relative;width: 100%;overflow: hidden;display: block;text-align: center;margin: 0 auto;float: none;height: 47em;}
.felipe .slide .images li .img img{width: auto;position: relative;left: auto;display: inline-block;height: 100%;}
.felipe > ul.navigationBar{width:100%;height:13em;background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/backmenu.png") repeat;position: absolute;margin-top: -13em;}
.felipe .navigationBar > li{position: relative;height: 13em;width: 25%;background-position:1.2em 1.5em;opacity:0.3;cursor:pointer; display: inline-block;}
.felipe .navigationBar > li:hover{opacity:1;}
.felipe .navigationBar > li.active,.felipe .navigationBar > li.hover{opacity:1;}
.felipe .navigationBar1{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/miniatura1.png") no-repeat;}
.felipe .navigationBar2{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/miniatura2.png") no-repeat;}
.felipe .navigationBar3{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/miniatura3.png") no-repeat;}
.felipe .navigationBar4{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/miniatura4.png") no-repeat;}
.felipe .navigationBar span{cursor:pointer; font-size: 170%;font-family: RTVEfontSansR;width: 6em;display: block;line-height: 1.4;position: relative;top: 3em;left: 7.5em;text-shadow: 1px 1px 1px #fff;}
.felipe .navigationBar3 span{top:2em;}

.felipe .ant,.felipe .sig{width:6em;height:6em;position: absolute;text-indent: -999%;top:42%;}
.felipe .ant{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/arrow_l.png") no-repeat;left: 2%;}
.felipe .sig{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/arrow_r.png") no-repeat;right: 2%;}
.felipe .cerrar{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/cerrar.png") no-repeat;width: 3.3em;height: 3.3em;display: block;position: absolute;z-index: 1;right: 1em;top: 0.2em;text-indent: -999%;}
.felipe .btnSlide{display: inline-block;position: relative;width: 13.4em;height: 9.7em;padding: 1.5em;cursor:pointer;}
.felipe .btnItemsImg1{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/diapo_2_foto.jpg") center center no-repeat;}
.felipe .btnItemsVid1{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/diapo_2_video.jpg") center center no-repeat;}
.felipe .btnItemsImg2{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/diapo_3_foto.jpg") center center no-repeat;}
.felipe .btnItemsVid2{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/diapo_3_video.jpg") center center no-repeat;}
.felipe .btnItemsImg3{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/diapo_4_foto.jpg") center center no-repeat;}
.felipe .btnItemsVid3{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/diapo_4_video.jpg") center center no-repeat;}
.felipe .btnItemsImg4{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/diapo_5_foto.jpg") center center no-repeat;}
.felipe .btnItemsVid4{background: url("http://img.irtve.es/css/rtve.infografias/felipe/i/diapo_5_video.jpg") center center no-repeat;}

.felipe .btnSlide{left: 7em;}

.felipe .sig,.felipe .ant,.felipe .cerrar{cursor:pointer;}

.felipe > ul > .etapa0.active .fondo0{animation: etapa0_1 1s;-webkit-animation:etapa0_1 1s;}
@keyframes etapa0_1{0% {top:-513px;opacity: 0;}100% {top:0;opacity: 1;}}
@-webkit-keyframes etapa0_1{0%{top:-513px;opacity: 0;}100% {top:0;opacity: 1;}}

.felipe > ul > li.etapa0.active .description,.felipe > ul > li.etapa0.active h2{animation: etapa0_2 1s;-webkit-animation:etapa0_2 1s;}
@keyframes etapa0_2{0% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes etapa0_2{0%{opacity: 0;}100% {opacity: 1;}}

.felipe > ul.e1 {animation: etapa1_1 1s;-webkit-animation:etapa1_1 1s;}
@keyframes etapa1_1{0% {left:0;}33% {left:-100%;}}
@-webkit-keyframes etapa1_1{0%{left:0;}33% {left:-100%;}}

.felipe > ul.e1 h2,.felipe > ul.e1 .description{animation: etapa1_2 1s;-webkit-animation:etapa1_2 1s;opacity:1;}
@keyframes etapa1_2{0% {opacity: 0;} 33% {opacity: 0;} 66% {opacity:1;}}
@-webkit-keyframes etapa1_2{0%{opacity: 0;} 33% {opacity: 0;} 66% {opacity:1;}}

.felipe > ul.e1 .btnSlide{animation: etapa1_3 1s;-webkit-animation:etapa1_3 1s;opacity:1;}
@keyframes etapa1_3{0% {opacity: 0;} 33% {opacity: 0;} 66% {opacity:0;} 100% {opacity:1;}}
@-webkit-keyframes etapa1_3{0%{opacity: 0;} 33% {opacity: 0;} 66% {opacity:0;} 100% {opacity:1;}}

.felipe > ul.e2,.felipe > ul.e4  {animation: etapa2_1 1s;-webkit-animation:etapa2_1 1s;}
@keyframes etapa2_1{0% {top:-55em;}33% {top:0;}}
@-webkit-keyframes etapa2_1{0%{top:-55em;}33% {top:0;}}

.felipe > ul.e2 h2,.felipe > ul.e2 .description,.felipe > ul.e4 h2,.felipe > ul.e4 .description{animation: etapa2_2 1s;-webkit-animation:etapa2_2 1s;opacity:1;}
@keyframes etapa2_2{0% {opacity: 0;} 33% {opacity: 0;} 66% {opacity:1;}}
@-webkit-keyframes etapa2_2{0%{opacity: 0;} 33% {opacity: 0;} 66% {opacity:1;}}

.felipe > ul.e2 .btnSlide,.felipe > ul.e4 .btnSlide{animation: etapa2_3 1s;-webkit-animation:etapa2_3 1s;opacity:1;}
@keyframes etapa2_3{0% {opacity: 0;} 33% {opacity: 0;} 66% {opacity:0;} 100% {opacity:1;}}
@-webkit-keyframes etapa2_3{0%{opacity: 0;} 33% {opacity: 0;} 66% {opacity:0;} 100% {opacity:1;}}


.mobile.applos .felipe > ul > li.etapa0 .description{font-size:180%;}
.mobile.applos .felipe > ul > li .description{font-size:80%;}
.mobile.applos .felipe > ul > .etapa0 > .description{width:26em;}
.mobile.applos .felipe > ul > li .description{width:40em;}
.felipe .VideoContainer.f16x9 > a, .VideoContainer.f16x9 > object, .VideoContainer.f16x9 > video{overflow:hidden;}
.felipe .videos h3{display: none;}

.felipe > ul > li.etapa4.active .description{width:32em;}

.felipe .slide h3{display: block;width: 100%;background: rgba(255, 255, 255, 0.75);height: 4em;margin-top: -4em;z-index: 1000;position: relative;line-height: 4;font-size: 150%;} 

.no-js .felipe .etapas,.no-js .felipe > ul > li{width:100%;height: auto;display: block;height: 100%;}
.no-js .navigationBar{display:none;}
.no-js .felipe .slide{display: block;position: relative;}
.no-js .felipe .cerrar,.no-js .felipe .sig,.no-js .felipe .ant{display: none;}
.no-js .felipe .slide > ul > li{display:block;height: auto;position: relative;}