/* Backgrounds */
#fukushima .infografia-topmenu > ul > li .bg > span{}


/* ESCENARIO 1 */
#fukushima .infografia-topmenu > ul > li#escenario0.active .bg .pieza1 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario00/01.png') no-repeat left top;
	display: block; width: 100%; position: absolute; 
	top: 0; left: 156px; height: 513px;
	animation: pieza_00_2 1s;-webkit-animation:pieza_00_2 1s;
}
@keyframes pieza_00_2{0% {top:-513px;opacity: 0;}100% {top:0px;opacity: 1;}}
@-webkit-keyframes pieza_00_2{0%{top:-513px;opacity: 0;}100% {top:0px;opacity: 1;}}

#fukushima .infografia-topmenu > ul > li#escenario0.active .bg .pieza2 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario00/02.png') no-repeat left top;
	display: block; width: 100%; position: absolute; top: 111px; left: 392px; height: 513px;
	animation: pieza_00_3 1s;-webkit-animation:pieza_00_3 1s;
}
@keyframes pieza_00_3{0% {opacity: 0;} 33% {opacity:0;top:-400px;} 100% {opacity:1;top:111px;}}
@-webkit-keyframes pieza_00_3{0% {opacity: 0;} 33% {opacity:0;top:-400px;}100% {opacity:1;top:111px;}}

#fukushima .infografia-topmenu > ul > li#escenario0.active .bg .pieza3 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario00/03.png') no-repeat left top;
	display: block; width: 100%; position: absolute; top: 73px; left: 534px; height: 513px;
	animation: pieza_00_4 1s;-webkit-animation:pieza_00_4 1s;
}
@keyframes pieza_00_4{0% {opacity: 0;} 66% {opacity:0;top:-440px;} 100% {opacity:1;top:73px;}}
@-webkit-keyframes pieza_00_4{0% {opacity: 0;}  66% {opacity:0;top:-440px;}100% {opacity:1;top:73px;}}


/* ESCENARIO 1 */
#fukushima .infografia-topmenu > ul > li#escenario1.active .bg .pieza1 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario01/01.png') no-repeat left top;
	display: block; width: 100%; position: absolute; top: 0; left: 156px; height: 513px;
	animation: pieza_00_2 1s;-webkit-animation:pieza_00_2 1s;
}

#fukushima .infografia-topmenu > ul > li#escenario1.active .bg .pieza2 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario01/02.png') no-repeat left top;
	display: block; width: 100%; position: absolute; top: 111px; left: 392px; height: 513px;
	animation: pieza_00_3 1s;-webkit-animation:pieza_00_3 1s;
}

#fukushima .infografia-topmenu > ul > li#escenario1.active .bg .pieza3 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario01/03.png') no-repeat left top;
	display: block; width: 100%; position: absolute; top: 73px; left: 534px; height: 513px;
	animation: pieza_00_4 1s;-webkit-animation:pieza_00_4 1s;
}


/* ESCENARIO 2 */
#fukushima .infografia-topmenu > ul > li#escenario2.active .bg .pieza1{
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario02/01.jpg') no-repeat left top;
	display: block; width: 100%; position: absolute; top: 0; 
	left: 0; height: 513px;
	animation: pieza_02_0 1s;-webkit-animation:pieza_02_0 1s;
}
@keyframes pieza_02_0{0% {opacity: 0;}50% {opacity: 1;}}
@-webkit-keyframes pieza_02_0{0%{opacity: 0;}50% {opacity: 1;}}

#fukushima .infografia-topmenu > ul > li#escenario2.active .bg .pieza2 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario02/02.png') no-repeat left top;
	display: block; width: 100%; position: absolute; 
	top: 237px; 
	left: 686px; height: 513px;
	animation: pieza_02_1 1s;-webkit-animation:pieza_02_1 1s;
}
@keyframes pieza_02_1{0%{opacity: 0;}50% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes pieza_02_1{0%{opacity: 0;}50%{opacity: 0;}100% {opacity: 1;}}


/* ESCENARIO 3 */
#fukushima .infografia-topmenu > ul > li#escenario3.active .bg .pieza1 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario03/01.png') no-repeat left top;
	display: block; width: 100%; position: absolute; 
	top: 32px; 
	left: 21px; height: 513px;
	animation: pieza_03_0 1s;-webkit-animation:pieza_03_0 1s;
}
@keyframes pieza_03_0{0% {left:954px;}33% {left:21px;}}
@-webkit-keyframes pieza_03_0{0%{left:954px;}33% {left:21px;}}

#fukushima .infografia-topmenu > ul > li#escenario3.active .bg .pieza2 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario03/02.png') no-repeat left top;
	display: block; width: 100%; position: absolute; 
	top: 86px; 
	left: 606px; height: 513px;
	animation: pieza_03_1 1s;-webkit-animation:pieza_03_1 1s;
}
@keyframes pieza_03_1{0% {opacity:0;left:965px;} 33% {opacity:1;left:965px;} 66% {left:606px;}}
@-webkit-keyframes pieza_03_1{0% {opacity:0;left:965px;} 33% {opacity:0;left:956px;}66% {opacity:1;left:606px;}}

#fukushima .infografia-topmenu > ul > li#escenario3.active .bg .pieza3 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario03/03.png') no-repeat left top;
	display: block; width: 100%; position: absolute; 
	top: 34px; 
	left: 132px; height: 513px;
	animation: pieza_03_3 1s;-webkit-animation:pieza_03_3 1s;
}
@keyframes pieza_03_3{0% {opacity: 0;} 66% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes pieza_03_3{0% {opacity: 0;}66% {opacity: 0;}100% {opacity: 1;}}

/* ESCENARIO 4 */
#fukushima .infografia-topmenu > ul > li#escenario4.active .bg .pieza1 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario04/01.png') no-repeat left top;
	display: block; width: 100%; height: 513px;
	position: absolute; top: 40px; left: 178px;
	animation: pieza_04_1 1s;-webkit-animation:pieza_04_1 1s;
}
@keyframes pieza_04_1 {	0% {left: 952px;}	33% {left: 178px;}}
@-webkit-keyframes pieza_04_1 {	0% {left: 952px;}	33% {left: 178px;}
}

#fukushima .infografia-topmenu > ul > li#escenario4.active .bg .pieza2 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario04/02.png') no-repeat left top;
	display: block; width: 67px; height: 41px;
	position: absolute; top: 207px;left: 261px;
	animation: pieza_04_2 1s;-webkit-animation:pieza_04_2 1s;
}
@keyframes pieza_04_2 {	0% {opacity:0;}	33% {opacity:0;}	66% {opacity:1;}}
@-webkit-keyframes pieza_04_2 {	0% {opacity:0;}	33% {opacity:0;}	66% {opacity:1;}
}


#fukushima .infografia-topmenu > ul > li#escenario4.active .bg .pieza3 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario04/03.png') no-repeat left top;
	display: block; width: 100%; height: 513px;
	position: absolute; top: 0px; left: 0px;
	animation: pieza_04_3 1s;-webkit-animation:pieza_04_3 1s;
}
@keyframes pieza_04_3 {	0% {opacity:0;}	66% {opacity:0;}	100% {opacity:1;}}
@-webkit-keyframes pieza_04_3 {	0% {opacity:0;}	66% {opacity:0;}	100% {opacity:1;}}


/* ESCENARIO 5*/
#fukushima .infografia-topmenu > ul > li#escenario5.active .bg .pieza1 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario05/01.jpg') no-repeat left top;
	display: block; width: 950px; height: 319px;
	position: absolute; top: 194px; left: 0px;
	animation: pieza_05_1 1s;-webkit-animation:pieza_05_1 1s;
}
@keyframes pieza_05_1 {	0% {top: -300px;}	25% {top: 194px;}}
@-webkit-keyframes pieza_05_1 {	0% {top: -300px;}	25% {top: 194px;}}


#fukushima .infografia-topmenu > ul > li#escenario5.active .bg .pieza2 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario05/02.png') no-repeat left top;
	display: block; width: 796px; height: 83px;
	position: absolute; top: 111px;left: 79px;
	animation: pieza_05_2 1s;-webkit-animation:pieza_05_2 1s;
}
@keyframes pieza_05_2 {	25% {top: -400px;}	50% {top: 111px;}}
@-webkit-keyframes pieza_05_2 {	25% {top: -400px;}	50% {top: 111px;}}


#fukushima .infografia-topmenu > ul > li#escenario5.active .bg .pieza4 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario05/03.png') no-repeat left top;
	display: block; width: 950px; height: 319px;
	position: absolute; top: 194px;left: 0px;
	animation: pieza_05_3 1s;-webkit-animation:pieza_05_3 1s;
}

@keyframes pieza_05_3 {	0% {opacity:0;}	50% {opacity:0;}	75% {opacity:1;}}
@-webkit-keyframes pieza_05_3 {	0% {opacity:0;}	50% {opacity:0;}	75% {opacity:1;}}


#fukushima .infografia-topmenu > ul > li#escenario5.active .bg .pieza3 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario05/04.jpg') no-repeat left top;
	display: block; width: 950px; height: 201px;
	position: absolute; bottom:87px;left: 0px;
	animation: pieza_05_4 1s;-webkit-animation:pieza_05_4 1s;
}
@keyframes pieza_05_4 {	0% {height:0;opacity:0;} 75% {height:0;opacity:0;}	100% {height: 201px;opacity:1;}}
@-webkit-keyframes pieza_05_4 {	0% {height:0;opacity:0;} 75% {height:0;opacity:0;} 100% {height: 201px;opacity:1;}}


/* ESCENARIO 6 */

#fukushima .infografia-topmenu > ul > li#escenario6.active .bg .pieza5 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario06/01.png') no-repeat left top;
	display: block; width: 794px; height: 513px;
	position: absolute; top: 0;left: 156px;
	animation: pieza_06_0 1s;-webkit-animation:pieza_06_0 1s;
}

@keyframes pieza_06_0{0% {top:-514px;} 20% {top:0;}}
@-webkit-keyframes pieza_06_0{0% {top:-514px;} 20% {top:0;}}


#fukushima .infografia-topmenu > ul > li#escenario6.active .bg .pieza4 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario06/02.png') no-repeat left top;
	display: block; width: 606px; height: 369px;
	position: absolute; top: 144px;left: 343px;
	animation: pieza_06_1 1s;-webkit-animation:pieza_06_1 1s;
}
@keyframes pieza_06_1{0% {opacity: 0;} 20% {opacity: 0;}40% {opacity: 1;}}
@-webkit-keyframes pieza_06_1{0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 1;}}



#fukushima .infografia-topmenu > ul > li#escenario6.active  .bg .pieza3 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario06/03.png') no-repeat left top;
	display: block; width: 686px; height: 404px;
	position: absolute; top: 110px;left: 263px;
	animation: pieza_06_2 1s;-webkit-animation:pieza_06_2 1s;
}
@keyframes pieza_06_2{0% {opacity: 0;} 40% {opacity: 0;}60% {opacity: 1;}}
@-webkit-keyframes pieza_06_2{0% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 1;}}

#fukushima .infografia-topmenu > ul > li#escenario6.active .bg .pieza2 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario06/04.png') no-repeat left top;
	display: block; width: 806px; height: 448px;
	position: absolute; top: 60px;left: 145px;
	animation: pieza_06_3 1s;-webkit-animation:pieza_06_3 1s;
}
@keyframes pieza_06_3{0% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 1;}}
@-webkit-keyframes pieza_06_3{0% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 1;}}


#fukushima .infografia-topmenu > ul > li#escenario6.active .bg .pieza1 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario06/05.png') no-repeat left top;
	display: block; width: 940px; height: 477px;
	position: absolute; top: 37px;left: 8px;
	animation: pieza_06_4 1s;-webkit-animation:pieza_06_4 1s;
}
@keyframes pieza_06_4{0% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes pieza_06_4{0% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;}}

/* ESCENARIO 7*/

#fukushima .infografia-topmenu > ul > li#escenario7.active .bg .pieza1 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario07/01.png') no-repeat left top;
	display: block; width: 740px; height: 485px;
	position: absolute; top: 26px;left: 204px;
	animation: pieza_07_0 1s;-webkit-animation:pieza_07_0 1s;
}
@keyframes pieza_07_0{0% {opacity: 0;} 20% {opacity: 1;}}
@-webkit-keyframes pieza_07_0{0% {opacity: 0;} 20% {opacity: 1;}}

#fukushima .infografia-topmenu > ul > li#escenario7.active .bg .pieza2 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario07/02.png') no-repeat left top;
	display: block; width: 345px; height: 29px;
	position: absolute; top: 210px;left: 212px;
	animation: pieza_07_1 1s;-webkit-animation:pieza_07_1 1s;
}
@keyframes pieza_07_1{0% {opacity: 0;} 20% {opacity: 0;}40% {opacity: 1;}}
@-webkit-keyframes pieza_07_1{0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 1;}}


#fukushima .infografia-topmenu > ul > li#escenario7.active .bg .pieza3 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario07/03.png') no-repeat left top;
	display: block; width: 85px; height: 73px;
	position: absolute; top: 203px;left: 54px;
	animation: pieza_07_2 1s;-webkit-animation:pieza_07_2 1s;
}
@keyframes pieza_07_2{0% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 1;}}
@-webkit-keyframes pieza_07_2{0% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 1;}}

#fukushima .infografia-topmenu > ul > li#escenario7.active .bg .pieza4 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario07/04.png') no-repeat left top;
	display: block; width: 70px; height: 59px;
	position: absolute; top: 277px;left: 143px;
	animation: pieza_07_3 1s;-webkit-animation:pieza_07_3 1s;
}
@keyframes pieza_07_3{0% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 1;}}
@-webkit-keyframes pieza_07_3{0% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 1;}}

#fukushima .infografia-topmenu > ul > li#escenario7.active .bg .pieza5 {
	background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario07/05.png') no-repeat left top;
	display: block; width: 70px; height: 59px;
	position: absolute; top: 114px;left: 121px;
	animation: pieza_07_4 1s;-webkit-animation:pieza_07_4 1s;
}
@keyframes pieza_07_4{0% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes pieza_07_4{0% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;}}

#fukushima .infografia-topmenu > ul > li#escenario0 .bg {background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario00/00.jpg') no-repeat left top;}
#fukushima .infografia-topmenu > ul > li#escenario1 .bg {background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario01/00.jpg') no-repeat left top;}
#fukushima .infografia-topmenu > ul > li#escenario2 .bg {background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario02/00.jpg') no-repeat left top;}
#fukushima .infografia-topmenu > ul > li#escenario3 .bg {background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario03/00.jpg') no-repeat left top;}
#fukushima .infografia-topmenu > ul > li#escenario4 .bg {background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario04/00.jpg') no-repeat left top;}
#fukushima .infografia-topmenu > ul > li#escenario5 .bg {background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario05/00.jpg') no-repeat left top;}
#fukushima .infografia-topmenu > ul > li#escenario6 .bg {background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario06/00.jpg') no-repeat left top;}
#fukushima .infografia-topmenu > ul > li#escenario7 .bg {background: url('/css/rtve.infografias/fukushima/i/escenarios/escenario07/00.jpg') no-repeat left top;}