@-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%;}
}
/*********intro*********/

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

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

.compu_perfil.stop {
	background-position: 50% 100%;
}

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

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

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


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

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

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

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

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

.compu_frente.stop {
	background-position: 50% 100%;
}

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

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

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

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

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

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

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

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

.samantha.stop {
	background-position: 50% 0;
}
.samantha_chica {
	width: 226px;
	height: calc(4405px / 8);
	background: url(../img/sprites/samantha.png) 0 0;
	background-size: auto 800%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

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

.samantha_chica.stop {
	background-position: 50% 100%;
}

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

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

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

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

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

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