#EFEITO {display:block; width:100%; height:350px; overflow:hidden; margin:0; text-align:left;}

#ANIMA_IMA {position:relative; top:0px; left:0px; transform-origin:center;}
#ANIMA_IMA IMG {width:760px; height:400px; transform-origin:center; animation:ANIMA_ZOOM_60 4s infinite linear;}

#ANIMA_BG {position:relative; top:0px; left:0px;transform-origin:center;}
#ANIMA_BG #IMA-BG {position:absolute;top:0;transform-origin:center;z-index:1;}
#ANIMA_BG #IMA-ANIMA {position:absolute;top:0;left:0;transform-origin:center; animation:ANIMA_RISCAS 6s infinite linear;}

#ANIMA_BG IMG {width:760px; height:400px;}


@-webkit-keyframes ANIMA_RISCAS {
 	0% {transform: scale(1);}
	20% {transform: scale(1.5) translateX(60px);}
	40% {transform: scale(1.5);}
	60% {transform: scale(2); opacity: 0.4;}
	80% {transform: scale(1.2) translateX(-60px);}
	100% {transform: scale(1);}
}

@-webkit-keyframes ANIMA_RISCAS_1 {
 	0% {transform: scale(1); opacity: 0.4;}
	20% {transform: scale(1.2) translateY(50px); opacity: 0.8;}
	40% {transform: scale(1.5) ; opacity: 0.4;}
	60% {transform: scale(2); opacity: 0.4;}
	80% {transform: scale(1.2); opacity: 0.8;}
	100% {transform: scale(1); opacity: 0.4;}
}

@-webkit-keyframes ANIMA_GRAFICO_1 {
	0%, 100% {opacity:0.4;}
	0% {transform:translateY(-10px);}
	40% {transform:translateY(0px);}
	60% {transform:translateY(-10px);}
	100% {transform:translateY(0px);}
}

@-webkit-keyframes ANIMA_ZOOM_60 {
 	0% {transform: scale(1); opacity: 1;}
	5% {transform: scale(1.1); opacity: 1; transform:rotate(2deg);}
	10% {transform: scale(1.1); opacity: 1; transform:rotate(-2deg);}
	15% {transform: scale(1.1); opacity: 1; transform:rotate(2deg);}
	20% {transform: scale(1.2); opacity:0.2;}
	30% {transform: scale(1.1); opacity: 1;}
	40% {transform: scale(1); opacity: 1;}
	50% {transform: scale(1.1); opacity: 1;}
}

@-webkit-keyframes ANIMA_RODA {
  20% {-webkit-transform:rotate(0deg); transform:rotate(0deg);transform:translateY(10px);}
  40% {-webkit-transform:rotate(-180deg); transform:rotate(-180deg); transform:scale(0.8);}
  50% {-webkit-transform:rotate(180deg); transform:rotate(180deg); }
  70% {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
  80% {-webkit-transform:rotate(0deg); transform:rotate(0deg);transform:translateY(10px);}
}
@-webkit-keyframes ANIMA_TOPO{
	0% {transform:translateX(0px) translateY(0px);}
	30% {transform:translateX(0px) translateY(-15px);}
	40% {transform:translateX(0px) translateY(10px);}
	100% {transform:translateX(0px) translateY(0px);}
}
@-webkit-keyframes ANIMA_ZOOM_IN {
 20% {transform: scale(0.8); opacity: 1;}
}
@-webkit-keyframes ANIMA_BALANCA_Y {
  10%, 20%, 30%, 40%, 50% {transform: translateY(0px);}
  15% {transform: translateY(0px);}
  25% {transform: translateY(2px);}
  35% {transform: translateY(2px);}
  45% {transform: translateY(0px);}
}
@-webkit-keyframes ANIMA_BALANCA_X {
   10%, 20%, 30%, 40%, 50% {transform: translateX(0px);}
	15% {transform: translateX(0px);}
	25% {transform: translateX(2px);}
	35% {transform: translateX(2px);}
	45% {transform: translateX(0px);}
}
@-webkit-keyframes ANIMA_BLUR {
	0% {filter:blur(5px);}
	50% {filter:blur(0);}
	100% {filter:blur(5px);}
}



@-webkit-keyframes ANIMA_ZOOM_60_1 {
 	0% {transform: scale(1); opacity: 0;}
	20% {transform: scale(1.2); opacity: 0.5;}
	40% {transform: scale(1.5); opacity: 0.2;}
	60% {transform: scale(2); opacity: 0; transform:rotate(-20deg);}
	80% {transform: scale(1.2); opacity: 0.5;}
	100% {transform: scale(1); opacity: 0;}
}
@-webkit-keyframes ANIMA_SOMBRA {
	0% {filter:drop-shadow(10px -10px 0 #DFDFDF);}
	40% {filter:drop-shadow(-10px 10px 0 #DFDFDF);}
	60% {filter:drop-shadow(10px 10px 0 #DFDFDF);}
	80% {filter:drop-shadow(-10px 10px 0 #DFDFDF);}
	100% {filter:drop-shadow(10px -10px 0 #DFDFDF);}
}

.FILTRO-GRAY {filter:gray; -webkit-filter:grayscale(1); filter:grayscale(1);}
.FILTRO-CONTRAST {filter:contrast(200%);}
.FILTRO-BLUR {filter:blur(5px);}
.FILTRO-BRIGHT {filter:brightness(200%);}
.FILTRO-SHADOW {filter:drop-shadow(8px 8px 10px gray);}
.FILTRO-RODA {filter:hue-rotate(90deg);}
.FILTRO-INVERT {filter:invert(100%);}
.FILTRO-SATURATE {filter:saturate(8);}
.FILTRO-SEPIA {filter:sepia(100%);}
.FILTRO-SOMBRA-TOPO {filter:drop-shadow(0 -10px 0 #eee);}
.FILTRO-SOMBRA-TOPO-DIR {filter:drop-shadow(10px -10px 0px #eee);}
.FILTRO-SOMBRA-TOPO-ESQ {filter:drop-shadow(-10px -10px 0 #eee);}
.FILTRO-SOMBRA-BAIXO {filter:drop-shadow(0 10px 0 #eee);}
.FILTRO-SOMBRA-BAIXO-DIR {filter:drop-shadow(10px 10px 0px #eee);}
.FILTRO-SOMBRA-BAIXO-ESQ {filter:drop-shadow(-10px 10px 0 #eee);}
.FILTRO-SOMBRA-BLUR {filter:drop-shadow(10px 10px 10px #ccc);}
}