/*
LELELELELELELELELELE
*/


/*
Created on : Aug 8, 2015, 3:14:21 PM
Author     : maximiliano
*/


/* DECLARACIONES */


/* REFERENCIA RÁPIDA

tt: transform translate
tr: transform rotate

 */

@keyframes ttxa0 {
  to {
    transform: translateX(0%);
  }
}
@keyframes ttxam100 {
  to {
    transform: translateX(-100%);
  }
}
@keyframes ttxa100 {
  from{
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes ttxa0 {
  to {
    transform: translateX(0%);
  }
}
@keyframes ttx0am100 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes ttya0 {
  to {
    transform: translateY(0%);
  }
}
@keyframes ttyam100 {
  to {
    transform: translateY(-100%);
  }
}
@keyframes ttya100 {
  to {
    transform: translateY(100%);
  }
}
@keyframes ttya0 {
  to {
    transform: translateY(0%);
  }
}
@keyframes tty0am100 {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-100%);
  }
}

@keyframes centrar {
  to {
    transform: translateX(0%);
  }
}
@keyframes tr0a45 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(45deg);
  }
}
@keyframes tr45a0 {
  from {
    transform: rotate(45deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes animaboton {
  to {
    color: rgb(250, 250, 250);
  }
}
@keyframes animafuente {
  to {
    background: rgb(250, 250, 250);
  }
}

@keyframes despliegueabajo{
  from{
    position: absolute;
    display: none;
  }
  to{
    position: inherit;
    display: block;
  }
}

/* HOVERS LLAMADOS */


/* CLASES LLAMADOS */

.moverizquierda {
  animation-name: moverizquierda;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.moverderecha {
  animation-name: moverderecha;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.centrar {
  animation-name: centrar;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.disolver {
  animation-name: disolver;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.solver {
  animation-name: disolver;
  animation-duration: 1s;
  animation-fill-mode: both;
}