/* CSS Document */

.asterisco2{
  -moz-transform: translateX(0px) rotate(0deg);
  -ms-transform: translateX(0px) rotate(0deg);
  -o-transform: translateX(0px) rotate(0deg);
  -webkit-transform: translateX(0px) rotate(0deg);
  transform: translateX(0px) rotate(0deg);
 
  -moz-animation: animAsterisco2 2s alternate;
  -ms-animation: animAsterisco2 2s alternate;
  -o-animation: animAsterisco2 2s alternate;
  -webkit-animation: animAsterisco2 2s alternate;
  animation: animAsterisco2 2s alternate;
}

@-webkit-keyframes animAsterisco2 {
  0%, 25% {
    opacity: 0;
	-moz-transform: translateX(200px); 
  -ms-transform:translateX(200px) ; 
  -o-transform: translateX(200px); 
  -webkit-transform: translateX(200px);
    transform: translateX(200px);
  }
  75%, 100% {
    opacity: 1;
	-moz-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	-webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
}
}
@keyframes animAsterisco2 {
  0%, 25% { 
    opacity: 0;
	-moz-transform: translateX(200px); 
  -ms-transform: translateX(200px); 
  -o-transform: translateX(200px); 
  -webkit-transform: translateX(200px);
    transform: translateX(200px);
  }
  75%, 100% {
    opacity: 1;
	-moz-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	-webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
}