/*----------|Body e classses gerais |----------------*/
body {
	font-family: Arial;
	font-size: 12px;
	color:#333;
	background: url(../images/bgBody.png) #FFF fixed no-repeat center top;
	position:relative;
}

body, html { height:100%; }

.alt { display: none; }

.clean { clear:left; }

/*--------|Geral|-----------*/
#Geral {
	width: 990px;
	margin: 0 auto;
	position: relative;
}

/*--------|Bloco esquerdo|-----------*/
#BlocoEsq {
	width: 180px;
	float: left;
	margin-right: 15px;
}

/*--------|Marca|-----------*/
#BlocoEsq .marca {
	background: url(../images/img_marca.png) no-repeat 0 0;
	width: 145px;
	height: 220px;
	float: left;
	margin-top: 26px;
}

/*--------|Menu Interna|-----------*/
#BlocoEsq .menu {
	width: 185px;
	height: auto;
	float: left;
	margin-top: 30px;
}

#BlocoEsq .menu ul li {
	width: 185px;
	height: auto;	
}

#BlocoEsq .menu ul li ul {
	width: 185px;
	height: auto;
	float: left;
	margin-: -6px 0 5px 0;
}

#BlocoEsq .menu a.nav001, #BlocoEsq .menu a.nav002, #BlocoEsq .menu a.nav003, #BlocoEsq .menu a.nav004 {
	height: 28px;
	width: 185px;
	float: left;
	margin: 0 0 6px 0;
	background: no-repeat 0 0;
}

#BlocoEsq .menu a.nav001 { background-image:url(../images/nav001_interna.gif); }
#BlocoEsq .menu a.nav002 { background-image:url(../images/nav002_interna.gif); }
#BlocoEsq .menu a.nav003 { background-image:url(../images/nav003_interna.gif); }
#BlocoEsq .menu a.nav004 { background-image:url(../images/nav004_interna.gif); }/*--- Novo item de menu ( #BlocoEsq .menu a.nav004)! Por Anderson em: 06/03/10 ----*/

/*--- Novo item de menu ( #BlocoEsq .menu a.nav001_3)! Por Anderson em: 07/11/09 ----*/
#BlocoEsq .menu a.nav001_1, #BlocoEsq .menu a.nav001_2, #BlocoEsq .menu a.nav001_3,
#BlocoEsq .menu a.nav003_1, #BlocoEsq .menu a.nav003_2, #BlocoEsq .menu a.nav003_3, #BlocoEsq .menu a.nav004_1, #BlocoEsq .menu a.nav004_2 {
	height: 20px;
	float: left;
	background: no-repeat 0 0;
	margin: 0 0 5px 20px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 50%;
	-khtml-opacity: 0.5; /*Chrome*/
}

#BlocoEsq .menu a.nav001_1 { background-image:url(../images/nav001_01_interna.gif); width: 120px; }
#BlocoEsq .menu a.nav001_2 { background-image:url(../images/nav001_02_interna.gif); width: 85px;  }
#BlocoEsq .menu a.nav001_3 { background-image:url(../images/nav001_03_interna.gif); width: 85px;  }/*--- Novo item de menu! Por Anderson em: 07/11/09 ----*/

#BlocoEsq .menu a.nav003_1 { background-image:url(../images/nav003_01_interna.gif); width: 150px; }
#BlocoEsq .menu a.nav003_2 { background-image:url(../images/nav003_02_interna.gif); width: 95px;  }
#BlocoEsq .menu a.nav003_3 { background-image:url(../images/nav003_03_interna.gif); width: 160px; }

/*--- Novos itens de menu! Por Anderson em: 06/03/10 ----*/
#BlocoEsq .menu a.nav004_1 { background-image:url(../images/nav004_01_interna.gif); width: 140px; }
#BlocoEsq .menu a.nav004_2 { background-image:url(../images/nav004_02_interna.gif); width: 110px;  }

/*--- Novo item de menu ( #BlocoEsq .menu a.nav001_3:hover)! Por Anderson em: 07/11/09 ----*/
#BlocoEsq .menu a.nav001_1:hover, #BlocoEsq .menu a.nav001_2:hover, #BlocoEsq .menu a.nav001_3:hover, 
#BlocoEsq .menu a.nav003_1:hover, #BlocoEsq .menu a.nav003_2:hover, #BlocoEsq .menu a.nav003_3:hover, 
#BlocoEsq .menu a.nav004_1:hover, #BlocoEsq .menu a.nav004_2:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	opacity: 100%;
	-khtml-opacity: 1.0; /*Chrome*/
}

/*--------|Conteudo|-----------*/
#Conteudo {
	width: 990px;
	padding-bottom: 300px;
	position: relative;
}

/*--------|Flash Capa|-----------*/
#Conteudo .flashCapa {
	width: 770px;
	height: 480px;
	position: absolute;
	left: 130px;
	top:28px;
	z-index: -2;
}

/*--------|Menu Capa|-----------*/
#Conteudo .menu {
	/*width: 505px;*/
	width: 750px;
	height: auto;
	position: absolute;
	/*left: 220px;*/
	left: 120px;
	top: 368px;
	z-index: 3;
}

#Conteudo .menu ul li {
	height: auto;
	float: left;
	position: relative;
}

#Conteudo .menu ul li ul.subNav001 {
	width: 157px;
	position: absolute;
	top:31px;
	left: -33px;

}

#Conteudo .menu ul li ul.subNav002 {
	width: 192px;
	position: absolute;
	top:31px;
	left: 50px;
}

#Conteudo .menu ul li ul.subNav003 {
	width: 170px;
	position: absolute;
	top:31px;
	left: 20px;
}

#Conteudo .menu a.nav001, #Conteudo .menu a.nav002, #Conteudo .menu a.nav003, .menu a.nav004 {
	height: 28px;
	float: left;
	background: no-repeat 0 0;
}

#Conteudo .menu a.nav001 { background-image:url(../images/nav001_capa.png); width: 140px; margin-right: 29px; }
#Conteudo .menu a.nav002 { background-image:url(../images/nav002_capa.png); width: 170px; margin-right: 20px; }
#Conteudo .menu a.nav004 { background-image:url(../images/nav004_capa.png); width: 200px; margin-right: 20px; }/*--- Novo item de menu (#Conteudo .menu a.nav004)! Por Anderson em: 06/03/10 ----*/
#Conteudo .menu a.nav003 { background-image:url(../images/nav003_capa.png); width: 100px;   }

/*--- Novo item de menu (#Conteudo .menu a.nav001_3)! Por Anderson em: 07/11/09 ----*/
#Conteudo .menu a.nav001_1, #Conteudo .menu a.nav001_2, #Conteudo .menu a.nav001_3, 
#Conteudo .menu a.nav003_1, #Conteudo .menu a.nav003_2, #Conteudo .menu a.nav003_3, #Conteudo .menu a.nav004_1, #Conteudo .menu a.nav004_2{
	height: 25px;
	float: left;
	background: no-repeat 0 0;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	opacity: 60%;
	-khtml-opacity: 0.6; /*Chrome*/
}

#Conteudo .menu a.nav001_1 { background-image:url(../images/nav001_01_capa.gif); width: 140px; margin-left: 16px; }
#Conteudo .menu a.nav001_2 { background-image:url(../images/nav001_02_capa.gif); width: 95px; }
#Conteudo .menu a.nav001_3 { background-image:url(../images/nav001_03_capa.gif); width: 84px; } /*--- Novo item de menu! Por Anderson em: 07/11/09 ----*/

#Conteudo .menu a.nav003_1 { background-image:url(../images/nav003_01_capa.gif); width: 170px; }
#Conteudo .menu a.nav003_2 { background-image:url(../images/nav003_02_capa.gif); width: 110px; margin-left: 45px; }
#Conteudo .menu a.nav003_3 { background-image:url(../images/nav003_03_capa.gif); width: 185px; margin-left: 60px; }

/*--- Novos itens de menu! Por Anderson em: 06/03/10 ----*/
#Conteudo .menu a.nav004_1 { background-image:url(../images/nav004_01_capa.gif); width: 170px; }
#Conteudo .menu a.nav004_2 { background-image:url(../images/nav004_02_capa.gif); width: 170px; }


/*--- Novo item de menu (#Conteudo .menu a.nav001_3:hover)! Por Anderson em: 07/11/09 ----*/
#Conteudo .menu a.nav001_1:hover, #Conteudo .menu a.nav001_2:hover,  #Conteudo .menu a.nav001_3:hover,
#Conteudo .menu a.nav003_1:hover, #Conteudo .menu a.nav003_2:hover, #Conteudo .menu a.nav003_3:hover, 
#Conteudo .menu a.nav004_1:hover, #Conteudo .menu a.nav004_2:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	opacity: 100%;
	-khtml-opacity: 1.0; /*Chrome*/
}

/*--------|Conteudo Interno|-----------*/
#ConteudoInterna {
	background: url(../images/bgConteudo.png) no-repeat center 0;
	width: 730px;
	_width: 725px; /*importante para o IE6*/
	height: auto !important;
	min-height: 350px;
	height: 350px;
	float: left;
	padding: 105px 0 100px 60px;
	position: relative;
}

#ConteudoInterna .texto, #ConteudoInterna div.texto div{
	float: left;
	position: relative;	
	width: 500px;
	_width: 500px; /*importante para o IE6*/
	padding-top:0px;
}


#ConteudoInterna h2 {
	font: bold 4.2em Arial;
	letter-spacing: -4pt;
	margin-bottom: 10px;
}

#ConteudoInterna h2 {color:#FFF; }
#ConteudoInterna h2.cor01 { color:#9BC01D; }
#ConteudoInterna h2.cor02 { color:#69C; }
#ConteudoInterna h2.cor03 { color: #DCB001; }

#ConteudoInterna h2 span.titulo {
	font: bold 0.5em Arial;
	letter-spacing: -1pt;
	color: #69C;
	margin-left: 25px;
}

#ConteudoInterna p {
	line-height: 150%;
	margin-bottom: 10px;
}

#ConteudoInterna ul.submenu {
	background: url(../images/bgLinhaSubmenu.gif) repeat-y left 0;
	width: 185px;
	float: right;
	margin: 0 10px 20px 50px;
	height: auto !important;
	min-height: 220px;
	height: 220px;
}

#ConteudoInterna ul.submenu li a {
	font: bold 1.3em Arial;
	letter-spacing: -1px;
	text-align: right;
	text-decoration: none;
	color:#BBB;
	width: 185px;
	float: left;
	margin: 0 0 6px 0;
	_margin-bottom: 0px;
}

#ConteudoInterna ul.submenu li a:hover {
	color:#999;
}
#ConteudoInterna a { color: #069; text-decoration: none; }
#ConteudoInterna a:hover { text-decoration: underline; }

#ConteudoInterna u { font-weight: bold; color: #69C; }

#ConteudoInterna .voltarTopo { 
	margin-top: 50px;
	width: 500px;
	float: left;
}

.voltarTopo a.botVoltar, .voltarTopo a.botTopo {
 	background: no-repeat 0 0;
	width: 49px;
	height: 21px;
	margin-left: 10px;
	float: right;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	opacity: 70%;
	-khtml-opacity: 0.7; /*Chrome*/
}

.voltarTopo a.botVoltar { background-image:url(../images/img_Voltar.gif); }
.voltarTopo a.botTopo { background-image:url(../images/img_Topo.gif);}

.voltarTopo a.botVoltar:hover, .voltarTopo a.botTopo:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	opacity: 100%;
	-khtml-opacity: 1.0; /*Chrome*/
}

/*--------|Galeria de fotos|-----------*/
.paginacaoGaleria{float:left;width:450px;height:auto;text-align:center;padding-bottom:10px;}

.galeria { clear: left; }

.galeria ul { width: 450px; }

.galeria ul li { display: inline; }

.galeria ul li img{ width: 128px; height:96px; }

.galeria li a { 
	border: 2px solid #69C;
	padding: 2px;
	margin: 0 13px 13px 0;
	float: left;
}
/*----------|Contato|-----------*/
#Contato, #Mensagem {
	background: url(../images/bgContato.png) no-repeat 0 0;
	width:530px;
	height:384px;
	position: absolute;

	top: 265px;
	left: 50%;
	margin-left: -265px;
	margin-top: -192px;

}

#Contato .janela, #Mensagem .janela{
	z-index: 9999;
}

#Contato fieldset, #Mensagem fieldset{
	position: relative;
	width:340px;
	height:250px;
	padding-top: 50px;
	margin-left: 90px;
	border: none;
}

#Contato h2, #Mensagem h2{	
	width: 225px;
	height: 30px;
	margin: 0 0 5px 90px;
}

#Contato h2 { background:url(../images/img_titMensagem.gif) no-repeat right 0; }
#Mensagem h2 { background:url(../images/img_titMensagemAcampante.gif) no-repeat right 0; }

#Contato label, #Mensagem label{
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #006699;
	width: 80px;
	float: left;
	margin-top: 5px;
}
#Contato label.label2, #Mensagem label.label2 {
	width: 50px;
	float: left;
	margin: 5px 2px 0 6px;
}

#Contato input, #Mensagem input {
	font-size: 0.9em;
	color: #333;
	padding: 5px;
	height: 12px;
	float: left;
	margin-bottom: 8px;
	border: 1px solid #E9E9E9;
}
#Contato select, #Mensagem select {
	font-size: 0.71em;
	color: #333;
	height: 22px;
	float: left;
	margin-bottom: 8px;
	border: 1px solid #E9E9E9;
}

#Contato textarea, #Mensagem textarea{
	font: 0.9em Arial;
	color: #333;
	width: 245px;
	height: 90px;
	float: left;
	margin-bottom: 6px;
	padding: 5px;
	border: 1px solid #E9E9E9;
	
}

#Contato br, #Mensagem br { clear: left; }

#Contato .botEnviar, #Contato .botLimpar, #Mensagem .botEnviar, #Mensagem .botLimpar{
	background: no-repeat 0 0;
	width: 65px;
	height: 28px;
	float: right;
	border: none;
	margin-left: 5px;
	cursor: pointer;
}

#Contato .botEnviar, #Mensagem .botEnviar { background-image: url(../images/img_botEnviar.gif); margin-right: 20px; }
#Contato .botLimpar, #Mensagem .botLimpar { background-image: url(../images/img_botLimpar.gif);  }

#Contato .botEnviar:hover, #Contato .botLimpar:hover { border: 1px solid #ABC6E0; }

#Contato .botFechar,  #Mensagem .botFechar{ 
	background:url(../images/botFecharMsg.gif) no-repeat 0 0;
	width: 84px;
	height: 67px;
	position: absolute;
	z-index: auto;
	top: 45px;
	left: 35px;
}

/*----------|Rodape|-----------*/
#Rodape.capa  {
	background: url(../images/bgRodape.png) no-repeat center 30px;
	width: 100%;
	height: 235px;
	position: absolute;
	bottom: 0 !important;
	left: 0;
	z-index: -1; /* mantem o menu da index atrás do rodape no IE 7 */
}

#Rodape {
	background: url(../images/bgRodape.png) no-repeat center 0;
	width: 100%;
	height: 435px;
}

#Rodape.capa p, #Rodape p {
	font-size: 0.75em;
	text-transform:uppercase;
	text-align: center;
}

#Rodape p {line-height: 80px; }
#Rodape.capa p {line-height: 130px; }

/*#Rodape.capa p { margin-top: 70px; }*/

#Rodape p {color: #69C;}
#Rodape.capa p {color: #CCC;}

#Rodape p strong {
	color: #069;
}
#Rodape.capa p strong {
	color: #999;
}
/* mascara de fundo da tela preto */
#mascara {
  position:absolute;
  left:0;
  top:0;
  margin:0;
  padding:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

/*=== redes - Por Anderson em: 13/02/10===*/
.redes {
	background:url(../images/titAcompanhe.png) no-repeat 0 0;
	width: 227px;
	height: 60px;
	margin: 0 auto;
	position: relative;
	z-index: 8999;
}

.redes { top: 190px; } .interna { top: 0px; }

.redes h3 { padding-bottom: 24px; }

.redes ul {  width: 227px; text-align: center; }

.redes ul li { display:inline; }

.redes li a.twitter, .redes li a.orkut, .redes li a.youtube {
	background: no-repeat 0 0;
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 20px;
}
.redes li a.twitter { background-image:url(../images/ico_redesTwitter.png) }
.redes li a.orkut {background-image:url(../images/ico_redesOrkut.png)}
.redes li a.youtube {background-image:url(../images/ico_redesYoutube.png)}