.person_res01, .person_res02, .person_res03, .person_res04, .person_res05, 
.person_res06, .person_res07
{ max-width: 100%; background-size: 100%; background-image: url('descarga.png'); }
 
.person_res01 { background-position: 0 0%; background-size: 100%; }
.person_res02 { background-position: 0 16.666667%; background-size: 100%; }
.person_res03 { background-position: 0 33.333333%; background-size: 100%; }
.person_res04 { background-position: 0 50%; background-size: 100%; }
.person_res05 { background-position: 0 66.666667%; background-size: 100%; }
.person_res06 { background-position: 0 83.333333%; background-size: 100%; }
.person_res07 { background-position: 0 100%; background-size: 100%; }

.person_a{
    width: 250px;
    display: block;
    height: 252px;
    overflow: hidden;
    background: url(css_sprites.png);
    margin: 0 auto;
    background-size: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    top: 20%;
}

.animarpersonaje_a{
      -webkit-animation: play 1s steps(7)   infinite;
       -moz-animation: play 1s steps(7)   infinite;
        -ms-animation: play 1s steps(7)   infinite;
         -o-animation: play 1s steps(7)   infinite;
            animation: play 1s steps(7)   infinite;
}

@-webkit-keyframes play {
   100% {
    background-position: 0px -1764px;background-size: 100%;
 }
}

@-moz-keyframes play {
   100% {
    background-position: 0px -1764px;background-size: 100%;
 }
}

@-ms-keyframes play {
  100% {
    background-position: 0px -1764px;background-size: 100%;
 }
}

@-o-keyframes play {
  100% {
    background-position: 0px -1764px;background-size: 100%;
 }
}

@keyframes play {
   100% {
    background-position: 0px -1764px;background-size: 100%;
 }
}