/*Palheta de Cores
vermelho: #900
preto (negrito): #000
cinza médio (texto): #666
cinza claro (texto): #999
bege (linhas): #ece6d2
bege (fundo menu): #e0bf57
*/


/* Reset de Eric Meyer - limpa e iguala os valores default dos vários navegadores. NÃO ALTERE ESTA PARTE!! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1; color: #666; text-align: center; background-color: #fff; }
ol, ul { list-style: none; }
/* as tabelas ainda precisam 'cellspacing="0"' no html */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Tipografia */
body { font: 12px/18px "Verdana", Arial, Helvetica, sans-serif; }
pre { font-family: "Courier New", Courier, monospace; } 
code { font-family: "Courier New", Courier, monospace; }
cite { font-style: italic; }
h1,h2,h3,h4,h5,h6 { clear:both; font-weight: normal }
h1, h2 { font-size: 24px; line-height:36px; color: #900; }
h3 { font-size: 18px; line-height:36px; color: #900; }
h4 { font-size: 16px; line-height:36px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* Elementos de texto */
p           { margin: 0 0 18px 0; }
p.last      { margin-bottom: 0; }
p img       { margin: 0 0 18px 10px; padding:0; float: right; }
p img.meio  { margin-top: 18px; } /* Usar esta classe quando a imagem estiver no meio do <p>. */

a           { color: #900; text-decoration: none; }
a:visited   { color: #900; }
a:hover     { text-decoration: underline; }

ul, ol      { margin: 0 0 18px 0; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 18px 18px; font-style: italic; }
strong      { color: #000; font-weight: normal; }
em          { font-style: italic; }
pre         { color: #666; margin-bottom: 18px; background: #ebebeb; border:1px solid #ccc; padding:16px; }

/* Estrutura */
html, body { height: 100%; }
#container { position: relative; margin: auto; width: 962px; min-height: 100%; height: 100%; height: auto; text-align:left; padding:0 19px; background: transparent url(../img/topo.jpg) no-repeat; }
html>body #container { height: auto }

/* Menu */
#menu { position: relative; height: 22px; margin-left: 90px; padding: 7px 0; float: right; }
#menu li { display: inline; float: left; }
#menu li a { position: relative; display: block; z-index: 10; height: 18px; padding: 2px 6px; text-transform: uppercase; color: #c33; }
#menu li a:hover { text-decoration: none; }
#menu li.fundo { background: url(../img/menu_bg_dir.gif) no-repeat top right; z-index: 8; position: absolute; }
#menu .fundo .left { background: url(../img/menu_bg.gif) no-repeat top left; height: 22px; margin-right: 6px; padding-left: 6px; }
#menu-home a { width: 38px; }
#menu-triunfo a { width: 56px; }
#menu-produtos a { width: 68px; }
#menu-receitas a { width: 60px; }
#menu-vida a { width: 106px; }
#menu-acoes a { width: 123px; }
#menu-conquiste a { width: 165px; }
#menu-voce a { width: 108px; }
#logo h1 a { display:block; margin-left: 40px; width:200px; height: 80px; text-indent: -9999px; border: none; }


/* Rodapé */
#rodape { clear: both; width: 962px; padding: 18px 0; color: #999; }
#rodape p img { float: left; margin: 0 10px 0 0; }
#rodape p.topo { padding: 0 0 17px 912px; border-bottom: 1px solid #ece6d2; }
#rodape p.topo a { background: url(../img/up.gif) no-repeat center right; padding-right: 18px; display: block; height: 18px; width: 32px; }


/* Home */
#flash { height: 334px; width: 962px; clear: both; }

#menu-linhas { height: 72px; margin-bottom: 18px; background: transparent url(../img/menu_produtos_bg.jpg) no-repeat right; overflow: hidden; position: relative; clear: both; }

#kwicks li { float: left; display:inline; overflow: hidden; }
#kwicks span { display: none; }
#kwicks .kwick { display: block; width: 95px;	height: 72px; border-right: 1px solid #fff; overflow: hidden; }
#kwicks .crackers { background: url(../img/menu_crackers.jpg) no-repeat; }
#kwicks .recheados { background: url(../img/menu_recheados.jpg) no-repeat; }
#kwicks .wafers { background: url(../img/menu_wafers.jpg) no-repeat; }
#kwicks .marias { background: url(../img/menu_maria.jpg) no-repeat; }
#kwicks .tortinis { background: url(../img/menu_tortini.jpg) no-repeat; }
#kwicks .minutos { background: url(../img/menu_minuto.jpg) no-repeat; }
#kwicks .amanteigados { background: url(../img/menu_amanteigados.jpg) no-repeat; }
#kwicks .rosquinhas { background: url(../img/menu_rosquinhas.jpg) no-repeat; }
#kwicks .salgados { background: url(../img/menu_salgados.jpg) no-repeat; }
#kwicks .maxys { background: url(../img/menu_maxy.gif) no-repeat; border: none; }

#home-lancamentos, #home-receitas { float: left; display: inline; width: 300px; margin-bottom: 17px; padding: 0 10px; border-right: 1px solid #ece6d2; }
#enquete { float: left; display: inline; width: 300px; height: 342px; margin-bottom: 17px; background: transparent url(../img/enquete.jpg) no-repeat top right; padding-left: 20px; }

/*submenu*/
#submenu { float: left; display: inline; width: 184px; height: 396px; margin: 0 10px 18px 0; padding: 9px 10px; background: transparent url(../img/submenu_bg.jpg) no-repeat; line-height: 24px; }
#submenu ul li { border-bottom: 1px solid #fff; display: block; }
#submenu a { display: block; }
#submenu a:hover, #submenu li a.ativa { text-decoration: none; }
#submenu ul li ul { margin: 0 0 0 15px; font-size: 10px; line-height: 18px; }
#submenu ul li ul.ativa { display: block; }
#submenu ul li ul li { border: none; }

/*submenu produto*/
#submenuprod { float: left; display: inline; width: 184px; height: 440px; margin: 0 10px 18px 0; padding: 9px 10px; background: transparent url(../img/submenuprod_bg.jpg) no-repeat; line-height: 24px; }
#submenuprod ul li { border-bottom: 1px solid #fff; display: block; }
#submenuprod a { display: block; }
#submenuprod a:hover, #submenu li a.ativa { text-decoration: none; }
#submenuprod ul li ul { margin: 0 0 0 15px; font-size: 10px; line-height: 14px; }
#submenuprod ul li ul.ativa { display: block; }
#submenuprod ul li ul li { border: none; }

/*miolo das internas*/
#miolo { float: left; display: inline; width: 408px; padding: 0px 10px 18px; }
#promocao { float: left; display: inline; width: 406px; padding: 310px 12px 18px 10px; background: url(../img/promo.jpg) no-repeat left top; }

/*dir*/
#dir { float: left; display: inline; width: 310px; margin:36px 0 18px; padding-left: 9px; border-left: 1px solid #ece6d2; }
p.sabores { margin-bottom: 0; }
p.sabores a img { opacity: 0.4; filter: alpha(opacity=40); }
p.sabores a:hover img { opacity: 1; filter: alpha(opacity=100); }
p.sabores img { float: left; display:inline; margin: 0 9px 18px 0; }
p.sabores img.last { margin-right:0; }

#nutricao { background: url(../img/nutricao.jpg) no-repeat; margin-bottom: 18px; height: 162px; }
#dicas { background: url(../img/dicas.jpg) no-repeat; margin-bottom: 18px; height: 162px; }


/*Informações Nutricionais */
#info-nutri { font-size: 10px; padding: 0 10px 18px; text-align: left; }
#ingredientes { float: left; display: inline; width:340px; margin-right: 20px; }
#info-nutri table { width: 315px; }
#info-nutri table th { width: 105px; vertical-align: middle; }

/* tool tips */
.tool-tip { z-index: 100; width: 140px; } 
.tool-title { color: #fff; margin: 0; padding: 8px 8px 4px; background: url(../img/bubble.png) top left; } 
.tool-text { color: #fcc; padding: 4px 8px 8px; background: url(../img/bubble.png) bottom right; text-align: left; font-size:10px; }

/*Tabelas*/
table { margin-bottom: 18px; border-collapse: collapse; line-height: 18px; font-size: 10px; }
caption { background: url(../img/topo_tabela.gif) no-repeat; color:#333; text-align: center; }
th { color: #333; text-align: center; height: 17px; border-bottom: #ccc 1px solid; }
th.esq { text-align: left; }
td { border-bottom: #ccc 1px solid; text-align: center; }
th.last, td.last { border-right: none; }
tfoot td { text-align: left; }

/*Formulários */
input[type="text"], select { background-color: #fff; color:#666; vertical-align: middle; font-size: 11px; border: 1px solid #ece6d2; margin-right: 10px; height:20px; }
input[type="text"] { padding: 2px; }
input[type="image"] { vertical-align: middle; }
#nome, #sobrenome, #nomeamigo { width: 150px; }
#email, #emailamigo, #endereco, #mensagem { width: 316px; }
#numero, #cep { width: 55px; }
#comp, #bairro { width: 245px; }
#cidade{ width: 123px; }
#tel { width: 80px; }
#ddd { width: 23px; margin-right: 0; }


/*Classes */
.breadcrumb { float: left; display: inline; margin-top: 136px; font-size: 10px; width: 962px; color:#999; }
.enviar { text-align: right; }
.pequeno { font-size: 10px; }
.grande { font-size: 16px }
.aDir { float: right; display: inline; }
.aEsq { float: left; display: inline; }
.borda-topo { border-top: 1px solid #ece6d2; padding-top:17px; }
.mais { background: url(../img/seta.gif) no-repeat center right; padding-right: 18px; display: block; height: 18px; width: 70px; }
.maisartigos { background: url(../img/seta.gif) no-repeat center right; padding-right: 18px; display: block; height: 18px; width: 78px; }
.mais-info { background: url(../img/seta.gif) no-repeat 0px 17px; padding-left: 22px; border-top: 1px solid #ece6d2; padding-top:17px; }
.no-clear { clear: none; }
.clear { clear: both; }
.lista li a { background: url(../img/setinha.gif) no-repeat; padding-left: 10px; }
.paginacao { text-align: right; font-size: 11px; border-top: 1px solid #ece6d2; }
.paginacao a, .atual { padding: 0 5px; }
.receita { height: 144px; }
.receita img { float: left; margin: 0 10px 18px 0; }
.rendimento { background: url(../img/rendimento.gif) no-repeat left top; padding-left: 22px; font-size: 10px; }
.cozimento { background: url(../img/tempo_coz.gif) no-repeat left top; padding-left: 22px; font-size: 10px; }
.geladeira { background: url(../img/tempo_gel.gif) no-repeat left top; padding-left: 22px; font-size: 10px; }
.preparo { background: url(../img/tempo_prep.gif) no-repeat left top; padding-left: 22px; font-size: 10px; }
.imprimir, .amigo, .opiniao { margin-right: 5px; padding-left: 18px; } 
.imprimir { background: url(../img/imprimir.gif) no-repeat left center; }
.amigo { background: url(../img/enviar_amigo.gif) no-repeat left center; }
.opiniao { background: url(../img/opiniao.gif) no-repeat left center; }
.lupa { background: url(../img/lupa.gif) no-repeat; margin-top: 126px; padding-left: 22px; font-size: 10px; height: 18px; display: block; width: 20px; float: left; }