/*Palheta de Cores
vermelho: #d32b24
cinza médio (texto): #666
azul escuro (a:hover): #374e99
azul escuro 60% (links menu-sec): #8795c2
azul escuro 40% (hover menu-sec): #afb8d6
azul escuro 20%: #d7dceb
azul claro (títulos): #00b3f2
azul claro 60%: #66d1f7
azul claro 40%: #99e1fa
azul claro 20% (cor do body): #ccf0fc
*/


/* 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, 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: #ccf0fc url(../img/body_bg.gif) repeat-x; }
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 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; font-family: euphemia, Arial, Helvetica, sans-serif }
h1 { font-size: 30px; line-height:36px; color: #374e99; }
h2 { font-size: 24px; line-height:36px; color: #374e99; }
h3 { font-size: 18px; line-height:36px; color: #00b3f2; }
h4, h5, h6{ font-size: 16px; color: #00b3f2; }

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

a           { color: #d32b24; text-decoration: none; }
a:hover     { color: #374e99; }

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      { font-weight: bold; }
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: 990px; text-align:left; background: #fff url(../img/container_bg.gif) repeat-y; }

/* Topo */
#topo { width: 990px; height: 490px; background: transparent url(../img/topo_bg.jpg) no-repeat top center; }
#topo h1 { display: inline; float: left; }

/*Logo */
#topo h1 a { display:block; margin: 36px 0 0 53px; width:197px; height: 100px; text-indent: -9999px; border: none; }

/*Menu Secundário */
#menu-sec { float: right; display: inline; font-size: 11px; color: #8795c2; margin: 9px 18px 18px 0; }
#menu-sec li { display: inline; float:left; margin-left: 5px; }
#menu-sec li a { color: #8795c2; }
#menu-sec li a:hover { color: #afb8d6; } 

/* Menu */
#menu { display: inline; position: relative; height: 36px; width: 678px; padding: 0 8px 0 6px; float: right; background: transparent url(../img/menu_bg.gif) no-repeat; }
#menu li { display: inline; float: left; margin-left: 2px; }
#menu li a { position: relative; display: block; height: 36px; text-indent: -9999px; }
#menu-empresa a { width: 79px; }
#menu-empresa a:hover, #menu-empresa a.ativa { background: transparent url(../img/menu_bg.gif) -8px -36px no-repeat; }
#menu-sustentabilidade a { width: 134px; }
#menu-sustentabilidade a:hover, #menu-sustentabilidade a.ativa { background: transparent url(../img/menu_bg.gif) -89px -36px no-repeat; }
#menu-nossasmarcas a { width: 128px; }
#menu-nossasmarcas a:hover, #menu-nossasmarcas a.ativa { background: transparent url(../img/menu_bg.gif) -225px -36px no-repeat; }
#menu-saude a { width: 145px; }
#menu-saude a:hover, #menu-saude a.ativa { background: transparent url(../img/menu_bg.gif) -355px -36px no-repeat; }
#menu-profissionais a { width: 182px; }
#menu-profissionais a:hover, #menu-profissionais a.ativa { background: transparent url(../img/menu_bg.gif) -502px -36px no-repeat; }

/* Acesso Rápido*/
#acesso-rapido { float: right; display: inline; margin-right: 18px; }
#acesso-rapido li { display: inline; float:left; margin-left: 10px; }
#acesso-rapido li a { color: #66d1f7; display: block; height: 27px; padding-top: 9px; }
#acesso-rapido li a:hover { color: #00b3f2; }
#receitas { width: 48px; padding-left: 40px; background: transparent url(../img/receitas.gif) no-repeat; }
#trabalhe { width: 102px; padding-left: 36px; background: transparent url(../img/trabalhe.gif) no-repeat; }
#fale { width: 77px; padding-left: 30px; background: transparent url(../img/fale_conosco.gif) no-repeat; }

/*Miolo */
#miolo { margin-top: -328px; width: 954px; overflow:hidden; min-height: 490px; padding: 0 18px 18px; }

/* Rodapé */
#rodape { clear: both; width: 990px; margin-top: -8px; padding: 18px 0 18px; height: 36px; color: #374e99; text-align: left; font-size: 11px; background: url(../img/rodape_bg.gif) no-repeat; }
#rodape p img { float: left; margin: 0 10px 0 0; }

/* HOME */
/*miolo da home - classe que define a imagem do background da div #miolo - essa é a imagem que deve ser trocada aleatoriamente a cada acesso*/
div.home { background: transparent url(../img/home_bg_01.png) bottom right no-repeat; }
#flash { height: 72px; width: 954px; clear: both; }
#flash h2 { color: #d32b24; text-align: center; font-size: 30px; }

#home-sustentabilidade, #home-saude, #home-nossasmarcas, #menu-marcas, #home-banner { float: left; display: inline; margin-right: 36px; padding-top: 18px; }
#home-sustentabilidade, #home-saude { width: 360px; height: 162px; border-bottom: #374e99 1px dotted; margin-bottom: 17px; }
#home-nossasmarcas { width: 164px; }
#home-profissionais { float: left; display: inline; width: 164px; height: 144px; padding: 18px 6px 18px 190px; background: transparent url(../img/home_profissionais.jpg) no-repeat; }
#home-sustentabilidade h2, #home-saude h2, #home-nossasmarcas h2, #home-profissionais h2 { text-indent: -9999px; line-height: 18px; color: #374e99; margin-bottom: 18px; }
#home-sustentabilidade h2 { background: transparent url(../img/sustentabilidade_tit.gif) no-repeat; }
#home-saude h2 { background: transparent url(../img/saude_tit.gif) no-repeat; }
#home-nossasmarcas h2 { background: transparent url(../img/nossasmarcas_tit.gif) no-repeat; }
#home-profissionais h2 { margin-bottom: 36px; }
img.home { margin-left: 30px; }

/* MENU DE MARCAS */
#menu-marcas { width: 162px; clear: left; margin-bottom: 18px; }
.botoes { float: left; display: inline; padding-top: 55px; }
#mask { position: relative; overflow: hidden; width: 138px; height: 144px; float: left; }
#box { position: absolute; }
#box div { float: left; }
#box div img { display: block; }
#prev, #next { cursor: pointer; }


/*INTERNAS*/

/*miolo das internas - classe que define a imagem do background da div #miolo*/
div.empresa { background: transparent url(../img/empresa_bg.png) bottom right no-repeat; }
div.sustentabilidade { background: transparent url(../img/sustentabilidade_bg.png) bottom right no-repeat; }
div.nossasmarcas { background: transparent url(../img/nossasmarcas_bg.png) bottom right no-repeat; }
div.saude { background: transparent url(../img/saude_bg.png) bottom right no-repeat; }
div.profissionais { background: transparent url(../img/profissionais_bg.png) bottom right no-repeat; }
div.suslogo { background: transparent url(../img_sustentabilidade/logo_susten.png); width:138px; height:144px; float:left; }

/*esq*/
#esq { float: left; display: inline; width: 198px; }

/*submenu*/
#submenu { float: left; display: inline; width: 162px; margin: 4px 36px 0 0; line-height: 26px; border-top: 1px dotted #374e99;}
#submenu ul li { border-bottom: 1px dotted #374e99; display: block; }
#submenu a { display: block; }
#submenu a.ativa { color: #374e99; }
#submenu ul li ul { margin-left: 15px; font-size: 11px; line-height: 18px; }
#submenu ul li ul li { border: none; }

/*mapa*/
#mapa { float: left; display: inline; width: 300px; margin: 4px 36px 0 0; line-height: 26px;}
#mapa ul li { display: block; }
#mapa a { display: block; }
#mapa a.ativa { color: #374e99; }
#mapa ul li ul { margin-left: 15px; font-size: 11px; line-height: 18px; }
#mapa ul li ul li { border: none; }

/*div central das internas */
#interna, #produtos { float: left; display: inline; width: 558px; margin: 0 36px 18px 0; }

/*dir*/
#dir { float: left; display: inline; width: 162px; font-size: 11px; }
#dir h2 { font-size: 18px; color: #00b3f2; }
#dir h2 img { margin-bottom: 0; }

/*PRODUTOS*/
#produtos { text-align: center; }
#embalagem { position: relative; width: 558px; min-height: 280px; }
#imagem { width: 100%; height: 252px; background: transparent no-repeat center;}
.loading { background: transparent url(../img/spinner.gif) no-repeat center; }
/* Se não der certo o Ajax:
.embalagem { display: none; } 
.embalagem-ativa { position: relative; width: 558px; } */
div.mais-info { position: absolute; top: 198px; left: 392px; text-align: left; }
div.mais-info a { background: url(../img/mais.png) no-repeat center left; padding-left: 30px; display: block; font-size: 11px; width: 130px; line-height: 15px; }

/*Menu de sabores*/
#sabores { width: 558px; }
.botoes2 { float: left; display: inline; padding-top: 30px; width: 12px; }
#mask2 { position: relative; overflow:hidden; width: 530px; height: 90px; float: left; padding: 0 2px; }
#box2 { position: absolute; }
#box2 div { float: left; }
#box2 a img { display: block; opacity: 0.4; filter: alpha(opacity=40); }
#box2 a:hover img, #box2 a.ativa img { opacity: 1; filter: alpha(opacity=100); }
#prev2, #next2 { cursor: pointer; }

/*Informações Nutricionais */
.info { background: #fff;}
#info-nutri { font-size: 11px; padding: 0 10px 0; text-align: left; width:574px; }
#ingredientes { display: inline; width:294px; }
#ingredientes p { margin-bottom: 0; }
#ingredientes p.last { margin-bottom: 18px; }
#info-nutri table { width: 264px; }
#info-nutri table th { vertical-align: middle; }

/*NOSSAS MARCAS*/
.novidades { width: 261px; margin-left: 36px; float: left; display: inline; }

/*PROFISSIONAIS DE SAÚDE*/
.conteiner_eventos {position:relative;}
.conteiner_eventos h4 {color:#374e99; padding:10px 0px 10px 0px;}
.pro-dest { width: 162px; float: left; display: inline; margin-right: 36px; }
.pro-dest h3 { font-size: 18px; height: 36px; /* se o flir não funcionar mudar para 16px e eliminar o height */ }
.pro-dest img { margin-bottom: 18px; }
.ultima { margin-right: 0; }
#box-login, #esqueci { margin-bottom: 18px; }

.noticias {font-size:16px; color:#d32b24; }

.listanews {margin:0px; background: transparent url(../img/box_topo_news_nutri.png) no-repeat top; width:557px; }
.listanews li { background: transparent url(../img/box_rodape_news_nutri.gif) no-repeat bottom; width:557px; position:relative;}
.listanews li h5 {width:425px; padding:10px}
.listanews li h5 span {color:#666666;}
.listanews li div {position:absolute; right:10px; top:10px;}

.listapubli {background: transparent url(../img/box_topo_nutri.png) no-repeat top; width:557px; }
.listapubli li {background: transparent url(../img/box_rodape_nutri.gif) no-repeat bottom; width:557px;}
.listapubli li div {width:537px; padding:10px}
.listapubli li div h5 span {color:#666666;}

.propubli {background: transparent url(../img/box_topo_prob.png) no-repeat top; width:557px; }
.propubli li {background: transparent url(../img/box_rodape_prob.gif) no-repeat bottom; width:557px;}
.propubli li div {width:537px; padding:10px}
.propubli li div h5 span {color:#666666;}
 
.imuninews {margin:0px; background: transparent url(../img/box_topo_news_imuni.png) no-repeat top; width:557px; }
.imuninews li { background: transparent url(../img/box_rodape_news_imuni.gif) no-repeat bottom; width:557px; position:relative;}
.imuninews li h5 {width:425px; padding:10px}
.imuninews li h5 span {color:#666666;}
.imuninews li div {position:absolute; right:10px; top:10px;}

.imunipubli {background: transparent url(../img/box_topo_imuni.png) no-repeat top; width:557px; }
.imunipubli li {background: transparent url(../img/box_rodape_imuni.gif) no-repeat bottom; width:557px;}
.imunipubli li div {width:537px; padding:10px}
.imunipubli li div h5 span {color:#666666;}

.transnews {margin:0px; background: transparent url(../img/box_topo_news_trans.png) no-repeat top; width:557px; }
.transnews li { background: transparent url(../img/box_rodape_news_trans.gif) no-repeat bottom; width:557px; position:relative;}
.transnews li h5 {width:425px; padding:10px}
.transnews li h5 span {color:#666666;}
.transnews li div {position:absolute; right:10px; top:10px;}

.transpubli {background: transparent url(../img/box_topo_trans.png) no-repeat top; width:557px; }
.transpubli li {background: transparent url(../img/box_rodape_trans.gif) no-repeat bottom; width:557px;}
.transpubli li div {width:537px; padding:10px}
.transpubli li div h5 span {color:#666666;}

/*tool tips*/
.tip { z-index: 100; height: 36px; width: 135px; } 
.tip-title { color: #374e99; background: url(../img/bubble.png) top left; padding: 7px 7px 0; font-size: 11px; font-weight:bold; } 
.tip-text { color: #374e99; background: url(../img/bubble.png) bottom right; padding: 0 7px 7px; 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:#374e99; text-align: center; font-weight:bold; padding: 9px 0 9px; height: 54px; }
th { color: #374e99; text-align: center; height: 17px; border-bottom: #ccf0fc 1px solid; }
th.esq { text-align: left; width: 130px; }
td { border-bottom: #ccf0fc 1px solid; text-align: center; }
th.last, td.last { border-right: none; }
tfoot td { text-align: left; }

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

/* Listas */

.lista li, listapro li { background: transparent url(../img/marcador.gif) no-repeat left 5px; padding-left: 14px; }
.listapro li { margin-bottom: 18px; }

/*Classes */
.enviar { text-align: right; }
.pequeno { font-size: 11px; }
.grande { font-size: 16px }
.aDir { float: right; display: inline; }
.aEsq { float: left; display: inline; }
.borda-topo { border-top: 1px dotted #374e99; padding-top:17px; }
.borda-bottom { border-bottom: #374e99 1px dotted; padding-bottom: 17px; }
.mais, .mais-int { background: url(../img/seta.png) no-repeat center left; padding-left: 20px; display: block; height: 18px; font-size: 11px; }
.volta {background: url(../img/seta_voltar.gif) no-repeat center left; padding-left: 20px; display: block; height: 18px; font-size: 11px; width: 70px;}
.mais { width: 70px; }
.mais-int { width: 140px; }
.top { background: url(../img/seta_topo.png) no-repeat center right; padding-right: 20px; display: block; height: 18px; font-size: 11px; width: 25px; }
.no-clear { clear: none; }
.clear { clear: both; }
.invisivel { display: none; }
.paginacao { font-size: 11px; }
.paginacao a, .atual { padding: 0 5px; }
.imprimir { margin-right: 5px; padding-left: 18px; background: url(../img/imprimir.gif) no-repeat left center; } 
.lupa { background: url(../img/lupa.gif) no-repeat; padding-left: 22px; font-size: 11px; margin-left: 5px; }

/*Aleatoriedades Randômicas Sortidas */
.floatright {
	float:right;
	padding:5px;
	margin:0;
}