a {text-decoration: none;} b {font-weight: bold;} a:hover {text-decoration: underline;} body, h1, h2, h3, h4, h5, h6, form, dl, ul, ol, dt, dd, p, address {margin:0px;padding:0px;} img {border:0px;} td{font-family : Arial, Helvetica, sans-serif; font-size : 11px;} body { background:#E9E9F6; font: 10px "Arial"; color:#6567AD; /*width:100%; height:100%;*/} #grafia { width:880px; padding:10px 0 10px 0; text-align:right; } #grafia a:link, #grafia a:visited, #grafia a:active { font: 10px "Arial"; color:#D3D3EA; text-decoration: none;} #grafia a:hover {font: 10px "Arial"; color:#333; text-decoration: none;} /* links */ a.menu:link, a.menu:visited, a.menu:active { font: 11px "Arial"; color:#D3D3EA; text-decoration: none;} a.menu:hover {font: 11px "Arial"; color:#D3D3EA; text-decoration: underline;} a.lilas:link, a.lilas:visited, a.lilas:active { font: bold 12px "Arial"; color:#3F406E; text-decoration: none;} a.lilas:hover {font: bold 12px "Arial"; color:#3F406E; text-decoration: underline;} a.path:link, a.path:visited, a.path:active { font: 10px "Arial"; color:#8284C6; text-decoration: none;} a.path:hover {font: 10px "Arial"; color:#8284C6; text-decoration: underline;} a.linkRoxo:link, a.linkRoxo:visited, a.linkRoxo:active { font: 10px "Arial"; color:#6A267D; text-decoration: none;} a.linkRoxo:hover {font: 10px "Arial"; color:#6A267D; text-decoration: underline;} a.paginacao:link, a.paginacao:visited, a.paginacao:active { font: bold 11px "Arial"; color:#6567AD; text-decoration: none;} a.paginacao:hover {font: bold 11px "Arial"; color:#6567AD; text-decoration: underline;} a.erro:link, a.erro:visited, a.erro:active { font: bold 10px "Arial"; color:#6567AD; text-decoration: none;} a.erro:hover {font: bold 10px "Arial"; color:#6567AD; text-decoration: underline;} a.clique:link, a.clique:visited, a.clique:active { font: 11px "Arial"; color:#6567AD; text-decoration: none;} a.clique:hover {font: 11px "Arial"; color:#6567AD; text-decoration: underline;} a.linknumeros:link, a.linknumeros:visited, a.linknumeros:active { font: 11px "Arial"; color:#6567AD; text-decoration: none;} a.linknumeros:hover {font: bold 11px "Arial"; color:#6A267D; text-decoration: underline;} a.linkl2:link, a.linkl2:visited, a.linkl2:active { font: bold 11px "Arial"; color:#3F406E; text-decoration: none;} a.linkl2:hover {font: bold 11px "Arial"; color:#3F406E; text-decoration: underline;} a.linkl3:link, a.linkl3:visited, a.linkl3:active { font: bold 11px "Arial"; color:#8C599C; text-decoration: none;} a.linkl3:hover {font: bold 11px "Arial"; color:#8C599C; text-decoration: underline;} a.linkl4:link, a.linkl4:visited, a.linkl4:active { font: 11px "Arial"; color:#8284C6; text-decoration: none;} a.linkl4:hover {font: 11px "Arial"; color:#8284C6; text-decoration: underline;} a.linkblog:link, a.linkblog:visited, a.linkblog:active { font: bold 11px "Arial"; color:#7476bd; text-decoration: none;} a.linkblog:hover { font: bold 11px "Arial"; color:#7476bd; text-decoration: underline;} a.linkreceitas:link, a.linkreceitas:visited, a.linkreceitas:active { font: 11px "Arial"; color:#6B6DB4; text-decoration: none;} a.linkreceitas:hover { font: 11px "Arial"; color:#6B6DB4; text-decoration: underline;} a.linkrss:link, a.linkrss:visited, a.linkrss:active { font: 10px "Arial"; color:#9FA0D9; text-decoration: none;} a.linkrss:hover { font: 10px "Arial"; color:#9FA0D9; text-decoration: underline;} a.linkrss2:link, a.linkrss2:visited, a.linkrss2:active { font: 11px "Arial"; color:#8284c6; text-decoration: none;} a.linkrss2:hover { font: 11px "Arial"; color:#8284c6; text-decoration: underline;} a.trabalhe:link, a.trabalhe:visited, a.trabalhe:active { font: bold 14px "Verdana"; color:#7474b7; text-decoration: none;} a.trabalhe:hover { font: bold 14px "Verdana"; color:#7474b7; text-decoration: underline;} /* topo */ /*#topcont{width:900px;} #topesq{background: url(../img/componentes/bg_top_geral.gif) repeat-x; width:50%; height:1%;} #topdir{background: url(../img/componentes/bg_top_geral.gif) repeat-x; width:50%;} #topoGeral { width:900px; height:124px; clear:both;} #logoG { width:210px; height:118px; float:left; background:url(../img/empresa/logo_supra.jpg) no-repeat;} #continua { width:660px; height:118px; float:left; background:url(../img/componentes/bg_topo_continua.gif) no-repeat;} #menuSup { width:660px; height:34px; clear:both;} #padmenu { padding-top:14px; text-align:right;} .floatMenu { padding-right:5px; float:right; font: 11px "Arial"; color:#D3D3EA;}*/ /* topo */ #topcont{width:900px;} #topesq{background: url(../img/componentes/bg_top_geral.gif) repeat-x; width:50%; height:1%;} #topdir{background: url(../img/componentes/bg_top_geral.gif) repeat-x; width:50%;} #topo { width:900px; height:124px; clear:both;} #logoG a{ width:183px; height:118px; float:left; background:url(../img/empresa/logo_supra.jpg) no-repeat;} #continua { width:717px; height:118px; float:left; background:url(../img/componentes/bg_topo_continua.gif) no-repeat;} #languages { width:50px; height:34px; float:left; background:url(../img/componentes/bg_topo_continua.gif) no-repeat;padding:6px 0 0 0; text-align:right;} #menuSup { width:610px; height:34px; float:left; } #padmenu { padding-top:14px; text-align:right;} .floatMenu { padding-right:5px; float:right; font: 11px "Arial"; color:#D3D3EA;} .floatMenu2 { padding-right:2px; padding-top:18px; *padding-top:20px; float:right; font: 10px "Arial"; color:#D3D3EA;} /* rodapé */ #rodcont{background: #5B5BA3 url(../img/componentes/bg_rod.jpg) repeat-x;width:775px} #rodesq{background: #5B5BA3 url(../img/componentes/bg_rod.jpg) repeat-x;height:99%} #roddir{background: #5B5BA3 url(../img/componentes/bg_rod.jpg) repeat-x;} #rodape td{font-family : Arial, Helvetica, sans-serif; font-size : 10px; color : #765F45;} #rodape .assinatura{font-family : Arial, Helvetica, sans-serif; font-size : 10px; color : #FFF;} #rodcont{background: #5B5CA4 url(../img/componentes/bg_rod.jpg) repeat-x; width:900px;} /*#rodesq{background: #5B5CA4 url(../img/componentes/bg_rod.jpg) repeat-x; height:40%;} #roddir{background: #5B5CA4 url(../img/componentes/bg_rod.jpg) repeat-x;}*/ #rodape2{ padding:5px 0px 5px 15px; clear:both;} #rodape{ margin-bottom:30px; } .floatMenuRodape { padding-right:9px; float:left; font: 11px "Arial"; color:#D3D3EA;} #rodTot { clear:both; overflow:hidden;} #rod1 { width:600px; float:left;} #rod2 { float:left; font: 11px "Arial"; color:#D3D3EA;} #rod3 { clear:both; background:url(../img/componentes/bg_msg.gif) no-repeat; width:886px; height:36px; margin:10px 0px 0px 5px; } #rod3 #txt { text-align:center; padding-top:3px; font: 11px "Arial"; color:#6569B1;} /* empresa */ .secaoEmpresa { width:900px; clear:both; background:#F0F0F9; overflow:auto; /****/} .padEmpresa { padding-left: 70px;} #ladoA { width:401px; float:left;} #ladoB { width:382px; float:left; background:#E9E9F6; overflow:auto;} .pathAlinha { clear:both; padding-top:17px; font: 10px "Arial"; color:#8284C6;} .bgTitulos { background:url(../img/empresa/bg_titulos.gif) no-repeat; width:368px; height:29px;} #btEnviar { text-align:right; padding-right:40px; } #video { width:320px; height:256px; clear:both;} /*#trabalheConosco_ {width:336px; height:87px; background:url(../img/empresa/trabalhe_.gif) no-repeat; padding:45px 0px 50px 25px;} .trabalheTxt_ {width:220px; float:left; font: 12px "Arial"; color:#FFFFFF;} .trabalheBt_ {width:30px; padding-top:15px;}*/ /* cadastro */ #bgcadastro { background:url(../img/cadastro/bg_cadastro.gif) no-repeat; width:346px; height:265px;} #ladoC { width:382px; float:left;} .padinput { padding-bottom:3px; clear:both;} .padtxt { padding-bottom:3px; clear:both;} .padtxt2 { padding-top:2px; padding-bottom:3px; float:left;} /* contato */ #bgcontato { background:url(../img/contato/bg_form.gif) no-repeat; width:346px; height:644px;} #bgtrabalhe { background:url(../img/contato/bg_form_.gif) no-repeat; width:346px; height:900px;} .bgTituloFale { background:url(../img/contato/bg_titulos.gif) no-repeat; width:337px; height:24px;} #ladoEnderecos { background:url(../img/contato/bg_endereco_.gif) no-repeat; width:382px; height:758px;} #font { font-size:10px;} /*#trabalhe {width:382px; height:88px; background:url(../img/contato/bg_trabalhe.gif) no-repeat; padding:45px 0px 50px 25px;} .trabalheTxt {width:250px; float:left; font: bold 12px "Arial"; color:#FFFFFF;} .trabalheBt {width:50px; padding-top:15px;} */ /* privacidade */ .padPrivacidade { padding: 0px 70px 70px 70px; text-align:justify;} /* sala imprensa */ #baseA { width:408px; float:left; background:#F0F0F9;} #baseB { width:472px; float:left; background:#F0F0F9;} #baseAa { width:359px; float:left; background:#F0F0F9;} #baseBb { width:541px; float:left; background:#F0F0F9;} #baseAtodos { width:605px; float:left; background:#F0F0F9;} #baseBtodos { width:295px; float:left; background:#F0F0F9;} .pathAlinhaDireita { clear:both; padding-top:17px; font: 10px "Arial"; color:#8284C6; text-align:right;} .padImprensa { padding: 0px 0px 20px 15px;} .bgnovidades { background:url(../img/imprensa/img_ultimasnovidades.gif) no-repeat; width:472px; height:61px;} /*********** a FOTO DESTAQUE deve ter tamanho largura:300px e altura:225px ***********/ /*.imgDestaque { border:#CDCFF0 solid 2px; height:229px; width:304px; padding: 4px 0px 0px 4px; background:#FFF;}*/ /* height:225px; width:300px; */ .imgDestaque { border:#CDCFF0 solid 2px; padding:5px; background:#FFFFFF;} .configNoticia { padding: 5px 0px 5px 2px; width:300px; clear:both;} .ladofotoconfig { width:176px; float:left; } /********* a FOTO MENOR deve ter tamanho largura:160px e altura:120px **********/ /* width:160px; height:120px; */ .imgMenor { border:#CDCFF0 solid 2px; clear:both; padding:2px; background:#FFFFFF;} .ladotexto { width:197px; float:left;} .padnoticias { padding: 25px 5px 0px 10px; clear:both;} .cor1 { background:#F5F5FB; clear:both; margin-bottom:1px;} .cor2 { background:#F9F9FD; clear:both; margin-bottom:1px;} .atot { clear:both; height:18px;} .bmais { float:left; width:26px; height:18px;} .padmais { padding:3px 0px 0px 8px;} .ctxt {float:left;} .data { font: bold 14px "Arial"; color:#6E70B2; padding:6px 0px 6px 11px;} .celdata { background:#DEDEF1;} .paginacaomeio { font: 11px "Arial"; color:#A8AADE; clear:both; text-align:center;} .paginacaolado {width:60px; float:left; text-align:left;} .paginacaolado1 {width:60px; float:left; text-align:right; margin-left:15px;} #inativo {font: bold 11px "Arial"; color:#DFDFF0;} #selecionado {font: bold 12px "Arial"; color:#6567AD;} #news { background:url(../img/imprensa/bg_news.gif) no-repeat; width:255px; height:260px;} /* produtos */ #bg_txt_meio { background:url(../img/produtos/bg_texto_ini.jpg) no-repeat; width:755px; height:165px;} #bg_txt2 { background:url(../img/produtos/bg_txt_2.gif) no-repeat; width:755px; height:139px;} .juntaProdMargin { width:170px; text-align:center; height:212px; float:left; margin-right:10px;} .juntaProd { width:176px; text-align:center; height:212px; float:left;} /** imagem da capa tamanhoo largura: 176px e altura: 167px;**/ .imgProdCapa { width:176px; height:167px; clear:both;} .nomeProduto { width:150px; padding:0px 10px 0px 10px; text-align:center; font: bold 13px "Arial"; color:#6567AD; clear:both;} .limpa { clear:both; width:755px; overflow:auto;} .limpaBarra { clear:both; width:390px; overflow:auto;} .juntaThumbMargin { width:64px; height:180px; float:right; margin-left:19px; text-align:right;} .juntaThumb { width:64px; height:180px; float:right; text-align:right;} /** imagem thumb tamanhoo: 64px x 64px;**/ .imgProdThumb { width:64px; height:64px; clear:both;} .nomeProdThumb { width:64px; text-align:center; font: bold 13px "Arial"; color:#6567AD; clear:both;} .limpaThumb { clear:both; width:400px; overflow:auto; } .tamSabores {height:133px; width:400px;} /* esse é pras barrinha */ /** imagem thumb tamanhoo: 64px x 64px;**/ .juntaThumbMarginBarra { width:110px; height:101px; float:right; margin-left:19px; text-align:right; } .imgProdThumbBarra { width:110px; height:64px; clear:both; text-align:center;} .nomeProdThumbBarra { width:110px; text-align:center; font: bold 13px "Arial"; color:#6567AD; clear:both;} #bg_lojaSupra { background:url(../img/produtos/bg_lojasupra.jpg) no-repeat; width:365px; height:184px; float:right;} #bg_lojaSupraes { background:url(../img/es/bg_lojasupra.jpg) no-repeat; width:365px; height:184px; float:left;} #bg_lojaSupraen { background:url(../img/en/bg_lojasupra.jpg) no-repeat; width:365px; height:184px; float:left;} #baseDetalhe1 { width:370px; float:left; background:#F0F0F9;} #baseDetalhe2 { width:400px; float:left; background:#F0F0F9;} #produtoDetalhe { width:370px; height:317px;} #bts { width: 130px; height:31px; padding-left:46px; float:left;} #bts2 { width: 148px; height:31px; padding-left:12px; float:left;} .bold { font-weight:bold;} #beneficio { line-height:18px; padding-bottom:50px;} #tituloProduto { padding: 20px 0px 16px 0px;} #descricaoProduto { font: 11px "Arial"; color:#6567AD; padding-bottom:20px;} #padtop { padding-top:20px;} /* onde encontrar */ .txtCinzabold { font: bold 11px "Arial"; color:#5F5D5D; padding:20px 0px 5px 0px;} .txtCinzabold2 { font: bold 11px "Arial"; color:#5F5D5D; padding:5px 0px 5px 0px;} .txtCinza { font: 11px "Arial"; color:#5F5D5D; } #altura {/*height:406px;*/} #txtResultado { font: bold 12px "Arial"; color:#6567AD;} #txtResCidade { font: bold 16px "Arial"; color:#6567AD;} #bold3 { font-weight:bold; text-align:right;} .divisao { background:url(../img/onde/divisoria.gif) no-repeat; width:389px; height:11px;} #paginaOnde { font: 11px "Arial"; color:#A8AADE; text-align:center; padding-bottom:15px;} #bglojaOnde { background:url(../img/onde/bg_loja2.gif) no-repeat; width:389px; height:120px;} /* mapa */ #baseMapaA { width:427px; float:left; background:#F0F0F9;} #baseMapaB { width:440px; float:left; background:#F0F0F9;} .lt { clear:both; height:22px;} .l1 { padding: 3px 6px 0px 3px; float:left;} .l1a { width:9px; height:9px; clear:both; background:url(../img/mapasite/ico_mais.gif) no-repeat;} .l2 { float:left; font: bold 11px "Arial"; color:#3F406E;} .l3 { font: bold 11px "Arial"; color:#8C599C; padding: 0px 0px 3px 36px;} .l4 { font: 11px "Arial"; color:#8284C6; padding: 0px 0px 3px 57px;} #bglojaMapa { background:url(../img/mapasite/bjloja.gif) no-repeat; width:374px; height:97px;} /* receita */ .txtreceita {padding:15px 25px 20px 15px; text-align:justify;} .bgreceitas { background:url(../img/receitas/bg_receitas.gif) no-repeat; width:472px; height:61px;} #basedireita {width:345px; padding-left:20px;} #basedireitaA {width:200px; padding-bottom:20px;} #basedireitaB {width:210px; background-image:url(../img/receitas/bg_envie.jpg); padding:48px 0px 0px 10px;} #basedireitaB2 {width:212px; background-image:url(../img/receitas/bg_envie2.jpg); padding:48px 0px 0px 10px;} #basedireitaC {width:210px; height:140px; background-image:url(../img/receitas/bg_selec.jpg); padding:48px 0px 0px 10px;} .txtRecBranco {font: 10px "Arial"; color:#FFFFFF; line-height:12px;} .txtRecBranco2 {font: 11px "Arial"; color:#FFFFFF; line-height:15px;} .botaoRec {width:50px; padding:10px 5px 10px 100px;} .titBuscaRec {font: 10px "Arial"; color:#8284C6;} .titBuscaRec2 {font: 10px "Arial"; color:#8284C6;} .RecForm {padding:2px 0px 10px 0px;} .RecForm2 {padding:2px 0px 20px 0px;} #envieRec {width:865px; clear:both;} #envieRecA {width:545px; float:left;} #envieRecB {width:320px; float:left; padding-left:100px;} .RecATit {font: bold 12px "Arial"; color:#3f406e; padding-bottom:10px; padding-left:20px;} .RecAform {width:545px; padding:5px 0px 10px 20px; clear:both;} .RecAformtxt {width:150px; padding-left:20px; padding-top:5px; text-align:right; float:left; font: 11px "Arial"; color:#52539a;} .RecAformForm {padding-left:20px; float:left;} .imagem {font: Italic 10px "Arial"; color:#a8aade;} .envie {font: 11px "Arial"; color:#7476bd; line-height:16px;} /* blog */ .pathBlogGeral { width:870px; height:20px; clear:both;} .pathBlogA { width:760px; float:left;} .pathBlogB { width:110px; float:left;} .padBlog { padding: 0px 15px 0px 15px;} .padBlog2 { padding: 0px 10px 0px 15px;} .destaques { width:870px; height:287px; clear:both;} .ladoFoto { width: 355px; float:left;} .ladoChamada { width:515px; float:left;} #bgCham { width:515px; height:237px; clear:both; background:url(../img/blog/bgEnvie.jpg) no-repeat;} .legenda {font: 11px "Arial"; color:#3F406E; padding:5px 0px 5px 0px;} #btBlogParticipe { clear:both; padding:182px 0px 0px 405px;} #linhaMenuSub { width:515px; height:48px; clear:both; padding-top:14px;} .segue { float:right; font: bold 11px "Arial"; color:#6B6DB4; padding:0px 0px 0px 5px;} #thumbsGeral { width:860px; margin-bottom:30px; clear:both; padding-top:20px;} .thumbBlog { border:#CDCFF0 solid 1px; padding:4px; background:#FFFFFF;} .thumbBlog2 { border:#CDCFF0 solid 1px; padding:4px; background:#FFFFFF;} .thumbFloat { float:left; margin:0px 10px 10px 0px; text-align:center; } .thumbFloat2 { float:left; margin:0px 3px 3px 0px; } #imgDestaqueBlog {border:#CDCFF0 solid 2px; padding:5px; background:#FFFFFF; width:288px; height:213px;} .limpaForm { width:870px; clear:both;} .ladoForm { width:612px; float:left; font: 10px "Arial"; color:#AFB0D6;} .ladoblog { width:258px; float:left;} .clearForm { height:28px; clear:both;} .clearForm2 {height:70px; clear:both;} .clearForm3 {height:20px; clear:both;} .clearForm4 {height:40px; clear:both;} .txtForm { width:139px; float:left; font: bold 11px "Arial"; color:#52539A; padding:3px 5px 0px 0px; text-align:right;} .inputForm { width:389px; float:left;} .radio {font: bold 11px "Arial"; color:#52539A;} #padtxt { padding-left:97px;} #padradio { padding-left:137px;} #paginacao {width:865px; clear:both; height:15px; padding: 5px 0px 5px 235px;} #perfil {width:865px; clear:both;} #perfil2 {width:865px; clear:both; padding-top:30px;} .perflfoto {width:345px; float:left;} .perfiltxt {width:345px;} .perfildados {width:345px; float:left; padding-left:22px;} .perfildadosimg {width:271px; background-image:url(../img/blog/dadosusuario.jpg); padding:242px 0px 26px 22px;} .perfiloutros {width:345px; float:left;} .perfiloutrosfloat {clear:both; height:34px; width:516px;} .perfiloutrosthumbs {clear:both; width:516px;} /*txt blog*/ .titperfil {font: bold 16px "Arial"; color:#8284c6;} .titperfil2 {font: bold 16px "Arial"; color:#8284c6; padding-bottom:10px;} .txtperfil {font: bold 12px "Arial"; color:#8284c6;} .txtpergunta {font: bold 14px "Arial"; color:#8284c6; padding-top:10px;} .txtperfil2 {font: 11px "Arial"; color:#000000; line-height:15px;} .txtperfil3 {font: 11px "Arial"; color:#8284c6; line-height:15px; padding-bottom:30px;} /* txt */ .txtLilasFraco { font: 11px "Arial"; color:#6567AD; padding-bottom:5px;} .txtLilasForte { font: bold 11px "Arial"; color:#3F406E; padding-bottom:5px;} .txtLilasForte16 { font: bold 16px "Arial"; color:#3F406E; padding-bottom:5px;} .txtLilasForte22 { font: bold 22px "Arial"; color:#3F406E; padding-bottom:24px;} .txtLilasSubtitulos { font: bold 16px "Arial"; color:#8284C6;} .txtRoxo { font: 10px "Arial"; color:#6A267D; padding-top:8px;} .txtPreto { font: 10px "Arial"; color:#000;} .txt_lilas2 { font: 12px "Arial"; color:#6567AD; padding:5px 10px 10px 5px; text-align:justify;} .txt_brancoTitulos { font: bold 15px "Arial"; color:#FFF; padding: 5px 0px 0px 20px;} .txt_brancoTituloFale { font: bold 14px "Arial"; color:#FFF; padding: 3px 0px 0px 20px;} .txt_secoes { font: 12px "Arial"; color:#6567AD; padding:15px 40px 20px 8px; text-align:justify;} .txt_input { font: 11px "Arial"; color:#6567AD; padding-left:2px;} .txt_lilas { font: bold 12px "Arial"; color:#3F406E; clear:both; padding-bottom:5px;} .inputsBlog { font: bold 11px "Arial"; color:#52539A;} /* profissionais da saude */ #formFull {width:520px; clear:both; padding-bottom:10px;} #formTxt {width:200px; float:left; text-align:right; padding:5px 10px 0px 0px; font: 11px "Arial"; color:#52539a;} #formField {width:320px; float:left;} .tit {font: bold 12px "Arial"; color:#3f406e; padding-bottom:20px;} .opcoes {font: 11px "Arial"; color:#7879b1;} .compl {font: 11px "Arial"; color:#52539a;} .erro_on{ padding:10px 0px 0px 30px; visibility:visible; display:1; } .erro_off{ visibility:hidden; display:none; } /*msg erro*/ #resultado {clear:both; text-align:center; margin:30px 0;} #topForm { background:url(../img/duvidas/topForm.gif) no-repeat; width:350px; height:15px; margin-top:20px; } #meioForm { background:#DEDEF1; width:350px;} #meioForm h4 { font: bold 14px "Arial"; color:#52539A;} #meioForm #padd { padding:0px 15px;} #bottomForm { background:url(../img/duvidas/bottomForm.gif) no-repeat; width:350px; height:15px; }