/* Theme Name: Sudipel Description: Sudipel - Suzete Distribuidora de Papeis LTDA. Version: 1.0 Author: Tiklen Internet Author URI: http://www.tiklen.com.br */ /* configuracoes comuns */ body {font-family:"trebuchet ms", arial, helvetica, sans-serif; background-color:#f5f5f5} h1 span {display:none} h2 span {display:none} a span {display:none} p {font-size:14px; line-height:18px} label {font-size:14px; line-height:16px} address {font-size:14px; line-height:16px; color:#777} a {font-size:12px; color:#349; text-decoration:none} a:hover {color:#333; text-decoration:underline} #conteudopp div.retrato {display:none} h2 {font-size:21px; color:#349} h3 {font-size:15px; margin-bottom:-10px; line-height:15px} h3.none {margin-bottom:0} .exibe {display:block} .oculta {display:none} /* configuracoes particulares */ #container {width:750px; margin:0 auto; padding:0} #colunaesquerda {width:463px; margin:0; padding:0; float:left} h1.logopp {width:463px; height:295px; margin:0; padding:0; background:url(imagens/topo.gi) no-repeat} #menu {width:463px; height:55px; margin:0; padding:0; background:url(imagens/bg_menu.gif) no-repeat} #menu ul {width:410px; height:55px; margin:0 0 0 38px; padding:0; list-style-type:none} #menu ul li {margin:0; padding:0; float:left; list-style-type:none} #menu a {padding:0 0 2px 0; display:block; border-right:solid 1px #349; border-bottom:solid 2px #fff; background:url(imagens/menu.gif) no-repeat} #menu a.aempresa {width:91px; height:12px; margin:21px 11px 0 0; background-position:0 0} #menu a.aempresa:hover {background-position:0 -20px} #menu a.produtos {width:90px; height:12px; margin:21px 10px 0 0; background-position:-111px 0} #menu a.produtos:hover {background-position:-111px -20px} #menu a.clientes {width:76px; height:12px; margin:21px 9px 0 0; background-position:-220px 0} #menu a.clientes:hover {background-position:-220px -20px} #menu a.orcamento {width:106px; height:16px; margin:21px 10px 0 0; background-position:-314px 0; border:none} #menu a.orcamento:hover {background-position:-314px -20px} #conteudopp {width:463px; height:367px !important; height:389px; margin:0 !important; margin:-22px 0 0 0; padding:0; float:left; background:url(imagens/bg_perguntasfrequentes.gif) no-repeat} #conteudopp a.maispf {width:29px; height:25px; margin:17px 7px 0 0; padding:0; float:right; background:url(imagens/mais.gif) no-repeat} #conteudopp a.maispf:hover {background:url(imagens/mais.gif) bottom no-repeat} #conteudopp p {margin:5px 20px 0 35px; padding:0; color:#777; font-size:14px; line-height:18px} #conteudopp ul {margin:0 30px 0 45px; padding:0; list-style-type:none} #conteudopp ul li {margin:0; padding:0; list-style-type:none} #conteudopp ul li p {margin:0; padding:0; color:#333; font-size:12px; line-height:15px} #conteudopp div {width:105px; margin:0 12px 0 20px !important; margin:0 8px 0 10px; padding:0 0 28px 0; float:left; background:url(imagens/pf_dobrafoto.gif) bottom no-repeat} #conteudopp h3 {font-size:12px; line-height:15px; font-weight:bold; margin:10px 0 0 0; padding:0; color:#349} #conteudopp img {width:89px; margin:0 0 0 3px; float:left; border-top:solid 6px #fff; border-right:solid 6px #fff; border-left:solid 6px #fff} #conteudopi {width:750px; margin:-20px auto 0 auto !important; margin:-37px 0 0 0; padding:0; float:left; background:#f5f5f5 url(imagens/bg_conteudopi_body.gif) repeat-y top center; font-size:12px; line-height:17px; color:#555} #conteudopi span.topo {width:750px; height:29px; display:block; background:#f5f5f5 url(imagens/bg_conteudopi_topo.gif) no-repeat} #conteudopi span.rodape {width:750px; height:45px; display:block; clear:both; background:#f5f5f5 url(imagens/bg_conteudopi_bottom.gif) no-repeat} #conteudopi p, #conteudopi h2, #conteudopi h3, #conteudopi h4, #conteudopi h5, #conteudopi h6, #conteudopi address, #conteudopi hr, #conteudopi form {margin-left:40px; margin-right:45px} #conteudopi ul, #conteudopi ol, #conteudopi blockquote {margin-left:60px; margin-right:60px; padding:0} #conteudopi ul ul, #conteudopi ul ol, #conteudopi ol ol, #conteudopi ol ol {margin-left:20px; margin-right:20px; padding:0} #conteudopi li {margin:10px 0; font-size:12px; line-height:14px} #conteudopi p.both {margin:0; clear:both} #conteudopi div.historia, #conteudopi div.clientes, #conteudopi div.ferramentas {float:right; background-color:#f2f2f2; padding:20px 0 10px 0; margin-right:40px !important; margin:-40px 20px 0 40px; width:40%; color:#555; font-size:12px} #conteudopi div.historia {padding-bottom:20px; position:relative; top:0; left:0} #conteudopi div.historia h3 {margin-top:200px !important; margin-top:220px; font-size:13px} #conteudopi div.historia p {font-size:11px; line-height:15px} #conteudopi div.historia img {border:none; position:absolute; top:0; left:0; margin:-12px 0 0 -8px} #conteudopi div.clientes li, #conteudopi div.ferramentas li {margin:2px 0; font-size:11px; line-height:14px} #conteudopi div.ferramentas {margin-top:0; margin-bottom:20px} #conteudopi div.ferramentas ul {margin-left:40px; margin-right:20px} #conteudopi div.mypicsgallery img {margin:12px 0 12px 40px} #conteudopi div.mypicsgallery a, #conteudopi div.mypicsgallery a:hover {border:none} #conteudopi span.destaque {color:#349} #conteudopi span.destaque em {font-style:normal} /*produtos */ #conteudopi div.produtos {} #conteudopi div.produtos ul {margin:0; padding:0; list-style-type:none} #conteudopi div.produtos h3 {margin-bottom:0; line-height:40px} #conteudopi div.produtos a.mais {font-size:14px; text-indent:30px; display:block; background:#F8FBFF url(imagens/mais_produtos.gif) no-repeat 590px -43px; border:solid 1px #cde; text-decoration:none} #conteudopi div.produtos a.mais:hover {background-color:#349; background-position:590px 0; border:solid 1px #349; color:#fff} #conteudopi div.produtos a.fechar {font-weight:bold; display:block; width:100%; text-align:right; text-decoration:none} #conteudopi div.produtos table {width:665px; margin:0 0 0 40px; border:solid 1px #cde; padding:0; border-right:none; border-bottom:none} #conteudopi div.produtos td {border:solid 1px #cde; border-left:none; border-top:none; margin:0} #conteudopi div.produtos th {border:none; border-bottom:solid 1px #cde; border-right:solid 1px #cde; margin:0} table.ferramentas {border:solid 10px #f2f2f2; margin:10px 0 10px 40px; border-left:none; border-bottom:none; width:320px} table.ferramentas td, table.ferramentas th {border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; width:45%; padding:4px} table.ferramentas strong {color:#349} table.aproveitamento td, table.aproveitamento th {width:33%} #menurodape {width:463px; height:51px; margin:0 !important; margin:-22px 0 0 0; padding:0; float:left; background:url(imagens/bg_menurodape.gif) no-repeat} #menurodape ul{width:375px; height:24px; margin:18px 0 0 40px; padding:0; list-style-type:none} #menurodape ul li {margin:0; padding:0; float:left; list-style-type:none} #menurodape a, #menurodapei a {font-size:12px; padding-left:12px} #menurodapei {width:750px; height:72px; margin:0 auto; padding:0; clear:left; float:none; background:url(imagens/bg_menu_rodapei.gif) no-repeat} #menurodapei ul {padding:30px 0 0 40px !important; padding-left:0; list-style-type:none} #menurodapei ul li {margin:0; padding:0; float:left} #colunadireita {width:287px; margin:0; padding:0; float:right} #menutopo {width:287px; height:55px; margin:17px 0 0 0; padding:0} #menutopo ul {width:287px; height:55px; margin:0; padding:0; list-style-type:none} #menutopo ul li {margin:0; padding:0; float:left; list-style-type:none} #menutopo a {height:55px; margin:0; padding:0; display:block; background:url(imagens/menutopo.gif) no-repeat} #menutopo a.principal {width:75px; background-position:0 0; margin-left:35px} #menutopo a.principal:hover {background-position:0 -65px} #menutopo a.mapa {width:65px; background-position:-75px 0} #menutopo a.mapa:hover {background-position:-75px -65px} #menutopo a.busca {width:72px; background-position:-140px 0} #menutopo a.busca:hover {background-position:-140px -65px} #menutopo a.contato {width:75px; background-position:-212px 0} #menutopo a.contato:hover {background-position:-212px -65px} #apresentacao {width:287px; height:163px; margin:0 !important; margin:-22px 0 0 0; padding:0; background:url(imagens/bg_apresentacao.gif) no-repeat} #apresentacao p {width:260px; margin:0 0 0 15px; font-size:12px; line-height:14px} #servicospi {width:287px; height:163px; margin:0 !important; margin:-22px 0 0 0; padding:0; background:url(imagens/bg_coldir_b1.gif) no-repeat} #servicospi ul {width:264px; margin:7px 0 0 8px !important; margin:8px 0 0 4px; padding:0; float:left !important; list-style-type:none} #servicospi ul li {margin:0; padding:0; list-style-type:none} #servicospi ul li a {width:264px; height:44px; margin:0 0 6px 0 !important; margin:0; padding:0; display:block; background:url(imagens/servicospi.gif) no-repeat} #servicospi ul li a.catalogo {background-position:0 0} #servicospi ul li a.catalogo:hover {background-position:-264px 0} #servicospi ul li a.orcamento {background-position:0 -50px} #servicospi ul li a.orcamento:hover {background-position:-264px -50px} #servicospi ul li a.ferramentas {background-position:0 -100px} #servicospi ul li a.ferramentas:hover {background-position:-264px -100px} #coldir-bloco2 {width:287px; height:327px; background:url(imagens/bg_coldir_b2.gif) no-repeat} #coldir-bloco2 img {margin:23px 0 0 23px; padding:0} #servicos {width:287px; height:327px; background:url(imagens/bg_servicos.gif) no-repeat} #servicos ul {width:220px; height:259px; margin:36px 0 0 34px !important; margin:36px 0 0 17px; padding:0; float:left !important; list-style-type:none} #servicos ul li {margin:0; padding:0; list-style-type:none} #servicos ul li a {width:220px; height:83px; margin:0 0 5px 0 !important; margin:0; padding:0; display:block; background:url(imagens/servicos.gif) no-repeat} #servicos ul li a.catalogo {background-position:0 0} #servicos ul li a.catalogo:hover {background-position:-220px 0} #servicos ul li a.orcamento {background-position:0 -88px} #servicos ul li a.orcamento:hover {background-position:-220px -88px} #servicos ul li a.ferramentas {background-position:0 -176px} #servicos ul li a.ferramentas:hover {background-position:-220px -176px} #clientes {width:287px; height:152px; margin:0; padding:0; float:left; background:url(imagens/bg_clientes.gif) no-repeat} #clientes img {width:138px; height:78px; margin:28px 20px 0 0; padding:0; float:right} #clientes p {width:110px; margin:0 0 0 18px; font-size:12px; line-height:14px} #busca {width:287px; height:54px; margin:0; padding:6px 0 0 0; float:left; background:url(imagens/bg_busca.gif) no-repeat} #busca label {width:42px; margin:9px 0 0 30px; padding:0; float:left} #busca input.busca {width:153px !important; width:149px; height:22px; margin:0 5px 0 0; float:left; background-color:#ccc; border:none} #busca input.enviar {width:30px; height:24px; margin:0; background-color:#349; color:#fff; border:none} #buscapi2 {width:287px; height:110px !important; height:70px; margin:0 !important; margin:-10px 0 0 0; padding:6px 0 0 0; float:left; background:url(imagens/bg_buscapi2.gif) bottom no-repeat} #buscapi2 label {width:42px; margin:65px 0 0 30px; padding:0; float:left; font-size:11px} #buscapi2 input.busca {width:153px !important; width:149px; height:22px; margin:58px 5px 0 0; float:left; background-color:#ccc; border:none} #buscapi2 input.enviar {width:30px; height:24px; margin:58px 0 0 0; background-color:#349; color:#fff; border:none} .resultado-busca {margin-left:40px} .resultado-busca img, .resultado-busca td span {display:none} #assinatura {width:750px; height:53px; margin:0; padding:0; float:left; background:url(imagens/bg_assinatura.gif) no-repeat} #assinatura a {width:33px; height:29px; margin:10px 48px 0 0 !important; margin:10px 23px 0 0; padding:0; display:block; float:right} #assinatura address {margin:17px 0 0 20px !important; margin:17px 0 0 10px; padding:0; float:left; font-size:12px; line-height:14px} /* titulos das paginas */ h2.apresentacao {width:139px; height:22px; margin:15px 0 5px 15px !important; margin:15px 0 5px 9px; padding:0; float:left; background:url(imagens/tit_apresentacao.gif) no-repeat} h2.clientes {width:78px; height:17px; margin:24px 0 5px 18px; padding:0; background:url(imagens/tit_clientes.gif) no-repeat} h2.perguntasfrequentes {width:247px; height:25px; margin:55px 0 5px 35px; padding:0; background:url(imagens/tit_perguntasfrequentes.gif) no-repeat} h2.contato {width:67px; height:14px; margin:25px 0 15px 26px; padding:0; background:url(imagens/titi_contato.gif) no-repeat} /* formularios */ div.contactform, div.orcamentoform {margin:0; width:450px; float:left} div.orcamentoform {width:400px} div.contactform div, div.orcamentoform div {margin:4px 0} div.contactform .bold, div.orcamentoform .bold {margin-top:0; color:#349; font-weight:bold} div.orcamentoform .bold {margin-top:18px} div.contactform .sucess, div.orcamentoform .sucess {font-weight:bold; padding-bottom:200px} div.orcamentoform .sucess {font-weight:normal} div.contactform input, div.contactform textarea, div.orcamentoform input, div.orcamentoform textarea {border:solid 1px #ccc; background-color:#f2f2f2} div.contactform .contacterror, div.orcamentoform .orcamentoerror {border:solid 1px #349; background-color:#EFF7FF} div.endereco address {font-style:normal; line-height:18px} div.localizacao {margin-top:32px !important; margin:24px 40px 0 0; padding:0; text-align:left} div.localizacao img {border:none; margin-top:5px} #conteudopi div.localizacao p, #conteudopi div.dica p {margin:0; padding:0; font-size:11px; line-height:14px} div.dica {width:280px; padding:16px 55px 0 0; float:right} #conteudopi div.dica p {margin-bottom:15px; font-size:13px; line-height:18px}