@import url("reset.css");

/*--------------------------------------------------\
|													||
|	hetros											|||
|													|||
|	Desenvolvido por Agência DMK					|||
|	http://www.agenciadmk.com.br/					|||
|										Jun/2009	|||
|													|||
 \--------------------------------------------------\||
  \--------------------------------------------------*/

/*
	Geral
*/

* ul li a{ height:1%; }
html{

}
body{
	background:url(../imagens/bg-body.jpg) repeat-x 0 0 #f1c80b;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
p{ margin:0 0 11px 0;}
.bold{ font-weight:bold;}
.hide{ display:none; }
.show{ display:block; }

#geral{
	margin:0 auto;
	min-width:980px;
	position:relative;
	overflow:hidden;
	width:100%;
}
.grafismoBody{
	background:url(../imagens/grafismo-body.png) no-repeat 0 0;
	height:785px;
	margin-right:-571px;
	position:absolute;
	top:86px;
	right:50%;
	width:1143px;
	z-index:0;
}
.clear{
	clear:both;
}

/* //////////////////////////
	TESTEIRA
//////////////////////// */

#testeira{
	background:url(../imagens/bg-topo.jpg) no-repeat top center;
	height:218px;
	left:0;
	min-width:980px;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}
.testeiraConteudo{
	height:218px;
	margin:0 auto;
	width:980px;
	position:relative;
}
.logoHetros{
	background:url(../imagens/logo-hetros.png) no-repeat 0 0;
	cursor:pointer;
	display:inline;
	float:left;
	font-size:1px;
	height:164px;
	margin:10px 0 0 20px;
	overflow:hidden;
	text-indent:-2000px;
	width:364px;
}
.areaLogin{
	background:url(../imagens/bg-area-restrita.png) no-repeat 0 0;
	display:inline;
	float:right;
	height:169px;
	margin:6px 30px 2px 0;
	width:177px;
}
.areaLogin span{
	color:#000;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding:4px 0 0 29px;
}
.areaLogin form{
	margin-top:5px;
	position:relative;
}
.areaLogin label{
	color:#000;
	display:block;
	font-size:10px;
	padding:15px 0 3px 8px;
}
.inputLogin{
	background:url(../imagens/input-login.png) no-repeat 0 0;
	height:18px;
	margin-left:8px;
	padding:3px 3px 0;
	position:static;
	width:151px;
}
.inputLogin input{
	background:none;
	border:none;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:relative;
	width:149px;
}
.botaoEntrar{
	padding:10px 0 0 116px;
}
.botaoLogin{
	background:url(../imagens/botao-login.gif) no-repeat 0 0;
	border:none;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:1px!important;
	height:18px!important;
	text-indent:-2000px;
	position:relative;
	padding-top:20px;
	overflow:hidden;
	width:49px!important;
}
.loginLinks{
	margin:4px 0 0 8px;
}
.areaLogin a{
	color:#000;
	display:block;
	font-size:10px;
	margin-bottom:2px;
	position:relative;
}
.areaLogin a:hover{
	text-decoration:none;
}
.menuTopo{
	background:url(../imagens/bg-menu-topo.jpg) no-repeat 0 0;
	clear:both;
	height:50px;
	margin:0 auto;
	width:920px;
}
.menuTopo ul{
	display:block;
	height:28px;
	margin-left:2px;
	padding-top:2px;
}
.menuTopo li{
	color:#000;
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:28px;
}
.menuTopo li a{
	color:#000;
	display:block;
	float:left;
	padding:0 30px;
	text-decoration:none;
}
.menuTopo li a:hover, .menuTopo li a.ativo{
	background:url(../imagens/menu-topo-ativo.gif) repeat-x 0 0;
}
.menuLinguas{
	height:15px;
	position:absolute;
	top:9px;
	right:200px;
	width:90px;
}
.menuLinguas li{
	float:left;
}
.menuLinguas a{
	display:block;
	float:left;
	height:12px;
	font-size:1px;
	margin:1px 5px 0 0!important;
	overflow:hidden;
	text-indent:-2000px;
	width:19px;
}
#portugues{
	background:url(../imagens/bandeira-brasil-pb.gif) no-repeat 0 0;
}
#portugues:hover, #portugues.ativo{
	background:url(../imagens/bandeira-brasil-color.gif) no-repeat 0 0!important;
}
#espanhol{
	background:url(../imagens/bandeira-espanha-pb.gif) no-repeat 0 0;
}
#espanhol:hover, #espanhol.ativo{
	background:url(../imagens/bandeira-espanha-color.gif) no-repeat 0 0!important;
}
#ingles{
	background:url(../imagens/bandeira-eua-pb.gif) no-repeat 0 0;
}
#ingles:hover, #ingles.ativo{
	background:url(../imagens/bandeira-eua-color.gif) no-repeat 0 0!important;
}
.menuLinguas a:hover, .menuLinguas a.ativo{
	border:1px solid #FFF;
	margin:0 3px 0 0!important;
}

/* ///////////////////
	Conteúdo Geral
////////////////// */

.conteudo{
	background:url(../imagens/bg-conteudo.jpg) repeat-x 0 0 #77a300;
	width:920px;
	margin:218px auto 0;
	overflow:hidden;
	position:relative;
	z-index:1;
}

/* ///////////////////
	Home
////////////////// */

.chamadas1{
	margin:18px 0 0 11px;
	height:202px;
}
.destaques{
	background:url(../imagens/img-destaques.jpg) no-repeat 0 28px;
	float:left;
	height:206px;
	margin-right:12px;
	width:594px;
}
.destaques ul{
	display:block;
	height:28px;
	margin:152px 0 0 30px;
}
.destaques li{
	float:left;
	margin-right:7px;
}
.destaques li a{
	color:#fff;
	display:block;
	float:left;
	font-weight:bold;
	height:28px;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	width:174px;
}
.destaques li a:hover{
	text-decoration:underline;
}
.destaqueFrutas{
	background-color:#ff0000;
}
.destaqueLegumes{
	background-color:#ecad00;
}
.destaqueEventos{
	background-color:#a7df21;
}
.boxTaxas{
	width:291px!important;
}
.boxTaxas .boxHomeConteudo{
	height:167px!important;
}
.boxTaxas .boxHomeConteudo p{
	margin-bottom:10px;
}
.textoTaxas{
	color:#5b5b5a!important;
}
.chamadas2{
	margin:18px 0 0 11px;
	position:relative;
}
.chamadas2 .boxTaxas{
	display:inline;
	float:right;
	margin-right:12px;
}
.chamadas2 .boxTaxas .boxHomeConteudo{
	height:198px!important;
}
.chamadas2 .boxTaxas a{
	margin:86px 17px 0 74px;
}
.boxEmpresa .boxHomeConteudo{
	height:82px;
	margin-bottom:14px;
}
.boxFornecedor{
	position:relative;
}
.boxFornecedor p{
	display:inline;
	float:left;
	margin:7px 11px 5px!important;
	width:192px;
}
.boxFornecedor a{
	display:inline!important;
	float:right;
	margin-top:50px!important;
}
.boxHome{
	float:left;
	width:594px;
}
.boxHomeTitulo{
	background:url(../imagens/titulo-home.png) no-repeat 0 0;
	height:25px;
	margin:0;
	width:222px;
}
.boxHomeTitulo span{
	display:block;
	font-weight:bold;
	line-height:25px;
	padding-left:15px;
}
.boxHomeConteudo{
	background:url(../imagens/bg-box.png) repeat 0 0;
	border:1px solid #fff;
	border-bottom:none;
	height:72px;
	margin-top:3px;
	overflow:hidden;
}
.boxEmpresa .boxHomeConteudo{
	border-bottom:1px solid #fff!important;
}
.boxHomeConteudo p{
	color:#fff;
	margin:11px 17px 5px;
}
p.chamadaEmpresa{
	margin-top:7px!important;
	text-align:right;
}
.boxHomeConteudo p a{
	color:#fff!important;
	display:inline;
	margin:0!important;
}
.boxHomeConteudo a{
	color:#000;
	display:block;
	font-weight:bold;
	margin:11px 17px 0;
	text-align:right;
}
.linkMais{
	background:url(../imagens/bullet-mais.gif) no-repeat 0 4px;
	padding-left:10px;
}
.boxHomeConteudo a:hover{
	text-decoration:none;
}
.boxHomeConteudo ul{
	color:#fff;
	margin: 0 17px;
}
.boxHomeConteudo li{
	background:url(../imagens/bullet-lista-branco.gif) no-repeat left center;
	padding-left:10px;
}
.frutasChamada{
	background:url(../imagens/frutas-chamada-home.png) no-repeat 0 0;
	height:79px;
	position:absolute;
	left:205px;
	top:30px;
	width:214px;
}
.logoChamada{
	background:url(../imagens/logo-hetros-chamada.png) no-repeat 0 0;
	float:left;
	height:82px;
	width:223px;
}
.boxHomeConteudo table{
	font-size:10px;
	margin:0 25px;
}
.boxHomeConteudo thead td{
	border-bottom:2px solid #fff;
	font-weight:bold;
	padding:0 0 3px 3px;
}
.boxHomeConteudo tbody td{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	padding:5px 4px;
}
.boxHomeConteudo tbody td.semBorda{
	border-left:none!important;
	padding-left:0!important;
}
.boxHomeFim{
	background:url(../imagens/fim-box-home.png) no-repeat 0 0;
	height:10px;
}
.boxTaxasFim{
	background:url(../imagens/fim-box-taxas.png) no-repeat 0 0;
	height:10px;
}

/* //////////////////
	Empresa
///////////////// */

.boxInternas{
	margin:35px auto 0;
	width:871px;
	position:relative;
}
.internasTopo{
	background:url(../imagens/topo-box-internas.jpg) no-repeat 0 0;
	height:24px;
	width:871px;
}
.internasTopo h1, .internasTopo span{
	color:#000;
	display:block;
	font-size:12px;
	padding:3px 40px 0;
}
.internasConteudo{
	background:url(../imagens/bg-box.png) repeat;
	border:1px solid #fff;
	border-bottom:none;
	min-height:430px;
	padding-bottom:15px;
}
.internasConteudo p{
	color:#5b5b5a;
}
.abas{
	background:url(../imagens/topo-abas.gif) no-repeat 0 0;
	height:51px;
	overflow:hidden;
	width:869px;
}
.abas ul{
	height:46px;
	display:block;
	margin:5px 17px;
}
.abas li{
	float:left;
	margin-right:1px;
}
.abas li a{
	background:url(../imagens/aba-pequena-verde.jpg) no-repeat 0 0;
	color:#fff;
	display:block;
	font-weight:bold;
	height:26px;
	margin-top:13px;
	padding-top: 7px;
	text-align:center;
	text-decoration:none;
	width:89px;
}
.abas li a:hover, .abas li a.ativo{
	background:url(../imagens/aba-pequena-vermelha.jpg) no-repeat 0 0!important;
	height:26px!important;
	margin-top:0!important;
	padding-top:20px;
}
.abas li #abaGrande{
	background:url(../imagens/aba-grande-verde.jpg) no-repeat 0 0!important;
	height:31px;
	padding:2px 10px;
	width:129px!important;
}
.abas li #abaGrande:hover, .abas li #abaGrande.ativo{
	background:url(../imagens/aba-grande-vermelha.jpg) no-repeat 0 0!important;
	height:31px!important;
	margin-top:0!important;
	padding-top:15px;
}
.abasConteudo{
	margin-top:40px;
}
.abasConteudo p{
	margin:0 37px 11px;
	text-align:justify;
}
.internasFim{
	background:url(../imagens/fim-box-internas.png) no-repeat 0 0;
	height:10px;
	width:871px;
}

/* ///////////////
	Frutas
////////////// */

.conteudoDir{
	float:right;
	width:654px;
}
.conteudoDir h1{
	color:#0c7f00;
	font-size:12px;
	margin:22px 0 2px 3px;
	text-transform:uppercase;
}
.conteudoDir p{
	margin-right:30px;
	text-align:justify;
}
.frutas{
	background:url(../imagens/frutas-grande.jpg) no-repeat 0 0;
	height:210px;
	margin:20px 0 10px 20px;
	width:590px;
}
.imgFruta{
	background:url(../imagens/mascara-frutas.png) no-repeat 0 0;
	float:left;
	height:164px;
	margin:0 10px 10px 0;
	overflow:hidden;
	padding:7px;
	width:244px;
}
.formFrutas{
	margin-left:140px;
}
.formFrutas p{
	color:#5b5b5a;
	font-weight:bold;
}
.formFrutas label{
	color:#5b5b5a;
	font-weight:bold;
	padding-left:3px;
}
.formFrutas div{
	background:url(../imagens/input-frutas-interna.png) no-repeat 0 0;
	height:17px;
	position:static;
	margin:2px 0 10px;
	padding:5px;
	width:475px;
}
.textarea{
	background:url(../imagens/textarea-frutas-interna.png) no-repeat 0 0!important;
	height:74px!important;
	padding:5px;
	position:relative;
}
.formFrutas input, .formFrutas textarea{
	background:none;
	border:none;
	color:#5b5b5a;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:relative;
	width:475px;
}
.formFrutas textarea{
	height:64px;
	width:475px;
}
.formFrutas .botao{
	margin-left:368px;
}

/* /////////////////////
	Legumes
/////////////////// */

.legumes{
	background:url(../imagens/legumes-grande.jpg) no-repeat 0 0;
	height:230px;
	margin:20px 0 10px 88px;
	width:415px;
}

/* /////////////////////
	Feiras e Eventos
//////////////////// */

.eventos{
	clear:both;
	margin-top:25px;
}
.menuEventos{
	margin-top:20px;
}
.navegaEventos{
	clear:both;
	display:block;
	height:20px;
	margin-left:475px;
	width:auto;
}
.navegaEventos li{
	display:inline;
	float:left;
	margin:10px 0 0 20px;
}
.navegaEventos li a{
	color:#5b5b5a;
	font-weight:bold;
}
.navegaEventos li a:hover{
	text-decoration:none;
}

/* ///////////////////
	Contato
///////////////// */

.formularioContato{
	float:left;
}
.contatoEndereco{
	display:inline;
	float:left;
	margin:36px 0 0 10px;
	width:167px;
}
.contatoEndereco h2{
	color:#5b5b5a;
	font-size:11px;
	padding-bottom:11px;
}
.contatoEndereco p{
	color:#5b5b5a;
}

/* //////////////////////
	Seja um fornecedor
///////////////////// */

.chamadaCadastro{
	margin:25px 30px 15px 30px!important;
}
.formularioCadastro{
	margin:0 auto!important;
}

/* ////////////////////
	Orçamento
/////////////////// */

.formularioOrcamento{
	width:780px!important
}
.formularioOrcamento .menuLateral{
	height:75px;
	width:485px!important;
	float:none!important;
	position:relative;
}
.formularioOrcamento .menuLateral ul{
	height:50px;
	margin-left:43px;
}
.formularioOrcamento .menuLateral li{
	float:left;
	margin-right:20px;
}
.formularioOrcamento .menuLateral li a{
	float:left;
}
.quantidades{
	float:right;
	width:260px;
}
.quantidades span{
	display:block;
	padding-bottom:5px;
	color:#5b5b5a;
}
.quantProduto{
	clear:both;
	height:28px;
	margin-bottom:10px;
}
.quantidades div.inputTipo2{
	background:url(../imagens/inputTipo2.png) no-repeat 0 0;
	height:18px;
	float:left;
	padding:5px;
	position:static;
	width:51px;
	position:static;
}
.quantidades div.inputTipo2 input{
	width:51px!important;
}
.quantidades label{
	display:inline;
	float:left;
	line-height:26px;
	margin-left:5px;
}
.formCotacao{
	float:left;
	width:520px;
}
.formularioOrcamento .botoes{
	float:left;
	padding:10px 0 10px 97px;
}
.formRadio{
	width:300px;
}
.formRadio label{
	display:inline!important;
	padding:0 20px 0 0!important;
}

/* //////////////////////
	Mapa do Site
//////////////////// */

.siteMap{
	display:inline;
	float:left;
	margin:25px 0 0 30px;
	width:250px;
}
.siteMap li{
	color:#5B5B5A;
	font-weight:bold;
	line-height:25px;
}
.siteMap li a{
	color:#5B5B5A;
}
.siteMap li a:hover{
	color:#0c8200;
	text-decoration:none;
}
.siteMap li ul{
	margin-left:20px;
}

/* ///////////////////
	Formulários
////////////////// */

.formularios{
	display:block;
	margin-left:25px;
	width:510px;
}
.formularios input, .formularios textarea{
	background:none;
	border:none;
	color:#5b5b5a;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:relative;
}
.chamadaForms{
	font-weight:bold;
	margin:25px;
}
.formConteudo{
	display:inline;
	float:left;
	margin:15px 30px 0 0;
}
.formConteudo div{
	background:url(../imagens/inputTipo1.png) no-repeat 0 0;
	height:18px;
	padding:5px;
	position:static;
	width:215px;
}
.formularios label{
	color:#5b5b5a;
	display:block;
	font-weight:bold;
	padding:0 0 3px 3px;
}
.formConteudo div input{
	width:215px;
}
.fones{
	background:none!important;
	float:left;
	height:auto!important;
	padding:0!important;
	width:auto!important;
}
.fones div.inputTipo2{
	background:url(../imagens/inputTipo2.png) no-repeat 0 0;
	width:51px;
	margin-right:14px;
	position:static;
}
.fones div.inputTipo2 input{
	width:51px!important;
}
.fones div.inputTipo3{
	background:url(../imagens/inputTipo3.png) no-repeat 0 0;
	width:140px;
	position:relative;
}
.fones div.inputTipo3 input{
	width:140px!important;
}
.formTextarea{
	float:left;
	padding-top:15px;
}
.textarea{
	position:static;
}
.textarea textarea{
	height:64px;
	overflow:auto;
	position:relative;
	width:475px;
}
.botao{
	background:url(../imagens/botao-enviar.gif) no-repeat 0 0!important;
	color:#fff!important;
	cursor:pointer;
	font-size:12px!important;
	font-weight:bold;
	height:36px!important;
	width:116px!important;
}
.botoes{
	height:36px;
	margin:0 auto;
	padding:152px 0;
	width:280px;
}
.botoes .botao2{
	margin-right:43px;
}
.botao2{
	background:url(../imagens/botao-limpar.gif) no-repeat 0 0!important;
}

/* //////////////////
	Menu Lateral
//////////////// */

.menuLateral{
	float:left;
	width:215px;
}
.menuLateral ul{
	padding: 25px 0 0 20px;
}
.menuLateral li{
	padding-bottom:3px;
}
.menuLateral li a{
	background:url(../imagens/link-verde.png) no-repeat 0 0;
	color:#fff;
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:24px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	width:106px;
}
.menuLateral li a:hover, .menuLateral li a.ativo{
	background:url(../imagens/link-verde-escuro.png) no-repeat 0 0!important;
}
.subMenu{
	padding:0!important;
}
.subMenu li a{
	background:none!important;
	color:#5b5b5a!important;
	margin-left:4px;
	text-align:left!important;
	text-decoration:underline!important;
	width:auto!important;
}
.subMenu li a:hover, .subMenu li a.ativo{
	background:none!important;
	color:#0c8200!important;
	text-decoration:none!important;
}
.linkLegumes{
	cursor:default!important;
}

/* //////////////////////
	MIGALHA 
//////////////////// */

#migalha{
	height:20px;
	position:absolute;
	left:23px;
	top:5px;
}
#migalha li{
	color:#5b5b5a;
	display:inline;
	float:left;
	margin:0 3px;
}
#migalha li a{
	color:#5b5b5a;
}
#migalha li a:hover{
	text-decoration:none;
}

/* ///////////////
	Footer
////////////// */

.footer{
	background:url(../imagens/bg-footer.jpg) no-repeat 0 0;
	height:194px;
	margin:0 auto;
	overflow:hidden;
	width:920px;
	position:relative;
}
.footer ul{
	display:block;
	margin:107px 10px;
}
.footer li{
	color:#fff;
	float:left;
	font-weight:bold;
}
.footer li a{
	color:#fff;
	margin: 0 10px;
}
.footer li a:hover{
	text-decoration:none;
}
.footer p{
	color:#fff;
	font-size:10px;
	position:absolute;
	right:20px;
	top:142px;
}
.linkAgencia{
	color:#fff;
	position:absolute;
	right:20px;
	top:165px;
}
.linkAgencia a{
	color:#fff;
}
.linkAgencia a:hover{
	text-decoration:none;
}

/* //////////////////////////
	Localização
///////////////////////// */

#localizacao{
	background-color:#ace527;
	border:1px solid #fff;
	display:none;
	position:absolute;
	width:901px;
	z-index:102;
}
#localizacao .boxInternas{
	margin:20px auto 20px!important;
}
#localizacao .internasConteudo{
	min-height: 200px!important;
}

#localizacao p{
	color:#5b5b5a;
	font-weight:bold;
	margin:20px 28px 10px
}
a.fechaBloqueio{
	color:#5b5b5a;
	font-weight:bold;
	position:absolute;
	top:42px;
	right:15px;
}
a.fechaBloqueio:hover{
	text-decoration:none;
}
#formComoChegar .formConteudo{
	display:block!important;
	float:none!important;
}
#formComoChegar .botao{
	left:265px;
	position:absolute;
	top:118px;
}
#directions{
	height:auto;
	margin:10px auto 0;
	width:510px;
}
#map_canvas{
	clear:both;
	display:none;
	height:350px;
	margin:0 auto;	
	width:510px;
}
.areaRestrita{
	padding:20px 50px;
}
.areaRestrita h2{
	color:#5B5B5A;
	font-size:12px;
	padding:20px 0 10px;
}
.areaRestrita img{
	display:none;
}
.areaRestrita a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../imagens/link-verde.png) no-repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
display:block;
font-weight:bold;
height:24px;
line-height:24px;
margin-top:30px;
text-align:center;
text-decoration:none;
width:106px;
}
.linkEventos{color:#5b5b5a;}
.linkEventos:hover{text-decoration:none;}