@charset "utf-8";
/* CSS Document */

/* ANIMACIONES ----------------------------------------------  */

#r1 {
 position: relative;
 animation: botar 500ms forwards normal;
 -webkit-animation:botar 500ms forwards normal;
 -moz-animation:botar 500ms forwards normal;
 -ms-animation:botar 500ms forwards normal;
 -o-animation:botar 500ms forwards normal; 
}

#r2 {
 position: relative;
 animation: botar 600ms forwards normal;
 -webkit-animation:botar 600ms forwards normal;
 -moz-animation:botar 600ms forwards normal;
 -ms-animation:botar 600ms forwards normal;
 -o-animation:botar 600ms forwards normal; 
}

#r3 {
 position: relative;
 animation: botar 700ms forwards normal;
 -webkit-animation:botar 700ms forwards normal;
 -moz-animation:botar 700ms forwards normal;
 -ms-animation:botar 700ms forwards normal;
 -o-animation:botar 700ms forwards normal; 
}

#r4 {
 position: relative;
 animation: botar 800ms forwards normal;
 -webkit-animation:botar 800ms forwards normal;
 -moz-animation:botar 800ms forwards normal;
 -ms-animation:botar 800ms forwards normal;
 -o-animation:botar 800ms forwards normal; 
}

#r5 {
 position: relative;
 animation: botar 900ms forwards normal;
 -webkit-animation:botar 900ms forwards normal;
 -moz-animation:botar 900ms forwards normal;
 -ms-animation:botar 900ms forwards normal;
 -o-animation:botar 900ms forwards normal; 
}

#r6 {
 position: relative;
 animation: botar 1000ms forwards normal;
 -webkit-animation:botar 1000ms forwards normal;
 -moz-animation:botar 1000ms forwards normal;
 -ms-animation:botar 1000ms forwards normal;
 -o-animation:botar 1000ms forwards normal; 
}

#r7 {
 position: relative;
 animation: botar 1100ms forwards normal;
 -webkit-animation:botar 1100ms forwards normal;
 -moz-animation:botar 1100ms forwards normal;
 -ms-animation:botar 1100ms forwards normal;
 -o-animation:botar 1100ms forwards normal; 
}

#r8 {
 position: relative;
 animation: botar 1200ms forwards normal;
 -webkit-animation:botar 1200ms forwards normal;
 -moz-animation:botar 1200ms forwards normal;
 -ms-animation:botar 1200ms forwards normal;
 -o-animation:botar 1200ms forwards normal; 
}

#r9 {
 position: relative;
 animation: botar 1300ms forwards normal;
 -webkit-animation:botar 1300ms forwards normal;
 -moz-animation:botar 1300ms forwards normal;
 -ms-animation:botar 1300ms forwards normal;
 -o-animation:botar 1300ms forwards normal; 
}

#r10 {
 position: relative;
 animation: botar 1400ms forwards normal;
 -webkit-animation:botar 1400ms forwards normal;
 -moz-animation:botar 1400ms forwards normal;
 -ms-animation:botar 1400ms forwards normal;
 -o-animation:botar 1400ms forwards normal; 
}


@keyframes botar {
0% {top:auto; animation-timing-function:ease-in;}
 20% {top:-5px; animation-timing-function:ease-out;}
 48% {top:-2px; animation-timing-function:ease-in;}
 64% {top:-5px; animation-timing-function:ease-out;}
 87% {top:2px; animation-timing-function:ease-in;}
 100% {top:0px;}
}
@-webkit-keyframes botar {
0% {top:auto; animation-timing-function:ease-in;}
 20% {top:-5px; animation-timing-function:ease-out;}
 48% {top:-2px; animation-timing-function:ease-in;}
 64% {top:-5px; animation-timing-function:ease-out;}
 87% {top:2px; animation-timing-function:ease-in;}
 100% {top:0px;}
}
@-moz-keyframes botar {
0% {top:auto; animation-timing-function:ease-in;}
 20% {top:-5px; animation-timing-function:ease-out;}
 48% {top:-2px; animation-timing-function:ease-in;}
 64% {top:-5px; animation-timing-function:ease-out;}
 87% {top:2px; animation-timing-function:ease-in;}
 100% {top:0px;}
}
@-o-keyframes botar {
0% {top:auto; animation-timing-function:ease-in;}
 20% {top:-5px; animation-timing-function:ease-out;}
 48% {top:-2px; animation-timing-function:ease-in;}
 64% {top:-5px; animation-timing-function:ease-out;}
 87% {top:2px; animation-timing-function:ease-in;}
 100% {top:0px;}
}