/* CSS DO OED, DEVE SER ALTERADO */
#contFade { position:absolute; width:800px; height:600px; background-color:#000; z-index:1000; display:none;}
.tela{
	width:800px;
	height:600px;
}
#interatividade .abs{
	width:800px;
	height:600px;
	background-color:#000;
	/*z-index:10;*/
}
#areaVideo, .credito{z-index:50;}
#interface {z-index:100;}

#interatividade #inicio { background-color:rgba(0,0,0,.65); z-index:50;}
#interatividade #inicio .btInicio{position:absolute; width:190px; height:180px; cursor:pointer; background:url('img/bt_inicio.png') no-repeat 0 0; left:0; right:0; margin:auto; top:250px;}
#interatividade #inicio .btInicio.move{background-position:right top;}

#home{ background:url('img/bg.jpg');}

.mar {position:absolute; width:315px; height:410px; background:url('img/mar.png') 0 0 no-repeat; top:190px; right:0; left:auto; background-size:100% 100%; z-index:3;}
.mar2 {filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;  z-index:100; background:url('img/mar2.png') 0 0 no-repeat; z-index:5; background-size:100% 100%;}
.mar3 {z-index:1;}
#home .gaivota {position:absolute; width:145px; height:140px; top:100px; left:100px; background:url('img/gaivota.png') no-repeat 0 0;}
.botao {position:absolute; width:112px; height:111px; background:url('img/ciclocompleto_destaque.png') no-repeat center center; z-index:100; cursor:pointer; transition:background 1.5s;}
/*.botao {position:absolute; width:56px; height:68px; background:url('img/bt_ponto.png') no-repeat; z-index:100; cursor:pointer;}*/
#home .botao.bt1 {left:200px; top:380px;}
#home .botao.bt2 {left:650px; top:300px;}
#home .tartaruga 		{position:absolute; width:88px; height:65px; background:url('img/tartaruga.png') no-repeat 0 0; left:150px; top:430px; z-index:4; display:none;}
#home .tartarugaOvo 	{position:absolute; width:92px; height:68px; left:112px; top:447px; z-index:4;}
#home .coqueiro1 {position:absolute; width:145px; height:186px; background:url('img/coq1.png') no-repeat 0 0;  left:420px;}
#home .coqueiro2 {position:absolute; width:120px; height:164px; background:url('img/coq2.png') no-repeat 0 0;  left:298px; top:7px;}

#tela2 #tartaruga {position:absolute; width:190px; height:184px; background:url('img/tartaruga_tela2.png') no-repeat 0 0; left:-200px; top:-200px; z-index:4; }
#tela2 {background-image:url('img/bg3.jpg');}
#tela2 .botao.bt1 {left:430px; top:150px;}
#tela2 .botao.bt2 {left:700px; top:415px;}
#tela2 .videoBg {position:absolute; top:0; left:0; width:800px; height:600px; z-index:1;}
#tela2 .aguaViva { position:absolute; width:40px; height:60px; background:url('img/agua_viva.png') no-repeat 0 0; left:425px; top:220px; z-index:3;}
#tela2 .aguaViva.agua2 {left:475px; top:205px; }

#tela3 {background-image:url('img/bg4.jpg');}
#tela3 .videoBg {position:absolute; top:0; left:0; width:800px; height:600px; z-index:1;}
#tela3 .botao.bt1 {left:565px; top:275px;}
#tela3 .botao.bt2 {left:565px; top:275px;}
#tela3 #tartaruga	{position:absolute; width:230px; height:215px; background:url('img/tartarugafemea_tela3.png') no-repeat 0 0; left:-200px; top:-200px; z-index:4; }
#tela3 #tartaruga.t2{ width:233px; height:153px; background:url('img/tartarugafemea_tela5.png') no-repeat 0 0; left:-200px; top:-200px; z-index:4; }
#tela3 #tartarugaM 	{position:absolute; width:240px; height:182px; background:url('img/tartaruga_macho.png') no-repeat 0 0; left:475px; top:350px; z-index:4; }

#tela4 {background-image:url('img/bg5.jpg');}
#tela4 .botao.bt1 {left:620px; top:360px;}
#tela4 .botao.bt2 {left:230px; top:275px;}
#tela4 .botao.bt3 {left: 90px; top:225px;}
#tela4 .ovos		{position:absolute; width:283px; height:163px; background:url('img/ovos_tela4.png') no-repeat 0 0; left:10px; top:290px; z-index:4; display:none;}
#tela4 .ovos2		{position:absolute; width:283px; height:163px; background:url('img/ovos1_tela4.png') no-repeat 0 0; left:10px; top:290px; z-index:4; display:none;}
#tela4 .ovo			{position:absolute; width:19px; height:19px; background:url('img/ovo.png') no-repeat 0 0; left:220px; top:330px; z-index:4; display:none;}
#tela4 #tartaruga	{position:absolute; width:233px; height:153px; background:url('img/tartarugafemea_tela5.png') no-repeat 0 0; left:800px; top:460px; z-index:4; }

#tela5 {background-image:url('img/bg6.jpg');}
#tela5 .videoBg {position:absolute; top:0; left:0; width:800px; height:600px; z-index:1;}
#tela5 .ciclo1 {position:absolute; top:41px; left:198px; width:190px; height:100px; cursor:pointer;z-index:5; }
#tela5 .ciclo1 .cicloA{position:absolute; top:30px; left:30px; width:39px; height:21px; background:url('img/ciclocompleto_1a.png') no-repeat 0 0; pointer-events:none;}
#tela5 .ciclo1 .cicloB{position:absolute; top:37px; left:35px; width:32px; height:21px; background:url('img/ciclocompleto_1b.png') no-repeat 0 0; display:none; pointer-events:none;}
#tela5 .ciclo2 {position:absolute; top:135px; left:525px; width:68px;  height:52px;  z-index:5; background:url('img/ciclocompleto_2.png') no-repeat 0 0; cursor:pointer;}
#tela5 .ciclo3 {position:absolute; top:260px; left:605px; width:134px; height:170px; z-index:5; background:url('img/ciclocompleto_3.png') no-repeat 0 0; cursor:pointer;}
#tela5 .ciclo4 {position:absolute; top:280px; left:435px; width:98px;  height:91px;  z-index:5; background:url('img/ciclocompleto_4.png') no-repeat 0 0; cursor:pointer; display:none;}
#tela5 .ciclo5 {position:absolute; top:117px; left:4px;  width:100px; height:73px;  z-index:5; background:url('img/ciclocompleto_5.png') no-repeat 0 0; cursor:pointer;}
#tela5 .aro 	{position:absolute; top:117px; left:4px; width:11px; height:112px;  z-index:2; background:url('img/ciclocompleto_destaque.png') no-repeat center center; transition:background 1.5s;}
#tela5 .aro.aro1 	{position:absolute; top:35px; left:210px;  width:111px; height:112px;  z-index:2; background:url('img/ciclocompleto_destaque.png') no-repeat center center; }
#tela5 .aro.aro2 	{position:absolute; top:105px; left:505px; width:111px; height:112px;  z-index:2; background:url('img/ciclocompleto_destaque.png') no-repeat center center; }
#tela5 .aro.aro3 	{position:absolute; top:290px; left:625px; width:111px; height:112px;  z-index:2; background:url('img/ciclocompleto_destaque.png') no-repeat center center; }
#tela5 .aro.aro4 	{position:absolute; top:265px; left:425px; width:111px; height:112px;  z-index:2; background:url('img/ciclocompleto_destaque.png') no-repeat center center; display:none;}
#tela5 .aro.aro5 	{position:absolute; top:98px; left:1px;   width:111px; height:112px;  z-index:2; background:url('img/ciclocompleto_destaque.png') no-repeat center center; }

.fechar {z-index:100;}
#home .ops{
	position:absolute;	
	font-family: 'font2B';
	font-size:25pt;
	text-transform:uppercase;
	transition: color .5s, text-shadow .5s, top .5s;
	opacity:0;
	cursor:pointer;	
	text-shadow:#333 1px 1px 1px;
}
#home .ops:hover{
	color:#eee;
	text-shadow: 0 1px 0 hsl(174,5%,80%), 0 2px 0 hsl(174,5%,75%), 0 3px 0 hsl(174,5%,70%), 0 4px 0 hsl(174,5%,66%), 0 5px 0 hsl(174,5%,64%), 0 6px 0 hsl(174,5%,62%), 0 7px 0 hsl(174,5%,61%), 0 8px 0 hsl(174,5%,60%), 0 0 5px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.2), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.2), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.3);
}
#home .op1{
	left:400px;
	top:110px;
	color:#e00076;
}
#home .op1:hover{ top:100px; }
#home .op2{
	left:350px;
	top:190px;
	color:#ffcb05;	
}
#home .op2:hover{ top:180px; }
#home .op3{
	left:300px;
	top:270px;
	color:#73b54c;
}
#home .op3:hover{ top:260px; }
#home .op4{
	left:250px;
	top:350px;
	color:#0091cb;
}
#home .op4:hover{ top:340px; }