/*.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-table}
* html .clearfix{height:1%}*/

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

*{margin:0; padding:0; border:none; list-style:none;}

html{background:#000}

.left{float:left}
.right{float:right}
.botao{cursor:pointer}

#all{width:720px; margin:0 auto}

#cabecalho{height:150px;}
#cabecalho h1{width:200px; height:150px; background:#000 url('img/logo.jpg') no-repeat left; text-indent:-5000px; overflow:hidden; width:200px; float:left;}
#cabecalho #flash{width:520px; float:right; padding-top:40px;}

#conteudo{padding:10px; padding-bottom:0px}
#conteudo.homepage{padding:0px; padding-top:10px;}

#all div.comprar{border:3px solid #fff; border-bottom:none; background:#eca300 url('img/conteudo_comprar.jpg') repeat-x bottom}
#all div.recursos{border:3px solid #fff; border-bottom:none; background:#E43202 url('img/conteudo_recursos.jpg') repeat-x bottom}
#all div.contato{border:3px solid #fff; border-bottom:none; background:#006E7D url('img/conteudo_contato.jpg') repeat-x bottom}
#all div.representante{border:3px solid #fff; border-bottom:none; background:#006E7D url('img/conteudo_contato.jpg') repeat-x bottom}
#all div.download{border:3px solid #fff; border-bottom:none; background:#54A701 url('img/conteudo_download.jpg') repeat-x bottom}
#all div.downloadca{border:3px solid #fff; border-bottom:none; background:#54A701 url('img/conteudo_download.jpg') repeat-x bottom}

#conteudo ul.homepage li{display:block; float:left;}
#conteudo ul.homepage li a{display:block; padding-left:15px; width:160px; height:503px; font:normal 11px verdana, tahoma, sans-serif, arial; color:white; text-decoration:none; line-height:18px}
#conteudo ul.homepage li p{width:180px}
#conteudo ul.homepage li.recursos{background:#000 url('img/home_recursos.jpg') no-repeat center top}
#conteudo ul.homepage li.downloads{background:#000 url('img/home_downloads.jpg') no-repeat center}
#conteudo ul.homepage li.comprar{background:#000 url('img/home_comprar.jpg') no-repeat center}
#conteudo ul.homepage li.contato{background:#000 url('img/home_contato.jpg') no-repeat center}

#menu{width:200px; float:left}
#menu a{color:white; text-decoration:none;}
#menu h2{font:bold 13px/18px arial, times, verdana, sans-serif; background:url('img/bola.gif') no-repeat left; text-indent:20px}
#menu li.inicio h2{margin-top:0px}
#menu li h2{margin-top:15px}
#menu h3{font:normal 12px/15px arial, times, verdana, sans-serif}

#conteudo div.comprar{border:none; background:url('img/principal_comprar.jpg') no-repeat 100% bottom; padding-bottom:10px}
#conteudo div.comprar{border:none; background:url('img/principal_comprar.jpg') no-repeat 100% bottom; padding-bottom:10px}
#conteudo div.contato{border:none; background:url('img/principal_contato.jpg') no-repeat 100% bottom; padding-bottom:50px}
#conteudo div.representante{border:none; background:url('img/principal_representante.jpg') no-repeat 100% bottom; padding-bottom:50px}
#conteudo div.recursos{border:none; background:url('img/principal_recursos.jpg') no-repeat 100% bottom; padding-bottom:50px}
#conteudo div.download{border:none; background:url('img/principal_download.jpg') no-repeat 100% bottom; padding-bottom:50px; *padding-bottom:140px}
#conteudo div.downloadca{border:none; background:url('img/principal_downloadca.jpg') no-repeat 100% bottom; padding-bottom:50px; *padding-bottom:140px}
#conteudo div.downloadma{border:none; background:url('img/principal_downloadma.jpg') no-repeat 100% bottom; padding-bottom:50px; *padding-bottom:130px}
#conteudo div.tela{border:none; background:url('img/principal_telas.jpg') no-repeat 100% bottom; padding-bottom:50px}
#conteudo div.suporte{border:none; background:url('img/principal_suporte.jpg') no-repeat 100% bottom; padding-bottom:80px}

#conteudo div.comprar h2{background:url('img/comprar.png') no-repeat right; text-indent:-5000px; overflow:hidden; display:block}
#conteudo div.representante h2, div.represent h2{background:url('img/representante.png') no-repeat right; text-indent:-5000px; overflow:hidden; display:block}
#conteudo div.recursos h2{background:url('img/recursos.png') no-repeat right; text-indent:-5000px; overflow:hidden; display:block}
#conteudo div.contato h2{background:url('img/contato.png') no-repeat right; text-indent:-5000px; overflow:hidden; display:block}
#conteudo div.download h2{background:url('img/download.png') no-repeat right; text-indent:-5000px; overflow:hidden; display:block}
#conteudo div.downloadca h2{background:url('img/download.png') no-repeat right; text-indent:-5000px; overflow:hidden; display:block}
#conteudo div.downloadma h2{background:url('img/download.png') no-repeat right; text-indent:-5000px; overflow:hidden; display:block}
#conteudo div.suporte h2{background:url('img/suporte.png') no-repeat right; text-indent:-5000px; overflow:hidden; display:block}

#conteudo div.comprar #precos, div.recursos #precos, div.representante #precos, div.represent #precos{padding:10px; width:140px; float:right; color:white; font:normal 11px tahoma, verdana, sans-serif, arial}
#conteudo #precos.comprar{background:#F5C630}
#conteudo #precos.representante{background:#57BDCB}
#conteudo .rec{background:#EB5727}
#conteudo #precos dl{padding:10px 0px}
#conteudo #precos dl dt{font-weight:bold; font-style:italic}
#conteudo #precos dd a{color:white}

#conteudo #contato{width:200px; float:right; color:white; font:normal 11px tahoma, verdana, sans-serif, arial}
#conteudo #contato h3{background:#57BDCB; padding:0px 10px; padding-top:10px}
#conteudo #contato dl{background:#57BDCB; padding:0px 10px}
#conteudo #contato dl.fone{background:#57BDCB url('img/fone.jpg') no-repeat 10%; border-top:5px solid #0B92A5; padding:10px; text-indent:55px}
#conteudo #contato dt{font-weight:bold}
#conteudo #contato dd{padding-bottom:8px}

#conteudo #suporte{width:220px; float:right; color:white; font:normal 11px tahoma, verdana, sans-serif, arial}
#conteudo #suporte h4{background:#57BDCB; padding:0px 10px; padding-top:10px; font-size:14px; padding-bottom:15px}
#conteudo #suporte dl{background:#57BDCB; padding:0px 10px}
#conteudo #suporte dd{padding-bottom:8px}
#conteudo #suporte dd.msn, dd.skype, dd.email{text-indent:35px; line-height:30px}
#conteudo #suporte dd.msn{background:url('img/msn.jpg') no-repeat left; height:30px}
#conteudo #suporte dd.skype{background:url('img/skype.jpg') no-repeat left; height:30px}
#conteudo #suporte dd.email{background:url('img/email.jpg') no-repeat left; height:30px}
#conteudo div.suporte #texto{font:normal 12px 'Tahoma', verdana, sans-serif, arial; color:white; text-align:justify; text-indent:20px; padding-right:230px}
#conteudo div.suporte #texto p{padding-bottom:10px}

#conteudo div.comprar ul.contato{font:normal 12px tahoma, verdana, sans-serif, arial; color:white; width:310px; background:#FAD127; height:65px; padding-top:5px; line-height:18px; margin-top:10px; margin-left:200px}
#conteudo div.comprar ul.contato p{width:190px; float:left; background:#FAD127}

#conteudo div.representante ul.contato, div.represent ul.contato{width:310px; background:#6FD1DF; height:65px; padding-top:5px; line-height:18px; margin-top:10px; margin-left:200px}
#conteudo div.representante ul.contato p, div.represent ul.contato p{width:190px; float:left; background:#6FD1DF; font:normal 12px tahoma, verdana, sans-serif, arial; color:white; line-height:18px}
#conteudo div.represent p{font:normal 12px tahoma, verdana, sans-serif, arial; color:white; line-height:18px}
#conteudo div.represent ul.contato{margin-bottom:15px}

#conteudo #representante{width:200px; float:right; color:white; font:normal 11px tahoma, verdana, sans-serif, arial}
#conteudo #representante #dados{background:#57BDCB;}
#conteudo #representante img{margin:5px}
#conteudo #representante h4{background:#57BDCB; padding:0px 10px; padding-top:10px; font-size:14px; padding-bottom:15px; float:left}
#conteudo #representante dl{background:#57BDCB; padding:10px; clear:both}
#conteudo #representante dt{float:left; font-weight:bold; margin-right:3px}
#conteudo #representante dd{margin-bottom:5px}
#conteudo #representante dd.link{padding-top:5px; background:url('img/representantes.png') no-repeat left; height:42px; line-height:50px; text-indent:60px}
#conteudo #representante dd.link a{color:white}
#conteudo #representante ul{width:200px; padding:10px 0px}
#conteudo #representante ul li h3{font-weight:bold; font-size:13px}

#conteudo #principal h3{padding-bottom:10px; color:white; display:block; font:bold 16px tahoma, verdana, sans-serif, arial}

#conteudo #recursos, #recursos_utilitarios{float:left; width:330px; color:white; font-family:tahoma, verdana, sans-serif, arial}
#conteudo #recursos ul{background:url('img/bg_recursos.png') no-repeat; text-align:center}
#conteudo #recursos_utilitarios ul{background:url('img/bg_recursosutilitarios.png') no-repeat; text-align:center}
#conteudo #recursos li, #recursos_utilitarios li{margin-bottom:5px; font-weight:bold; font-size:12px; line-height:68px; height:68px}
#conteudo #recursos li a, #recursos_utilitarios li a{background:url('img/forward.png') no-repeat 98% 85%; _background:url('img/forward.png') no-repeat 98% 50%; color:white; text-decoration:none; height:50px; display:block}
#conteudo div.recursos p{font:normal 11px 'Tahoma', verdana, sans-serif, arial; color:white; padding:5px 0px; text-align:justify; text-indent:15px; margin-right:170px}
#conteudo div.recursos center{padding:30px 0px; display:block}

#conteudo div.recursos #idealizadores{margin-bottom:110px; _margin-bottom:80px}
#conteudo div.recursos #idealizadores ul{font:normal 11px tahoma, verdana, sans-serif, arial; color:white; line-height:18px; padding-bottom:10px}
#conteudo div.recursos #idealizadores dl{font:normal 11px tahoma, verdana, sans-serif, arial; color:white; line-height:16px; padding-bottom:10px}
#conteudo div.recursos #idealizadores dl dt{font-weight:bold}
#conteudo div.recursos #idealizadores dl dd{text-indent:30px}

#conteudo div.recursos #telas{float:left}
#conteudo div.telas{margin-bottom:90px}
#conteudo div.recursos #telas ul{font:normal 11px tahoma, verdana, sans-serif, arial; color:white; line-height:18px; padding-bottom:10px}
#conteudo div.recursos #telas dl{font:normal 11px tahoma, verdana, sans-serif, arial; color:white; line-height:16px; padding-bottom:10px}
#conteudo div.recursos #telas dl dt{font-weight:bold}
#conteudo div.recursos #telas dl dd span{text-indent:15px;  display:block; font-weight:bold}
#conteudo div.recursos #telas dl dd{text-indent:30px}
#telas dd a{color:white}

#conteudo div.download, div.downloadca, div.downloadma{font:normal 12px tahoma, verdana, sans-serif, arial; color:white}
#conteudo div.download ul.down{float:left; display:block; width:390px; background:#9BCF4E url('img/nutrilife40.png') no-repeat 5%; padding:10px 0px; padding-left:100px; margin-bottom:10px}
#conteudo div.download ul.fim{float:left; display:block; width:390px; background:#9BCF4E url('img/nutrilifear.png') no-repeat 5%; padding:10px 0px; padding-left:100px; margin-bottom:10px}
#conteudo div.download ul.downma{float:left; display:block; width:390px; background:#9BCF4E url('img/acrobat.jpg') no-repeat 4%; padding:10px 0px; padding-left:100px; margin-bottom:10px}
#conteudo div.download li strong{display:block; line-height:20px}
#conteudo div.download dl{line-height:18px}
#conteudo div.download dt{float:left; font-weight:bold; margin-right:3px; text-indent:15px}
#conteudo div.download ul.contato{float:left; display:block; font:normal 12px tahoma, verdana, sans-serif, arial; color:white; width:310px; background:transparent; height:65px; padding-top:5px; line-height:18px}
#conteudo div.download ul.contato p{width:190px; float:left}

#conteudo div.downloadca p{line-height:16px; text-align:justify; text-indent:15px; padding-bottom:5px}
#conteudo div.downloadma p{line-height:16px; text-align:justify; text-indent:15px; padding-bottom:5px}

#conteudo #instrucoes{background:#A2D34E; float:right}
#conteudo #mensagem{width:235px; float:left; padding:5px; padding-left:10px}
#conteudo #mensagem u{font-size:11px}
#conteudo #form{width:230px; float:left; padding:5px;}
#conteudo #form label{width:50px}
#conteudo #form input{border:1px #0972a5 solid; padding:1px; background-color:#fff; color:#000;}
#conteudo #form input.botao_avaliacao{background:transparent url('img/botao_contato.png') no-repeat right; border:0; color:#005561; font-weight:bold; float:right; width:65px; padding-right:15px; margin-right:5px}
div.downloadca ul.downca{margin-top:10px; background:#BBE450 url('img/n.png') no-repeat 5%; width:250px; float:left; padding:10px; margin-left:5px; _margin-left:1px}
div.downloadca ul.downca2{margin-top:10px; background:#BBE450; float:left; padding:10px; margin-left:5px; _margin-left:1px}
div.downloadca ul.downca2 a{text-indent:-5000px; overflow:hidden; display:block; width:50px; height:80px; background:#BBE450 url('../imagens/videos.png') no-repeat 5%}
div.downloadca dl{line-height:18px}
div.downloadca dt{float:left; font-weight:bold; margin-right:3px; text-indent:80px}

#links{clear:both; text-indent:250px;}
div.comp{width:714px; background:#000 url('img/compra_fim.jpg') no-repeat 100% top}
div.repres{width:714px; background:#000 url('img/representante_fim.jpg') no-repeat 100% top}
div.cont{width:715px; background:#000 url('img/contato_fim.jpg') no-repeat 100% top}
div.recu{width:715px; background:#000 url('img/recursos_fim.jpg') no-repeat 100% top}
div.down{width:715px; background:#000 url('img/download_fim.jpg') no-repeat 100% top}
div.downca{width:715px; background:#000 url('img/downloadca_fim.jpg') no-repeat 100% top}
div.downma{width:715px; background:#000 url('img/downloadma_fim.jpg') no-repeat 100% top}
div.tel{width:715px; background:#000 url('img/recursostelas_fim.jpg') no-repeat 100% top}
div.sup{width:715px; background:#000 url('img/suporte_fim.jpg') no-repeat 100% top}


#links a{text-decoration:none}
#rodape.homepage{background:#000 url('img/rodape_home.jpg') no-repeat top}
#rodape{padding:10px; font:normal 9px/30px verdana, arial, times, sans-serif; color:white; text-align:right}

form{font:normal 11px tahoma, verdana, sans-serif, arial; color:white}
input{border:1px #FF9000 solid; padding:1px; background-color:#fff; color:#000;}
textarea{border:1px #FF9000 solid; padding:1px; background-color:#fff; color:#000;}

div.contato input{border:1px #005561 solid; padding:1px; background-color:#fff; color:#000;}
div.contato input.botao_contato{background:transparent url('img/botao_contato.png') no-repeat right; border:0; color:#005561; font-weight:bold; float:right; width:65px; padding-right:15px; margin-right:28px}
div.contato textarea{border:1px #005561 solid; padding:1px; background-color:#fff; color:#000;}

div.representante input{border:1px #005561 solid; padding:1px; background-color:#fff; color:#000;}
div.representante input.botao{background:transparent url('img/botao_contato.png') no-repeat right; border:0; color:#005561; font-weight:bold; float:right; width:65px; padding-right:15px; margin-right:28px}

input.botao{background:transparent no-repeat right; border:0; float:right; width:114px; padding-right:15px}
select{border:1px #FF9000 solid; padding:2px;}
ul.form li{float:left; padding:5px 0px;}
ul.form li label{padding-top:5px; padding-bottom:2px; width:70px; display:block; float:left}
ul.form li.um{width:100%;}
ul.form li.dois{width:50%;}
ul.form li.tres{width:33%;}
ul.form li.quatro{width:25%;}
ul.form li.cinco{width:19%;}

ul.form li p{width:210px; float:left}
.gra{width:90%;}
.med{width:50%;}
.peq{width:25%;}
.bnt{background-color:#ccc; margin-top:10px;}
.mar{margin-top:18px;}
.erro{color:yellow; font-size:13px; font-weight:bold}

#conteudo div.formas{margin-bottom:430px; _margin-bottom:80px; font-family:verdana, arial, times, sans-serif}
#conteudo div.formas ul.formas{float:left; width:145px; padding-top:5px; line-height:18px; color:white; font-size:11px}
#conteudo div.formas ul.formas li strong{font-size:12px}
#conteudo div.formas ul.info{line-height:16px; float:left; width:155px; font-size:12px; color:white; padding:5px; background:#f7cb27; margin-top:60px}