*{
	padding:0;
	margin:0;	
}


#container{width:1024px; height:768px; position:absolute; overflow:hidden}

#container #img_fundo{position:absolute; top:0; left:0;}

#container #img_logo{position:absolute; top:0px; left:280px; display:none;}

.no-Select{-webkit-touch-callout: none; -webkit-user-select: none; 	-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

#container .box-intro{position:absolute; top: 450px; left: -700px;}

#container .box-intro .txt-inicial{width: 630px; height: 180px; position:absolute; top:25px; left:28px; font-size:30px; color:#FFF;}

#container #btn_inicial{width:150px; position:absolute; top: 600px; left: 430px; display:none;}

#container #btn_inicial .txt-btn-inicial{font-size:24px; position:absolute; top: 65px; left: 42px; color:#ED595C; line-height:28px; text-align:left;}

#container #btn_inicial:hover{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); cursor:pointer;}

#container .box-desafio{width: 600px; height: 200px; position:absolute; top: 430px; left: -610px;}


#container .box-desafio .txt-desafio{width: 540px; height: 180px; position:absolute; top:47px; left:35px; font-size:30px; color:#FFF; line-height:36px; text-align:left}

#container #btn_proximo{width:150px; position:absolute; top: 660px; left: 415px; display:none;}

#container #btn_proximo:hover{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); cursor:pointer;}

#container .tela-desafio{width:1024px; height:768px; position:absolute; top:0; display:none;}

#container .tela-desafio #title-tela{width:550px; height:90px; position:absolute; top:-100px ;left:220px; background-color:#ED595C; border-radius:15px;}

#container .tela-desafio #title-tela .style-txt-title{font-size:20px; position: absolute; top: 35px; left: 180px; color: #FFF; text-align:left;}

#container #btn-ver-questao{ width:90px; height:auto; position:absolute; top:-150px; cursor:pointer; z-index:2;}

#container #btn-ver-questao:hover{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); cursor:pointer;}

/* Tela de seleção de unidade */

#container .tela-desafio .itens-desafio{width:1024px; height:620px; position:absolute; top:130px;}
#container .tela-desafio .itens-desafio .titulo-Item{width:230px; height:40px; position:absolute; top:-10px;left:37px; color:#FFFFFF; font-size:20px; text-align:center; padding-top:10px;}
#container .tela-desafio .itens-desafio .btn-check{position:absolute; top: 210px; left: 99px; cursor:pointer;}
#container .tela-desafio .itens-desafio .config-Itens{ width:300px; height:300px; position:absolute; display:none; }
#container .tela-desafio .itens-desafio #caixa-dagua{left:40px;}
#container .tela-desafio .itens-desafio #caixa-dagua #img-caixa-mini{width: 100%; position:relative; top:-40px;}
#container .tela-desafio .itens-desafio #balde #img-balde-mini{width: 100%; position:relative; top:-40px;}
#container .tela-desafio .itens-desafio #balde {left:360px;}
#container .tela-desafio .itens-desafio #garrafa-pet #img-garrafa-pet-mini{width: 100%; position:relative; top:-40px;}
#container .tela-desafio .itens-desafio #garrafa-pet {left:680px;}
#container .tela-desafio .itens-desafio #copo200 #img-copo200-mini{width: 100%; position:relative; top:-40px;}
#container .tela-desafio .itens-desafio #copo200 {left:180px; top:330px}
#container .tela-desafio .itens-desafio #copo100 #img-copo100-mini{width: 100%; position:relative; top:-40px;}
#container .tela-desafio .itens-desafio #copo100 {left:540px; top:330px}
#container .tela-desafio .itens-desafio #copo100 #btn-copo100{position:absolute; top: 210px; left: 98px;cursor:pointer;}
#container .tela-desafio .itens-desafio #copo200 #btn-copo200{position:absolute; top: 210px; left: 100px;cursor:pointer;}
#container .tela-desafio .itens-desafio .check-on{display:block; position:absolute; top:0px;}
#container .tela-desafio .itens-desafio #caixa-dagua #btn_check_caixa #check_caixa {display:none;}
#container .tela-desafio .itens-desafio #balde #btn_balde #check-balde{display:none;}
#container .tela-desafio .itens-desafio #garrafa-pet #btn-garrafa-pet #check-garrafa-pet{display:none;}
#container .tela-desafio .itens-desafio #copo200 #btn-copo200 #check-copo200{display:none;}
#container .tela-desafio .itens-desafio #copo100 #btn-copo100 #check-copo100{display:none;}


/* Tela de seleção de segunda unidade */
#container #tela-transformar{width:100%; height:100%; position:absolute; display:none;}
#container #tela-transformar #itemSelect1{ width:400px; height:400px; top:160px; left: 50px; position:absolute; display:none; }
#container #tela-transformar #itemSelect1 #Item-Select1{width:90%;}
#container #tela-transformar #titleitemSelect1{position:absolute; top:80px; left:35px; width:400px; height:80px; display:none;}
#container #tela-transformar #titleitemSelect1 .titleItem-Select1{font-size:22px;  color:#FFFFFF; padding-top:20px; width:400px; text-align:center; height:60px; position:absolute; top:0px;}

#container #tela-transformar .box-select-2{width:400px; height:360px; position:absolute; top: 190px; left: 580px;}
#container #tela-transformar .box-select-2 .txt-box-select2 {width:330px; height:310px; padding-top:70px; position:absolute; font-size:24px; line-height:28px; color:#FFFFFF; text-align:center; top:0px; left:35px}

#container #tela-transformar #itens-select2{position:absolute; top:550px; left:0px; height:218px; width:1024px;}

#container #tela-transformar #itens-select2 #box-elementos{position:absolute; top:0px; left:-1025px;}

#container #tela-transformar #itens-select2 #container-unidades{position:absolute; top:0px; left:0px; height:218px; width:1024px;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesA{width:200px; height:218px; position:absolute; top:0px; left:40px; display:none}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesB{width:200px; height:218px; position:absolute; top:0px; left:280px; display:none}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesC{width:200px; height:218px; position:absolute; top:0px; left:520px; display:none}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesD{width:200px; height:218px; position:absolute; top:0px; left:770px; display:none}

#container #tela-transformar #itens-select2 #container-unidades .configImg-unidades{width:90%;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesA #checkA{position:absolute; top: 120px; left: 110px; cursor:pointer;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesA #checkA .check-on{display:none; position:absolute; top:0px; }

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesB #checkB{position:absolute; top: 120px; left: 110px; cursor:pointer;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesB #checkB .check-on{display:none; position:absolute; top:0px;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesC #checkC{position:absolute; top: 120px; left: 110px; cursor:pointer;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesC #checkC .check-on{display:none; position:absolute; top:0px;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesD #checkD{position:absolute; top: 120px; left: 110px; cursor:pointer; }

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesD #checkD .check-on{display:none; position:absolute; top:0px;}


#container #tela-transformar #itemSelect2{ width:400px; height:400px; top:160px; left: 650px; position:absolute; display:none;}
#container #tela-transformar #itemSelect2 #Item-Select2{width:90%;}

#container #tela-transformar #btn_tranformar{position:absolute; top: 230px; left: 441px; cursor:pointer; display:none; }

#container #tela-transformar #btn_tranformar .check-on{display:none; position:absolute; top:0px; }

#container #tela-transformar #btn_tranformar .txt-btnTranformar{font-size:20px; color:#ED595C; position:absolute; top: 90px; left: 30px;}

#container #tela-transformar #tranformar{width:450px; height:530px; position:absolute; top:0px; left:566px; display:none;}

#container #tela-transformar #titleitemSelect2{position:absolute; top:80px; left: 575px; width:400px; height:80px; display:none;}
#container #tela-transformar #titleitemSelect2 .titleItem-Select2{font-size:22px;  color:#FFFFFF; padding-top:20px; width:400px; text-align:center; height:60px; position:absolute; top:0px;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesA .titulo-Item-unid2{width:138px; height:32px; position:absolute; top:10px; left:21px; color:#FFFFFF; font-size:19px; text-align:center; padding-top:8px;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesB .titulo-Item-unid2{width:138px; height:32px; position:absolute; top:10px; left:21px; color:#FFFFFF; font-size:19px; text-align:center; padding-top:8px;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesC .titulo-Item-unid2{width:138px; height:32px; position:absolute; top:10px; left:21px; color:#FFFFFF; font-size:19px; text-align:center; padding-top:8px;}

#container #tela-transformar #itens-select2 #container-unidades .box-unidadesD .titulo-Item-unid2{width:138px; height:32px; position:absolute; top:10px; left:21px; color:#FFFFFF; font-size:19px; text-align:center; padding-top:8px;}


#container #tela-transformar #pop-up{width:1024px; height:768px; position:absolute; display:none; z-index:10}
#container #tela-transformar #pop-up #box-curiosidade{position:absolute; top: 240px; left: 215px; width: 530px; height: 440px; }

#container #tela-transformar #pop-up #btn_fechar{position:absolute; top: 200px; left: 665px; cursor:pointer; }

#container #tela-transformar #pop-up #btn_fechar #fechar{position:absolute; top:0px; display:none;}

#container #tela-transformar #pop-up #img-curiosidade{width:300px; height:190px; position:absolute; top: 50px; left: 366px; }

#container #tela-transformar #pop-up #img-curiosidade #imgCuriosidade{width:100%;}

#container #tela-transformar #pop-up #txt-curiosidade{top: 290px; left: 235px; width: 470px; height: 340px;}

#container #tela-transformar #pop-up #txt-curiosidade .txtCuriosidade{top: 350px; left: 240px; width: 470px; height: 300px; line-height:28px; color:#FFF; font-size:24px; position:absolute; text-align:left;}

#container #tela-transformar #pop-up #txt-curiosidade .title-Curiosidade{top: 290px; left: 240px; color:#FFF; font-size:25px; position:absolute;}

#container #tela-transformar #itemSelect1 #bt_curiosidade {position: absolute; width: 90px; height: 60px; top: -20px; left: 130px; cursor:pointer; display:none}
#container #tela-transformar #itemSelect1 #bt_curiosidade #bt_curio{position: absolute; top:0px; display:none;}

#container #tela-transformar #tranformar #bt_curiosidade2{position: absolute; width: 90px; height: 60px; top: 140px; left: 180px; cursor:pointer; display:none}
#container #tela-transformar #tranformar #bt_curiosidade2 #bt_curio2{position: absolute; top:0px; display:none;}

#container #tela-transformar #btn-ver-questao{ width:90px; height:auto; position:absolute; }

#container #tela-transformar #btn-ver-questao:hover{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); cursor:pointer;}

#container #tela-transformar #itemSelect1 #btn_voltar{ width:100px; top: 400px; left: 130px; position:absolute; cursor:pointer;}
#container #tela-transformar #itemSelect1 #btn_voltar #btnVoltar{position:absolute; top:0; display:none;}


#container #tela-transformar #pop-upErro{width:1024px; height:768px; position:absolute; display:none; z-index:10;}
#container #tela-transformar #pop-upErro #box-erro{position:absolute; top: 220px; left: 215px; width: 530px; height: 440px; }

#container #tela-transformar #pop-upErro #txt-Erro{top: 310px; left: 235px; width: 440px; height: 340px;}

#container #tela-transformar #pop-upErro #txt-Erro .txtErro{top: 350px; left: 250px; width: 440px; height: 300px; line-height:28px; color:#FFF; font-size:30px; position:absolute; text-align:center;}

#container #tela-transformar #pop-upErro #imgErro{position:absolute; top: 100px; left: 365px;}

#container #tela-transformar #pop-upErro #btn_fecharErro{position:absolute; top: 170px; left: 665px; cursor:pointer; }

#container #tela-transformar #pop-upErro #btn_fecharErro #fechar{position:absolute; top:0px; display:none;}

#container #tela-transformar #btn_proximoDesafio{width:110px; height:50px; position:absolute; top:-140px; left:100px; border-radius:10px; border:2px  #ED595C solid; background-color:#FFF; color:#ED595C; padding-top:15px; text-align:center; z-index:9;}

#container #tela-transformar #btn_proximoDesafio:hover{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); cursor:pointer;}

#container #tela-transformar #pop-fim{width:1024px; height:768px; position:absolute; display:none; z-index:10;}
#container #tela-transformar #pop-fim #boxfim{position:absolute; top: 220px; left: 335px; width: 530px; height: 300px; }

#container #tela-transformar #pop-fim #txt-fim{top: 290px; left: 235px; width: 300px; height: 340px;}

#container #tela-transformar #pop-fim #txt-fim .txtfim{top: 330px; left: 360px; width: 310px; height: 300px; line-height:28px; color:#FFF; font-size:24px; position:absolute; text-align:center;}


#btn_inicial{
	background-image: url(../imgs/btn_iniciar_up.png);
	background-repeat: no-repeat;
	width:  160px;
	height: 160px;
}

.box-intro{
	background-image: url(../imgs/box_curiosidade.png);	
	background-repeat: no-repeat;
	width:  702px;
	height: 188px;
	background-size: 100% 100%;
}}