@charset "utf-8";
@import url("estilos_reset.css");
@import url("fonts/font-play.css");


*{font-family:PlayRegular}
body{overflow-x:hidden; position: relative;}
.PlayBold{font-family:PlayBold}

#tudo{background:#FFF; width:100%; height:auto; margin:0px;} 


#topo{background:url(img/barrinha5000px.png) bottom no-repeat; position:absolute; width:100%; height:85px; z-index:100}
#topo #dentroTopo{ width:1000px; height:85px; margin:auto;}
#topo #dentroTopo #logo{width:306px; height:62px; float:left; margin-left:16px; margin-top:42px;}
#topo #dentroTopo #menu{width:675px; height:62px; margin-top:42px; float:left;}
#topo #dentroTopo #menu #menuCima{width:514px; height:23px; margin-top:10px; margin-left:176px;}
.itensMenu{width:100px; height:21px; float:left; color:#013476; font-size:18px; font-weight:bold; text-align:center; padding-top:3px; cursor:pointer;}
.itensMenu a{ color:#013476; font-size:18px; text-decoration:none;}


.palquinho{width:1000px; height:606px; margin:auto;}
.displayNone{display:none;}

<!--  CSS PARA CAMBORIÚ - BEGIN -->  

#tudo #cima_camboriu{background:url(img/fundo_textura_camboriu.jpg); max-width:100%; height:606px;}
.dentro_camboriu{background:url(img/fundo_camboriu.jpg) center no-repeat; max-width:1680px; height:606px;}
.dentro_camboriu .meio{width:100%; min-width:1000px; height:606px; position:absolute; top:0px}
.camboriu_elemento1{position:absolute; top:48px; margin-left:20%; }
.camboriu_elemento2{position:absolute; top:290px; margin-left:240px; }
.camboriu_elemento3{position:absolute; top:170px; margin-left:10px; }




<!-- CSS PARA CAMBORIÚ - END --> 




<!--  CSS PARA APARECIDA - BEGIN -->  

#tudo #cima_aparecida{background:url(img/fundo_textura_camboriu.jpg); max-width:100%; height:606px;}
.dentro_aparecida{background:url(img/fundo_aparecida.jpg) center no-repeat; max-width:1680px; height:606px;}
.dentro_aparecida .meio{width:100%; min-width:1000px; height:606px; position:absolute; top:0px}
.aparecida_elemento1{position:absolute; top:48px; margin-left:314px;  }
.aparecida_elemento2{position:absolute; top:360px; margin-left:-170px; }
.aparecida_elemento3{position:absolute; top:170px; margin-left:10px; }




<!-- CSS PARA APARECIDA - END --> 




<!--  CSS PARA RJ - BEGIN -->  

#tudo #cima_aparecida{background:url(img/fundo_textura_camboriu.jpg); max-width:100%; height:606px;}
.dentro_rj{background:url(img/rioFundo.jpg) center no-repeat; max-width:1680px; height:606px;}
.dentro_rj .meio{width:100%; min-width:1000px; height:606px; position:absolute; top:0px}
.rj_elemento1{position:absolute; top:16px; margin-left:384px;  }
.rj_elemento2{position:absolute; top:215px; margin-left:450px; }
.rj_elemento3{position:absolute; top:170px; margin-left:5px; }




<!-- CSS PARA RJ - END --> 



<!--  CSS PARA SP - BEGIN -->  

#tudo #cima_aparecida{background:url(img/fundo_textura_sp.jpg); max-width:100%; height:606px;}
.dentro_sp{background:url(img/sampaFundo.jpg) center no-repeat; max-width:1680px; height:606px;}
.dentro_sp .meio{width:100%; min-width:1000px; height:606px; position:absolute; top:0px}
.sp_elemento1{position:absolute; top:40px; margin-left:444px;  }
.sp_elemento2{position:absolute; top:226px; margin-left:290px; }
.sp_elemento3{position:absolute; top:200px; margin-left:10px; }




<!-- CSS PARA SP - END --> 




.menuMeio{width:1000px; height:206px; margin:auto; margin-top:-110px; z-index:102;}
.direita{width:5%; height:606px;  position:absolute; right:0px; top:0px; z-index:100; text-align:right;}
.esquerda{width:5%; height:606px;  position:absolute; left:0px; top:0px; z-index:100; text-align:left;}
#seta_l{margin-top:244px; cursor:pointer;}
#seta_r{margin-top:244px; cursor:pointer;}

.meioCaixas{
	width: 100%;
	height: 206px;
	margin-top: -110px;
}
.meioCaixasMenu{width:1000px; height:206px; margin:auto;}
.meioCaixasMenu-dentro-1{width:236px; height:150px; background:url(img/cx01.png) no-repeat 0px -179px; position:absolute; margin-left:13px; cursor:pointer; }
.meioCaixasMenu-dentro-2{width:236px; height:150px; background:url(img/cx02.png) no-repeat 0px -179px; position:absolute; margin-left:259px; cursor:pointer;}
.meioCaixasMenu-dentro-3{width:236px; height:150px; background:url(img/cx03.png) no-repeat 0px -179px; position:absolute; margin-left:505px;  cursor:pointer;}
.meioCaixasMenu-dentro-4{width:236px; height:150px; background:url(img/cx04.png) no-repeat 0px -179px; position:absolute; margin-left:751px;  cursor:pointer;}

.caixa-de-sombras{width:1000px; height:26px; position:absolute; margin-top:132px;}
.caixa-de-sombras .sombra1{width:222px; height:26px;  background:url(img/pequena.gif) no-repeat; float:left; margin-left:19px;}
.caixa-de-sombras .sombra2{width:222px; height:26px;  background:url(img/grande.gif) no-repeat; float:left; margin-left:24px;}
.caixa-de-sombras .sombra3{width:222px; height:26px;  background:url(img/grande.gif) no-repeat; float:left; margin-left:25px;}
.caixa-de-sombras .sombra4{width:222px; height:26px;  background:url(img/grande.gif) no-repeat; float:left; margin-left:24px;}

.meioCaixasMenu-dentro-1-on{width:236px; height:150px; background:url(img/cx01.png) no-repeat 0px -179px; position:absolute; margin-left:13px; cursor:pointer; margin-top:12px; }
.meioCaixasMenu-dentro-2-on{width:236px; height:150px; background:url(img/cx02.png) no-repeat 0px -179px; position:absolute; margin-left:259px; cursor:pointer; margin-top:12px; }
.meioCaixasMenu-dentro-3-on{width:236px; height:150px; background:url(img/cx03.png) no-repeat 0px -179px; position:absolute; margin-left:505px;  cursor:pointer; margin-top:12px; }
.meioCaixasMenu-dentro-4-on{width:236px; height:150px; background:url(img/cx04.png) no-repeat 0px -179px; position:absolute; margin-left:751px;  cursor:pointer; margin-top:12px; }


.meioCaixasMenu-dentro .titulo{width:222px; margin-left:7px; margin-top:3px; height:55px;  font-size:18px; font-weight:bold; color:#FFF;}
.meioCaixasMenu-dentro .texto{width:222px; margin-left:7px; height:75px;font-size:14px; color:#FFF; }
.meioCaixasMenu-dentro .sombra{width:222px; margin-left:7px; height:26px;font-size:14px; color:#FFF; background:url(img/grande.gif) no-repeat;  }



#palco .meioPalco{width:950px; height:730px; margin:auto; margin-top:130px;}
.fonteTitulo{color:#003d7b; font-size:40px; font-weight:bold;}
.fonteTituloBranco{color:#FFF; font-size:40px; font-weight:bold;}
.fonteSubtitulo{color:#003d7b; font-size:18px; }
.fonteSubtituloBranco{color:#FFF; font-size:18px; }
.fonteTituloSimples{color:#003d7b; font-size:18px; font-weight:bold; }
.fonteTextoSimples{color:#003d7b; font-size:14px; line-height:18px; }
.fonteTextoSimplesBranco{color:#FFF; font-size:14px; line-height:18px; }



.internasBoxTitulo{width:100%; height:52px; float:left;}
.internasBox{width:100%; height:auto; margin-top:5px; float:left; margin-bottom:17px;}
.internasBox .A{width:78%; height:auto; float:left;}
.internasBox .B{width:22%; height:auto; float:left;}

input, textarea{font-size:12px; color:#013476;}
.internasBox .contatoA{width:325px; height:335px; margin-top:-18px; float:left; background:url(img/fundo-box-contato.png) no-repeat;}
.inputs-nome{position:absolute; margin-left:50px; margin-top:20px; height:17px; width:210px; border:transparent 0px solid;}
.inputs-email{position:absolute; margin-left:52px; margin-top:47px; width:210px; border:transparent 0px solid;}
.inputs-telefone{position:absolute; margin-left:67px; margin-top:73px; width:180px; border:transparent 0px solid;}
.inputs-cidade{position:absolute; margin-left:54px; margin-top:99px; width:130px; border:transparent 0px solid;}
.inputs-uf{position:absolute; margin-left:229px; margin-top:101px; width:30px; border:transparent 0px solid;}
.textAreaMSG{position:absolute; height:50px; width:250px;  margin-left:6px; margin-top:143px; border:transparent 0px solid; }
.bt-enviar{position:absolute; margin-left:210px; margin-top:208px; border:transparent 0px solid; }

.internasBox .contatoB{width:623px; height:315px; float:left; background:url(img/fundo-map.gif) no-repeat;}

.boxProdutosCima{width:100%; height:20px;  float:left; color:#FFF; font-size:14px; margin-top:-1px;}
.boxProdutos{width:100%; height:60px; float:left;}

.boxProdutos .modelos2{width:103px; height:51px; background:url(img/balao-off.png) no-repeat; float:left; margin-right:38px;}

.boxProdutos .modelos2 div{float:left; width:100%; text-align:center; font-size:18px; font-weight:bold; color:#013476; margin-top:23px; cursor:pointer;}
.boxProdutos .modelos3{width:103px; height:51px; background:url(img/balao-on.png) no-repeat; float:left; margin-right:38px;}
.boxProdutos .modelos3 div{float:left; width:100%; text-align:center; font-size:18px; font-weight:bold; color:#013476; margin-top:14px; cursor:pointer;}

.boxProdutos .modelos div{float:left; width:100%; text-align:center; font-size:18px; font-weight:bold; color:#013476; margin-top:14px; cursor:pointer;}
.boxProdutos .modelos{width:103px; height:51px; background:url(img/balao-on.png) no-repeat; float:left; margin-right:38px;}

.boxProdutos .modeloAtivo div{float:left; width:100%; text-align:center; font-size:18px; font-weight:bold; color:#013476; margin-top:14px; cursor:pointer;}
.boxProdutos .modeloAtivo{width:103px; height:51px; background:url(img/balao-on.png) no-repeat; float:left; margin-right:38px;}




.boxDetalhe{float:left; width:100%; height:300px; margin-top:30px;}
.boxDetalhe .caixaA{float:left; width:430px; height:100%;}
.boxDetalhe .caixaA .foto{float:left; height:142px; width:100%; }
.boxDetalhe .caixaA .cxFotos{float:left; height:142px; width:98%; margin-left:3px;}
.boxDetalhe .caixaA .cxFotos img{float:left; margin-right:50px;}


.boxDetalhe .caixaB{float:left; width:57px; height:100%;}
.boxDetalhe .caixaB .numeroV{font-size:66px; height:53px; font-weight:bold; color:#3f3f3f; line-height:45px;}
.boxDetalhe .caixaC{float:left; width:450px; height:100%; margin-top:-5px;}
.boxDetalhe .caixaC .texto{font-size:14px; color:#fefefe; line-height:22px; }



.escondido{display:none;}


#tudo #baixo{background:#FFF; width:100%; height:261px; margin-top:-116px;}
#tudo #baixo .meio{width:990px; height:189px; margin:auto; padding-top:70px; background:url(img/fundo-rodape2.gif) no-repeat bottom;}

#rodape{width:100%; height:183px; background:url(img/fundo-rodape.gif);}
#rodape-dentro{width:1000px; height:183px; margin:auto; text-align:center; font-size:14px; color:#013476;}
#rodape .cima{width:1000px; height:255px; text-align:center;}
#rodape .baixo{width:1000px; height:200px; margin-top:10px; text-align:center;}