/* ZOOM (DIMINUIR) EM IMAGENG */
.zoomIn{
  transform: scale(1);	
  -moz-transform: scale(1);
  -webkit-transform: scale(1);			
  -o-transform: scale(1);				
	
	transition:transform 0.3s;
	-moz-transition:-moz-transform 0.3s; /* Firefox 4 */
	-webkit-transition:-webkit-transform 0.3s; /* Safari and Chrome */
	-o-transition:-o-transform 0.3s; /* Opera */	
}

.zoomIn:hover{
	position: relative;
	z-index: 999;
	--animation-direction: alternate;
  transform: scale(0.95);	
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);			
  -o-transform: scale(0.95);				
}

/* ZOOM (DIMINUIR) EM IMAGENG  DOS RECURSOS*/
#recursos li img.icone{
  transform: scale(1);	
  -moz-transform: scale(1);
  -webkit-transform: scale(1);			
  -o-transform: scale(1);				
	
	transition:transform 0.3s;
	-moz-transition:-moz-transform 0.3s; /* Firefox 4 */
	-webkit-transition:-webkit-transform 0.3s; /* Safari and Chrome */
	-o-transition:-o-transform 0.3s; /* Opera */	
}

#recursos li:hover img.icone{
	position: relative;
	z-index: 999;
	--animation-direction: alternate;
  transform: scale(0.95);	
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);			
  -o-transform: scale(0.95);				
}

/* TONG-TONG NO H1 */
h1.tongtong{
	background-repeat:no-repeat;
	background-position: 0 36px;
	padding-left: 40px;
}

h1.tongtong:hover{
	background-position: 0 38px;

	animation: aTongtong 1s;

        -moz-animation-name: aTongtong;
	-moz-animation-duration: 0.2s;
	-moz-animation-iteration-count: 4;
	-moz-animation-direction: alternate;
	
	-webkit-animation: aTongtong 1s; /* Safari and Chrome */	
	
}



@keyframes aTongtong {
    0% {
      background-position: 0px 36px;
    }
    10% {
     background-position: 0px 40px;
   }
   100% {
    background-position: 0px 44px;
  }
}

@-moz-keyframes aTongtong { /* Firefox */

    0% {
      background-position: 0px 36px;
    }
    10% {
     background-position: 0px 40px;
   }
   100% {
    background-position: 0px 44px;
  }
}

@-webkit-keyframes aTongtong { /* Safari and Chrome */
    0% {
      background-position: 0px 36px;
    }
    10% {
     background-position: 0px 40px;
   }
   100% {
    background-position: 0px 44px;
  }
}
@-o-keyframes aTongtong { /* Safari and Chrome */
    0% {
      background-position: 0px 36px;
    }
    10% {
     background-position: 0px 40px;
   }
   100% {
    background-position: 0px 44px;
  }
}


.alphaOut{
	opacity:0.5;
  filter:alpha(opacity=50)			

	transition:filter 0.3s;
	-moz-transition:opacity 0.3s; /* Firefox 4 */
	-webkit-transition:opacity 0.3s; /* Safari and Chrome */
	-o-transition:opacity 0.3s; /* Opera */	
	
}

.alphaOut:hover{
	opacity:1;
	filter:alpha(opacity=100)	
}



/* Flutuante em BACKGROUND */
@-webkit-keyframes flutuation {
0% {
background-position: center 0px;
}
65% {
background-position: center  -10px;
}
100% {
background-position: center  0px;
}
}
@-moz-keyframes flutuation {
0% {
background-position: center  0px;
}
65% {
background-position: center  -10px;
}
100% {
background-position: center  0px;
}
}
@-o-keyframes flutuation {
0% {
background-position: center  0px  0px;
}
65% {
background-position: center  0px  -10px;
}
100% {
background-position: center  0px  0px;
}
}
@-ms-keyframes flutuation {
0% {
background-position: center  0px;
}
65% {
background-position: center  -10px;
}
100% {
background-position: center  0px;
}
}
@keyframes flutuation {
0% {
background-position: center  0px;
}
65% {
background-position: center  -10px;
}
100% {
background-position: center  0px;
}
}
.flutuationBg{
	-webkit-animation-name: flutuation;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-moz-animation-name: flutuation;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-o-animation-name: flutuation;
	-o-animation-duration: 4s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	-ms-animation-name: flutuation;
	-ms-animation-duration: 4s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: alternate;
	animation-name: flutuation;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}