/***************************************************************************************
§§§§§§§§§§ GERAL §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/
*{
	outline:none;
}
* html ul li a{	height:1%; }
body{
	background:#efefef url(../imagens/bg.gif) repeat-x top;
	color:#003300;
	font-family:"Tahoma";
	font-size:11px;
	margin:0;
}
h1{
	background:url(../imagens/bg-titulo.gif) no-repeat left center;
	color:#175507;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	padding-left:43px;
	margin:5px 0 30px -20px;
}
h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
p{
	margin:0 0 11px 0;
}
img{ border:0; }
.alignCenter{ text-align:center; }
.alignCenter *{ float:none!important; }
.imgDir{
	float:right;
	margin:0 0 10px 10px;
}
.hide{ display:none; }

#container{
	background:url(../imagens/bordas.gif) repeat-y top center;
	margin:0 auto;
	width:768px;
}
#container .borda-esq{
	background:url(../imagens/borda-esq.gif) repeat-y left top;
	margin:0 auto;
	width:768px;
}
#container .borda-dir{
	background:url(../imagens/borda-dir.gif) repeat-y right top;
	width:768px;
}
#geral{
	/*margin-top:-20px;*/
}
.form_ok{
	border-color:#063!important;
	background:#EFFFEA url(../imagens/form_ok.gif) no-repeat right center!important;
	color:#063!important;
}
.form_erro{
	border-color:#900!important;
	background:#FFECEC url(../imagens/form_erro.gif) no-repeat right center!important;
	color:#900!important;
}
.boxMsg{
	background:#FFDFDF;
	border:1px dashed #FF0000;
	padding:10px;
	position:absolute;
	text-align:center;
	width:200px;
	z-index:9999;
}
a{
	color:#175507;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
/***************************************************************************************
§§§§§§§§§§ TESTEIRA §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/
#borda-testeira{
	background:url(../imagens/bordas-testeira.gif) no-repeat center top;
	padding:0 9px;
	position:relative;
}
#testeira{
	background:url(../imagens/bg-testeira.gif) repeat-x left top;
	height:310px;
	position:relative;
}
#logo{
	position:absolute;
	left:28px;
	top:9px;
}
#menu_top{
	margin:0;
	position:absolute;
	right:16px;
	top:109px;
}
#menu_top li{
	display:inline;
	margin:0;
	padding-left:10px;
}
#menu_top a{
	color:#000;
	text-decoration:none;
}
#menu_top a:hover{
	color:#009933;
}
#menu_top a img{
	vertical-align:middle;
}
#animacao{
	bottom:35px;
	left:0;
	position:absolute;
}
#testeira h1{
	background:none;
	font-size:18px;
	margin:0;
	position:absolute;
	right:15px;
	top:18px;
}
#testeira p{
	color:#006633;
	font-size:10px;
	position:absolute;
	right:15px;
	text-align:right;
	top:43px;
}
#testeira #banner{
	border:1px solid #6EA446;
	font-size:14px;
	font-weight:bold;
	height:70px;
	left:210px;
	line-height:70px;
	position:absolute;
	text-align:center;
	top:20px;
	width:300px;
}
#testeira #menu_top_baixo{
	bottom:-15px;
	*bottom:-5px;
	position:absolute;
	right:12px;
}
#testeira #menu_top_baixo li{
	display:inline;
	float:left;
	list-style:none;
	margin-left:25px;
}
#testeira #menu_top_baixo li a{
	display:block;
	float:left;
	height:64px;
	position:relative;
	-moz-opacity:0.7;
}
#testeira #menu_top_baixo li a:hover{
	-moz-opacity:0.99;
}
#testeira #menu_top_baixo li.cadastro{
	background:url(../imagens/menu-topo-cadastro.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/menu-topo-cadastro.png',sizingMethod='scale');
}
#testeira #menu_top_baixo li.cadastro a{
	width:93px;
}
#testeira #menu_top_baixo li.pedidos{
	background:url(../imagens/menu-topo-pedidos.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/menu-topo-pedidos.png',sizingMethod='scale');
}
#testeira #menu_top_baixo li.pedidos a{
	width:83px;
}
#testeira #menu_top_baixo li.atendimento{
	background:url(../imagens/menu-topo-atendimento.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/menu-topo-atendimento.png',sizingMethod='scale');
}
#testeira #menu_top_baixo li.atendimento a{
	width:226px;
}

/***************************************************************************************
§§§§§§§§§§ RODAPÉ §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/
#rodape{
	background:#efefef url(../imagens/borda-rodape.gif) no-repeat top center;
	color:#666;
	clear:both;
	padding-top:5px;
	*padding-top:2px;
	text-align:center;
}
#rodape ul{
	margin:0;
	padding:0;
}
#rodape li{
	display:inline;
	margin:0;
	padding:0 0 0 4px;
}
#rodape ul li a{
	line-height:18px;
}
#rodape a{
	color:#666;
	text-decoration:none;
}
#rodape a:hover{
	color:#093;
	text-decoration:underline;
}
/***************************************************************************************
§§§§§§§§§§ MENU §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/
#menu{
	float:left;
	margin-left:9px;
	_margin-left:4px;
	position:relative;
	width:180px;
	z-index:1;
}
#menu ul, #menu ul li{
	margin:0;
	padding:0;
}
#menu ul li{
	list-style:none;
}
#menu ul li h2{
	margin:0;
}
#menu ul li h2 a{
	border-bottom:1px solid #9CD58D;
	color:#175507;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 0 0 0;
	padding-left:10px;
	position:relative;
	text-decoration:none;
}
#menu ul li h2 a:hover, #menu ul li h2 a.ativo{
	background:#22740D;
	color:#fff;
}
#menu ul li div{
	display:none;
}
#menu ul li ul{
	margin:0;
	padding:0 0 15px 0;
}
#menu ul li ul li{
	margin:0;
	padding:0;
	list-style:none;
}
#menu ul li ul li a{
	border-bottom:1px dashed #9cd58d;
	color:#125700;
	display:block;
	line-height:16px;
	text-decoration:none;
}
/*#menu ul li ul li a:hover{
	background:#22740d;
	border-bottom:1px solid #9cd58d;
	color:#fff;
}*/
#menu ul li ul li a:hover, #menu ul li ul li a.ativo{
	border-bottom:1px solid #9cd58d;
	color:#000;
}
#menu ul li ul li a span{
	color:#f00;
	font-weight:bold;
	margin:0 5px 0 25px;
}
/*#menu ul li ul li a:hover span{
	color:#a3daaa;
	margin:0 2px 0 28px;
}*/
#menu ul li ul li a:hover span, #menu ul li ul li a.ativo span{
	color:#000;
	margin:0 2px 0 28px;
}
/***************************************************************************************
§§§§§§§§§§ CONTEÚDO §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/
#conteudo{
	display:inline;
	float:right;
	padding:0 20px 0 20px;
	position:relative;
	margin-right:9px;
	width:520px;
	z-index:1;
}
/***************************************************************************************
§§§§§§§§§§ FALE CONOSCO §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/
form *{
	border:0;
	list-style:none;
	margin:0;
	padding:0;
}
form ul{
	width:490px;
}
form label{
	display:block;
	float:left;
	line-height:17px;
	padding-right:10px;
	text-align:right;
	width:70px;
}
form label.menor{
	width:15px;
}
form input, form select, form textarea{
	border:1px solid #22740D;
	border-left-width:2px;
	color:#22740D;
	font-size:11px;
	float:left;
	padding:2px 2px;
}
form ul li{
	clear:both;
}
form ul li *{
	margin-bottom:5px;
}
#form_faleConosco_ddd, #form_trabalheConosco_ddd{
	width:20px;
}
#form_faleConosco_empresa, #form_faleConosco_nome, #form_faleConosco_email, #form_faleConosco_mensagem, #form_trabalheConosco_nome, #form_trabalheConosco_email{
	width:318px;
}
/***************************************************************************************
§§§§§§§§§§ TRABALHE CONOSCO §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/



/***************************************************************************************
§§§§§§§§§§ LOGOS §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/
#logos{
	background:url(../imagens/logos-linha.gif) no-repeat 0 0;
	clear:both;
	height:139px;
	margin:0 9px 0 9px;
	position:relative;
	width:750px;
}
#logos div{
	height:139px;
	position:relative;
	text-align:center;
	width:600px;
}
#logos .dir{
	position:absolute;
	bottom:0;
	right:0;
	_margin-bottom:-1px;
}
#logos a img{
	margin:60px 0 0 20px;
	vertical-align:middle;
}
.marcas p{
	padding-top:50px;
	text-align:center;
}
.marcas p img{
	margin:0 20px 40px 0;
	vertical-align:middle;
}
/***************************************************************************************
§§§§§§§§§§ HOME §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/
#home{
	position:relative;
	width:520px;
}
#home ul{
	margin:0;
	padding:0;
	width:350px;
}
#home li{
	border-bottom:1px dashed #9CD58D;
	display:block;
	height:91px;
	list-style:none;
	margin:0;
	padding:5px 0 5px 0;
}
div.bgImagem{
	display:inline;
	height:91px;
	width:91px;
	float:left;
	margin:0 5px 0 10px;
}
div.bgImagem div{
	background:url(../imagens/bg-imagem.gif) no-repeat center center;
	height:91px;
	width:91px;
}
#home ul li h2{
	font-family:"Tahoma", Arial;
	font-size:11px;
	margin:0;
	padding:10px 0 0 0;
}
#home ul li p{
	margin:0;
}
#home #apoio{
	padding:20px 0;
	position:absolute;
	right:0px;
	top:0;
	text-align:center;
	width:160px;
}
#home #apoio h2{
	color:#336633;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
}
#home #apoio p{
	font-size:14px;
	font-weight:bold;
}
#home #apoio p span{
	font-style:italic;
	font-size:11px;
	font-weight:normal;
}
#home #apoio div{
	margin-bottom:20px;
}
#home #apoio div p{
	font-size:11px;
	font-weight:normal;
}

/***************************************************************************************
§§§§§§§§§§ FORMULÁRIOS §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/
#form_cadastro label, #form_atendimento label, #form_pedidos label{
	width:120px;
}
#form_cadastro label.menor{
	width:40px;
}
#form_cadastro .alignCenter, #form_atendimento .alignCenter, #form_pedidos .alignCenter{
	padding-left:80px;
}
.campo300, textarea{
	width:300px;
}
/***************************************************************************************
§§§§§§§§§§ PROMOÇÕES §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
***************************************************************************************/
.promocoes ul{
	margin:0;
	padding:0;
}
.promocoes ul li{
	border-bottom:1px dashed #9CD58D;
	clear:both;
	display:block;
	height:91px;
	list-style:none;
	margin:0;
	padding:5px 0 5px 0;
}
.promocoes ul li h2{
	font-family:"Tahoma", Arial;
	font-size:14px;
	margin:0;
	padding:5px 0 10px 0;
}
.promocoes ul li p{
	margin:0;
}
.semImagem{
	background:url(../imagens/sem-imagem.jpg) no-repeat 0 0;
	display:inline;
	float:left;
	height:91px;
	margin:0 5px 0 10px;
	width:91px;
}