/* CSS Document */ /* Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* -- GERAL -- */ body { font-family:Arial, Helvetica, sans-serif; background:#EEF2F4 url(../imagens/bg_body.jpg) repeat-x; } p { font:normal 12px Arial, Helvetica, sans-serif; margin:0 0 1em; color:#666; } a { text-decoration:none; color:#333; } strong { font-weight:bold; } em { font-style:italic; } #container { width:994px; margin:0 auto; } /* cabeçalho */ #cabecalho { position:relative; height:226px; } #cabecalho h1 { float:left; } #cabecalho h1 a { display:block; width:241px; height:98px; background:url(../imagens/logo_cabecalho.png) no-repeat; margin:5px 0 0 60px; text-indent:-999999px; } #cabecalho div.destaque { float:right; width:523px; height:156px; } #cabecalho div.login { position:absolute; top:0; width:450px; left:60px; } #cabecalho div.login p { float:left; color:#0069A0; margin:0; } #cabecalho div.login a { font:bold 12px Arial, Helvetica, sans-serif; color:#0069A0; } #cabecalho div.login a:hover { text-decoration:underline; } #cabecalho ul#menu { clear:both; height:36px; padding:20px 0 0; margin:0 auto; } #cabecalho ul#menu li { float:left; height:36px; } #cabecalho ul#menu li a { display:block; height:36px; text-indent:-999999px; } #cabecalho ul#menu li a.sobre { width:156px; background:url(../imagens/menu_sobre_polo.gif) top no-repeat; } #cabecalho ul#menu li a.responsabilidade { width:205px; background:url(../imagens/menu_responsabilidade_socioambiental.gif) top no-repeat; } #cabecalho ul#menu li a.produtos { width:151px; background:url(../imagens/menu_linha_produtos.gif) top no-repeat; } #cabecalho ul#menu li a.noticias { width:142px; background:url(../imagens/menu_ultimas_noticias.gif) top no-repeat; } #cabecalho ul#menu li a.cotacao { width:184px; background:url(../imagens/menu_solicite_cotacao.gif) top no-repeat; } #cabecalho ul#menu li a.central { width:152px; background:url(../imagens/menu_central_atendimento.gif) top no-repeat; } #cabecalho ul#menu li a.sobre:hover, #cabecalho ul#menu li a.responsabilidade:hover, #cabecalho ul#menu li a.produtos:hover, #cabecalho ul#menu li a.noticias:hover, #cabecalho ul#menu li a.cotacao:hover, #cabecalho ul#menu li a.central:hover { background-position:0 -38px; } /* Conteudo */ div.topoConteudo { height:10px; background:#009DD3 url(../imagens/bg_topo_conteudo.jpg) top no-repeat; } #conteudo { background:url(../imagens/bg_conteudo.png) top center repeat-y; padding:0 7px; } div.rodapeConteudo { height:31px; background:url(../imagens/bg_rodape_conteudo.png) top no-repeat; margin:0 0 10px; } /* Coluna Esquerda */ #conteudo div.colEsq { float:left; width:525px; margin:-5px 0 0; } #conteudo div.colEsq h2 { margin:0 0 10px; } #conteudo div.colEsq h2 a { display:block; width:525px; height:64px; text-indent:-999999px; background:url(../imagens/img_banner_linha_produtos.jpg) no-repeat; } #conteudo div.colEsq ul.destaques { padding:0 20px; } #conteudo div.colEsq ul.destaques li { height:195px; margin:0 0 10px; } #conteudo div.colEsq ul.destaques li img { display:block; } #conteudo div.colEsq ul.destaques li h3 { height:20px; line-height:20px; font-size:12px; font-weight:bold; color:#999; text-transform:uppercase; background:url(../imagens/bg_h3.gif) left center no-repeat; border-bottom:double #E2E2E2; padding:0 0 0 22px; margin:0 0 10px; } #conteudo div.colEsq ul.destaques li div.imagem { float:left; } #conteudo div.colEsq ul.destaques li div.informacoes { float:right; width:370px; } #conteudo div.colEsq ul.destaques li div.informacoes form { background-color:#EEE; padding:10px 5px; text-align:LEFT; } #conteudo div.colEsq ul.destaques li div.informacoes form div.floatLeft { margin:0 30px 0 0; } #conteudo div.colEsq ul.destaques li div.informacoes form label { display:inline-block; font:bold 11px Arial, Helvetica, sans-serif; color:#666; margin:0; } #conteudo div.colEsq ul.destaques li div.informacoes form select { display:inline-block; width:80px; font:bold 11px Arial, Helvetica, sans-serif; color:#666; } #conteudo div.colEsq ul.destaques li div.informacoes form select.tipo { width:100px; } #conteudo div.colEsq ul.destaques li div.informacoes table { width:100%; margin:0 0 10px; } #conteudo div.colEsq ul.destaques li div.informacoes table th, #conteudo div.colEsq ul.destaques li div.informacoes table td { font:bold 11px Arial, Helvetica, sans-serif; color:#666; text-align:center; } #conteudo div.colEsq ul.destaques li div.informacoes table th { padding:10px 0; } #conteudo div.colEsq ul.destaques li div.informacoes table td { background-color:#EEE; border-right:1px solid #FFF; padding:3px 0; } #conteudo div.colEsq ul.destaques li.forca { height:250px; border-bottom:double #E2E2E2; } #conteudo div.colEsq ul.destaques li.forca dl { float:right; width:300px; text-align:right; } #conteudo div.colEsq ul.destaques li.forca dl dt { font-size:11px; font-weight:bold; color:#666; text-transform:uppercase; background-color:#EEE; padding:3px 5px; } #conteudo div.colEsq ul.destaques li.forca dl dd { font-size:12px; font-weight:bold; color:#666; padding:3px 5px 8px; } #conteudo div.colEsq div.registro { padding:0 20px; } #conteudo div.colEsq div.registro p { color:#666; margin:0 0 5px; } #conteudo div.colEsq div.registro p span { font-size:16px; font-weight:bold; letter-spacing:-1px; line-height:100%; } /* Coluna Direita */ #conteudo div.colDir { float:right; width:450px; background:url(../imagens/bg_coldir.jpg) left repeat-y; padding:0 0 20px; margin:-5px 0 0; } #conteudo div.colDir h2 { margin:0 0 10px; } #conteudo div.colDir h2 a { display:block; width:450px; height:64px; text-indent:-999999px; background:url(../imagens/img_banner_sobre.jpg) no-repeat; } #conteudo div.colDir div.intro { padding:0 0 0 10px; margin:0 0 20px; } #conteudo div.colDir div.intro div.imagem { float:left; width:223px; background:url(../imagens/bg_img_intro.jpg) top center no-repeat; padding:11px 0 0; text-align:center; } #conteudo div.colDir div.intro div.texto { float:right; width:210px; } #conteudo div.colDir div.intro div.texto a { display:inline-block; font:bold 14px Arial, Helvetica, sans-serif; color:#333; background:url(../imagens/bullet_setas_grande.jpg) right no-repeat; letter-spacing:-0.5px; padding:5px 25px 0 0; } #conteudo div.colDir div.intro div.texto a:hover { color:#666; } #conteudo div.colDir div.socioambiental { padding:0 0 0 20px; } #conteudo div.colDir div.socioambiental a { display:block; float:left; width:84px; height:55px; text-indent:-999999px; background:url(../imagens/img_selo_ambiental.png) no-repeat; margin:0 10px 0 0; } #conteudo div.colDir div.socioambiental p { line-height:100%; } #conteudo div.colDir div.noticias { position:relative; background:url(../imagens/bg_box_noticias.jpg) top center no-repeat; padding:50px 20px 0; margin:0 0 70px; } #conteudo div.colDir div.noticias h3 { font:normal 16px Arial, Helvetica, sans-serif; color:#999; border-bottom:double #E2E2E2; padding:0 0 3px; margin:0 0 10px; } #conteudo div.colDir div.noticias h3 span { font-size:22px; font-weight:bold; } #conteudo div.colDir div.noticias a.mais { position:absolute; font:bold 12px Arial, Helvetica, sans-serif; color:#666; right:20px; top:60px; background:url(../imagens/bullet_seta_cinza.gif) right center no-repeat; padding:0 15px 0 0; } #conteudo div.colDir div.noticias h3 a:hover { text-decoration:underline; } #conteudo div.colDir div.noticias ul li { border-bottom:double #E2E2E2; margin:0 0 5px; } #conteudo div.colDir div.noticias ul li span { display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#CCC; margin:0 0 5px; } #conteudo div.colDir div.noticias ul li h4 { font:bold 16px Arial, Helvetica, sans-serif; letter-spacing:-1px; } #conteudo div.colDir div.noticias ul li h4 a { color:#333; } #conteudo div.colDir div.noticias ul li h4 a:hover { color:#666; } #conteudo div.colDir form.newsletter { height:54px; padding:0 20px 0 240px; background:url(../imagens/bg_news_home.gif) 20px center no-repeat; margin:0 0 30px; } #conteudo div.colDir form.newsletter input.campo { width:136px; border:1px solid #D5D0C7; font:bold 11px Arial, Helvetica, sans-serif; color:#999; padding:2px; margin:5px 0 0; } #conteudo div.colDir form.newsletter input.botao { vertical-align:bottom; } #conteudo div.colDir p.news { font-size:14px; color:#666; padding:0 20px; } /* Rodapé */ #rodape { height:256px; background:url(../imagens/bg_rodape.jpg) top repeat-x; } #rodape div.conteudoRodape { width:990px; padding:40px 0 0; margin:0 auto; } #rodape div.conteudoRodape a { color:#FFF; } #rodape div.conteudoRodape ul { float:left; } #rodape div.conteudoRodape ul li { float:left; height:120px; padding:0 20px; border-right:1px solid #FFF; } #rodape div.conteudoRodape ul li dl dt a, #rodape div.conteudoRodape ul li ul li a { color:#DDD; } #rodape div.conteudoRodape ul li dl dt a:hover, #rodape div.conteudoRodape ul li ul li a:hover { color:#FFF; } #rodape div.conteudoRodape ul li dl dt, #rodape div.conteudoRodape ul li ul li { font-size:14px; line-height:100%; padding:5px 0; } #rodape div.conteudoRodape ul li dl dt span, #rodape div.conteudoRodape ul li ul li span { font-size:18px; font-weight:bold; } #rodape div.conteudoRodape ul li dl dd { font-size:10px; text-transform:uppercase; line-height:100%; padding:3px 0; } #rodape div.conteudoRodape ul li ul li { display:block; height:auto; float:none; border:0; border-bottom:1px solid #FFF; } #rodape div.conteudoRodape address { float:right; font:bold 12px Arial, Helvetica, sans-serif; color:#0069A0; text-align:right; background:url(../imagens/logo_rodape.gif) 55% 10px no-repeat; padding:60px 20px 0 0; } #rodape div.conteudoRodape address span { display:inline-block; font-size:14px; padding:5px 0 0; } /* -- INTERNAS -- */ #conteudo div.colEsqInterna { float:left; width:680px; margin:-5px 0 0; } #conteudo div.colDirInterna { float:right; width:300px; background:url(../imagens/bg_coldir.jpg) left repeat-y; padding:0 0 20px; margin:-5px 0 0; } #conteudo div.colEsqInterna h3 { height:20px; line-height:20px; font-size:12px; font-weight:bold; color:#999; text-transform:uppercase; background:url(../imagens/bg_h3.gif) left center no-repeat; border-bottom:double #E2E2E2; padding:0 0 0 22px; margin:0 0 10px; } #conteudo div.colEsqInterna p { font-size:14px; } #conteudo div.colEsqInterna a.voltar { display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#333; background:url(../imagens/bullet_seta_cinza_2.gif) left center no-repeat; padding:0 0 0 20px; margin:0 0 20px 20px; } #conteudo div.colEsqInterna div.textoInterno { padding:0 20px 20px 20px; } #conteudo div.colEsqInterna div.textoInterno p { font-size:14px; } #conteudo div.colEsqInterna div.textoInterno div.imagem { float:left; background-color:#E2E2E2; padding:2px; margin:0 10px 0 0; } #conteudo div.colEsqInterna div.textoInterno div.imagem img { display:block; } #conteudo div.colEsqInterna div.textoInterno div.imagem span { display:block; padding:5px 3px; font:normal 11px Arial, Helvetica, sans-serif; color:#666; } #conteudo div.colEsqInterna div.textoInterno ul.arquivos { float:left; width:213px; } #conteudo div.colEsqInterna div.textoInterno ul.arquivos li { font:bold 12px Arial, Helvetica, sans-serif; margin:0 0 5px; } #conteudo div.colEsqInterna div.textoInterno ul.arquivos li a { display:block; height:23px; padding:3px 0 0 35px; color:#333; } #conteudo div.colEsqInterna div.textoInterno ul.arquivos li a:hover { color:#666; } #conteudo div.colEsqInterna div.textoInterno ul.arquivos li a.doc { background:url(../imagens/ico_doc.gif) left top no-repeat; } #conteudo div.colEsqInterna div.textoInterno ul.arquivos li a.xls { background:url(../imagens/ico_xls.gif) left top no-repeat; } #conteudo div.colEsqInterna div.textoInterno ul.arquivos li a.pdf { background:url(../imagens/ico_pdf.gif) left top no-repeat; } #conteudo div.colEsqInterna div.textoInterno ul.arquivos li a.pps { background:url(../imagens/ico_pps.gif) left top no-repeat; } #conteudo div.colEsqInterna div.textoInterno ul.arquivos li a.jpg { background:url(../imagens/ico_jpg.gif) left top no-repeat; } #conteudo div.colEsqInterna div.textoInterno ul.arquivos li a.zip { background:url(../imagens/ico_zip.gif) left top no-repeat; } #conteudo div.navegacao { position:relative; height:16px; padding:10px 20px; margin:0 0 20px; } #conteudo div.navegacao p { width:150px; margin:0 auto; text-align:center; } #conteudo div.navegacao a { display:inline-block; color:#666; font:bold 12px Arial, Helvetica, sans-serif; } #conteudo div.navegacao a:hover { text-decoration:underline; } #conteudo div.navegacao a.anteriores { position:absolute; left:20px; top:10px; background:url(../imagens/bullet_seta_cinza_2.gif) left center no-repeat; padding:0 0 0 20px; } #conteudo div.navegacao a.proximas { position:absolute; right:20px; top:10px; background:url(../imagens/bullet_seta_cinza.gif) right center no-repeat; padding:0 20px 0 0; } #conteudo div.opcoes { background-color:#EEE; border-top:double #E2E2E2; padding:5px 20px; margin:0 20px 20px 20px; } #conteudo div.opcoes ul li { float:left; width:265px; } #conteudo div.opcoes ul li a { display:block; height:31px; font:bold 18px Arial, Helvetica, sans-serif; color:#333; } #conteudo div.opcoes ul li a:hover { color:#666; } #conteudo div.opcoes ul li.amigo a { background:url(../imagens/ico_envie_amigo.gif) left top no-repeat; border-right:1px solid #E2E2E2; padding:4px 0 0 40px; margin:0 20px 0 0; } #conteudo div.opcoes ul li.impressao a { background:url(../imagens/ico_impressora.gif) left top no-repeat; padding:4px 0 0 40px; } #conteudo div.colDirInterna ul.submenu { padding:20px 0 0 20px; } #conteudo div.colDirInterna ul.submenu li.selecao { background:url(../imagens/bullet_setas_grande_2.jpg) left center no-repeat; padding:0 0 0 28px; } #conteudo div.colDirInterna ul.submenu li { font:bold 18px Arial, Helvetica, sans-serif; color:#333; letter-spacing:-1px; line-height:100%; background:url(../imagens/bullet_setas_pequeno.jpg) 10px 5px no-repeat; padding:0 0 0 28px; margin:0 0 15px; } #conteudo div.colDirInterna ul.submenu li span { display:block; font-size:12px; color:#CCC; letter-spacing:normal; line-height:80%; } #conteudo div.colDirInterna ul.submenu li a { color:#333; } #conteudo div.colDirInterna ul.submenu li a:hover { color:#666; } /* Cadastro */ #conteudo div.colEsqInterna h2.cadastro { width:675px; height:64px; text-indent:-999999px; background:url(../imagens/tit_cadastro.jpg) no-repeat; margin:0 0 10px; } #conteudo div.colEsqInterna div.textoInterno form#cadastro { border-top:double #E2E2E2; } #conteudo div.colEsqInterna div.textoInterno form#cadastro label { display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; } #conteudo div.colEsqInterna div.textoInterno form#cadastro label span { font:normal 10px Arial, Helvetica, sans-serif; color:#666; text-transform:none; } #conteudo div.colEsqInterna div.textoInterno form#cotacao label span { font:normal 10px Arial, Helvetica, sans-serif; color:#666; text-transform:none; } #conteudo div.colEsqInterna div.textoInterno form#cadastro fieldset { background-color:#EEE; padding:10px 53px; } #conteudo div.colEsqInterna div.textoInterno form#cadastro fieldset div { width:250px; } #conteudo div.colEsqInterna div.textoInterno form#cadastro fieldset div.floatLeft { clear:left; } #conteudo div.colEsqInterna div.textoInterno form#cadastro fieldset div.floatRight { clear:right; } #conteudo div.colEsqInterna div.textoInterno form#cadastro fieldset input, #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.cadastro select { width:244px; font:normal 12px Arial, Helvetica, sans-serif; color:#666; border:1px solid #999; padding:2px; margin:0 0 10px; } #conteudo div.colEsqInterna div.textoInterno form#cadastro fieldset select { width:250px; padding:0; } #conteudo div.colEsqInterna div.textoInterno form#cadastro fieldset input#txtPrefixo { width:70px; text-align:center; } #conteudo div.colEsqInterna div.textoInterno form#cadastro fieldset input#txtFone { width:164px; } #conteudo div.colEsqInterna div.textoInterno form#cadastro fieldset input#txtEnviar { float:right; width:82px; height:20px; background:url(../imagens/bg_bt_enviar_cadatro.jpg) left top no-repeat; border:none; padding:0; cursor:pointer; } #conteudo div.colEsqInterna div.textoInterno form#cadastro fieldset input#txtEnviar:hover { background:url(../imagens/bg_bt_enviar_cadatro.jpg) left bottom no-repeat; } /* Central de Atendimento */ #conteudo div.colEsqInterna h2.atendimento { width:675px; height:64px; text-indent:-999999px; background:url(../imagens/tit_atendimento.jpg) no-repeat; margin:0 0 10px; } #conteudo div.colEsqInterna div.textoInterno form#atendimento { border-top:double #E2E2E2; background-color:#EEE; padding:10px 0; margin:0 0 20px; } #conteudo div.colEsqInterna div.textoInterno form#atendimento.semMargem { margin:0 !important; } #conteudo div.colEsqInterna div.textoInterno form#atendimento fieldset { padding:0 53px; } #conteudo div.colEsqInterna div.textoInterno form#atendimento fieldset input#txtPrefixo, #conteudo div.colEsqInterna div.textoInterno form#atendimento fieldset input#txtPrefixo1, #conteudo div.colEsqInterna div.textoInterno form#atendimento fieldset input#txtPrefixo2, #conteudo div.colEsqInterna div.textoInterno form#atendimento fieldset input#txtPrefixoFax { width:70px; text-align:center; } #conteudo div.colEsqInterna div.textoInterno form#atendimento input#txtFone, #conteudo div.colEsqInterna div.textoInterno form#atendimento input#txtFone1, #conteudo div.colEsqInterna div.textoInterno form#atendimento input#txtFone2, #conteudo div.colEsqInterna div.textoInterno form#atendimento input#txtFax { width:164px; } #conteudo div.colEsqInterna div.textoInterno div.localizacao address { float:left; font:bold 12px Arial, Helvetica, sans-serif; font-style:italic; color:#333; } #conteudo div.colEsqInterna div.textoInterno div.localizacao address span { font-size:14px; } #conteudo div.colEsqInterna div.textoInterno div.localizacao div.mapa { float:right; background-color:#EEE; padding:2px; } /* Notícias, Notícia interna */ #conteudo div.colEsqInterna h2.noticias { width:675px; height:64px; text-indent:-999999px; background:url(../imagens/tit_ultimas_noticias.jpg) no-repeat; margin:0 0 10px; } #conteudo div.colEsqInterna ul.noticias { padding:0 20px; } #conteudo div.colEsqInterna ul.noticias li { border-bottom:double #E2E2E2; padding:0 0 10px; margin:0 0 10px; } #conteudo div.colEsqInterna ul.noticias li div.imagem { float:left; background-color:#E2E2E2; padding:2px; margin:0 10px 0 0; } #conteudo div.colEsqInterna ul.noticias li div.imagem img { display:block; } #conteudo div.colEsqInterna ul.noticias li div.texto p.data { font:bold 12px Arial, Helvetica, sans-serif; color:#CCC; margin:0; } #conteudo div.colEsqInterna ul.noticias li div.texto h3 { height:auto; font:bold 16px Arial, Helvetica, sans-serif; border:none; text-transform:none; background:none; padding:0; margin:0 0 3px; } #conteudo div.colEsqInterna ul.noticias li div.texto h3 a { color:#333; } #conteudo div.colEsqInterna ul.noticias li div.texto h3 a:hover { color:#666; } #conteudo div.colEsqInterna ul.noticias li div.destaque h3{ font-size:18px; } #conteudo div.colEsqInterna ul.noticias li div.texto p { font:normal 12px Arial, Helvetica, sans-serif; margin:0; } #conteudo div.colEsqInterna ul.noticias li div.destaque p { font-size:14px; } #conteudo div.colEsqInterna div.noticiaInterna { padding:0 20px 20px; } #conteudo div.colEsqInterna div.noticiaInterna p.data { font:bold 12px Arial, Helvetica, sans-serif; color:#CCC; margin:0; } #conteudo div.colEsqInterna div.noticiaInterna h3 { height:auto; font:bold 22px Arial, Helvetica, sans-serif; color:#333; border:none; text-transform:none; background:none; padding:0; } #conteudo div.colEsqInterna div.noticiaInterna p { font-size:14px; } #conteudo div.colEsqInterna div.noticiaInterna div.imagem { float:left; background-color:#E2E2E2; padding:2px; margin:0 10px 0 0; } #conteudo div.colEsqInterna div.noticiaInterna div.imagem img { display:block; } #conteudo div.colEsqInterna div.noticiaInterna div.imagem span { display:block; padding:5px 3px; font:normal 11px Arial, Helvetica, sans-serif; color:#666; } /* Produtos */ #conteudo div.colEsqInterna h2.produtos { width:675px; height:64px; text-indent:-999999px; background:url(../imagens/tit_produtos.jpg) no-repeat; margin:0 0 10px; } #conteudo div.colEsqInterna div.produtos div#oleo { margin:0 0 20px; } #conteudo div.colEsqInterna div.produtos div#seco { margin:0 0 20px; } #conteudo div.colEsqInterna div.produtos div#forca { padding:0 0 20px; } #conteudo div.colEsqInterna div.produtos div#forca dl { float:right; width:467px; text-align:right; margin:0 0 20px; } #conteudo div.colEsqInterna div.produtos div#forca dl dt { font-size:11px; font-weight:bold; color:#666; text-transform:uppercase; background-color:#EEE; padding:3px 5px; } #conteudo div.colEsqInterna div.produtos div#forca dl dd { font-size:12px; font-weight:bold; color:#666; padding:3px 5px 8px; } #conteudo div.colEsqInterna div.produtos div.todos p.dados { font:bold 14px Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:0 0 5px; } #conteudo div.colEsqInterna div.produtos div.todos div.imagem { width:155px; } #conteudo div.colEsqInterna div.produtos div.todos div.imagem img { display:block; width:auto; margin:0 auto 5px auto; } #conteudo div.colEsqInterna div.produtos div.todos div.botoes { float:right; width:370px; } #conteudo div.colEsqInterna div.produtos { padding:0 20px; } #conteudo div.colEsqInterna div.produtos div.imagem { float:left; width:155px; text-align:center; } #conteudo div.colEsqInterna div.produtos div.imagem img { margin:0 0 5px; } #conteudo div.colEsqInterna div.produtos div.imagem p { font:normal 12px Arial, Helvetica, sans-serif; text-align:center; } #conteudo div.colEsqInterna div.produtos form { border-top:double #E2E2E2; } #conteudo div.colEsqInterna div.produtos form select { font:bold 12px Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; } #conteudo div.colEsqInterna div.produtos form fieldset.categoria { background-color:#EEE; padding:10px 10px 15px; margin:0 0 15px; } #conteudo div.colEsqInterna div.produtos form fieldset.categoria label { float:left; font:bold 18px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#666; } #conteudo div.colEsqInterna div.produtos form fieldset.categoria select { float:right; } #conteudo div.colEsqInterna div.produtos form fieldset.especifico { float:right; } #conteudo div.colEsqInterna div.produtos form fieldset.especifico { width:448px; background-color:#EEE; text-align:right; padding:10px; } #conteudo div.colEsqInterna div.produtos form fieldset.especifico label { display:inline-block; font:bold 11px Arial, Helvetica, sans-serif; color:#666; margin:0 0 0 14px; } #conteudo div.colEsqInterna div.produtos form fieldset.especifico select { display:inline-block; font:bold 11px Arial, Helvetica, sans-serif; color:#666; } #conteudo div.colEsqInterna div.produtos form fieldset.especifico select.tipo { width:100px; } #conteudo div.colEsqInterna div.produtos div.info { float:right; } #conteudo div.colEsqInterna div.produtos div.info { width:467px; } #conteudo div.colEsqInterna div.produtos div.info table.resumo { width:100%; margin:0 0 20px; } #conteudo div.colEsqInterna div.produtos div.info table.resumo th, #conteudo div.colEsqInterna div.produtos div.info table.resumo td { font:bold 11px Arial, Helvetica, sans-serif; color:#666; text-align:center; } #conteudo div.colEsqInterna div.produtos div.info table.resumo th { padding:10px 0; } #conteudo div.colEsqInterna div.produtos div.info table.resumo td { background-color:#EEE; border-right:1px solid #FFF; padding:3px 0; } #conteudo div.colEsqInterna div.produtos div.info div.desenho { float:left; background-color:#EEE; padding:2px; } #conteudo div.colEsqInterna div.produtos div.info div.desenho img { display:block; } #conteudo div.colEsqInterna div.produtos div.info div.seco { float:none; margin:0 0 20px; } #conteudo div.colEsqInterna div.produtos div.info div.seco img { display:block; float:left; border:2px solid #EEE; margin:0 5px 0 0; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos { float:right; clear:right; width:190px; margin:10px 0 0; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos li { font:bold 12px Arial, Helvetica, sans-serif; background-color:#EEE; padding:3px 3px 0; margin:0 0 2px; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos li a { display:block; height:23px; padding:3px 0 0 35px; color:#333; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos li a:hover { color:#666; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos li a.video { background:url(../imagens/ico_video.gif) left top no-repeat; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos li a.doc { background:url(../imagens/ico_doc.gif) left top no-repeat; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos li a.xls { background:url(../imagens/ico_xls.gif) left top no-repeat; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos li a.pdf { background:url(../imagens/ico_pdf.gif) left top no-repeat; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos li a.pps { background:url(../imagens/ico_pps.gif) left top no-repeat; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos li a.jpg { background:url(../imagens/ico_jpg.gif) left top no-repeat; } #conteudo div.colEsqInterna div.produtos div.info ul.anexos li a.zip { background:url(../imagens/ico_zip.gif) left top no-repeat; } #conteudo div.colEsqInterna div.produtos div span.norma { float:right; font:normal 10px Arial, Helvetica, sans-serif; color:#666; } #conteudo div.colEsqInterna div.produtos div.quinze { background:url(../imagens/bg_tabela_15.jpg) left top no-repeat; padding:0 0 0 51px; margin:0 0 20px; } #conteudo div.colEsqInterna div.produtos div.vinte { background:url(../imagens/bg_tabela_24.jpg) left top no-repeat; padding:0 0 0 51px; margin:0 0 20px; } #conteudo div.colEsqInterna div.produtos div.trinta { background:url(../imagens/bg_tabela_36.jpg) left top no-repeat; padding:0 0 0 51px; margin:0 0 20px; } #conteudo div.colEsqInterna div.produtos table.geral { width:589px; height:191px; border:1px solid #E2E2E2; border-right:none; margin:1px 0 0; } #conteudo div.colEsqInterna div.produtos table.geral th { font:bold 11px Arial, Helvetica, sans-serif; color:#666; text-align:center; } #conteudo div.colEsqInterna div.produtos table.geral th { border-right:1px solid #E2E2E2; padding:5px 0; } #conteudo div.colEsqInterna div.produtos table.geral tr.dif { background-color:#EEE; } #conteudo div.colEsqInterna div.produtos table.geral td { font:normal 12px Arial, Helvetica, sans-serif; color:#666; text-align:center; border-right:1px solid #E2E2E2; } #conteudo div.colEsqInterna div.produtos table.geral td a { color:#333; font-weight:bold; } #conteudo div.colEsqInterna div.produtos table.geral td a:hover { text-decoration:underline; } #conteudo div.colEsqInterna div.produtos table.forca { width:640px; border:1px solid #E2E2E2; border-right:none; margin:0 0 20px; } #conteudo div.colEsqInterna div.produtos table.forca tr.dif { background-color:#EEE; } #conteudo div.colEsqInterna div.produtos table.forca td { font:normal 12px Arial, Helvetica, sans-serif; color:#666; text-align:center; border-right:1px solid #E2E2E2; padding:3px 0; } #conteudo div.colEsqInterna div.produtos table.forca tr td table { width:100%; } #conteudo div.colEsqInterna div.produtos table.forca tr td table tr td { border:none; border-bottom:1px solid #E2E2E2; } /* Responsabilidade Socioambiental */ #conteudo div.colEsqInterna h2.socioambiental { width:675px; height:64px; text-indent:-999999px; background:url(../imagens/tit_socioambiental.jpg) no-repeat; margin:0 0 10px; } #conteudo div.colEsqInterna div.textoInterno ul.galeria { margin:0 auto; } #conteudo div.colEsqInterna div.textoInterno ul.galeria li { float:left; width:100px; height:75px; background-color:#E2E2E2; padding:2px; margin:10px; } #conteudo div.colEsqInterna div.textoInterno ul.galeria li img { display:block; } /* Sobre a Polo Electro */ #conteudo div.colEsqInterna h2.sobre { width:675px; height:64px; text-indent:-999999px; background:url(../imagens/tit_sobre_polo.jpg) no-repeat; margin:0 0 10px; } /* Solicite uma Cotação */ #conteudo div.colEsqInterna h2.cotacao { width:675px; height:64px; text-indent:-999999px; background:url(../imagens/tit_cotacao.jpg) no-repeat; margin:0 0 10px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao { margin:-10px 0 0; } #conteudo div.colEsqInterna div.textoInterno form#cotacao p { border-bottom:double #E2E2E2; padding:0 0 20px; margin:0; } #conteudo div.colEsqInterna div.textoInterno form#cotacao label { display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#666; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto { background-color:#EEE; padding:10px 53px; margin:0 0 20px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto select { display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#666; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto input.check, #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto label.check { display:inline-block; margin:0 0 2px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto textarea { font:normal 12px Arial, Helvetica, sans-serif; color:#666; overflow:hidden; padding:2px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto input#txtQuantidade { font:normal 12px Arial, Helvetica, sans-serif; color:#666; padding:2px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto select, #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto input#txtQuantidade, #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto textarea { width:244px; border:1px solid #999; margin:0 0 10px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto select#txtClasse.forca { width:120px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto select#txtClasse, #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto select#txtPotencia, #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto select#txtPotencia2 { width:100px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div { width:250px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div.floatLeft { clear:left; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div.floatRight { clear:right; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div.floatLeft div, #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div.floatRight div { width:auto; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div.fase, #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div.forca { width:100%; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div.forca div div { float:left; width:125px; padding:0 0 10px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div.forca label.check { text-transform:none; font-weight:normal; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div.forca input, #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.produto div.forca label.check { display:inline; margin:0 0 2px; } #conteudo div.colEsqInterna div.textoInterno form#cotacao fieldset.cadastro { background-color:#EEE; padding:10px 53px; } /* -- FORMULÁRIOS -- */ form fieldset.geral label { display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; } form fieldset.geral div { width:250px; } form fieldset.geral div.floatLeft { clear:left; } form fieldset.geral div.floatRight { clear:right; } form fieldset.geral input, form fieldset.geral select, form fieldset.geral textarea { font:normal 12px Arial, Helvetica, sans-serif; color:#666; border:1px solid #999; padding:2px; margin:0 0 10px; } form fieldset.geral textarea { width:529px; overflow:hidden; } form fieldset.geral input { width:244px; } form fieldset.geral select { width:250px; padding:0; } form fieldset.geral input#txtPrefixo { width:70px; text-align:center; } form fieldset.geral input#txtFone { width:164px; } form fieldset.geral input#txtEnviar { float:right; clear:both; width:82px; height:20px; background:url(../imagens/bg_bt_enviar_cadatro.jpg) left top no-repeat; border:none; padding:0; cursor:pointer; } form fieldset.geral input#txtEnviar:hover { background:url(../imagens/bg_bt_enviar_cadatro.jpg) left bottom no-repeat; } #conteudo div.colEsqInterna span.obs { display:block; font:normal 10px Arial, Helvetica, sans-serif; color:#666; margin:-10px 0 0; } #conteudo div.colEsqInterna span.obs a:hover { text-decoration:underline; } /* -- LOGIN -- */ form#login { width:250px; background-color:#EEE; border-top:double #E2E2E2; margin:0 auto; padding:20px; } form#login div#hidden { display:none; } form#login span.obs { display:block; font:normal 10px Arial, Helvetica, sans-serif; color:#666; margin:-10px 0 0; } form#login span.obs a:hover { text-decoration:underline; } /* -- ENVIE PARA UM AMIGO -- */ form#amigo { width:535px; background-color:#EEE; border-top:double #E2E2E2; margin:0 auto; padding:20px; } form#amigo h3 { height:20px; line-height:20px; font-size:12px; font-weight:bold; color:#999; text-transform:uppercase; background:url(../imagens/bg_h3.gif) left center no-repeat; border-bottom:double #E2E2E2; padding:0 0 0 22px; margin:0 0 10px; } /* -- INCLUDES DIR -- */ /* Notícias */ #conteudo div.colDirInterna div.noticias { background:url(../imagens/bg_abas_dir.jpg) top center no-repeat; padding:55px 20px 0; margin:0 0 20px; } #conteudo div.colDirInterna div.noticias h3 { position:relative; font:normal 16px Arial, Helvetica, sans-serif; color:#999; border-bottom:double #E2E2E2; padding:0 0 3px; margin:0 0 10px; } #conteudo div.colDirInterna div.noticias h3 span { font-size:22px; font-weight:bold; } #conteudo div.colDirInterna div.noticias ul li { border-bottom:double #E2E2E2; margin:0 0 5px; } #conteudo div.colDirInterna div.noticias ul li span { display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#CCC; margin:0; } #conteudo div.colDirInterna div.noticias ul li h4 { font:bold 16px Arial, Helvetica, sans-serif; letter-spacing:-1px; } #conteudo div.colDirInterna div.noticias ul li h4 a { color:#333; } #conteudo div.colDirInterna div.noticias ul li h4 a:hover { color:#666; } #conteudo div.colDirInterna div.noticias ul li p { color:#666; } #conteudo div.colDirInterna div.noticias a.mais { float:right; font:bold 12px Arial, Helvetica, sans-serif; color:#666; right:0; bottom:5px; background:url(../imagens/bullet_seta_cinza.gif) right center no-repeat; padding:0 15px 0 0; } /* Newsletter */ #conteudo div.colDirInterna div.newsletter { width:225px; background:url(../imagens/bg_news_dir.gif) center 20px no-repeat #EEE; border-top:double #E2E2E2; padding:80px 20px 20px; margin:0 auto; } #conteudo div.colDirInterna div.newsletter form { border-top:1px solid #D8E3EB; padding:5px 0 10px; } #conteudo div.colDirInterna div.newsletter form input.campo { width:193px; border:1px solid #D5D0C7; font:bold 11px Arial, Helvetica, sans-serif; color:#999; padding:2px; margin:5px 0 0; } #conteudo div.colDirInterna div.newsletter form input.botao { vertical-align:bottom; } #conteudo div.colDirInterna div.newsletter p { font-size:14px; } /* Sobre a Polo Electro */ #conteudo div.colDirInterna div.sobre { background:url(../imagens/bg_abas_dir.jpg) top no-repeat; padding:55px 20px 20px; } #conteudo div.colDirInterna div.sobre h3 { position:relative; font:normal 16px Arial, Helvetica, sans-serif; color:#999; border-bottom:double #E2E2E2; padding:0 0 3px; margin:0 0 10px; } #conteudo div.colDirInterna div.sobre h3 span { font-size:22px; font-weight:bold; } #conteudo div.colDirInterna div.sobre ul li { font:bold 12px Arial, Helvetica, sans-serif; background:url(../imagens/bullet_setas_pequeno.jpg) left center no-repeat; padding:0 0 0 15px; margin:0 0 5px; } #conteudo div.colDirInterna div.sobre ul li a { color:#333; } #conteudo div.colDirInterna div.sobre ul li a:hover { color:#666; } /* Outros Destaques, Socioambiental */ #conteudo div.colDirInterna div.outros { background:url(../imagens/bg_abas_dir.jpg) top no-repeat; padding:55px 20px 20px; } #conteudo div.colDirInterna div.outros h3 { position:relative; font:normal 16px Arial, Helvetica, sans-serif; color:#999; margin:0 0 5px; } #conteudo div.colDirInterna div.outros h3 span { font-size:22px; font-weight:bold; } #conteudo div.colDirInterna div.outros div.moldura { background-color:#EEE; border-top:double #E2E2E2; padding:10px 20px 5px; margin:0 auto 15px auto; } #conteudo div.colDirInterna div.outros div.moldura div.imagem { width:223px; text-align:center; background:url(../imagens/bg_img_outros.jpg) center top no-repeat; padding:11px 0; } #conteudo div.colDirInterna div.outros div.socioambiental a { display:block; height:48px; width:245px; color:#333; font-size:14px; line-height:100%; background:url(../imagens/img_selo_ambiental_2.jpg) 170px top no-repeat; padding:8px 0 0; margin:0 auto; } #conteudo div.colDirInterna div.outros div.socioambiental a:hover { color:#666; } #conteudo div.colDirInterna div.outros div.socioambiental a span { font:bold 18px Arial, Helvetica, sans-serif; } #conteudo div.colDirInterna div.outros div.socioambiental p { line-height:90%; } /* -- ESPECIAIS -- */ .outlinefix :focus, .outlinefix:focus { -moz-outline-style:none; } .floatLeft { float:left; } .floatRight { float:right !important; } .semBorda { border:none !important; } /* slightly enhanced, universal clearfix hack */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */