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


#inf {
	position:absolute;
	display:none;
	left:426px;
	top:675px;
	width:320px;
	height:205px;
	z-index:10;
}


    #mf {

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

  }
  #mf:hover {

    -webkit-transform: rotate(0deg) scale(1.3);
    -moz-transform: rotate(0deg) scale(1.3);
    -o-transform: rotate(0deg) scale(1.3);
    -ms-transform: rotate(0deg) scale(1.3);
    transform: rotate(0deg) scale(1.3);
	


  }
  
      #mf: active {

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

  }
  

#banner,#banner2{ margin:10px 0 0 15px;}

#banner22{ margin:3px 0 0 15px;}


.maior{
	font-family:Georgia, "Times New Roman", Times, serif, Gulim;
	font-style:italic;
	font-size:22px;
	color:#90c5fd;

	}

    @-webkit-keyframes rodaroda {
        from {
            -webkit-transform:rotate(0deg);
        }
        to {
            -webkit-transform:rotate(360deg);   }}
		
		
		    @-moz-keyframes rodaroda {
        from {
            -moz-transform:rotate(0deg);	
        }
        to {
            -moz-transform:rotate(360deg);   }}

		    @-o-keyframes rodaroda {
        from {
            -moz-transform:rotate(0deg);	
        }
        to {
            -moz-transform:rotate(360deg);   }}

		   

	    @-webkit-keyframes pula {
        0% {
            top:0px;
			left:200px;
		  	width:100px;
        }
         90%{
           top:300px;
		   left:200px;
		   	width:100px;
        }	
         100%{
           top:300px;
		   left:200px;
	       width:100px;
        } }
	
	
		    @-moz-keyframes pula {
        0% {
            top:0px;
			left:200px;
		  	width:100px;
        }
         90%{
           top:300px;
		   left:200px;
		   	width:100px;
        }	
         100%{
           top:300px;
		   left:200px;
	       width:100px;
        } }
		
		@-o-keyframes pula {
        0% {
            top:0px;
			left:200px;
		  	width:100px;
        }
         90%{
           top:300px;
		   left:200px;
		   	width:100px;
        }	
         100%{
           top:300px;
		   left:200px;
	       width:100px;
        } }
		
		
@-webkit-keyframes anda {
        0% {
           left:-500px;
        }
		 40% {
           left:260px;
        }
		        
		 70% {
           left:260px;
        }
		
         100%{
           left:-500px;
        }}	
	
@-moz-keyframes anda {
        0% {
           left:-500px;
        }
		 40% {
           left:260px;
        }
		        
		 70% {
           left:260px;
        }
		
         100%{
           left:-500px;
        }}	
		
		@-o-keyframes anda {
        0% {
           left:-500px;
        }
		 40% {
           left:260px;
        }
		        
		 70% {
           left:260px;
        }
		
         100%{
           left:-500px;
        }}	
		
		
		@-webkit-keyframes brilho {
        0% {
			-webkit-transform: scale(0.0);

 }		
         10% {
			-webkit-transform: scale(0.0);
 }	

            25% {
			-webkit-transform: scale(0.0);
 }
             40% {
			-webkit-transform: scale(3.0);
			margin-left:90px;
 }
              50% {
			-webkit-transform: scale(0.0);

 }
               60% {
			-webkit-transform: scale(0.0);

 }
               70% {
			-webkit-transform: scale(1.0);

 }
               80% {
			-webkit-transform: scale(0.0);

 }
           100%{
		   -webkit-transform: scale(0.0);
		   }}
	

		@-moz-keyframes brilho {
        0% {
			-moz-transform: scale(0.0);

 }		
         10% {
			-moz-transform: scale(0.0);
 }	

            25% {
			-moz-transform: scale(0.0);
 }
             40% {
			-moz-transform: scale(3.0);
			margin-left:90px;
 }
              50% {
			-moz-transform: scale(0.0);

 }
               60% {
			-moz-transform: scale(0.0);

 }
               70% {
			-moz-transform: scale(1.0);

 }
               80% {
			-moz-transform: scale(0.0);

 }
           100%{
		   -moz-transform: scale(0.0);
		   }}
		   
		   
		   @-o-keyframes brilho {
        0% {
			-moz-transform: scale(0.0);

 }		
         10% {
			-moz-transform: scale(0.0);
 }	

            25% {
			-moz-transform: scale(0.0);
 }
             40% {
			-moz-transform: scale(3.0);
			margin-left:90px;
 }
              50% {
			-moz-transform: scale(0.0);

 }
               60% {
			-moz-transform: scale(0.0);

 }
               70% {
			-moz-transform: scale(1.0);

 }
               80% {
			-moz-transform: scale(0.0);

 }
           100%{
		   -moz-transform: scale(0.0);
		   }}
		   
		   
		   
		   		@-moz-keyframes logox {
        0% {
			opacity:0.0;
            filter:alpha(opacity=0);
			margin-left:-300px;
			-moz-transform: scale(1.0);
 }		
         5% {
			 opacity:1.0;
             filter:alpha(opacity=100);
			margin-left:0px;
			-moz-transform: scale(1.0);
 }	
          8% {
			margin-left:0px;
			-moz-transform: scale(1.0);
 }
 
           10% {
			margin-left:0px;
			-moz-transform: scale(1.2);
 }
            13% {
			margin-left:0px;
			-moz-transform: scale(1.0);
 }

           100%{
			   margin-left:0px;
		   -moz-transform: scale(1.0);
		   }}
		   
		   @-webkit-keyframes logox {
        0% {
			opacity:0.0;
            filter:alpha(opacity=0);
			margin-left:-300px;
			-webkit-transform: scale(1.0);

 }		
         5% {
			 opacity:1.0;
             filter:alpha(opacity=100);
			margin-left:0px;
			-webkit-transform: scale(1.0);
			
 }	
          8% {
			margin-left:0px;
			-webkit-transform: scale(1.0);
 }
 
           10% {
			margin-left:0px;
			-webkit-transform: scale(1.2);
 }
            13% {
			margin-left:0px;
			-webkit-transform: scale(1.0);

 }

           100%{
			   margin-left:0px;
		   -webkit-transform: scale(1.0);
		   }}
		   
		   
		   
		     @-o-keyframes logox {
        0% {
			opacity:0.0;
            filter:alpha(opacity=0);
			margin-left:-300px;
			-webkit-transform: scale(1.0);

 }		
         5% {
			 opacity:1.0;
             filter:alpha(opacity=100);
			margin-left:0px;
			-webkit-transform: scale(1.0);
			
 }	
          8% {
			margin-left:0px;
			-webkit-transform: scale(1.0);
 }
 
           10% {
			margin-left:0px;
			-webkit-transform: scale(1.2);
 }
            13% {
			margin-left:0px;
			-webkit-transform: scale(1.0);

 }

           100%{
			   margin-left:0px;
		   -webkit-transform: scale(1.0);
		   }}
		
		
		   
.rodaroda {
    -webkit-animation-name: rodaroda;
    -webkit-animation-duration: 5.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: infinite;
	
	-moz-animation-name: rodaroda;
    -moz-animation-duration: 5.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: infinite;
	
	-o-animation-name: rodaroda;
    -o-animation-duration: 5.5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: infinite;
	
	
}
.rodaroda2{/* // aqui ele volta macio*/
    -webkit-animation-name: rodaroda;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
	
	-moz-animation-name: rodaroda;
    -moz-animation-duration: 0.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
	
	-o-animation-name: rodaroda;
    -o-animation-duration: 0.5s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
}

.pula{
    -webkit-animation-name: pula;
    -webkit-animation-duration: 0.5s;
  /*  -webkit-animation-timing-function: linear;*/
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
	
	    -moz-animation-name: pula;
    -moz-animation-duration: 0.5s;
  /*  -webkit-animation-timing-function: linear;*/
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
	
	
     -0-animation-name: pula;
    -0-animation-duration: 0.5s;
  /*  -webkit-animation-timing-function: linear;*/
    -0-animation-iteration-count: infinite;
    -0-animation-direction: alternate;
	
}

.anda{
    -webkit-animation-name: anda;
    -webkit-animation-duration: 6.5s;
  /*  -webkit-animation-timing-function: linear;*/
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
	
	  -moz-animation-name: anda;
    -moz-animation-duration: 6.5s;
  /*  -webkit-animation-timing-function: linear;*/
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;


	-o-animation-name: anda;
    -o-animation-duration: 6.5s;
  /*  -webkit-animation-timing-function: linear;*/
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
	
}


#anda {
	position:absolute;
	width:100px;
	height:100px;
	left: 272px;
	z-index:9;
	top: -19px;
}

#pula {
	position:absolute;
	width:100px;
	height:100px;
	background-image:url(cara.png);
	left: 206px;
	top: 20px;
	z-index:9;
}

    .rodaroda1 {   
	-webkit-animation-name: rodaroda;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: infinite;
	
		-moz-animation-name: rodaroda;
    -moz-animation-duration: 2.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: infinite;
	
	
	-o-animation-name: rodaroda;
    -o-animation-duration: 2.5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: infinite;
	
}



.brilho{	
    -webkit-animation-name: brilho;
    -webkit-animation-duration: 9.0s;
  /*  -webkit-animation-timing-function: linear;*/
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
	
    -moz-animation-name: brilho;
    -moz-animation-duration: 9.0s;
  /*  -webkit-animation-timing-function: linear;*/
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;


    -o-animation-name: brilho;
    -o-animation-duration: 9.0s;
  /*  -webkit-animation-timing-function: linear;*/
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
	
}


.logox{	
    -webkit-animation-name: logox;
    -webkit-animation-duration: 18.0s;
  /*  -webkit-animation-timing-function: linear;*/
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
	
	    -moz-animation-name: logox;
    -moz-animation-duration: 18.0s;
  /*  -webkit-animation-timing-function: linear;*/
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;

    -o-animation-name: logox;
    -o-animation-duration: 18.0s;
  /*  -webkit-animation-timing-function: linear;*/
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
	
}


.fundao{	
    -webkit-animation-name: fundao;
    -webkit-animation-duration: 6.0s;
  /*  -webkit-animation-timing-function: linear;*/
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
	
	    -moz-animation-name: fundao;
    -moz-animation-duration: 6.0s;
  /*  -webkit-animation-timing-function: linear;*/
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;

	 -o-animation-name: fundao;
    -o-animation-duration: 6.0s;
  /*  -webkit-animation-timing-function: linear;*/
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
	
}

  /* CAMPO DE FORMULÀRIOS*/
  



.textbranco{ 
width: 190px;
border: solid:0px;
height:17px;

color:#69C;
}



.tipoToobs53 {
		font-size:30px;
font-family: 'Tangerine';
}

:hover,
:active,
a:link { 
-webkit-transition: .15s ease-in-out; 
-moz-transition: .15s ease-in-out; 
-o-transition: .15s ease-in-out; transition: .15s ease-in-out; 
}

#vira  a { display: block; width: 220px; height: 35px; background-position: bottom;   }
#vira a:hover { background-position: top; }

#vira a:active { background-position: bottom;  }