body {
	border:0;
	margin:0;
	padding:0;
	overflow-x:hidden;
	*background-image:url(../images/cenario.jpg);
	background-position:center top; background-repeat:no-repeat;
	background-image/*\**/:url(../images/cenario.jpg)\9;
	background-position/*\**/:center top\9; background-repeat/*\**/:no-repeat\9;
}


img {
  display: block;
  *border:none;musica
  border/*\**/:none\9;
}

div#mascaraEsquerda{
display:block;
position:absolute;
top:0;
left:50%;
margin-left:-1000px;
background-color:#FFF;
width:300px;
height:100%;
z-index:1;
box-shadow:30px -30px 30px #FFF;
}

div#mascaraDireita{
display:block;
position:absolute;
top:0;
left:50%;
margin-left:700px;
background-color:#FFF;
width:400px;
height:100%;
z-index:1;
box-shadow:-30px -30px 30px #FFF;
}

.scene {
	padding:0;
	width: 100%;
	margin: -21px auto;
	list-style:none;
}

.layer{
	display:block;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-1000px;
	width:2000px;
}

.layer:nth-child(1) {
	background-image:url(../images/ceu.png);
	background-position:center top;
	height:339px !important;
}

.layer:nth-child(2) {
	background-image:url(../images/montanha01.png);
	background-position:center top;
	height:444px !important;
}

.layer:nth-child(3) {
	background-image:url(../images/montanha02.png);
	background-position:center top;
	height:582px !important;
}

.layer:nth-child(4) {
	background-image:url(../images/floresta01.png);
	background-position:center top;
	height:630px !important;
}

.layer:nth-child(5) {
	background-image:url(../images/floresta02.png);
	background-position:center top;
	height:630px !important;
}

.layer:nth-child(6) {
	background-image:url(../images/assinaturaVisual-maanaim.png);
	background-position:center;
	height:227px !important;
	margin-top:20px;
	margin-left:-953px;
}

.layer:nth-child(7) {
	background-image:url(../images/brilho-do-sol.png);
	background-position:center;
	height:630px !important;
}


/* -- nuvens -- */

div#nuvem01{
	display:block;
	position:absolute;
	top:-150px;
	left:-300px;
	width:388px;
	height:266px;
	background-image:url(../images/nuvem01.png);
	animation:nuvem01 200s linear;
	-webkit-animation:nuvem01 200s linear; /*Safari and Chrome*/
}

@keyframes nuvem01 {from {left:200px;} to {left:2500px;}}
@-webkit-keyframes nuvem01 {from {left:200px;} to {left:2500px;}}


div#nuvem02{
	display:block;
	position:absolute;
	top:-50px;
	left:-300px;
	width:360px;
	height:222px;
	background-image:url(../images/nuvem02.png);
	animation:nuvem02 200s linear;
	-webkit-animation:nuvem02 200s linear; /*Safari and Chrome*/
}

@keyframes nuvem02 {from {left:1200px;} to {left:2500px;}}
@-webkit-keyframes nuvem02 {from {left:1200px;} to {left:2500px;}}


div#nuvem03{
	display:block;
	position:absolute;
	top:100px;
	left:-300px;
	width:197px;
	height:119px;
	background-image:url(../images/nuvem03.png);
	animation:nuvem03 300s linear;
	-webkit-animation:nuvem03 300s linear; /*Safari and Chrome*/
}

@keyframes nuvem03 {from {left:550px;} to {left:2500px;}}
@-webkit-keyframes nuvem03 {from {left:550px;} to {left:2500px;}}


div#nuvem04{
	display:block;
	position:absolute;
	top:100px;
	width:205px;
	height:128px;
	background-image:url(../images/nuvem04.png);
	animation:nuvem04 300s linear;
	-webkit-animation:nuvem04 300s linear; /*Safari and Chrome*/
}

@keyframes nuvem04 {from {left:1150px;} to {left:2500px;}}
@-webkit-keyframes nuvem04 {from {left:1150px;} to {left:2500px;}}

div#nuvem05{
	display:block;
	position:absolute;
	top:200px;
	width:76px;
	height:48px;
	background-image:url(../images/nuvem05.png);
	animation:nuvem05 400s linear;
	-webkit-animation:nuvem05 400s linear; /*Safari and Chrome*/
}

@keyframes nuvem05 {from {left:900px;} to {left:2500px;}}
@-webkit-keyframes nuvem05 {from {left:900px;} to {left:2500px;}}

div#nuvem06{
	display:block;
	position:absolute;
	top:100px;
	left:-350px;
	width:197px;
	height:119px;
	background-image:url(../images/nuvem03.png);
	animation:nuvem06 300s linear infinite;
	-webkit-animation:nuvem06 300s linear infinite; /*Safari and Chrome*/
	animation-delay:20s;
	-webkit-animation-delay:20s;
}

@keyframes nuvem06 {from {left:-350px;} to {left:2500px;}}
@-webkit-keyframes nuvem06 {from {left:-350px;} to {left:2500px;}}

div#nuvem07{
	display:block;
	position:absolute;
	top:-50px;
	left:-350px;
	width:360px;
	height:222px;
	background-image:url(../images/nuvem02.png);
	animation:nuvem07 200s linear infinite;
	-webkit-animation:nuvem07 200s linear infinite; /*Safari and Chrome*/
	animation-delay:30s;
	-webkit-animation-delay:30s;
}

@keyframes nuvem07 {from {left:-350px;} to {left:2500px;}}
@-webkit-keyframes nuvem07 {from {left:-350px;} to {left:2500px;}}


/* -- vagalumes -- */

div.vagalume{ display:block; position:absolute; width:28px; height:28px; }

div#vagalume01 div{ animation:vagalumePiscando01 4s infinite; -webkit-animation:vagalumePiscando01 4s infinite; display:block; position:absolute; width:28px; height:28px; background-image:url(../images/vagalume.png); }
@keyframes vagalumePiscando01 {0%{opacity:1;}70%{opacity:1;}70.1%{opacity:0;}80%{opacity:0;}80.1%{opacity:1;}}
@-webkit-keyframes vagalumePiscando01 {0%{opacity:1;}70%{opacity:1;}70.1%{opacity:0;}80%{opacity:0;}80.1%{opacity:1;}}

div#vagalume02 div{ animation:vagalumePiscando02 5s infinite; -webkit-animation:vagalumePiscando02 5s infinite; display:block; position:absolute; width:28px; height:28px; background-image:url(../images/vagalume.png); }
@keyframes vagalumePiscando02 {0%{opacity:1;}60%{opacity:1;}60.1%{opacity:0;}70%{opacity:0;}70.1%{opacity:1;}}
@-webkit-keyframes vagalumePiscando02 {0%{opacity:1;}60%{opacity:1;}60.1%{opacity:0;}70%{opacity:0;}70.1%{opacity:1;}}

div#vagalume03 div{ animation:vagalumePiscando03 3s infinite; -webkit-animation:vagalumePiscando03 3s infinite; display:block; position:absolute; width:28px; height:28px; background-image:url(../images/vagalume.png); }
@keyframes vagalumePiscando03 {0%{opacity:1;}80%{opacity:1;}80.1%{opacity:0;}90%{opacity:0;}90.1%{opacity:1;}}
@-webkit-keyframes vagalumePiscando03 {0%{opacity:1;}80%{opacity:1;}80.1%{opacity:0;}90%{opacity:0;}90.1%{opacity:1;}}

div#vagalume04 div{ animation:vagalumePiscando04 2s infinite; -webkit-animation:vagalumePiscando04 2s infinite; display:block; position:absolute; width:28px; height:28px; background-image:url(../images/vagalume.png); }
@keyframes vagalumePiscando04 {0%{opacity:1;}50%{opacity:1;}50.1%{opacity:0;}60%{opacity:0;}60.1%{opacity:1;}}
@-webkit-keyframes vagalumePiscando04 {0%{opacity:1;}50%{opacity:1;}50.1%{opacity:0;}60%{opacity:0;}60.1%{opacity:1;}}

div#vagalume05 div{ animation:vagalumePiscando05 6s infinite; -webkit-animation:vagalumePiscando05 6s infinite; display:block; position:absolute; width:28px; height:28px; background-image:url(../images/vagalume.png); }
@keyframes vagalumePiscando05 {0%{opacity:1;}40%{opacity:1;}40.1%{opacity:0;}50%{opacity:0;}50.1%{opacity:1;}}
@-webkit-keyframes vagalumePiscando05 {0%{opacity:1;}40%{opacity:1;}40.1%{opacity:0;}50%{opacity:0;}50.1%{opacity:1;}}

div#vagalume06 div{ animation:vagalumePiscando06 4s infinite; -webkit-animation:vagalumePiscando06 4s infinite; display:block; position:absolute; width:28px; height:28px; background-image:url(../images/vagalume.png); }
@keyframes vagalumePiscando06 {0%{opacity:1;}50%{opacity:1;}50.1%{opacity:0;}60%{opacity:0;}60.1%{opacity:1;}}
@-webkit-keyframes vagalumePiscando06 {0%{opacity:1;}50%{opacity:1;}50.1%{opacity:0;}60%{opacity:0;}60.1%{opacity:1;}}

div#vagalume07 div{ animation:vagalumePiscando07 5s infinite; -webkit-animation:vagalumePiscando07 5s infinite; display:block; position:absolute; width:28px; height:28px; background-image:url(../images/vagalume.png); }
@keyframes vagalumePiscando07 {0%{opacity:1;}60%{opacity:1;}60.1%{opacity:0;}70%{opacity:0;}70.1%{opacity:1;}}
@-webkit-keyframes vagalumePiscando07 {0%{opacity:1;}60%{opacity:1;}60.1%{opacity:0;}70%{opacity:0;}70.1%{opacity:1;}}

div#vagalume08 div{ animation:vagalumePiscando08 3s infinite; -webkit-animation:vagalumePiscando08 3s infinite; display:block; position:absolute; width:28px; height:28px; background-image:url(../images/vagalume.png); }
@keyframes vagalumePiscando08 {0%{opacity:1;}70%{opacity:1;}70.1%{opacity:0;}80%{opacity:0;}80.1%{opacity:1;}}
@-webkit-keyframes vagalumePiscando08 {0%{opacity:1;}70%{opacity:1;}70.1%{opacity:0;}80%{opacity:0;}80.1%{opacity:1;}}


div#vagalume01{ animation:vagalume01 25s infinite; -webkit-animation:vagalume01 25s infinite; /*Safari and Chrome*/ }
@keyframes vagalume01 {0%{left:200px; top:340px;}20%{left:220px; top:370px;}40%{left:240px; top:400px;}60%{left:210px; top:380px;}80%{left:230px; top:350px;}100%{left:200px; top:340px;}}
@-webkit-keyframes vagalume01 {0%{left:200px; top:340px;}20%{left:220px; top:370px;}40%{left:240px; top:400px;}60%{left:210px; top:380px;}80%{left:230px; top:350px;}100%{left:200px; top:340px;}}

div#vagalume02{ animation:vagalume02 17s infinite; -webkit-animation:vagalume02 17s infinite; /*Safari and Chrome*/ }
@keyframes vagalume02 {0%{left:70px; top:350px;}25%{left:120px; top:330px;}50%{left:90px; top:380px;}75%{left:140px; top:370px;}100%{left:70px; top:350px;}}
@-webkit-keyframes vagalume02 {0%{left:70px; top:350px;}25%{left:120px; top:330px;}50%{left:90px; top:380px;}75%{left:140px; top:370px;}100%{left:70px; top:350px;}}

div#vagalume03{ animation:vagalume03 10s infinite; -webkit-animation:vagalume03 10s infinite; /*Safari and Chrome*/ }
@keyframes vagalume03 {0%{left:60px; top:340px;}20%{left:80px; top:350px;}40%{left:110px; top:330px;}60%{left:90px; top:340px;}80%{left:75px; top:360px;}100%{left:60px; top:340px;}}
@-webkit-keyframes vagalume03 {0%{left:60px; top:340px;}20%{left:80px; top:350px;}40%{left:110px; top:330px;}60%{left:90px; top:340px;}80%{left:75px; top:360px;}100%{left:60px; top:340px;}}

div#vagalume04{ animation:vagalume04 10s infinite; -webkit-animation:vagalume04 10s infinite; /*Safari and Chrome*/ }
@keyframes vagalume04 {0%{left:70px; top:450px;}25%{left:100px; top:480px;}50%{left:130px; top:510px;}75%{left:100px; top:470px;}100%{left:70px; top:450px;}}
@-webkit-keyframes vagalume04 {0%{left:70px; top:450px;}25%{left:100px; top:480px;}50%{left:130px; top:510px;}75%{left:100px; top:470px;}100%{left:70px; top:450px;}}

div#vagalume05{ animation:vagalume05 15s infinite; -webkit-animation:vagalume05 15s infinite; /*Safari and Chrome*/ }
@keyframes vagalume05 {0%{left:380px; top:390px;}20%{left:410px; top:420px;}40%{left:450px; top:440px;}60%{left:430px; top:470px;}80%{left:400px; top:430px;}100%{left:380px; top:390px;}}
@-webkit-keyframes vagalume05 {0%{left:380px; top:390px;}20%{left:410px; top:420px;}40%{left:450px; top:440px;}60%{left:430px; top:470px;}80%{left:400px; top:430px;}100%{left:380px; top:390px;}}

div#vagalume06{ animation:vagalume06 17s infinite; -webkit-animation:vagalume06 17s infinite; /*Safari and Chrome*/ }
@keyframes vagalume06 {0%{left:1570px; top:410px;}25%{left:1600px; top:380px;}50%{left:1630px; top:360px;}75%{left:1600px; top:390px;}100%{left:1570px; top:410px;}}
@-webkit-keyframes vagalume06 {0%{left:1570px; top:410px;}25%{left:1600px; top:380px;}50%{left:1630px; top:360px;}75%{left:1600px; top:390px;}100%{left:1570px; top:410px;}}

div#vagalume07{ animation:vagalume07 14s infinite; -webkit-animation:vagalume07 14s infinite; /*Safari and Chrome*/ }
@keyframes vagalume07 {0%{left:1750px; top:390px;}20%{left:1790px; top:420px;}40%{left:1800px; top:440px;}60%{left:1830px; top:470px;}80%{left:1770px; top:430px;}100%{left:1750px; top:390px;}}
@-webkit-keyframes vagalume07 {0%{left:1750px; top:390px;}20%{left:1790px; top:420px;}40%{left:1800px; top:440px;}60%{left:1830px; top:470px;}80%{left:1770px; top:430px;}100%{left:1750px; top:390px;}}

div#vagalume08{ animation:vagalume08 8s infinite; -webkit-animation:vagalume08 8s infinite; /*Safari and Chrome*/ }
@keyframes vagalume08 {0%{left:1700px; top:440px;}25%{left:1740px; top:470px;}50%{left:1800px; top:460px;}75%{left:1750px; top:490px;}100%{left:1700px; top:440px;}}
@-webkit-keyframes vagalume08 {0%{left:1700px; top:440px;}25%{left:1740px; top:470px;}50%{left:1800px; top:460px;}75%{left:1750px; top:490px;}100%{left:1700px; top:440px;}}

/* -- beija-flor -- */

div#beijaFlor{ display:block; position:absolute; animation:beijaFlorVoando 20s infinite; -webkit-animation:beijaFlorVoando 20s infinite;}
@keyframes beijaFlorVoando {0%{left:2400px; top:500px;}10%{left:720px; top:440px;}15%{top:450px;}20%{top:430px;}25%{top:420px;}30%{top:430px;} 40%{left:750px;} 50%{left:760px;} 60%{left:750px;} 75%{left:770px;top:450px;}80%{left:-50px; top:50px;}90%{left:-50px; top:-50px;}95%{left:2400px; top:-50px;}100%{left:2400px; top:500px;}}
@-webkit-keyframes beijaFlorVoando {0%{left:2400px; top:500px;}10%{left:720px; top:440px;}15%{top:450px;}20%{top:430px;}25%{top:420px;}30%{top:430px;} 40%{left:750px;} 50%{left:760px;} 60%{left:750px;} 75%{left:770px;top:450px;}80%{left:-50px; top:50px;}90%{left:-50px; top:-50px;}95%{left:2400px; top:-50px;}100%{left:2400px; top:500px;}}

div#beijaFlor div#beijaFlorAsa01 { position:absolute; width:40px; height:22px; background-image:url(../images/beija-flor01.png); animation:beijaFlorAsa01 0.05s infinite; -webkit-animation:beijaFlorAsa01 0.05s infinite; }
@keyframes beijaFlorAsa01 {0%{ opacity:1;} 50%{ opacity:0;} 100%{ opacity:1;}}
@-webkit-keyframes beijaFlorAsa01 {0%{ opacity:1;} 50%{ opacity:0;} 100%{ opacity:1;}}

div#beijaFlor div#beijaFlorAsa02 { position:absolute; width:40px; height:22px; background-image:url(../images/beija-flor02.png); animation:beijaFlorAsa02 0.05s infinite; -webkit-animation:beijaFlorAsa02 0.05s infinite; }
@keyframes beijaFlorAsa02 {0%{ opacity:0;} 50%{ opacity:1;} 100%{ opacity:0;}}
@-webkit-keyframes beijaFlorAsa02 {0%{ opacity:0;} 50%{ opacity:1;} 100%{ opacity:0;}}

/* -- borboleta -- */

div#borboleta{ display:block; position:absolute; animation:borboletaVoando 30s linear infinite; -webkit-animation:borboletaVoando 30s linear infinite;}
@keyframes borboletaVoando {0%{left:1610px; top:414px;}	15%{left:1610px; top:414px;} 42.5%{left:1305px; top:490px;}	50%{left:1305px; top:490px;} 50.1%{left:1335px; top:490px;}	77.5%{left:1625px; top:414px;}	77.6%{left:1610px; top:414px;} 100%{left:1610px; top:414px;}}
@-webkit-keyframes borboletaVoando {0%{left:1610px; top:414px;} 15%{left:1610px; top:414px;} 42.5%{left:1305px; top:490px;} 50%{left:1305px; top:490px;} 50.1%{left:1335px; top:490px;} 77.5%{left:1625px; top:414px;} 77.6%{left:1610px; top:414px;} 100%{left:1610px; top:414px;}}

div#borboleta div#borboletaParada01 { position:absolute; width:51px; height:48px; background-image:url(../images/borboleta.png); animation:borboletaParada01 30s infinite; -webkit-animation:borboletaParada01 30s infinite; }
@keyframes borboletaParada01 { 0%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);} 15%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);} 15.1%{ opacity:0; transform:rotateY(0); -webkit-transform:rotateY(0);} 42.5%{ opacity:0; transform:rotateY(0); -webkit-transform:rotateY(0);} 42.6%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);} 50%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);} 50.1%{ opacity:0; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);} 77.5%{ opacity:0; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);} 77.6%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);} 100%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);}}
@-webkit-keyframes borboletaParada01 { 0%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);} 15%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);} 15.1%{ opacity:0; transform:rotateY(0); -webkit-transform:rotateY(0);} 42.5%{ opacity:0; transform:rotateY(0); -webkit-transform:rotateY(0);} 42.6%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);} 50%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);} 50.1%{ opacity:0; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);} 77.5%{ opacity:0; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);} 77.6%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);} 100%{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0);}}

div#borboleta div#borboletaVoando01 { position:absolute; width:51px; height:48px; position:absolute; animation:borboletaVoando01 30s infinite; -webkit-animation:borboletaVoando01 30s infinite; }
@keyframes borboletaVoando01 { 0%{ opacity:0; transform:rotateY(0);} 15%{ opacity:0; transform:rotateY(0);} 15.1%{ opacity:1; transform:rotateY(0);} 42.5%{ opacity:1; transform:rotateY(0);} 42.6%{ opacity:0; transform:rotateY(0);} 50%{ opacity:0; transform:rotateY(0);} 50.1%{ opacity:1; transform:rotateY(180deg);} 77.5%{ opacity:1; transform:rotateY(180deg);} 77.6%{ opacity:0; transform:rotateY(0);} 100%{ opacity:0; transform:rotateY(0);}}
@-webkit-keyframes borboletaVoando01 { 0%{ opacity:0; transform:rotateY(0);} 15%{ opacity:0; -webkit-transform:rotateY(0);} 15.1%{ opacity:1; -webkit-transform:rotateY(0);} 42.5%{ opacity:1; -webkit-transform:rotateY(0);} 42.6%{ opacity:0; -webkit-transform:rotateY(0);} 50%{ opacity:0; -webkit-transform:rotateY(0);} 50.1%{ opacity:1; -webkit-transform:rotateY(180deg);} 77.5%{ opacity:1; -webkit-transform:rotateY(180deg);} 77.6%{ opacity:0; -webkit-transform:rotateY(0);} 100%{ opacity:0; -webkit-transform:rotateY(0);}}

div#borboleta div#borboletaAsa01 { position:absolute; width:51px; height:48px; background-image:url(../images/borboleta01.png); animation:borboletaAsa01 0.4s infinite; -webkit-animation:borboletaAsa01 0.4s infinite;}
@keyframes borboletaAsa01 {0%{ opacity:1;} 50%{ opacity:0;} 100%{ opacity:1;}}
@-webkit-keyframes borboletaAsa01 {0%{ opacity:1;} 50%{ opacity:0;} 100%{ opacity:1;}}

div#borboleta div#borboletaAsa02 { position:absolute; width:51px; height:48px; background-image:url(../images/borboleta02.png); animation:borboletaAsa02 0.4s infinite; -webkit-animation:borboletaAsa02 0.4s infinite;}
@keyframes borboletaAsa02 {0%{ opacity:0;} 50%{ opacity:1;} 100%{ opacity:0;}}
@-webkit-keyframes borboletaAsa02 {0%{ opacity:0;} 50%{ opacity:1;} 100%{ opacity:0;}}

/* -- Aves -- */

div.aves{ display:block; position:absolute; width:40px; height:40px;}

div#ave01 { animation:aveVoando 20s infinite linear; -webkit-animation:aveVoando 20s infinite linear; top:70px;}
div#ave02 { animation:aveVoando 15s infinite linear; -webkit-animation:aveVoando 15s infinite linear; top:30px; animation-delay:10s; -webkit-animation-delay:10s;}
div#ave03 { animation:aveVoando 30s infinite linear; -webkit-animation:aveVoando 30s infinite linear; top:108px; transform:scale(0.7); animation-delay:20s; -webkit-animation-delay:20s; -webkit-transform:scale(0.7);}
div#ave04 { animation:aveVoando 36s infinite linear; -webkit-animation:aveVoando 32s infinite linear; top:112px; transform:scale(0.6); animation-delay:40s; -webkit-animation-delay:40s; -webkit-transform:scale(0.6);}
div#ave05 { animation:aveVoando 24s infinite linear; -webkit-animation:aveVoando 28s infinite linear; top:98px; transform:scale(0.8); animation-delay:50s; -webkit-animation-delay:50s; -webkit-transform:scale(0.8);}
div#ave06 { animation:aveVoando 40s infinite linear; -webkit-animation:aveVoando 34s infinite linear; top:120px; transform:scale(0.5); animation-delay:30s; -webkit-animation-delay:30s; -webkit-transform:scale(0.5);}
@keyframes aveVoando {0%{left:2800px;} 100%{left:-200px;}}
@-webkit-keyframes aveVoando {0%{left:2800px;} 100%{left:-200px;}}

div.aves div#aveVoando01 { position:absolute; width:40px; height:40px; background-image:url(../images/ave04.png); animation:aveVoando01 0.5s infinite; -webkit-animation:aveVoando01 0.5s infinite; }
@keyframes aveVoando01 {0%{ opacity:1;} 25%{ opacity:0;} 50%{ opacity:0;} 75%{ opacity:0;} 100%{ opacity:1;}}
@-webkit-keyframes aveVoando01 {0%{ opacity:1;} 25%{ opacity:0;} 50%{ opacity:0;} 75%{ opacity:0;} 100%{ opacity:1;}}

div.aves div#aveVoando02 { position:absolute; width:40px; height:40px; background-image:url(../images/ave03.png); animation:aveVoando02 0.5s infinite; -webkit-animation:aveVoando02 0.5s infinite; }
@keyframes aveVoando02 {0%{ opacity:0;} 25%{ opacity:1;} 50%{ opacity:0;} 75%{ opacity:0;} 100%{ opacity:0;}}
@-webkit-keyframes aveVoando02 {0%{ opacity:0;} 25%{ opacity:1;} 50%{ opacity:0;} 75%{ opacity:0;} 100%{ opacity:0;}}

div.aves div#aveVoando03 { position:absolute; width:40px; height:40px; background-image:url(../images/ave02.png); animation:aveVoando03 0.5s infinite; -webkit-animation:aveVoando03 0.5s infinite; }
@keyframes aveVoando03 {0%{ opacity:0;} 25%{ opacity:0;} 50%{ opacity:1;} 75%{ opacity:0;} 100%{ opacity:0;}}
@-webkit-keyframes aveVoando03 {0%{ opacity:0;} 25%{ opacity:0;} 50%{ opacity:1;} 75%{ opacity:0;} 100%{ opacity:0;}}

div.aves div#aveVoando04 { position:absolute; width:40px; height:40px; background-image:url(../images/ave01.png); animation:aveVoando04 0.5s infinite; -webkit-animation:aveVoando04 0.5s infinite; }
@keyframes aveVoando04 {0%{ opacity:0;} 25%{ opacity:0;} 50%{ opacity:0;} 75%{ opacity:1;} 100%{ opacity:0;}}
@-webkit-keyframes aveVoando04 {0%{ opacity:0;} 25%{ opacity:0;} 50%{ opacity:0;} 75%{ opacity:1;} 100%{ opacity:0;}}

/* -- menu -- */

a#menuHome{
	display:block;
	position:absolute;
	width:450px;
	height:200px;
	top:0;
	left:50%;
	margin-left:-265px;
}

div#menuBarracas a{
	display:block;
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

div#menuBarracas a:hover{
	text-decoration:underline;
}

a#menuQuemSomos{
	top:356px; left:767px; width:227px; height:58px; line-height:60px;
}

a#menuQuemSomos:hover{
	background: transparent url("../images/bg-menu-quem-somos-selecionado.png") no-repeat right bottom;
}

a#menuComunidade{
	top:330px; left:705px; width:225px; height:48px; line-height:45px
}

a#menuComunidade:hover{
	background: transparent url("../images/bg-menu-comunidade-selecionado.png") no-repeat right bottom;
}

a#menuNoticias{
	top:320px; left:800px; width:175px; height:38px; line-height:0;
}

a#menuNoticias:hover{
	background: transparent url("../images/bg-menu-noticias-selecionado.png") no-repeat right bottom;
}

a#menuDoacoes{
	top:320px; left:1007px; width:141px; height:38px; text-align:right; line-height:8px;
}
a#menuDoacoes:hover{
	background: transparent url("../images/bg-menu-doacoes-selecionado.png") no-repeat left bottom;
}

a#menuGaleria{
	top:337px; left:1060px; width:245px; height:48px; text-align:right; line-height:30px;
}

a#menuGaleria:hover{
	background: transparent url("../images/bg-menu-galeria-selecionado.png") no-repeat left bottom;
}

a#menuContatos{
	top:355px; left:999px; width:183px; height:58px; text-align:right; line-height:74px;
}

a#menuContatos:hover{
	background: transparent url("../images/bg-menu-contatos-selecionado.png") no-repeat left bottom;
}

/* -- rodape -- */

div#footer{
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2b5629;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding:10px 0;
}

div#footer div{
	display:block;
	width:900px;
	margin:0 auto;
	padding:0;
	height:60px;
}

div#footer div p{
	display:block;
	text-align:center;
	line-height:25px;
	margin:0;
}

div#footer div a{
	/*display:block;*/
	display:none;
	position:relative;
	top:-37px;
	left:860px;
}

/* -- Aviso IE8 -- */

div#avisoSobreNavegador{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	text-align:center;
	background-color:#FC6;
	border-bottom:2px solid #666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:2;
}

div#avisoSobreNavegador p{
	padding:5px;
	color:#666;
	font-size:16px;
	margin:0;
}

div#avisoSobreNavegador p#avisoSecundario{
	padding:0 5px 5px 5px;
	color:#000;
	font-size:14px;
}

div#avisoSobreNavegador p a{
	text-decoration:underline;
	color:#000;
}

div#avisoSobreNavegador p a:hover{
	color:#FFF;
}

div#avisoSobreNavegador a#botaoFecharAvisoSobreNavegador{
	display:block;
	position:fixed;
	top:5px;
	right:5px;
	padding:3px 5px;
	color:#000;
	border:1px solid #000;
	font-size:10px;
	cursor:pointer;
	font-weight:bold;
}

div#avisoSobreNavegador a#botaoFecharAvisoSobreNavegador:hover{
	background-color:#666;
	color:#FFF;
	border:1px solid #FFF;
}

/* -- Formularios -- */

div.main{
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../images/cenario.jpg) no-repeat center top;
	border: 1px solid transparent;
	margin-top:-1px;
}

div.widget-content{
	margin:0;
	display:block;
	position:relative;
	width:100%;	
}

div.widget-header{
	display:block;
	width:100%;
	margin:220px 0 0 0;
}

div.widget-header h3, div.widget-header h4{
	display:block;
	text-align:center;
	margin:0 auto;
	padding:10px;
	background-color:#FFF;
	width:700px;
	box-shadow:0 5px 10px #888;
}

div.widget-header h3{
	font-size:18px;
	font-weight:normal;
	color:#739970;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom:1px solid #CCC;
	padding:10px 0px;
}

div.widget-header h4{
	font-size:28px;
	font-weight:bold;
	color:#2b5629;
	padding:5px 0px;
}

div.widget-content form fieldset{
	display:block;
	width:960px;
	margin:0 auto 50px auto;
	border:2px solid #FFF;
	border-radius: 10px;
	background-image:url(../images/bg-secoes.png);
	box-shadow:0 5px 10px #888;
	padding:25px 30px;
}

div.widget-content form fieldset p.help-block{
	font-size:18px;
	color:#900;
	margin:0 0 10px 0;
}

div.widget-content form fieldset label{
	display:block;
	font-size:20px;
	color:#2b5629;
	margin:10px 0 3px 0;
}

div.widget-content form fieldset label span{
	color:#900;
	font-size:26px;
}

div.widget-content form fieldset input[type="text"]{
	border:2px solid #739970;
	padding:7px;
	font-size:16px;
	color:#666;
	width:500px;
}

div.widget-content form fieldset button{
	border:0;
	padding:15px 20px;
	font-size:20px;
	color:#FFF;
	background-color:#2b5629;
	border-radius:5px;
}

div.widget-content form fieldset button:hover{
	background-color:#739970;
}

div.widget-content form fieldset>div{
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
}

div.anuncios{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-308px 0 0 -145px;
	width:290px;
	height:616px;
	background-image:url("http://www.comunidadecatolicamaanaim.org.br/maanaim/templates/templatedomaanaim/images/bg-secoes.png");
	border:5px solid #FFF;
	border-radius:10px;
	padding:10px;
	color:#2B5629;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	box-shadow: 0 5px 10px #888;
}
div.anuncios a.botaoFechar{
	display:block;
	position:relative;
	left:230px;
	padding:5px;
	background-color:#759A72;
	border-radius:5px;
	color:#FFF;
	width:50px;
	font-size:0.8em;
	border:0;
	margin-top:0;
}

div.anuncios a.botaoFechar:hover{
	background-color:#2B5629;
}

div.anuncios img{
	display:block;
	width:280px;
	border:5px solid #FFF;
	border-radius:10px;
}

div.anuncios h2{
	display:block;
	text-align:center;
	text-indent:0;
	color:#F90;
}

div.anuncios a{
	display:block;
	text-align:center;
	text-indent:0;
	padding:5px;
	background-color:#2B5629;
	border-radius:10px;
	color:#FFF;
	border:5px solid #FFF;
	margin-top:-5px;
}

div.anuncios a:hover{
	background-color:#F60;
}

div.anuncios p{
	display:block;
	text-align:justify;
	text-indent:40px;
	font-size:1.1em;
}

div#musica{
	position:fixed;
	top:5px;
	right:10%;
	border:1px solid #FFF;
	width:190px;
	padding:10px 10px 0 10px;
	border-radius:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000;
	text-align:center;
	line-height:1em;
	z-index:1;
}

div#musica audio{
	width:190px;
}

div#menu-secoes{border:1px solid #F90;}

@media screen and (max-width: 1400px) {

div#musica{
	right:5px;
	overflow:hidden;
	padding:10px 0 0 0;
}
}

@media screen and (max-width: 1165px) {


body{
  background-image:url(http://maanaimrj.org.br/maanaim/templates/templatedomaanaim/images/cenario_2.jpg);
  background-position:center top; background-repeat:no-repeat;
  background-image/*\**/:url(http://maanaimrj.org.br/maanaim/templates/templatedomaanaim/images/cenario_2.jpg)\9;
  background-position/*\**/:center top\9; background-repeat/*\**/:no-repeat\9;
}

div#mascaraEsquerda, div#mascaraDireita, .layer{
display:none;
}

ul#scene{
left:50%;
width:500px;
margin-left:-250px;
}

.scene {
	width: 500px;
	margin-left:0;
}

.layer:nth-child(6), .layer:nth-child(8){
display:block;
position:absolute;
left:1000px !important;
width:500px;
}

.layer:nth-child(8) ul li{
list-style:none;
}

div.anuncios{
top:0;
}

div#anuncio-1{
/*margin:895px 0 0 -170px !important;*/
margin: 1020px 0 0 -147px !important
}

div#anuncio-2{
margin:300px 0 0 -145px !important;
}

div#anuncio-3{
margin:1530px 0 0 -145px !important;
}

div#footer{
display:none;
}

div#menuBarracas{
	width:500px;
}

div#menuBarracas a{
	position:none !important;
	color:#FFF;
	background-color: #739970;
	padding:5px;
	font-size:1em;
	margin-top:240px;
}

div#menuBarracas a:hover{
	text-decoration:underline;
}

a#menuQuemSomos{
	top:50%; left:50%; width:120px; height:auto; line-height:1em; text-align:center; margin:170px 0 0 -400px;
}

a#menuQuemSomos:hover{
	background-color: #739970;
	background-image: none;
}

a#menuComunidade{
	top:50%; left:50%; width:120px; height:auto; line-height:1em; text-align:center; margin:170px 0 0 -270px;
}

a#menuComunidade:hover{
	background-color: #739970;
	background-image: none;
}

a#menuNoticias{
	top:50%; left:50%; width:120px; height:auto; line-height:1em; text-align:center; margin:170px 0 0 -140px;
}

a#menuNoticias:hover{
	background-color: #739970;
	background-image: none;
}

a#menuDoacoes{
	top:50%; left:50%; width:120px; height:auto; line-height:1em; text-align:center; margin:170px 0 0 -10px;
}
a#menuDoacoes:hover{
	background-color: #739970;
	background-image: none;
}

a#menuGaleria{
	top:50%; left:50%; width:150px; height:auto; line-height:1em; text-align:center; margin:170px 0 0 120px;
}

a#menuGaleria:hover{
	background-color: #739970;
	background-image: none;
}

a#menuContatos{
	top:50%; left:50%; width:120px; height:auto; line-height:1em; text-align:center; margin:170px 0 0 280px;
}

a#menuContatos:hover{
	background-color: #739970;
	background-image: none;
}

div#avisoSobreNavegador{
	width:500px;
}

a#menuHome{
display:none;
}


}