/* CSS DO OED, DEVE SER ALTERADO */
*{user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
#contVideo  {background-color:#000;}
#interatividade>.abs{
	width:800px;
	height:600px;
}

#home{background-image:url('img/bg1b.jpg');}
#home #textoIni {float:left; margin:175px 30px 0 240px; text-align:center; font-size:22px; color:#195463; font-family:font3; }
#home #btInicio {background-image:url('img/bt_iniciar.png'); float:left; width:128px; height:132px; margin:220px 0 0 50px; cursor:pointer;}

#atividade {background:url('img/bg2.jpg') no-repeat 0 0;}
#atividade .popIni{position:absolute; background-image:url('img/pop_texto1.png'); width:551px; height:128px; top:47px; left:135px; z-index:100;}
#atividade .ponto{background:url('img/ponto.png') no-repeat 0 0; display:block; position:absolute; width:29px; height:29px;transition:all 1s linear;}
#atividade .ponto#ponto1{top:497px; left:85px;}
#atividade .ponto#ponto2{top:325px; left:210px;}
#atividade .ponto#ponto3{top:455px; left:454px;}
#atividade .ponto#ponto4{top:120px; left:415px;}
#atividade .ponto#ponto5{top:165px; left:235px;}
#atividade .ponto.on{filter:alpha(opacity=0); opacity:0; -moz-opacity:0;  }
#atividade #pecas{background:url('img/coluna_pecas.png') no-repeat 0 0; float:right; width:149px; height:600px; z-index:10;}
#atividade #pecas .bolha1{width:116px; height:120px; margin:0 0 0 30px; position:relative; float:left; clear:both; background:url('img/bolhas_coluna.png') 0 0; display:block;}
#atividade #pecas .bolha2{width:116px; height:120px; margin:0 0 0 30px; position:relative; float:left; clear:both; background:url('img/bolhas_coluna.png') -116px 0; display:block;}
#atividade #pecas .bolha3{width:116px; height:120px; margin:0 0 0 30px; position:relative; float:left; clear:both; background:url('img/bolhas_coluna.png') -232px 0; display:block;}
#atividade #pecas .bolha4{width:116px; height:120px; margin:0 0 0 30px; position:relative; float:left; clear:both; background:url('img/bolhas_coluna.png') -348px 0; display:block;}
#atividade #pecas .bolha5{width:116px; height:120px; margin:0 0 0 30px; position:relative; float:left; clear:both; background:url('img/bolhas_coluna.png') -464px 0; display:block;}
#atividade #pecas .bolha1 .btMais{width:45px; height:44px; background-image:url('img/bt_mais.png'); display:block; cursor:pointer; position:relative; z-index:100; margin:80px 0 0 0px; }
#atividade #pecas .bolha2 .btMais{width:45px; height:44px; background-image:url('img/bt_mais.png'); display:block; cursor:pointer; position:relative; z-index:100; margin:80px 0 0 80px;}
#atividade #pecas .bolha3 .btMais{width:45px; height:44px; background-image:url('img/bt_mais.png'); display:block; cursor:pointer; position:relative; z-index:100; margin:80px 0 0 0;}
#atividade #pecas .bolha4 .btMais{width:45px; height:44px; background-image:url('img/bt_mais.png'); display:block; cursor:pointer; position:relative; z-index:100; margin:80px 0 0 80px;}
#atividade #pecas .bolha5 .btMais{width:45px; height:44px; background-image:url('img/bt_mais.png'); display:block; cursor:pointer; position:relative; z-index:100; margin:80px 0 0 0;}
#atividade #peca1	{background:url('img/cisterna.png') no-repeat 0 0; display:block; width:130px; height:100px; position:absolute; top:10px; left:673px; cursor:pointer; z-index:10;}
#atividade #peca1.ativo	{background-position:right top; }
#atividade #peca2	{background:url('img/filtro.png') no-repeat 0 0; display:block; width:40px; height:70px; position:absolute; top:270px; left:715px; cursor:pointer; z-index:10;}
#atividade #peca2.ativo	{background-position:right top; }
#atividade #peca3	{background:url('img/bomba.png') no-repeat 0 0; display:block; width:80px; height:60px; position:absolute; top:152px; left:695px; cursor:pointer; z-index:10;}
#atividade #peca3.ativo	{background-position:right top; }
#atividade #peca4	{background:url('img/reservatorio.png') no-repeat 0 0; display:block; width:80px; height:50px; position:absolute; top:517px; left:695px; cursor:pointer; z-index:10;}
#atividade #peca4.ativo	{background-position:right top; }
#atividade #peca5	{background:url('img/calha.png') no-repeat 0 0; display:block; width:100px; height:60px; position:absolute; top:390px; left:694px; cursor:pointer; z-index:10;}
#atividade #peca5.ativo	{background-position:right top; }
/*#atividade .canos	{position:absolute; width:477px; height:365px; display:block;  left:32px; top:120px; z-index:20;}*/
#atividade .canos	{position:absolute; width:800px; height:600px; display:block;  left:0; top:0; z-index:20;}
#atividade .canos img{position:absolute; top:0; left:0; display:none;}
#atividade .chuva	{position:absolute; width:668px; height:347px; display:block; background:url('img/chuva.png') 0 0; z-index:50; top:0; left:0; pointer-events:none;}
#atividade2 .chuva	{position:absolute; width:800px; height:347px; display:block; background:url('img/chuva.png') 0 0; z-index:20; top:0; left:0; pointer-events:none;}

#interface {z-index:200;}


#feedbackPositivo {background-image:url('img/bg3.jpg'); z-index:100;}
#feedbackPositivo .image{float:left; width:222px; height:215px; background:no-repeat center center; margin:160px 0 0 40px;}
#feedbackPositivo .image#img1{background-image:url('img/cisterna2.png');}
#feedbackPositivo .image#img2{background-image:url('img/filtro2.png');}
#feedbackPositivo .image#img3{background-image:url('img/bomba2.png');}
#feedbackPositivo .image#img4{background-image:url('img/reservatorio2.png');}
#feedbackPositivo .image#img5{background-image:url('img/calha2.png');}
#feedbackPositivo .texto{float:left; width:450px; margin:270px 0 0 55px; color:#195463; font-size:18px;}
#feedbackPositivo .texto span{display:none;}

#feedbackNegativo {background-image:url('img/bg4.jpg'); z-index:100;}
#feedbackNegativo .texto{float:left; margin:0px 0 0 220px; color:#195463; font-size:18px;}
#feedbackNegativo .texto span{display:none;}
#feedbackNegativo .pense{float:left; margin:200px 0 0 220px; color:#6A7777; font-size:40px; font-family:aller;}
#feedbackNegativo .pense span{font-size:70px; margin-right:-5px;}

.btFechar { background: url('../../system/css/img/sprite.png') no-repeat  -556px -277px; position:absolute; top:0px; right:0px; display:block; text-indent:-5000px; width:55px; height:55px; cursor:pointer; z-index:200;}

.nextPage{ position:absolute;  bottom:10px; right:140px;  width:112px; height:75px; /*background:url(../../system/css/img/sprite.png) no-repeat; background-position:-450px -277px;*/ display:block;  cursor:pointer; display:none; z-index:50; background-image:url('img/bt_avancar.png'); text-indent:-5000px; }
.nextPage.on{ background-position:right top; }

#pageCisterna , #pageFiltro , #pageBomba , #pageReservatorio , #pageCalha {background-image:url('img/bg4.jpg'); z-index:150; position:relative;}
#pageCisterna .tituloPage		{background-image:url('img/cisterna_nome.png'); display:block; position:absolute; z-index:10; width:140px; height:132px; top:100px;}
#pageFiltro .tituloPage			{background-image:url('img/filtro_nome.png'); display:block; position:absolute; z-index:10; width:125px; height:132px; top:100px;}
#pageBomba .tituloPage			{background-image:url('img/bomba_nome.png'); display:block; position:absolute; z-index:10; width:125px; height:132px; top:100px;}
#pageReservatorio .tituloPage	{background-image:url('img/reservatório_nome.png'); display:block; position:absolute; z-index:10; width:216px; height:145px; top:100px;}
#pageCalha .tituloPage			{background-image:url('img/calha_nome.png'); display:block; position:absolute; z-index:10; width:125px; height:132px; top:100px;}

.contTexto {position:absolute; bottom:-15px; left:0; right:0; margin:auto; background:url('img/box_texto.png') no-repeat 0 0; width:647px; height:165px;}
.contTexto .setaEsq	{position:absolute; width:59px; height:58px; cursor:pointer; left :-10px; top:50px; background-image:url('img/seta_esquerda.png');}
.contTexto .setaDir	{position:absolute; width:59px; height:58px; cursor:pointer; right:-10px; top:50px; background-image:url('img/seta_direita.png');}
.contTexto .text	{display:table; margin:18px auto 0; text-align:center; font-family:Arial; font-size:18px; color:#195463; height:128px;}
.contTexto .text .vAlign{height:128px; vertical-align:middle; display:inline-block;}
.contTexto .text span{display:none; vertical-align:middle; width:495px; font-family:Arial; }
.contTexto .text span *{font-family:Arial; }
.contTexto .text span .cor{color:#DB736E; display:inline-block;}

.animaReservatorio {float:left; width:800px; height:283px; position:relative; z-index:5; margin:45px 0 0px;}
.animaReservatorio .image 		{display:block; width:664px; height:283px; background-image:url('img/ilustracao_reservatorio.png');  position:absolute; z-index:3; top:0; left:80px;}
.animaReservatorio .agua 		{display:block; width:321px; height:0; position:absolute; z-index:2; background-color:#87bae7; bottom:34px; left:253px;}
.animaReservatorio .bg 			{display:block; width:321px; height:170px; position:absolute; z-index:1; background-color:#c3c4c6; bottom:34px; left:253px;}
.animaReservatorio .boia 		{display:block; width:108px; height:31px; position:absolute; z-index:4; background-image:url('img/boia.png'); left:271px; top:72px; transform-origin:0 0;transform:rotate(15deg);}
.animaReservatorio .boia.fim 	{transform-origin:0 0;transform:rotate(0deg); transition: transform 1s ;}
.animaReservatorio .aguaSaida 	{display:block; width:108px; height:16px; position:absolute; z-index:4; background-color:#87bae7; right:554px; top:210px;}
.animaReservatorio .aguaCaindo 	{display:block; width:78px; height:164px; position:absolute; z-index:4; background:url('img/agua_reservatorio1.png') no-repeat left top; left:273px; top:76px;}


.animaBomba {float:left; width:800px; height:253px; position:relative; z-index:5; margin:25px 0 20px;}
.animaBomba .image			{position:absolute; top:0; left:200px; width:374px; height:253px; background-image:url('img/ilustracao_bomba.png'); z-index:3;}
.animaBomba .agua			{position:absolute; bottom:56px; left:199px; width:171px; height:198px; background:url('img/agua_bomba1.png') no-repeat left bottom; z-index:5;}
.animaBomba .disco			{position:absolute; top:131px; left:320px; width:51px; height:64px; background:url('img/disco_bomba.png') no-repeat left top; z-index:4;}
.animaBomba .disco.right	{background-position:right top;}


.animaCisterna {float:left; width:800px; height:285px; position:relative; z-index:5; margin:25px 0 20px;}
.animaCisterna .image 		{display:block; width:572px; height:285px; background-image:url('img/ilustracao_cisterna.png');  position:absolute; z-index:3; top:0; right:100px;}
.animaCisterna .agua 		{display:block; width:305px; height:0; position:absolute; z-index:2; background-color:#87bae7; bottom:7px; left:246px;}
.animaCisterna .bg 			{display:block; width:305px; height:190px; position:absolute; z-index:1; background-color:#c3c4c6; bottom:7px; left:246px;}
.animaCisterna .aguaEntrada	{display:block; width:0px; height:13px; position:absolute; z-index:4; background-image:url('img/agua_cisterna.png'); top:85px; left:239px;}
.animaCisterna .aguaEntrada2{display:none; width:52px; height:38px; position:absolute; z-index:4; background-image:url('img/agua_cisterna3.png'); top:238px; left:339px;}
.animaCisterna .aguaSaida1	{display:block; width:0; height:97px; position:absolute; z-index:4; background:url('img/agua_cisterna2.png') left bottom; top:60px; left:335px;}
.animaCisterna .aguaSaida2	{display:block; width:0; height:11px; position:absolute; z-index:4; background-color:#87bae7; top:97px; left:451px;}


.animaFiltro{float:left; width:800px; height:300px; position:relative; z-index:5; margin:25px 0 20px;}
.animaFiltro .image			{display:block; width:408px; height:300px; background-image:url('img/ilustracao_filtro.png'); position:absolute; top:0; right:200px; z-index:5;}
.animaFiltro .aguaEntrada	{display:block; background-color:#7189b0; position:absolute; top:18px; left:417px; z-index:5; width:10px; height:100px; border-radius:0 0 5px 5px;}
.animaFiltro .agua3			{display:block; background:url('img/agua_filtro3.png') no-repeat left bottom; position:absolute; bottom:119px; left:345px; z-index:6; width:96px; height:128px; }
.animaFiltro .agua2			{display:block; background:url('img/agua_filtro2.png') no-repeat 0 0; position:absolute; top:168px; left:345px; z-index:7; width:96px; height:78px; }
.animaFiltro .agua1			{display:block; background:url('img/agua_filtro1.png') no-repeat 0 0; position:absolute; top:237px; left:345px; z-index:8; width:96px; height:50px; }
.animaFiltro .aguaSaida1	{display:block; background:url('img/agua_filtro4.png') right top; position:absolute; top:75px; right:448px; z-index:8; width:142px; height:204px; }
.animaFiltro .aguaSaida2	{display:block; background-color:#88a9d7; position:absolute; top:269px; left:439px; z-index:8; width:106px; height:10px; }


.animaCalha	{float:left; width:800px; height:250px; position:relative; z-index:5; margin:50px 0 20px;}
.animaCalha img				{float:left; margin:0 0 0 150px;}
.animaCalha .chuva			{display:block; width:126px; height:215px; background-image:url('img/chuva_calha.png'); position:absolute; top:-164px; right:180px; z-index:5; }
.animaCalha .chuva.anima	{transition: background 5s linear;}




.numeros {float:left; margin-left:70px;}
.listaNumeros {float:left; width:200px; margin:0 15px 10px ;}
.listaNumeros .numero	{float:left; width:25px; color:#DB736E; font-size:40px; line-height:40px; font-family:font2B; }
.listaNumeros .texto	{float:left; width:175px; color:#195463; font-size:16px; line-height:20px; }

#paginaInicio {background-image:url('img/bg1.jpg'); z-index:50;}
#paginaInicio #texto	{float:left; margin:160px 30px 0 250px; text-align:center; font-size:22px; color:#195463; font-family:font3; }
#paginaInicio #btInicio {background-image:url('img/bt_iniciar.png'); float:left; width:128px; height:132px; margin:220px 0 0 50px; cursor:pointer;}

#atividade2 {background:url('img/bg5.jpg') no-repeat 0 0; position:relative;}
#atividade2 .canos1{background-image:url('img/ativ2_cano1.png'); width:800px; height:600px; z-index:1; display:block;}
#atividade2 .canos2{width:800px; height:600px; z-index:1; position:absolute; top:0; left:0;}
#atividade2 .canos2 img{position:absolute; top:0; left:0; display:none; z-index:2;}
#atividade2 .canos2 .ini{z-index:1;}
#atividade2 .canos2 .cano2{top:5px;}
#atividade2 .canos2 .cano3{top:4px;}
#atividade2 .ponto{background:url('img/ponto.png') no-repeat 0 0; display:block; position:absolute; width:29px; height:29px; cursor:pointer;  z-index:10; transition:all 1s;}
#atividade2 .ponto.on{filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }
#atividade2 .ponto#ponto1{top:393px; left:141px;}
#atividade2 .ponto#ponto2{top:336px; left:343px;}
#atividade2 .ponto#ponto3{top:345px; left:388px;}
#atividade2 .ponto#ponto4{top:316px; left:523px;}
#atividade2 .ponto#ponto5{top:246px; left:504px;}
#atividade2 .ponto#ponto6{top:232px; left:567px;}
#atividade2 .ponto#ponto7{top:191px; left:617px;}

#atividade2 #bolha1{display:none; position:absolute; width:56px; height:57px; top:376px; left:133px; z-index:50;}
#atividade2 #bolha2{display:none; position:absolute; width:56px; height:57px; top:319px; left:330px; z-index:50;}
#atividade2 #bolha3{display:none; position:absolute; width:56px; height:57px; top:324px; left:380px; z-index:50;}
#atividade2 #bolha4{display:none; position:absolute; width:56px; height:57px; top:303px; left:510px; z-index:50;}
#atividade2 #bolha5{display:none; position:absolute; width:56px; height:57px; top:227px; left:495px; z-index:50;}
#atividade2 #bolha6{display:none; position:absolute; width:56px; height:57px; top:219px; left:558px; z-index:50;}
#atividade2 #bolha7{display:none; position:absolute; width:56px; height:57px; top:175px; left:603px; z-index:50;}
#atividade2 .bolha{background:url('img/bolha_atv2.png') no-repeat 0 0; }
#atividade2 .bolha.certo{background-position:-56px 0;}
#atividade2 .bolha.errado{background-position:-112px 0;}
#atividade2 .btVerificar{display:block; width:161px; height:116px; background-image:url('img/bt_verificar.png'); top:180px; left:60px; position:absolute; cursor:pointer; z-index:50;}
#atividade2 .btTentarNovamente{display:block; width:161px; height:116px; background-image:url('img/bt_tentar.png'); top:180px; left:60px; position:absolute; cursor:pointer; z-index:50;}
#atividade2 .btRespostas{display:block; width:161px; height:116px; background-image:url('img/bt_respostas.png'); top:270px; left:60px; position:absolute; cursor:pointer; z-index:50;}
#atividade2 .btRespostas.off{filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; }



#final {background-image:url('img/bg6.jpg');}
#final .coluna1{float:left; margin:150px 0 0 140px; width:260px; color:#195463; }
#final .coluna1 strong{margin-top:10px; display:block;}
#final .coluna2{float:left; margin:150px 0 0 73px; width:260px; color:#195463; }
#final .coluna2 strong{margin-top:10px; display:block;}