/* DEFINIÇÕES GERAIS */
* {margin:0;padding:0;list-style:none;text-decoration:none;}
strong{font-weight:bold;}
em{font-style:italic;}
html,address{font:normal normal 12px Arial, Helvetica, sans-serif; color:#627480;}
html,body{text-align:center; height:100%;}
body{font-family: Arial, Helvetica, sans-serif;}
html{height:100%;}
img{border:none;}
a{color:#627480;}
a:hover{color:#3baede;}
a:focus{outline:none;}

/* CLASSES DE USO GERAL*/
.left{float:left;}
.right{float:right}
.clear{clear:both;}
.none{display:none;}
.block{display:block;}
.inline{display:inline;}
.indent{text-indent:-100000px;}
.absolute{position:absolute;}
.relative{position:relative;}
.hidden{overflow:hidden;}
.center{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}

	
	/* CORES */
	.red{color:red;}
	.black{color:#000;}
	.white{color:#fff;}
	.blue{color:#0A90F1;}
	.blue2{color:#015996;}
	.grey{color:#616161;}
	/*cores principais do site*/
	.cor1 {color:#627480;}
	.cor2 {color:#24638f;}
	.cor3 {color:#3baede;}

	
/* larguras */
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}


/*################################## PRINCIPAL ##############################################*/
/* ESTRUTURA */
div#principal{position:relative; min-height:100%;}
/* {behavior:url(js/iepngfix.htc);}*/ /*png para ie6*/
.ie6 #principal {height:100%;}

/* pesquisa*/
#pesquisa-pergunta {width:100%; background:url(../imagens/principal/bg-pergunta-pesquisa.gif) repeat-x; height:50px; position:absolute; z-index:999;}
#pesquisa-pergunta div {width:750px; margin:0 auto;}
#pesquisa-pergunta h2 { background:url(../imagens/principal/pergunta-pesquisa.gif) no-repeat; width:587px; height:50px; float:left;/*position:absolute; left:50%; margin-left:-256px;*/}
.bt-sim {background: url(../imagens/principal/bt-sim.gif) no-repeat; width:57px; height:50px; border:none; cursor:pointer;}
.bt-nao {background: url(../imagens/principal/bt-nao.gif) no-repeat; width:57px; height:50px; border:none; cursor:pointer;}
#pesquisa {position:absolute; z-index:999; top:0; left:50%; background:#4c9cbf url(../imagens/principal/bg-pesquisa.jpg) repeat-x; width:870px; margin-left:-435px; padding:20px; text-align:left; display:none;}
#pesquisa form {width:auto;}
#pesquisa form label {display:block; text-align:left; font-weight:bold; color:#000; margin:0 0 5px 0; float:left; width:80px;}
#pesquisa .pergunta {text-transform:uppercase; color:#fff; float:auto; width:auto;}
#pesquisa .respg {width:auto; float:none;}
#pesquisa h2 { background:url(../imagens/principal/tit-pesquisa.gif) no-repeat; width:464px; height:17px;}
#pesquisa .logo-pesquisa { background:url(../imagens/principal/logo-pesquisa.png) no-repeat; width:220px; height:100px; display:block; position:absolute; bottom:20px; right:20px;}
#pesquisa input.botoes {margin:0 0 0 340px;}

/* TOPO */
div#topo{font-size:0;}
/* logo */
h1 {background:url(../imagens/principal/logo.png) no-repeat; width:220px; text-indent:-99999px; display:none;}
h1 a {display:block; height:132px;}

/* MENUS */
#menu {background:url(../imagens/principal/bg_menu.gif) no-repeat; width:950px; height:50px; margin:0 auto;}
#menu li {float:left; width:158px; display:inline;}
#menu li a {background:url(../imagens/principal/menu.gif) no-repeat; display:block; height:50px; text-indent:-99999px;}
#menu li a.mn_inicial {background-position:0 0;}
#menu li a.mn_inicial:hover {background-position:0 -50px;}
#menu li a.mn_empresa {background-position:-158px 0;}
#menu li a.mn_empresa:hover, #menu li:hover a.mn_empresa {background-position:-158px -50px;}
#menu li a.mn_produtos {background-position:-316px 0;}
#menu li a.mn_produtos:hover {background-position:-316px -50px;}
#menu li a.mn_ondecomprar {background-position:-474px 0;}
#menu li a.mn_ondecomprar:hover {background-position:-474px -50px;}
#menu li a.mn_espaco {background-position:-632px 0;}
#menu li a.mn_espaco:hover, #menu li:hover a.mn_espaco {background-position:-632px -50px;}
#menu li a.mn_contato {background-position:-790px 0;}
#menu li a.mn_contato:hover {background-position:-790px -50px;}
/* submenu */
#menu li ul {position:absolute; top:220px; display:none; z-index:2;}
.ie6 #menu li ul, .ie7 #menu li ul {margin:0 0 0 -80px;}
.ie6 #submn {float:left; width:530px;}
#menu li ul li {margin:5px 0; width:auto!important; display:inline; float:left;}
#menu li:hover ul {display:block; position:absolute;}
#menu li.over ul {display:block;}
#menu li ul li a {background:none; padding:10px; text-align:left; clear:both; font-family:Arial Narrow, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#24638f; text-transform:uppercase; text-indent:0; height:auto !important;}
#menu li ul li a:hover {text-decoration:underline;}
/* Fix IE. Hide from IE Mac \*/
.ie6 #menu ul li {float:left; width:auto !important;}
.ie6 #menu ul li a {height:1%;}


/* botoes */
.botoes {background:#3baede; color:#fff; font-size:18px; border:none; cursor:pointer; padding:5px 10px; margin:20px 0 0 0;}
.botoes:hover {background:#166a9a; color:#e9d124;}
.bt_duvida {background:url(../imagens/internas/botao_duvida.gif) no-repeat 0 0; width:271px; height:119px; float:right; text-indent:-99999px; display:block;}
.bt_duvida:hover {background-position:0 -119px;}

/* conteudo */
#conteudo {padding:40px 20px 180px 20px; width:910px; margin:0 auto; background:url(../imagens/principal/bg_conteudo.gif) no-repeat 0 0; text-align:center;}
/*.ie6 #conteudo {height:500px;}*/

/* TÍTULOS */
.titulos {font-family:Arial Narrow, Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#24638f; margin:0; text-align:left;}
/*.subtit {margin:0 0 0 5px; float:left;}
.tit_empresa {background-position:0 0; width:146px; height:28px;}
.tit_institucional {background-position:0 -38px; width:172px; margin:0 0 0 5px;}
.tit_missao {background-position:0 -68px; width:297px; height:31px; margin:-5px 0 0 5px;}
.tit_qualidade {background-position:0 -110px; width:315px;}
.tit_produtos {background-position:0 -146px; width:124px;}
.tit_ondecomprar {background-position:0 -182px; width:188px;}
.tit_espaco {background-position:0 -212px; width:188px; height:34px;}
.tit_dicas {background-position:0 -254px; width:68px; margin:6px 0 0 5px;}
.tit_faq {background-position:-78px -254px; width:42px;}
.tit_imc {background-position:-129px -254px; width:43px;margin:6px 0 0 6px;}
.tit_contato {background-position:0 -290px; width:106px;}
.tit_newsletter {background-position:0 -326px; width:143px;}*/
.tit_calcule {background-position:0 -66px !important; width:282px !important; height:34px !important;}

/* COLUNAS DA INDEX */

#produtosi {text-align:left; width:412px; margin:0 auto;}

/* dicasi */
#dicasi li {margin:10px 0 0 0; line-height:1.4em; width:100%; text-align:left;}
#dicasi li img {margin:0 5px 0 0;}
#novidadesi li a, #dicasi li a {display:block; line-height:1.5em; color:#525456; height:70px;}

/* newsletter */
#newsletter {margin:0 0 0 20px;}


/* INTERNAS */

/* empresa / produtos / ondecomprar / dicas / imc / faq / contato */
#empresa, #produtos, #ondecomprar, #dicas, #imc, #faq, #contato {text-align:left;}
#empresa h4 {margin:20px 0 0 0; font-size:14px; color:#24638f; text-transform:uppercase; display:block;}
#empresa ul, #dicas ul {margin:20px 0 0 0;}
/*.ie6 #empresa ul,*/ #dicas ul {float:left;}
#empresa li {margin:0 0 5px 0;}
/* dicas */
#dicas li {border-bottom:1px dashed #666;}
#dicas li a {padding:10px 0; display:block;}
#titdicas {font-size:18px; text-align:left; margin:20px 0 0 0;}
.ie #titdicas {float:left; width:100%; display:block; margin-bottom:20px;}
#dicas img {float:left; margin:20px 10px 10px 0; border:8px solid #dae7ee;}
/* imc */
#boximc {background:#166a9a; padding:20px; width:300px; float:left; margin:20px 0 0 0;}
.resultado {float:left; text-align:left; margin:200px 0 0 0;}
/* faq */
#faq li {padding:10px 0; border-bottom:1px dashed #666; margin:0;}
/* produtos */
#produtos div img {float:left; margin:20px 10px;}
#produtos div h4 {margin:20px 0 0 0; font-size:16px;}
#mn_produtos li, #mn_produtos2 div div {float:left; width:280px; margin:0 10px;}
#mn_produtos li a, #mn_produtos2  li a {display:block; padding:5px;}
#mn_produtos li ul li, #mn_produtos2 div li {width:100%; margin:0;}
#mn_produtos li ul li a, #mn_produtos2  div li a {height:70px; font-weight:bold;}
#mn_produtos li ul li a img , #mn_produtos2 div img{margin:0 5px 0 0;}
#mn_produtos li ul li a:hover, #mn_produtos2  li a:hover {display:block; background-color:#eee; border:none;}
.prd_vermelho, .prd_azul_esc, .prd_verde, .prd_amarelo, .prd_azul_cla, .prd_rosa {color:#fff; margin:10px 0; font-size:30px; text-transform:uppercase; font-family:Arial Narrow, Helvetica, sans-serif; padding:5px 10px !important; height:1%;}
.prd_vermelho:hover, .prd_azul_esc:hover, .prd_verde:hover, .prd_amarelo:hover, .prd_azul_cla:hover, .prd_rosa:hover {color:#fff;}
.prd_vermelho {background-color:#ce262b;}
.prd_azul_esc {background-color:#344edf;}
.prd_amarelo {background-color:#ffb400;}
.prd_verde {background-color:#7cb419;}
.prd_azul_cla {background-color:#1296f2;}
.prd_rosa {background-color:#e984c2;}

p {line-height:1.6em; margin:20px 0 0 0;}

#ondecomprar li {margin:5px 0 0 0; font-weight:bold;}

/* FORMS */
fieldset{margin:0;padding:0;border:none;}
form * {font-family:Arial, Helvetica, sans-serif; font-size:14px;}
form {width:400px; margin:20px 0 0 0;}
label {display:none;}
input, select, textarea {background:#fff url(../imagens/principal/bg_forms.gif) repeat-x 0 bottom; border:1px solid #ddd; padding:8px 5px; color:#627480; margin:0 0 10px 0;}
.input_maior {width:400px;}
.input_medio {width:300px;}
.input_menor {width:200px;}
textarea {width:400px; height:100px; overflow:auto;}
/* newsletter / imci */
#form_news, #form-imc {width:260px;}
#form_news input, #form-imc input {width:250px;}
#form_news input.bt_enviar, #form-imc input.bt-calc {width:130px;}
/* imc */
#form_imc {width:auto !important; margin:20px 0 0 0; float:left;}
#form_imc label {display:block; float:left;}
.formimc {background:url(../imagens/internas/form_imc.gif) no-repeat; width:107px; height:16px; display:block; float:left; text-indent:-99999px; margin:6px 10px 0 0; border:none;}
.label_altura {background-position:0 0;}
.label_peso {background-position:0 -24px;}
.bt_calcular {background-position:0 -49px; float:right; cursor:pointer;}
/* RODAPE */
div#rodape{position:absolute; bottom:0; width:100%; height:20px; padding:40px 0; left:0; background:url(../imagens/principal/fenda.gif) no-repeat center top;}
#rodape p {font-size:11px; text-align:center; width:400px; margin:0 auto;}
/* ASSINATURAS */
div#rodape a.qualitare{width:63px;height:21px;float:right;margin:0 20px 0 0;background:url(../imagens/assinatura_qualitare.gif) no-repeat;}

/*################################## NAVEGAÇÃO ##############################################*/
/* tamletra */
#tamletra {font:bold 11px Arial, Helvetica, sans-serif; float:right; margin:0; display:inline;}
#tamletra li {display:inline; float:left; margin:0 3px 0 0;}
#tamletra li span {padding:5px 0; display:block;}
#tamletra li a {background:#068fc1; color:#fff; text-align:center; font-weight:bold; padding:5px; width:20px; display:block;}
.ie6 #tamletra li a {float:left;}
#tamletra li a:hover {background:#24638f; color:#ffdd00; text-decoration:none;} 

/* paginacao */
#paginacao {margin:20px auto; width:100%; float:left; padding:0 0 20px 0;}
#paginacao li {display:inline; margin:0 2px; float:left;}
#paginacao li a {background:#068fc1; color:#fff; text-align:center; font-weight:bold; padding:5px 9px; display:block;}
#paginacao li a:hover {background:#24638f; border:none; color:#ffdd00; text-decoration:none;} 
#paginacao li.pgoff {font-weight:normal; color:#666; padding:5px 8px;}
#paginacao li a.pgpro, #paginacao li a.pgant {background:none; color:#24638f; padding:5px 8px;}
#paginacao li a.pgpro:hover, #paginacao li a.pgant:hover {background:none; color:#068fc1; text-decoration:underline;}
#paginacao li a.pgsel {background:#24638f; border:none; color:#ffdd00; text-decoration:none;}