@charset "utf-8";

/* DEFINIÇÕES GERAIS */

*{
	margin: 0;
	padding: 0;
}

body, body#VEGETAIS, 
body#INSTITUCIONAL, 
body#OBRIGADO, 
body#NOVIDADES,
body#DIVERSAO, 
body#BASES, 
body#MOLHOS, 
body#AMIDOS, 
body#DOCES, 
body#FOOD,
body#RECEITAS,
body#PLAY, 
body#FALECONOSCO{
	width: 100%;
	height: auto;
	min-height: auto;
	background: transparent url(../img/body_bg.jpg) no-repeat fixed left bottom;
	font: 12px Arial, Helvetica, sans-serif;
}

ul{
	list-style: none;	
}

img{
	border: none;	
}

img a{
	border: none;	
}

form, fieldset{
	display: block;
	border: none;
}

h1{
	font-size: 24px;
	font-weight: bolder;
}

h2{
	font-size: 18px;
	font-weight: bolder;
}

h3{
	font-size: 16px;
	font-weight: bolder;
}

.right{
	float: right;	
}

.left{
	float: left;	
}

/*SÓ ATINGE A TAG H3 DAS PÁGINAS 'MOLHOS', 'FOOD' E 'FALECONOSCO' */
body#MOLHOS h3, body#FOOD h3, body#FALECONOSCO h3, body#DOCES h3{
	font: 18px Arial, Helvetica, sans-serif;
	color: #00522A;
	display: block;
	padding: 0 0 0 5px;
	margin: 0;
}

body#MOLHOS h3.peneirados{
	padding: 0 370px 0 0;
	float: right;
}

body#MOLHOS h3.refogados{
	padding: 0;
	float: left;
}

/*SÓ ATINGE A TAG H3 DA PÁGINA FALE CONOSCO*/

body#FALECONOSCO h3{
	padding: 0;
	color: #00522A;
}

h4{
	font-size: 14px;	
	font-weight: bolder;
}

.clear{
	clear: both;	
}

/* #IDs */
#GERAL{
	width: 940px;
	
	height: auto;
	margin: 0 auto;
	position: relative;
	padding: 0;
}

#TOPO{
	width: 940px;
	height: 160px;
	position: relative;
	top: 0;
	left: 0;
	_width: 947px;
	
}

/*A ALTURA DO TOPO VARIA DA PÁGINA PRINCIPAL PARA AS PÁGINAS INTERNAS. ENTÃO USANDO A ESPECIFICIDADE E A CASCATA DA CSS EU APLICO UMA ALTURA DIFERENTE PRA MESMA DIV, MAS NAS PÁGINAS INTERNAS EXCLUSIVAMENTE. ASSIM NÃO É NECESSÁRIO CRIAR UMA CLASSE E APLICAR EM TODAS AS PÁGINAS*/
#NOVIDADES #TOPO,
#VEGETAIS #TOPO,
#VEGETAIS-INTERNA #TOPO,
#CONDIMENTOS #TOPO,
#DOCES #TOPO,
#ESPECIAL #TOPO,
#FOOD #TOPO,
#RECEITAS #TOPO,
#AMIDOS #TOPO,
#MOLHOS #TOPO,
#BASES #TOPO,
#PLAY #TOPO,
#TEMPEROS #TOPO,
#OBRIGADO #TOPO,
#INSTITUCIONAL #TOPO,
#DIVERSAO #TOPO,
#FALECONOSCO #TOPO{
	height: 210px;
}

h1#LOGO{
	width: auto;
	height: auto;
	float: left;
	padding: 15px 0 0 0;
	position: absolute;
	background: transparent;
	top: 0;
	left: 0;
}

/*--!MENU COM SUBMENU--*/
ul#MENU{
	display: inline;
	height: auto;
	float: right;
	position: relative; 
	z-index: 1; /*NECESSÁRIO PARA O MENU FICAR SEMPRE POR CIMA DE OUTROS OBJETOS POSICIONADOS RELATIVAMENTE*/
	top: 105px;
	right: 0;
	width: auto;
	
}

#DIVERSAO ul#MENU{
	_right: 10px; /**/
}

#VEGETAIS ul#MENU{
	_right: -5px; /**/
}

#INDEX ul#MENU{
	_right: 8px; /**/
}

#VEGETAIS-INTERNA{
	_right: 0px; /**/
}

ul#MENU li{
	float: left;
	display: block;
	padding: 0;
	background: #fff;
	text-align: center;
}


ul#MENU li.submenu ul { 
	display: none;
	list-style: none;
	padding: 0;
	z-index: 999999; /*NECESSÁRIO PARA O SUBMENU FICAR SEMPRE POR CIMA DE OUTROS OBJETOS POSICIONADOS ABSOLUTAMENTE*/
	width: 190px;
	position: absolute;
	height: 30px;
}

ul#MENU li.submenu ul li{
	display: block;
	clear: both;
	padding: 0 5px 0 4px;
	text-align: left;
	float: left;
	background: #fff;
	display: block;
	width: 190px;
}

ul#MENU li.submenu:hover ul { 
	display: block;
}

ul#MENU li a{
	text-decoration: none;
	font: bolder 13px Arial, Helvetica, sans-serif;
	color: #999;
	display: block;
	width: 50px;
	height: 20px;
	padding: 14px 0 10px 0;
}

ul#MENU li a:hover{
	text-decoration: none;
	font: bolder 13px Arial, Helvetica, sans-serif;
	color: #0D8402;
	display: block;
}

ul#MENU li.submenu li a{
	text-decoration: none;
	font: bolder 13px Arial, Helvetica, sans-serif;
	color: #999;
	display: block;
	background: #fff;
	width: 190px;
	height: 20px;
	padding: 5px 0 5px 12px;
}

ul#MENU li.submenu li a:hover{
	text-decoration: none;
	font: bolder 13px Arial, Helvetica, sans-serif;
	color: #0D8402;
	display: block;
	background: #fff;
}

/*--//MENU--*/

#CONTATO{
	width: 50%;
	height: 163px;
	background: transparent url(../img/contato_bg.gif) no-repeat 0 0;
	right: 0;
	top: 0;
	position: absolute;
	cursor: text;
	
}

#CONTATO div{
	width: auto;
	height: auto;
	padding: 25px 0 0 200px;
	cursor: text;
}

#CONTEUDO{
	width: 900px;
	height: auto;
	padding: 20px;
	margin: 0;
	background: #fff;
}

#OBRIGADO #CONTEUDO{
	width: 900px;
	height: 360px;
	padding: 20px;
	margin: 0;
	background: #fff;
}

#PRODUTO-UNITARIO{
	float: left;
	clear: both;
	margin: 20px 0 0 0;
}

#DIVERSAO #CONTEUDO{
	width: 940px;
	height: 500px;
	padding: 0;
	margin: 50px 0 0 0;
	background: #fff;
}

/*!RECEITAS*/

#RECEITAS #ESQUERDA{
	width: 445px;
	height: auto;
	float: left;
	margin: 30px 0 0 0;
}

#RECEITAS #ESQUERDA h3{
	font: bolder 18px Arial, Helvetica, sans-serif;
	color: #444;
}

#RECEITAS #ESQUERDA p{
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #777;
	line-height: 2em;
}

#RECEITAS #ESQUERDA .boxImagem{
	width: 440px;
	height: 265px;
	padding: 0;
	display: block;
	border: solid 2px #ddd;
}

#RECEITAS #ESQUERDA .boxImagem img{
	*float: left;
}

#RECEITAS #DIREITA{
	width: 435px;
	height: auto;
	float: right;
	margin: 30px 0 0 0;
}

#RECEITAS #DIREITA h3{
	font: bolder 22px Arial, Helvetica, sans-serif;
	color: #00522A;
	letter-spacing: ;
}

#RECEITAS #DIREITA h2{
	font: bolder 18px Arial, Helvetica, sans-serif;
	color: #444;
}

#RECEITAS #DIREITA .dadosReceita{
	width: auto;
	height: 250px;
}

#RECEITAS #DIREITA .preparo{
	width: 420px;
	padding: 10px;
	background: #f3f3f3;
	margin: 10px 0 0 0;
	color: #7a7a7a;
	font: 13px Arial, Helvetica, sans-serif;
}

#RECEITAS #DIREITA .dadosRendimento{
	display: block;
	margin: 0 0 0 30px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #777;
	line-height: 1.6em;
}

#RECEITAS #DIREITA .ico{
	width: auto;
	padding: 0 5px;
	height: auto;
}

#RECEITAS #DIREITA .preparo .numero{
	font: bolder 26px Arial, Helvetica, sans-serif;
	color: #98C000;
}
/*!RECEITAS*/

#FALECONOSCO div#ESQUERDA, #OBRIGADO div#ESQUERDA{
	width: 500px;
	height: auto;
	float: left;
}

#FALECONOSCO div#ESQUERDA h3{
	margin: 20px 0 0 0;	
}

#FALECONOSCO div#DIREITA, #OBRIGADO div#DIREITA{
	width: auto;
	height: auto;
	float: right;
}

#PRODUTOS-HOME{
	width: 940px;
	height: auto;
	padding: 10px;
	background: trasnparent;
	margin: 0 0 40px 0;
}

/*!FORMULÁRIO DA PÁGINA FALE CONOSCO. ESTOU APLICANDO ESSES ESTILOS APENAS PRA PÁGINA 'FALE CONOSCO' EM ESPECÍFICO, ATRAVÉS DA ESPECIFICIDADE*/
#FALECONOSCO .obsFormulario, #OBRIGADO .obsFormulario{
	font: 13px Arial, Helvetica, sans-serif;
	color: #888;
	margin: 20px 0 0 0;
	display: block;
}

#FALECONOSCO .btEnviar{
	display: block;
	cursor: pointer;
	padding: 5px 10px 5px 10px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #98C000;
	margin: 10px 0 0 0;
	border: none;
	width: 80px;
	height: 40px;
}

#FALECONOSCO .tableForm{
	border-collapse: collapse;
	border: none;
}

#FALECONOSCO .tableForm input, #FALECONOSCO .tableForm select{
	color: #666;
}

#FALECONOSCO .tableForm .check{
	border: none;
	background: none;
	margin: 2px 0 0 0;
}

#FALECONOSCO .tableForm td{
	height: 25px;	
}

#FALECONOSCO .tableForm td input, #FALECONOSCO .tableForm td select{
	border: solid 1px #bbb;
	background: none;
	width: auto;
}

#FALECONOSCO .tableForm td .inputLargo{
	width: 350px;
}

#FALECONOSCO .tableForm td.inputMedio{
	width: 250px;	
}

#FALECONOSCO .tableForm td .inputCurto{
	width: 70px;	
}

#FALECONOSCO .tableForm td .preCep{
	width: 50px;	
}

#FALECONOSCO .tableForm td .posCep{
	width: 30px;	
}

#FALECONOSCO .tableForm tr.sexo input{
	background: none;
	border: none;
}

#FALECONOSCO .tableForm .ddd{
	width: 25px;	
}

#FALECONOSCO .tableForm{
	font: normal 12px  Arial, Helvetica, sans-serif;
	color: #888;
}

#FALECONOSCO form p.msg{
	height: auto;
	font: 13px Arial, Helvetica, sans-serif;
	margin: 8px 0 0 0;
	color: #888;
}

#FALECONOSCO form p.msg textarea{
	margin: 0;
	border: solid 1px #bbb;
	width: 450px;
	height: auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
}

#FALECONOSCO form .obsMsg{
	font-size: 10px;	
}


/*FIM DO FORM*/

#BANNER-DESTAQUES{
	width: 940px;
	height: 270px;
	background: transparent;
	margin: 50px 0 0 0;
}

#BANNERS{
	width: 940px;
	height: 210px;
	background: transparent;
	position: relative;
	margin: 35px 0 0 0;
}

#BANNER1{
	width: 379px;
	height: 168px;
	float: left;
	background: transparent;
	margin: 0;
}

#BANNER2{
	width: 487px;
	height: 168px;
	float: right;
	background: transparent;
}


#RODAPE{
	width: 100%;
	height: 236px;
	clear: both;
	background: url(../img/rodape_bg.gif) no-repeat center bottom;
	position: relative;
	z-index: 1000;
	
}

/*A POSIÇÃO DO LOGO DE BACKGROUND NO RODAPÉ MUDA NO IE6, APLIQUEI O HACK PRA CONSERTAR*/
#RODAPE-INTERNO{
	width: 940px;
	height: 236px;
	
	margin: 0 auto;
	z-index: 1000;
	position: relative;
	background: url(../img/logo-rodape.gif) no-repeat 95% 30%;
}

#RODAPE div{
	font: 11px Arial, Helvetica, sans-serif;
	color: #888;
	
}

#CADASTRE-SE{
	position: relative;
	z-index: 9999;
	width: 300px;
	height: 95px;
	display: block;
	left: 0;
	top: 0;
	padding: 0;
	background: transparent;
	cursor: pointer;
	
}

#CADASTRE-SE span{
	display: block;
	width: 250px;
	height: 80px;
	text-indent: -9999px;
	cursor: pointer;
	position: relative;
	left: 120px;
	
}

ul#MENU-RODAPE{
	margin: 0 0 0 70px;
	_margin: 0 0 0 90px;
	display: block;
	width: 600px;
	height: auto;
	position: relative;
	top: 45px;
	
}

ul#MENU-RODAPE span{
	font: bolder 11px Arial, Helvetica, sans-serif;
	float: left;
	
}

ul#MENU-RODAPE li{
	float: left;
	margin: 0 0 0 8px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #bbb;
}

.produtosRodape ul li.obs{
	font: 11px Arial, Helvetica, sans-serif;
	color: #777;
	margin: 4px 0 0 0;
	padding: 0;
	clear: both;
	float: left;
}



/* .classes */
.textos{
	font: Arial, Helvetica, sans-serif;
	color: #777;
}

.diversaoLogo{
	position: absolute;
	top: 220px;
	right: -20px;

}

/*ESTILOS DA PARTE DE POSTAGENS DA PÁGINA DE NOVIDADES*/
.englobaPostagem{
	width: 600px;
	float: left;
	height: auto;
	clear: both;
}

.topoPost{
	width: 600px;
	height: 50px;
	display: block;
	margin: 20px auto;
	float: left;
	background: #fff;
	padding: 0;
}

.mesAno{
	width: 50px;
	height: 50px;
	float: left;
	text-align: center;
}

.mes, .ano{
	width: 50px;
	height: auto;
	display: block;
	float: left;
}

.mes{
	clear: both;
	display: block;
	background: #817F7F;
	font: bolder 20px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 4px 0;
}

.ano{
	display: block;
	font: bolder 13px Arial, Helvetica, sans-serif;
	color: #817F7F;
	background: #EDEDED;
}

.tituloPost{
	font: bolder 24px Arial, Helvetica, sans-serif;
	color: #00522A;
	padding: 0 0 0 10px;
	display: inline;
	width: auto;
	height: auto;
}

.conteudoPost{
	clear: both;
	display: block;
	width: 600px;
	height: auto;
	background: #fff;
}

.conteudoPost .imgPost{
	width: 452px;
	height: 244px;
	display: block;
	margin: 20px auto 20px auto;	
}

.conteudoPost .imgPost img{
	width: 452px;
	height: 244px;
	margin: 0 auto;	
}

.conteudoPost p{
	text-align: justify;	
}

/*FIM !POSTAGENS ESTILOS*/

.tituloInternas{
	width: 907px;
	height: 35px;
	display: block;
	margin: 0 auto;
	background: #fff;
	border-bottom: solid 1px #E0E0E0;
	padding: 0;
}

.tituloInternas h2{
	color: #98C000;
	font: 240% Arial, Helvetica, sans-serif;
	float: left;
	height: auto;
}

.tituloMenor{
	font: 70% Arial, Helvetica, sans-serif;	
	letter-spacing: .03em;
}

#FALECONOSCO .box1, #OBRIGADO .box1{
	width: 300px;
	padding: 15px;
	margin: 30px 0 0 0;
	color: #fff;
	background: #00522A;
}


#FALECONOSCO .box2, #OBRIGADO .box2{
	width: 300px;
	padding: 15px;
	margin: 30px 0 0 0;
	color: #fff;
	background: #98C000;
}

#FALECONOSCO .box1 h3, #FALECONOSCO .box2 h3, #OBRIGADO .box2 h3{
	color: #fff;	
}

#FALECONOSCO .box1 .info, #FALECONOSCO .box2 .info, #OBRIGADO .box2 .info{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #fff;
}

#FALECONOSCO .box .numTel{
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #fff;
}

#BUSCA-TAGS{
	width: 217px;
	height: auto;
	float: right;
	margin: 20px 0 0 0;
}

#BUSCA-TAGS .buscaInput{
	width: auto;
	height: auto;
	border: solid 1px #ccc;
	display: block;
	margin: 2px 0;
	padding: 5px 55px 5px 5px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #aaa;
}

#BUSCA-TAGS .buscaBt{
	width: 52px;
	height: 20px;
	background: #98C000;
	padding: 2px;
	color: #fff;
	font: bolder 11px Arial, Helvetica, sans-serif;
	border: none;
	margin: 5px 0 0 0;
}

.voltarBt{
	width: 52px;
	height: 20px;
	background: #98C000;
	padding: 2px;
	color: #fff;
	font: bolder 11px Arial, Helvetica, sans-serif;
	border: none;
	cursor: pointer;
	margin: 5px 0 0 0;
}

#BUSCA-TAGS img{
	margin: 50px 0 0 0;	
}

#BUSCA-TAGS ul li{
	margin: 5px 0 0 0;	
}

/*--!MIGALHA--*/

.migalha{
	float: right;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #888;
	margin: -5px 0 0 0;
}

.migalha span{
	float: right;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.migalha ul li{
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
}

.migalha ul{
	clear: both;
	float: right;
	padding: 2px 0 0 0;
	width: auto;
	height: auto;
	margin: 0;
}

/*#TEMPEROS .migalha ul{
	*width: 456px;
}*/

.molhoPronto .migalha ul{
	*width: 385px;
}

.migalha .divisor{
	padding: 0 4px 0 4px;	
}

.migalha .liBold{
	font-weight: bolder;
}

/*--FIM MIGALHA--*/

/*--!MIGALHA2--*/

/*A LARGURA DESSA DIV NO IE6 É DIFERENTE. APLIQUEI O HACK PARA CONSERTAR SÓ NO IE6*/
.migalha2{
	float: right;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #888;
	background: #FFF;
	display: block;
	margin: 5px 0 30px 0;
	width: auto;
	height: 15px;
	padding: 10px 20px 10px 25px;
	_position: relative;
	_right: -7px;
	clear: both;
}

/*NA PÁGINA INSTITUCIONAL*/
#INSTITUCIONAL .migalha2{
	width: auto;
	padding: 10px 15px 10px 10px;
	_position: relative;
	_right: -8px;
}

/*NA PÁGINA VEGETAIS*/
#VEGETAIS .migalha2{
	width: auto;
	padding: 10px 15px 10px 15px;
	_position: relative;
	_right: -12px;
}

/*NA PÁGINA NOVIDADES*/
#NOVIDADES .migalha2{
	width: auto;
	padding: 10px 15px 10px 18px;
	_position: relative;
	_right: -7px;
}

/*NA PÁGINA DIVERSAO*/
#DIVERSAO .migalha2{
	width: 195px;
	padding: 10px 0 10px 20px;
	_position: relative;
	_right: 0;
}

.migalha2 span{
	float: left;
	display: block;
	padding: 1px 15px 0 0;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.migalha2 ul li{
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
}

.migalha2 ul{
	float: left;
	padding: 0;
	margin: 0;
}

.migalha2 .divisor{
	padding: 0 4px 0 4px;	
}

.migalha2 .liBold{
	font-weight: bolder;
}

/*--FIM MIGALHA2--*/

#copyright{
	float: left;
	width: 100%;
	margin: 0 0 0 -198px;
	_margin: 0 0 0 -89px;
	height: auto;
	text-align: center;
	clear: left;
	position: relative;
	top: 55px;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.produtosRodape{
	position: relative;
	top: 50px;
	clear: both;
	width: 88%;
	margin: 0 0 0 70px;
	_margin: 0 0 0 45px;
	height: auto;
	float: left;
}

ul.mapa li{
	font: bolder 12px Arial, Helvetica, sans-serif;
	padding: 5px 0;
	color: #777;
}

ul.mapa li a{
	font: 12px Arial, Helvetica, sans-serif;
	color: #709B02;
	text-decoration: none;
}

ul.mapa li a:hover{
	font: 12px Arial, Helvetica, sans-serif;
	color: #709B02;
	text-decoration: underline;
}

ul.mapa li a.sub{
	font: 12px Arial, Helvetica, sans-serif;
	color: #777;
	text-decoration: none;
}

ul.mapa li a.sub:hover{
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}

.produtosRodape span{
	font: bolder 11px Arial, Helvetica, sans-serif;	
	float: left;
}

.produtosRodape ul li{
	float: left;
	margin: 0 0 0 8px;
	color: #aaa;
}

.produtosRodape ul.segundaLista{
	margin: 5px 0 0 80px;
}

.produtosRodape ul li a{
	font: 11px Arial, Helvetica, sans-serif;
	color: #888;
	text-decoration: none;
}

.produtosRodape ul li a:hover{
	color: #0D8402;	
}

.ligueGratis{
	font: bolder 13px Arial, Helvetica, sans-serif;
	color: #9E9E9E;
	letter-spacing: -1px;
	display: none;
}

.tituloTel{
	display: block;
	font: bolder 16px Arial, Helvetica, sans-serif;
	color: #00522A;
}

.numeroTel{
	margin: 2px 0 0 0;
	display: block;
	font: bolder 12px Arial, Helvetica, sans-serif;
	color: #00522A;
}

.telefone{
	font: bolder 20px Arial, Helvetica, sans-serif;
	color: #9E9E9E;
	padding: 0 0 0 4px;
}

.table{
	border-collapse: collapse;
	font: 12px Arial, Helvetica, sans-serif;
	color: #777;
	text-align: center;
	margin: 40px 0 0 0;
	clear: both;
}

#VEGETAIS .table{
	border-collapse: collapse;
	font: 12px Arial, Helvetica, sans-serif;
	color: #777;
	text-align: center;
	margin: 80px 0 0 0;
}

#VEGETAIS .primeiraTabela{
	margin: 40px 0 0 0;
}

.primeiraTabela{
	margin: 0;
}

.table img{
	width: auto;
	height: auto;
}

img.imgEmpresa{
	margin: 20px auto;
	width: 908px;
	height: 390px;
	float: left;
	display: block;
	border: solid 1px #ddd;
}

.buscaBt{
	cursor: pointer;	
}

#PRODUTO-UNITARIO .produtoImg{
	float: left;
	width: 320px;
	padding: 30px 0 0 0;
	height: auto;
	text-align: center;
}

#PRODUTO-UNITARIO .produtoDescr{
	float: right;
	*float: left;
	width: 500px;
	height: auto;
	padding: 0;
	margin: 0;
}

#PRODUTO-UNITARIO .produtoDescr p{
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #777;
}

#PRODUTO-UNITARIO .produtoDescr h3{
	font: bolder 14px Arial, Helvetica, sans-serif;
	height: 25px;
	color: #98C000;
	border-bottom: dotted 1px #98C000;
}

div.boxReceitas{
	width: 100%;
	height: 130px;
	margin: 30px 0 0 0;
	display: block;
}

div.boxReceitas div.receitas{
	width: 445px;
	height: 130px;
	margin: 0;
}

div.receitas .imgReceita{
	width: 160px;
	display: block;
	height: 130px;
	margin: 0 10px 0 0;
	border: solid 1px #dcdcdc;
}

div.receitas .tituloReceita{
	font: bolder 14px Arial, Helvetica, sans-serif;
	color: #00522A;
}

div.receitas .rendimento{
	font: 12px Arial, Helvetica, sans-serif;
	color: #777;
	margin: 10px 0 0 0;
}

ul#MENU .divisor{
	margin: 0;
	color: #777;
	background: #fff;
	height: 25px;
	padding: 14px 5px 5px 5px;
}

ul#MENU li a.produtos{
	width: 65px;	
}

#NOVIDADES ul#MENU li a.produtos{
	width: 65px;	
}

/*ICONE DE SELECIONADO EM TODAS AS PÁGINAS DE PRODUTOS. USANDO ESPECIFICIDADE EU COLOCO O ÍCONE EM PÁGINAS ESPECÍFICAS, DE ACORDO COM A ID APLICADA. POR EXEMPLO: SE EU QUERO SÓ USAR O ÍCONE DE SELECIONADO NA PÁGINA PRINCIPAL EU APLICO UMA ID DE 'INDEX' E USO A CSS*/
#VEGETAIS ul#MENU li a.produtos, 
#ESPECIAL ul#MENU li a.produtos, 
#CONDIMENTOS ul#MENU li a.produtos, 
#BASES ul#MENU li a.produtos, 
#MOLHOS ul#MENU li a.produtos, 
#AMIDOS ul#MENU li a.produtos, 
#TEMPEROS ul#MENU li a.produtos, 
#VEGETAIS-INTERNA ul#MENU li a.produtos, 
#DOCES ul#MENU li a.produtos, 
#FOOD ul#MENU li a.produtos, 
#PLAY ul#MENU li a.produtos{
	width: 65px;
	height: 20px;
	background: url(../img/selecionado.jpg) no-repeat center 85%;
	color: #0D8402;
}

ul#MENU li a.receitas{
	width: 65px;	
}

ul#MENU li a.novidades{
	width: 76px;	
}

ul#MENU li a.diversao{
	width: 68px;	
}

ul#MENU li a.institucional{
	width: 90px;	
}

ul#MENU li a.home{	
	padding: 14px 0 10px 10px;
}

#INSTITUCIONAL ul#MENU li.institucionalSemlink{
	display: block;
	background: #fff url(../img/selecionado.jpg) no-repeat 25% 85%;
	color: #0D8402;	
	font: bolder 13px Arial, Helvetica, sans-serif;
	width: 90px;
	height: 30px;
	padding: 14px 0 0 0;
}

#RECEITAS ul#MENU li.receitasSemlink{
	display: block;
	background: #fff url(../img/selecionado.jpg) no-repeat 25% 85%;
	color: #0D8402;	
	font: bolder 13px Arial, Helvetica, sans-serif;
	width: 65px;
	height: 30px;
	padding: 14px 0 0 0;
}

ul#MENU li.homeSemlink{
	display: block;
	background: #fff url(../img/selecionado.jpg) no-repeat 25% 85%;
	color: #0D8402;	
	font: bolder 13px Arial, Helvetica, sans-serif;
	width: 50px;
	height: 30px;
	padding: 14px 0 0 10px;
}

#DIVERSAO ul#MENU li.diversaoSemlink{
	display: block;
	background: #fff url(../img/selecionado.jpg) no-repeat 25% 85%;
	color: #0D8402;	
	font: bolder 13px Arial, Helvetica, sans-serif;
	width: 68px;
	height: 30px;
	padding: 14px 0 0 0;
}

#NOVIDADES ul#MENU li.novidadesSemlink{
	display: block;
	background: #fff url(../img/selecionado.jpg) no-repeat 25% 85%;
	color: #0D8402;	
	font: bolder 13px Arial, Helvetica, sans-serif;
	width: 76px;
	height: 30px;
	padding: 14px 0 0 0;
}

#FALECONOSCO ul#MENU li.faleconoscoSemlink{
	display: block;
	background: #fff url(../img/selecionado.jpg) no-repeat 25% 85%;
	color: #0D8402;	
	font: bolder 13px Arial, Helvetica, sans-serif;
	width: 95px;
	height: 30px;
	padding: 14px 10px 0 0;
}

#OBRIGADO ul#MENU li.faleconoscoSemlink{
	display: block;
	background: #fff url(../img/selecionado.jpg) no-repeat 25% 85%;
	color: #0D8402;	
	font: bolder 13px Arial, Helvetica, sans-serif;
	width: 95px;
	height: 30px;
	padding: 14px 10px 0 0;
}

ul#MENU li a.faleConosco{
	width: 95px;
	height: 30px;
	display: block;
	padding: 14px 10px 0 0;
}

#FALECONOSCO .tableForm .exemploPreenchimento{
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0 0 0 5px;
}

/* <a> links </a> */

ul#MENU-RODAPE li a{
	font: 11px Arial, Helvetica, sans-serif;
	color: #888;
	text-decoration: none;
}

ul#MENU-RODAPE li a:hover{
	font: 11px Arial, Helvetica, sans-serif;
	color: #0D8402;
	text-decoration: none;
}

.migalha .link a, .migalha2 .link a{
	font: 11px Arial, Helvetica, sans-serif;
	color: #888;
	text-decoration: underline;	
}

.migalha .link a:hover, .migalha2 .link a:hover{
	font: 11px Arial, Helvetica, sans-serif;
	color: #98C000;
	text-decoration: underline;	
}

#FALECONOSCO .box1 .info a, #FALECONOSCO .box2 .info a, #OBRIGADO .box2 .info a{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
}

#FALECONOSCO .tableForm a, #OBRIGADO .tableForm a{
	color: #444;
	text-decoration: none;
}

#FALECONOSCO .tableForm a:hover{
	color: #98C000;
	text-decoration: none;
}

#FALECONOSCO .box1 .info a:hover, #FALECONOSCO .box2 .info a:hover, #OBRIGADO .box2 .info a:hover{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #ddd;
	text-decoration: underline;
}

#BUSCA-TAGS ul li a{
	font: 12px Arial, Helvetica, sans-serif;
	color: #777;
	text-decoration: underline;
}

#BUSCA-TAGS ul li a:hover{
	font: 12px Arial, Helvetica, sans-serif;
	color: #98C000;
	text-decoration: underline;
}

div.receitas .tituloReceita a{
	font: bolder 14px Arial, Helvetica, sans-serif;
	color: #00522A;
	text-decoration: none;
}

div.receitas .tituloReceita a:hover{
	font: bolder 14px Arial, Helvetica, sans-serif;
	color: #94BC00;
	text-decoration: none;
}


#FALECONOSCO .obsFormulario a, #OBRIGADO .obsFormulario a{
	color: #444;
	text-decoration: none;	
}

#FALECONOSCO .obsFormulario a:hover, #OBRIGADO .obsFormulario a:hover{
	color: #98C000;
	text-decoration: none;
}