﻿@charset "utf-8";
/* CSS Document */

/* vertical main menu navigation */

#mainNav {width: 420px; min-height:300px; height: 300px;}
#mainNav ul
{
	width: 353px;
	padding: 0;
	font-size: 11px;
	list-style:none;
	display:block;
	margin: 0px 17px;
}
#mainNav ul li{
	padding-bottom: 2px;
}
#mainNav ul a, #mainNav a.active:link, #mainNav a.active:visited
{
	text-decoration: none;
	display:block;
	height: 24px;
	text-indent: -9999px;
}
/* ----- botoes parque ---*/

body.parque li#introparqueNav a{ 
   	background-image: url(../images/btnparque_apresentacao.jpg) ;
	background-position: left bottom; 
	background-repeat: no-repeat;
}
body.parque li#atracoesNav a{ 
   	background-image: url(../images/btnparque_atracoes.jpg);
	background-position: left bottom; 
	background-repeat: no-repeat;
}
body.parque li#comochegarNav a{ 
	background-image:url(../images/btnparque_comochegar.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.parque li#entretenimentoNav a{ 
	background-image:url(../images/btnparque_entretenimento.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.parque li#historiaNav a{ 
	background-image:url(../images/btnparque_historia.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.parque li#responsabilidadeNav a{ 
	background-image:url(../images/btnparque_responsabilidade.jpg);
	background-position:left bottom;
	background-repeat: no-repeat;
}
body.parque li#restaurantesNav a{ 
	background-image:url(../images/btnparque_restaurantes.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

body.parque #mainNav ul.sub{
	border-bottom: #d2ebd8 4px solid;
}
/*---- botoes produto -----*/

body.produtos li#introprodutosNav a{ 
  	background-image:url(../images/btnprodutos_apresentacao.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.produtos li#aguagasosaNav a{ 
  	background-image:url(../images/btnprodutos_aguagasosa.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.produtos li#aguanaturalNav a{ 
  	background-image:url(../images/btnprodutos_aguanatural.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.produtos li#distribuidoresNav a{ 
	background-image:url(../images/btnprodutos_distribuidores.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.produtos li#harmoniaNav a{ 
	background-image:url(../images/btnprodutos_gastronomia.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.produtos li#portalNav a{ 
	background-image:url(../images/btnprodutos_portfolio.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.produtos #mainNav ul.sub{
	border-bottom: #d2ebd8 4px solid;
}
/*---- botoes cidade -----*/

body.cidade li#introcidadeNav a{ 
  	background-image:url(../images/btncidade_apresentacao.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.cidade li#cronologiaNav a{ 
	background-image:url(../images/btncidade_cronologia.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.cidade li#turismoNav a{ 
	background-image:url(../images/btncidade_turismo.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.cidade li#ondeficarNav a{ 
	background-image:url(../images/btncidade_ondeficar.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

}
body.cidade #mainNav ul.sub{
	border-bottom: #e9dac5 4px solid;
}
/*---- style hover -----*/
#mainNav ul li a:hover{
	background-position: 0px 0px;
}
/*---- style sub -----*/

#mainNav ul.sub li a{
	height: 15px; 
	color: #7a828e;
	padding-left: 20px;
	background: none;
	text-indent: 0;
}
#mainNav ul.sub li a:hover{
	font-weight: bold;
}
#mainNav ul.sub{
	margin: 3px 0 3px 0;
	padding-bottom: 10px;
	
}

/* Highlighting the current page */
body.parque #container.apresentacao li#introparqueNav a,
body.parque #container.atracoes li#atracoesNav a,
body.parque #container.comochegar li#comochegarNav a,
body.parque #container.entretenimento li#entretenimentoNav a,
body.parque #container.historia li#historiaNav a,
body.parque #container.responsabilidade li#responsabilidadeNav a,
body.parque #container.restaurantes li#restaurantesNav a,
body.produtos #container.aguagasosa li#aguagasosaNav a,
body.produtos #container.aguanatural li#aguanaturalNav a,
body.produtos #container.distribuidores li#distribuidoresNav a,
body.produtos #container.harmonia li#harmoniaNav a,
body.produtos #container.portal li#portalNav a,
body.cidade #container.apresentacao li#introcidadeNav a,
body.cidade #container.historia li#cronologiaNav a,
body.cidade #container.atracoes li#turismoNav a,
body.cidade #container.ondeficar li#ondeficarNav a
{background-position: 0 0;}
/* Highlighting subs atracoes */
body.parque #container.balneario ul li#balnearioNav a,
body.parque #container.capela ul li#capelaNav a,
body.parque #container.fontes ul li#fontesNav a,
body.parque #container.gruta ul li#grutaNav a,
body.parque #container.jardim ul li#jardimNav a,
/* Highlighting subs atracoes turisticas*/
body.cidade #container.pesque ul li#pesqueNav a,
body.cidade #container.trem ul li#tremNav a,
body.cidade #container.kart ul li#kartNav a,
body.cidade #container.sitio ul li#sitioNav a,
body.cidade #container.rota ul li#rotaNav a,
body.cidade #container.quinta ul li#quintaNav a,  
body.cidade #container.balao ul li#balaoNav a,  
/* Highlighting subs entretenimento */
body.parque #container.bemestar ul li#bemestarNav a.ini,
body.parque #container.esportes ul li#esportesNav a.ini,
body.parque #container.diversao ul li#diversaoNav a.ini
{font-weight:bold;}
/* Highlighting subs bemestar */
body.parque #container.projeto ul li#projetoNav a,
body.parque #container.solarium ul li#solariumNav a,
body.parque #container.lito ul li#litoNav a, 
/* Highlighting subs diversao */
body.parque #container.barcos ul li#barcosNav a,
body.parque #container.pedalinho ul li#pedalinhoNav a,
body.parque #container.playground ul li#playgroundNav a,
body.parque #container.triciclo ul li#tricicloNav a,
/* Highlighting subs esportes */
body.parque #container.academia ul li#academiaNav a,
body.parque #container.ducha ul li#duchaNav a,
body.parque #container.quadras ul li#quadrasNav a
{font-weight:bold;	color: #96885c;}

/* Hide unused */
/* Hide subs atracoes */
body.parque #container.apresentacao li#atracoesNav ul,
body.parque #container.comochegar li#atracoesNav ul,
body.parque #container.entretenimento li#atracoesNav ul,
body.parque #container.historia li#atracoesNav ul,
body.parque #container.responsabilidade li#atracoesNav ul,
body.parque #container.restaurantes li#atracoesNav ul,
/* Hide subs atracoes turisticas */
body.cidade #container.apresentacao li#turismoNav ul,
body.cidade #container.historia li#turismoNav ul,
body.cidade #container.ondeficar li#turismoNav ul,
/* Hide subs entretenimento */
body.parque #container.apresentacao li#entretenimentoNav ul,
body.parque #container.atracoes li#entretenimentoNav ul,
body.parque #container.comochegar li#entretenimentoNav ul,
body.parque #container.historia li#entretenimentoNav ul,
body.parque #container.responsabilidade li#entretenimentoNav ul,
body.parque #container.restaurantes li#entretenimentoNav ul,
/* Hide subs bem-estar */
body.parque #container.esportes li#bemestarNav ul,
body.parque #container.diversao li#bemestarNav ul,
/* Hide subs diversao */
body.parque #container.esportes li#diversaoNav ul,
body.parque #container.bemestar li#diversaoNav ul,
/* Hide subs esportes */
body.parque #container.diversao li#esportesNav ul,
body.parque #container.bemestar li#esportesNav ul,
/* Hide subs entretenimento inicio*/
body.parque #container.abre li#esportesNav ul,
body.parque #container.abre li#diversaoNav ul,
body.parque #container.abre li#bemestarNav ul,
/* Hide areas */
body.parque li#produtosNav,
body.parque li#cidadeNav,
body.cidade li#produtosNav,
body.cidade li#parqueNav,
body.produtos li#cidadeNav,
body.produtos li#parqueNav
{display: none;}
#parqueNav, #produtosNav, #cidadeNav
{text-indent: -9999px;}






