/*
2A1E22 escuro 
f4f4f4 claro fundo
901A4D bordo rosas
6C6C85 azul hibiscos
9AB626 verde begonias
*/
.bgIndex { background:#F4F4F4; }
.bgRosas { background:#F4F4F4 url(../imagens/rosas-fundo.png) left bottom no-repeat; }
.bgHibisco { background:#6C6C85 url(../imagens/hibisco-fundo.jpg) left top no-repeat; }
.bgHibisco, .bgHibisco h1, .bgHibisco h2, .bgHibisco h3 {color: white;}

.bgBegonias { background: #9AB626 url(../imagens/begonia-fundo.jpg) left top no-repeat;}
.bgBegonias, .bgBegonias h1, .bgBegonias, .bgBegonias h2, .bgBegonias h3{color: white;}

.bgInstitucional { background:#F4F4F4; }

#geral { padding-bottom:5em; }

#areaNavega div {float: left;}

#marca {height: 58px; padding:15px; background: white; float: left;}
#marca a { }

#menuPrincipal ul { margin:0; float: left;}
#menuPrincipal ul li { margin:0; }
#menuPrincipal ul li a { display:block; font-weight:bold;  text-indent:-999em;}

#menuPrincipal ul.menuProdutos { }
#menuPrincipal ul.menuProdutos li { float:left; border-left:1px solid black; height:88px;}
#menuPrincipal ul.menuProdutos li a { font-size:1em; color:#4C3F42;  padding-bottom: 20px;}
#menuPrincipal ul.menuProdutos li a span {display: block; height: 88px; background-position: 10px 0px;}

#menuPrincipal ul.menuProdutos li a:hover, 
#menuPrincipal ul.menuProdutos li a.ativo{ background:url(../imagens/seta.png) 10px 55px no-repeat;}
#menuPrincipal ul.menuProdutos li a:hover span,
#menuPrincipal ul.menuProdutos li a.ativo span{ background-position: 10px -88px; background-color:#2A1E22; }

.menuProdutos .bot_rosas {			width: 120px;}
.menuProdutos .bot_hibisco {		width: 170px;}
.menuProdutos .bot_begonia {		width: 190px;}

.menuProdutos .bot_rosas a span{		background: url(../imagens/menu-principal-rosasBot.png) no-repeat; }
.menuProdutos .bot_hibisco a span{		background: url(../imagens/menu-principal-hibiscoBot.png) no-repeat; }
.menuProdutos .bot_begonia a span{		background: url(../imagens/menu-principal-begoniaBot.png) no-repeat; }

#menuPrincipal ul.menuInstitucional .botSitio a {		background: url(../imagens/menu-principal-sitioBot.png) 10px 0 no-repeat; }
#menuPrincipal ul.menuInstitucional .botContato a {		background: url(../imagens/menu-principal-contatoBot.png) 10px 0 no-repeat; height: 23px;}


#menuPrincipal ul.menuInstitucional { border-left: 1px solid black;}
#menuPrincipal ul.menuInstitucional li {width:150px; }
#menuPrincipal ul.menuInstitucional li a { font-size:1.3333em; padding: 10px 10px; height: 24px; background-position: 10px 10px;}
#menuPrincipal ul.menuInstitucional li a:hover,
#menuPrincipal ul.menuInstitucional li a.ativo { background-color:#2A1E22; background-position: 10px -44px; }

#menuPrincipal ul.menuInstitucional .botContato{border-top:1px solid black; }


#endereco { color:white; padding:2em 20px; font-style:normal; }
#endereco a { color:white; }
#endereco a:hover {text-decoration: underline;}

#corpo { position:relative;  }

#escolhaProdIndex{
	padding: 3em 0;
	text-align: center;
}
#escolhaProdIndex a{color: #2A1E22;}


#logoProduto { padding: 4em 3em 2em; }

#menuVariedades{padding-left: 20px; padding-bottom: 30px;}
#menuVariedades ul { display:table; }
#menuVariedades ul li { float:left; text-align:center; border-bottom:1px solid #f4f4f4; border-right:1px solid #f4f4f4; }
#menuVariedades ul li a { display:block; padding:3px; background: white; height: 50px;}
#menuVariedades ul li.ultimaVariedade { border-right:none!important; }
#menuVariedades ul li a:hover,#menuVariedades ul li a.ativo { background:#D4D2D3; }

.bgHibisco #menuVariedades ul li {border-color:#6C6C85;}
.bgHibisco #menuVariedades ul li a {background: none;}
.bgHibisco #menuVariedades ul li a:hover,
.bgHibisco #menuVariedades ul li a.ativo { background:#C9C6CF; }

.bgBegonias #menuVariedades ul li {border-color:#9AB626;}
.bgBegonias #menuVariedades ul li a {background: #B5C660;  height: 55px;}
.bgBegonias #menuVariedades ul li a:hover,
.bgBegonias #menuVariedades ul li a.ativo { background:#FFF; }

#detalheProduto{}

#fotoProduto { height: 550px; width: 500px; position: relative;}
.loading{background:url(../imagens/spinner1.gif) center center no-repeat; }
.flaLoader{position: absolute; top: 250px; left: 250px;}

#detalheProduto .nomeVariedade {color: white; position: absolute; top:265px; padding-right: 10px; background: url(../imagens/seta.png) right -5px no-repeat; }
#detalheProduto .nomeVariedade .titulo {background:#2A1E22; padding: 10px; min-width: 140px; max-width: 200px; display: block;}
#detalheProduto .nomeVariedade .titulo h2 { margin: 0px; color:white; padding:0px;}
#detalheProduto .nomeVariedade .titulo p { margin: 0px; padding: 0px;}
#detalheProduto .nomeVariedade .info p.pote{border-bottom: 1px solid #7F787A; padding: 10px; }
#detalheProduto .nomeVariedade .info p { background: #403539; margin: 0px; }
#detalheProduto .nomeVariedade .info p a { display: block; color: white;padding: 10px; }
#detalheProduto .nomeVariedade .info p a:hover { background: #7F787A; }


#informacoes { padding-left: 20px;}

#cuidados div img{}
#cuidados div p{ }


.bgInstitucional #corpo{padding: 2em 20px;}

#slideContainer{background: #554B4E; height: 370px; overflow: hidden; overflow-y: hidden; margin: 2em 0 2px -20px;}
#slideContainer #areaNav, #slideContainer #fotos-slide{float: left;}

#slideContainer #areaNav{padding: 3em 20px; color: #f4f4f4;}
#slideContainer #areaNav h3{color: #f4f4f4;}
#slideContainer #barraNavSlide {display: table; padding: 1em 0px; }
#slideContainer #barraNavSlide li{float: left;}
#slideContainer #barraNavSlide a{ font-size: .9em; color: #f4f4f4; padding: 8px; margin-right: 1px; background: #403539;}
#slideContainer #barraNavSlide a:hover, #slideContainer #barraNavSlide a.activeSlide{background: #f4f4f4; color:#2A1E22; }

.formulario{}
.formulario fieldset{margin: 0px;}
.formulario fieldset label{}
.formulario fieldset label small{display: block;}
.formulario fieldset label input{border: none; background: #D4D2D3; padding-top: .5em; padding-bottom: .5em;}
.formulario fieldset label textarea{border:none; background: #D4D2D3; height: 88px}
#corpo .formulario fieldset .submit{padding: 8px; color: #2A1E22; background: #D4D2D3; border: 0px;}
#corpo .formulario fieldset .submit:hover{background: #2A1E22; color: #f4f4f4;}

#corpo a{color:#2A1E22; }
#corpo a:hover{color:#2A1E22;}
/*
2A1E22 escuro 
f4f4f4 claro fundo
901A4D bordo rosas
6C6C85 azul hibiscos
9AB626 verde begonias
*/