/* CSS Document */
/*animacao*/

div.logo_c {
      position: relative;
      -webkit-animation-name: logo_c; /* Chrome, Safari, Opera */
      -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
      animation-name: logo_c;
      animation-duration: 1s;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes logo_c {
    0%   {left:500px; top:0px;}
   25%   {left:50px; top:100px;}    
    50%   {left:100px; top:0px;}      
   100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes logo_c {
    0%   {left:500px; top:0px;}
   25%   {left:50px; top:100px;}    
   50%   {left:100px; top:0px;}    
   100% {left:0px; top:0px;}
}




div.logo {
      position: relative;
      -webkit-animation-name: alogo; /* Chrome, Safari, Opera */
      -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
      animation-name: alogo;
      animation-duration: 1s;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes alogo {
    0%   {left:500px; top:0px;}
   25%   {left:50px; top:100px;}    
    50%   {left:100px; top:0px;}      
   100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes alogo {
    0%   {left:500px; top:0px;}
   25%   {left:50px; top:100px;}    
   50%   {left:100px; top:0px;}    
   100% {left:0px; top:0px;}
}





div.mensagem {
      position: relative;
      -webkit-animation-name: mensagem; /* Chrome, Safari, Opera */
      -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
      animation-name: mensagem;
      animation-duration: 1s;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes mensagem {
    0%   {left:500px; top:0px;}
   25%   {left:50px; top:0px;}    
    50%   {left:100px; top:0px;}      
   100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes mensagem {
    0%   {left:500px; top:0px;}
   25%   {left:50px; top:0px;}    
   50%   {left:100px; top:0px;}    
   100% {left:0px; top:0px;}
}


div#bloco1_texto {
      -webkit-animation-name: bloco1_texto; /* Chrome, Safari, Opera */
      -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
      animation-name: bloco1_texto;
      animation-duration: 1s; 
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bloco1_texto {
    0%   {left:100px; top:400px;}    
   100% {left:50px; top:220px;}
}

/* Standard syntax */
@keyframes bloco1_texto{
    0%   {left:100px; top:400px;}    
   100% {left:50px; top:220px;}
}



div#bloco11_texto {
      -webkit-animation-name: bloco11_texto; /* Chrome, Safari, Opera */
      -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
      animation-name: bloco11_texto;
      animation-duration: 1s; 
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bloco11_texto {
    0%   {left:100px; top:300px;}    
   100% {left:50px; top:120px;}
}

/* Standard syntax */
@keyframes bloco11_texto{
    0%   {left:100px; top:400px;}    
   100% {left:50px; top:120px;}
}

 div#bloco22_texto {
      -webkit-animation-name: bloco22_texto; /* Chrome, Safari, Opera */
      -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
      animation-name: bloco22_texto;
      animation-duration: 1s; 
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bloco22_texto {
    0%   {left:100px; top:450px;}    
   100% {left:50px; top:320px;}
}

/* Standard syntax */
@keyframes bloco22_texto{
    0%   {left:100px; top:450px;}    
   100% {left:50px; top:320px;}
}









div#bloco11 {
      position: relative;
      -webkit-animation-name: abloc11; /* Chrome, Safari, Opera */
      -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
      animation-name: abloc11;
      animation-duration: 1s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes abloc11 {
    0%   { left:0px; top:500px;}
   25%   { left:0px; top:50px;}    
    50%   {left:10px; top:100px;}      
   100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes abloc11 {
    0%   { left:0px; top:500px;}
   25%   {left:0px; top:50px;}    
   50%   {left:0px; top:100px;}    
   100% { left:0px; top:0px;}
}



div#bloco2 {
      position: relative;
      -webkit-animation-name: abloc11; /* Chrome, Safari, Opera */
      -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
      animation-name: abloc11;
      animation-duration: 1s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes abloc2 {
    0%   { left:0px; top:500px;}
   25%   { left:0px; top:50px;}    
    50%   {left:10px; top:100px;}      
   100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes abloc2 {
    0%   { left:0px; top:500px;}
   25%   {left:0px; top:50px;}    
   50%   {left:0px; top:100px;}    
   100% { left:0px; top:0px;}
}

div#bloco22 {
      position: relative;
      -webkit-animation-name: abloc22; /* Chrome, Safari, Opera */
      -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
      animation-name: abloc22;
      animation-duration: 1s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes abloc22 {
    0%   { left:600px; top:0px;}
   25%   {left:50px; top:0px;}    
   50%   {left:100px; top:0px;}    
   100% { left:0px; top:0px;}
}

/* Standard syntax */
@keyframes abloc22 {
    0%   { left:600px; top:0px;}
   25%   {left:50px; top:0px;}    
   50%   {left:100px; top:0px;}    
   100% { left:0px; top:0px;}
}


div#bloco_linha {
      position: relative;
      -webkit-animation-name: abloc_l; /* Chrome, Safari, Opera */
      -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
      animation-name: abloc_l;
      animation-duration:1s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes abloc_l {
    0%   { left:600px; top:0px;} 
  100% { left:0px; top:0px;}  
}

/* Standard syntax */
@keyframes abloc_l {
    0%   { left:600px; top:0px;} 
  100% { left:0px; top:0px;}  
  
}




/*fim de animacao*/