#anim {
	-webkit-animation-name: anima;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: anima;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes anima {
	from {top:300px;}
	to {top:310px;}
}

@-webkit-keyframes anima {
	from {top:300px;}
	to {top:310px;}
}

#flechauno {
	transform:rotate(-14deg);
	-webkit-animation-name: flecha;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    /* Standard syntax */
    animation-name: flecha;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes flecha {
	0% {left:100px;}
	100% {left:400px; transform:rotate(10deg);}
}

@-webkit-keyframes flecha {
	0% {left:100px;}
	100% {left:380px; transform:rotate(10deg);}
}

#flechados {
	transform:rotate(-14deg);
	-webkit-animation-name: flechados;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    /* Standard syntax */
    animation-name: flechados;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes flechados {
	0% {left:100px;}
	100% {left:400px; top:510px; transform:rotate(10deg);}
}

@-webkit-keyframes flechados {
	0% {left:100px;}
	100% {left:385px; top:500px; transform:rotate(10deg);}
}

#flechatres {
	transform:rotate(-14deg);
	-webkit-animation-name: flechatres;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    /* Standard syntax */
    animation-name: flechatres;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes flechatres {
	0% {left:100px;}
	100% {left:400px; top:480px; transform:rotate(10deg);}
}

@-webkit-keyframes flechatres {
	0% {left:100px;}
	100% {left:390px; top:480px; transform:rotate(10deg);}
}

#arquero:hover {
    cursor:pointer;
}