#loader {
  background: url(../obrazky/tuna_sprite.png) 0 0 no-repeat; 
  height: 200px; width: 400px;
  position: absolute;
  top: 3em;
  margin-left: -200px;
  left: 50%;
  transition: margin-left 4s linear;
  animation: 
    walk-cycle 1s steps(12) 4, 
    sit-down .5s steps(5) 4s 1;
  animation-fill-mode: forwards;
}

@keyframes walk-cycle {  
  0% { background-position: 0 0; } 
  100% {background-position: 0 -2391px; } 
}

@keyframes sit-down {  
  0% { background-position: -400px 0; } 
  100% {background-position: -400px -1000px; } 
}

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 10s;
  animation-name: animatebottom;
  animation-duration: 10s
}

#myDiv {
  display: none;
  text-align: center;
}