@-webkit-keyframes play{
	0%{background-position:50% 0%;}
	100%{background-position:50% 100%;}
}
@-moz-keyframes play{
	0%{background-position:50% 0%;}
	100%{background-position:50% 100%;}
}
@-o-keyframes play{
	0%{background-position:50% 0%;}
	100%{background-position:50% 100%;}
}
@keyframes play{
	0%{background-position:50% 0%;}
	100%{background-position:50% 100%;}
}

.personaje_p4 {
	width: 758px;
	height: calc(4192px / 8);
	background: url(../img/sprites/humberto_1.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p4.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p4.stop {
	background-position: 50% 0;
}

.personaje_p5 {
	width: 688px;
	height: calc(4112px / 8);
	background: url(../img/sprites/humberto_2.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p5.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p5.stop {
	background-position: 50% 0;
}

.personaje_p6 {
	width: 256px;
	height: calc(1799px / 7);
	background: url(../img/sprites/humberto_3.png) 0 0;
	background-size: auto 700%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p6.play {
	-webkit-animation: play 1.6s steps(6) infinite;
	-moz-animation: play 1.6s steps(6) infinite;
	-o-animation: play 	1.6s steps(6) infinite;
	animation: play 1.6s steps(6) infinite;
}

.personaje_p6.stop {
	background-position: 50% 0;
}

.personaje_p8 {
	width: 235px;
	height: calc(1872px / 8);
	background: url(../img/sprites/jaque_1.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p8.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p8.stop {
	background-position: 50% 0;
}

.personaje_p9 {
	width: 369px;
	height: calc(3832px / 8);
	background: url(../img/sprites/jaque_2.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p9.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p9.stop {
	background-position: 50% 0;
}

.personaje_p10 {
	width: 512px;
	height: calc(4016px / 8);
	background: url(../img/sprites/humberto_4.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p10.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p10.stop {
	background-position: 50% 0;
}

.personaje_p10b {
	width: 583px;
	height: calc(3360px / 8);
	background: url(../img/sprites/jaque_3.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p10b.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p10b.stop {
	background-position: 50% 0;
}

.personaje_p14 {
	width: 164px;
	height: calc(3744px / 8);
	background: url(../img/sprites/jaque_4.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p14.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p14.stop {
	background-position: 50% 0;
}


.personaje_p16 {
	width: 342px;
	height: calc(3944px / 8);
	background: url(../img/sprites/jaque_5.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p16.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p16.stop {
	background-position: 50% 0;
}

.personaje_p22 {
	width: 342px;
	height: calc(3944px / 8);
	background: url(../img/sprites/jaque_6.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p22.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p22.stop {
	background-position: 50% 0;
}


.personaje_p32 {
	width: 375px;
	height: calc(3432px / 8);
	background: url(../img/sprites/jaque_7.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p32.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p32.stop {
	background-position: 50% 0;
}

.personaje_p33 {
	width: 375px;
	height: calc(3432px / 8);
	background: url(../img/sprites/jaque_8.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.personaje_p33.play {
	-webkit-animation: play 1.6s steps(7) infinite;
	-moz-animation: play 1.6s steps(7) infinite;
	-o-animation: play 	1.6s steps(7) infinite;
	animation: play 1.6s steps(7) infinite;
}

.personaje_p33.stop {
	background-position: 50% 0;
}