body { background:url(../../img/frontend/base/bg-body.gif) repeat-x left top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.7em; } #wrap { display:table; margin:0 auto; width:1015px; background:url(../../img/frontend/base/bg-wrap.jpg) no-repeat left 141px; } #wrap #content { display:inline; float:left; width:941px; min-height:530px; padding:18px 37px 35px 37px; } #wrap #content .flash-home, #wrap #content .cx-quem-somos, #wrap #content .cx-quem-somos .ctd-quem-somos, #wrap #content .cx-quem-somos .ctd-quem-somos h2, #wrap #content .cx-quem-somos .ctd-quem-somos p, #wrap #content .topicos, #wrap #content .topicos .topico, #wrap #content .topicos .topico .ctd-topico, #wrap #content .topicos .topico .ctd-topico h2, #wrap #content .topicos .topico .ctd-topico p { display:inline; float:left; } #wrap #content .flash-home img { display:inline; float:left; } #wrap #content .cx-quem-somos { border:1px dotted #bfbfbf; width:378px; margin-left:19px; background:#fff; } #wrap #content .cx-quem-somos .ctd-quem-somos { padding:7px 9px 4px 9px; } #wrap #content .cx-quem-somos .ctd-quem-somos h2, #wrap #content .cx-quem-somos .ctd-quem-somos p { width:360px; } #wrap #content .cx-quem-somos .ctd-quem-somos h2 { margin-bottom:25px; font-size:1.8em; color:#22224e; } #wrap #content .cx-quem-somos .ctd-quem-somos p { line-height:1.3em; margin-bottom:7px; } #wrap #content .cx-quem-somos .ctd-quem-somos .saiba-mais { display:inline; float:left; width:119px; height:19px; margin-left:242px; text-indent:-9999em; background:url(../../img/frontend/icones-botoes/bt-saiba-mais.gif) no-repeat left bottom; } #wrap #content .cx-quem-somos .cx-banner { display:inline; float:left; width:371px; padding:18px 0 10px 0; background:url(../../img/frontend/base/topo-banner.gif) no-repeat left top; } #wrap #content .cx-quem-somos .cx-banner .banner { display:inline; float:left; height:39px; text-indent:-9999em; } #wrap #content .cx-quem-somos .cx-banner .banner.vollmens { width:97px; margin-left:8px; background:url(../../img/frontend/base/banner-vollmens.gif) no-repeat left top; } #wrap #content .cx-quem-somos .cx-banner .banner.aromatic { width:130px; margin-left:17px; background:url(../../img/frontend/base/banner-aromatic.gif) no-repeat left top; } #wrap #content .cx-quem-somos .cx-banner .banner.jomo { width:100px; margin-left:10px; background:url(../../img/frontend/base/banner-jomo.gif) no-repeat left top; } #wrap #content .cx-quem-somos .cx-banner .banner.twitter { margin-left:34px; margin-right:40px; width:47px; height:49px; background:url(../../img/frontend/base/twitter-home.jpg) left no-repeat;} #wrap #content .cx-quem-somos .cx-banner .banner.orkut {margin-right:40px; width:47px; height:49px; background:url(../../img/frontend/base/orkut-home.jpg) left no-repeat;} #wrap #content .cx-quem-somos .cx-banner .banner.facebook {margin-right:40px; width:47px; height:49px; background:url(../../img/frontend/base/facebook-home.jpg) left no-repeat;} #wrap #content .cx-quem-somos .cx-banner .banner.linkedin { width:47px; height:49px; background:url(../../img/frontend/base/linkedin-home.jpg) left no-repeat;} #wrap #content .topicos { width:941px; margin-top:32px; } #wrap #content .topico { width:299px; margin-right:21px; background:url(../../img/frontend/base/bg-topico-fecha.gif) no-repeat left bottom; } #wrap #content .topico .ctd-topico { position:relative; width:219px; height:210px; padding:32px 40px 41px 40px; background:url(../../img/frontend/base/bg-topico-abre.gif) no-repeat left top; } #wrap #content .topico .ctd-topico h2 { width:219px; margin-bottom:23px; font-size:2em; color:#111141; } #wrap #content .topico .ctd-topico p { width:219px; line-height:1.1em; color:#666; } #wrap #content .topico .ctd-topico .btn { position:absolute; z-index:20; right:40px; bottom:40px; display:block; clear:both; height:31px; text-indent:-9999em; } #wrap #content .topico.pedidos .ctd-topico p, #wrap #content .topico.pedidos .ctd-topico img{display:block;float:left;} #wrap #content .topico.pedidos .ctd-topico p{padding:18px 0 0 12px;width:112px;} #wrap #content .topico .ctd-topico .btn.saiba-colorido { width:100px; background:url(../../img/frontend/icones-botoes/bt-saiba-mais-colorido.gif) no-repeat left bottom; } #wrap #content .topico .ctd-topico .btn.parceiros { width:137px; background:url(../../img/frontend/icones-botoes/bt-enviar-proposta.gif) no-repeat left bottom; } #wrap #content .topico .ctd-topico .btn.faca-seu-pedido{ width:137px; background:url(../../img/frontend/icones-botoes/bt-faca-seu-pedido.gif) no-repeat left bottom; } #wrap #content .login, #wrap #content .login .ctd-login{display:inline;float:left;} #wrap #content .login{width:294px;background:url(../../img/frontend/base/bg-topico-2-fecha.gif) no-repeat center bottom;} #wrap #content .login .ctd-login{width:224px;min-height:146px;padding:35px 35px 39px 35px;background:url(../../img/frontend/base/bg-topico-2-abre.gif) no-repeat center top;} #wrap #content .login .ctd-login h2 { width:219px; margin-bottom:7px; font-size:1.7em; color:#111141; } #wrap #content .login .ctd-login p { width:219px; line-height:1.1em; color:#666; } #wrap #content .login .ctd-login .btn { position:absolute; z-index:2000; right:40px; bottom:40px; display:block; clear:both; height:31px; text-indent:-9999em; } form, form fieldset, form fieldset ul, form fieldset ul li, form fieldset ul li label{display:inline;float:left;} form fieldset ul li{clear:both;} #wrap #content .principal, #wrap #content .principal .breadcrumb, #wrap #content .principal .ctd-principal, #wrap #content .principal .ctd-principal .cx-institucional, #wrap #content .sidebar { display:inline; float:left; } #wrap #content .principal { width:621px; padding-bottom:30px; } #wrap #content .sidebar { width:299px; margin-left:18px; } #wrap #content .sidebar .topico { margin-right:0; } #wrap #content .sidebar .logo { display:inline; float:left; border:1px dotted #bfbfbf; margin:10px 0 0 28px; } #wrap #content .sidebar .logo img { display:inline; float:left; } #wrap #content .principal .breadcrumb { border-top:1px dotted #bfbfbf; border-right:1px dotted #bfbfbf; border-left:1px dotted #bfbfbf; width:593px; padding:11px 12px 11px 16px; } #wrap #content .principal .breadcrumb.nivel-2 { background:url(../../img/frontend/base/bg-breadcrumb-nivel-2.gif) no-repeat left bottom; } #wrap #content .principal .breadcrumb.nivel-3 { background:url(../../img/frontend/base/bg-breadcrumb-nivel-3.gif) no-repeat left bottom; } #wrap #content .principal .breadcrumb a, #wrap #content .principal .breadcrumb h2 { display:inline; float:left; } #wrap #content .principal .breadcrumb h2 { font-size:1.8em; color:#9d0909; } #wrap #content .principal .breadcrumb a { margin-right:10px; padding-right:18px; font-size:1.2em; color:#04369b; background:url(../../img/frontend/icones-botoes/ico-breadcrumb.gif) no-repeat right 7px; } #wrap #content .principal .ctd-principal { border-right:1px dotted #bfbfbf; border-bottom:1px dotted #bfbfbf; border-left:1px dotted #bfbfbf; padding:21px 16px 28px 12px; width:593px; } #wrap #content .principal .ctd-principal p { line-height:1.3em; color:#666; } #wrap #content .principal .ctd-principal h3 { line-height:1.3em; padding:19px 0 16px 0; font-size:1.3em; font-weight:lighter; color:#003399; } #wrap #content .principal .ctd-principal h3 img { display:inline; float:right; vertical-align:top; } #wrap #content .principal .ctd-principal dl, #wrap #content .principal .ctd-principal dl dt, #wrap #content .principal .ctd-principal dl dd { display:inline; float:left; line-height:1.3em; color:#666; } #wrap #content .principal .ctd-principal dl dt { width:379px; padding-top:10px; font-weight:700; color:#000033; } #wrap #content .principal .ctd-principal dl dd { width:374px; padding-left:5px; } #wrap #content .principal .ctd-principal ul.lt-servicos { display:inline; float:left; line-height:1.3em; margin-top:10px; padding-left:10px; color:#666; } #wrap #content .principal .ctd-principal ul.lt-servicos li { width:374px; } #wrap #content .principal .ctd-principal .cx-institucional { width:379px; padding:30px 168px 0 46px; } #wrap #content .principal .ctd-principal .cx-institucional h2 { margin-bottom:1px; font-size:2em; font-weight:lighter; color:#000033; } #wrap #content .principal .ctd-principal .cx-institucional p { width:379px; font-weight:700; } #wrap #content .principal .ctd-principal .cx-servicos, #wrap #content .principal .ctd-principal .cx-servicos .servico, #wrap #content .principal .ctd-principal .cx-servicos .servico h2, #wrap #content .principal .ctd-principal .cx-servicos .servico p img { display:inline; float:left; } #wrap #content .principal .ctd-principal .cx-servicos .servico { margin-top:23px; } #wrap #content .principal .ctd-principal .cx-servicos .servico h2 { width:590px; margin-bottom:5px; font-size:2em; font-weight:lighter; color:#000033; } #wrap #content .principal .ctd-principal .cx-servicos .servico p { width:590px; } #wrap #content .principal .ctd-principal .cx-servicos .servico p img { border:1px solid #e1e1e1; margin-right:10px; padding:3px; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo { margin-top:0; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo p { position:relative; width:401px; padding-left:188px; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo p img { position:absolute; top:0; left:0; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo p strong { font-size:1.2em; color:#22224e; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo ul, #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo ul li { display:inline; float:left; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo ul { width:365px; margin:14px 0 0 188px; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo ul li { width:71px; height:111px; margin-right:2px; text-indent:-9999em; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo ul li.apl-1 { background:url(../../img/frontend/base/ico-olfativo-1.gif) no-repeat left top; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo ul li.apl-2 { background:url(../../img/frontend/base/ico-olfativo-2.gif) no-repeat left top; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo ul li.apl-3 { background:url(../../img/frontend/base/ico-olfativo-3.gif) no-repeat left top; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo ul li.apl-4 { background:url(../../img/frontend/base/ico-olfativo-4.gif) no-repeat left top; } #wrap #content .principal .ctd-principal .cx-servicos .servico.marketing-olfativo ul li.apl-5 { background:url(../../img/frontend/base/ico-olfativo-5.gif) no-repeat left top; } #wrap #content .principal .ctd-principal .cx-contatos h2 { margin-bottom:25px; font-size:2em; font-weight:lighter; color:#000033; } #wrap #content .principal .ctd-principal .cx-contatos p { line-height:1.3em; margin-bottom:7px; clear:both; } #wrap #content .principal .ctd-principal .cx-contatos p a { text-decoration:none; color:#666; } #wrap #content .principal .ctd-principal .cx-contatos .bt-veja-mapa { display:inline; float:left; width:119px; height:20px; margin-bottom:10px; text-indent:-9999em; background:url(../../img/frontend/icones-botoes/bt-veja-mapa.gif) no-repeat left top; } #wrap #content .login .ctd-login form, #wrap #content .login .ctd-login form fieldset, #wrap #content .login .ctd-login form fieldset ul, #wrap #content .login .ctd-login form fieldset ul li, #wrap #content .login .ctd-login form fieldset ul li label{width:100%;} #wrap #content .login .ctd-login form{margin-top:15px;} #wrap #content .login .ctd-login form fieldset ul li{padding-bottom:5px;} #wrap #content .login .ctd-login form fieldset ul li label{text-align:right;color:#666;} #wrap #content .login .ctd-login form fieldset ul li label input{border:1px dotted #80807e;padding:2px 3px;width:180px;} #wrap #content .login .ctd-login form fieldset ul li a{display:inline;float:left;} #wrap #content .login .ctd-login form fieldset ul li button{display:inline;float:right;border:none;height:31px;text-indent:-9999em;} #wrap #content .login .ctd-login form fieldset ul li a{color:#6d6c5e;padding:10px 10px 0 39px;} #wrap #content .login .ctd-login form fieldset ul li .bt-entrar{width:72px;background:url(../../img/frontend/icones-botoes/bt-entrar.gif) no-repeat left top;} #wrap #content .login .ctd-login form fieldset ul li .bt-enviar{width:80px;background:url(../../img/frontend/icones-botoes/bt-enviar-form.gif) no-repeat left top;} #wrap #content .login .ctd-login form fieldset ul li .bt-cadastrar{display:inline;float:right;width:100px;padding:0;height:31px;text-indent:-9999em;background:url(../../img/frontend/icones-botoes/bt-cadastre-se.gif) no-repeat left top;} #wrap #content .principal .ctd-principal .cx-pedidos, #wrap #content .principal .ctd-principal .cx-pedidos ul.menu-pedidos li, #wrap #content .principal .ctd-principal .cx-pedidos ul.menu-pedidos li a, #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos{display:inline;float:left;} #wrap #content .principal .ctd-principal .cx-pedidos form.frm{background:none;} #wrap #content .principal .ctd-principal .cx-pedidos p{border-bottom:0.1em dotted #666;padding-bottom:3px;width:100%;} #wrap #content .principal .ctd-principal .cx-pedidos ul.menu-pedidos{display:inline;float:right;margin:0 0 17px 0;width:401px;} #wrap #content .principal .ctd-principal .cx-pedidos ul.menu-pedidos li a{padding-top:12px;height:23px;color:#7f7e7e;line-height:1;} #wrap #content .principal .ctd-principal .cx-pedidos ul.menu-pedidos li.bt-home a{width:39px;text-indent:-9999px;background:url(../../img/frontend/base/bt-pedidos-home.gif) no-repeat left top;} #wrap #content .principal .ctd-principal .cx-pedidos ul.menu-pedidos li.bt-sair a{width:35px;text-indent:-9999px;background:url(../../img/frontend/base/bt-sair.jpg) no-repeat left top;} #wrap #content .principal .ctd-principal .cx-pedidos ul.menu-pedidos li.bt-meus-dados a{width:70px;padding-left:35px;background:url(../../img/frontend/base/bt-meus-dados.gif) no-repeat left top;} #wrap #content .principal .ctd-principal .cx-pedidos ul.menu-pedidos li.bt-meus-pedidos a{width:81px;padding-left:31px;background:url(../../img/frontend/base/bt-meus-pedidos.gif) no-repeat left top;} #wrap #content .principal .ctd-principal .cx-pedidos ul.menu-pedidos li.bt-novo-pedido a{width:79px;padding-left:31px;background:url(../../img/frontend/base/bt-novo-pedido.gif) no-repeat left top;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos{width:100%;padding:20px 0 38px 0;background:url(../../img/frontend/base/bg-box-pedidos.gif) no-repeat left bottom;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos h2{border-bottom:0.1em dotted #666;padding-bottom:3px;margin-bottom:32px;font-size:1.5em;color:#666;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl, #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl dd, #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl dt{display:inline;float:left;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl{height:49px;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl.pedidos-novo{padding-left:60px;margin-left:11px;width:147px;background:url(../../img/frontend/base/bg-novo-pedido.gif) no-repeat left top;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl.pedidos-historico{padding-left:60px;width:159px;background:url(../../img/frontend/base/bg-meus-pedidos.gif) no-repeat left top;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl.pedidos-dados{padding-left:49px;width:99px;background:url(../../img/frontend/base/bg-meus-dados.gif) no-repeat left top;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl.pedidos-novo dd, #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl.pedidos-novo dt{width:109px;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl.pedidos-historico dd, #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl.pedidos-historico dt{width:159px;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl.pedidos-dados dd, #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl.pedidos-dados dt{width:99px;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl dd, #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl dt{clear:both;padding:0;line-height:1;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl dt{padding:7px 0 4px 0;font-size:1.3em;font-weight:lighter;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl dt a{color:#111141;} #wrap #content .principal .ctd-principal .cx-pedidos .bx-pedidos dl dd a{color:#333;} #wrap #content .alinha-btn, #wrap #content form.carrinho, #wrap #content form.carrinho fieldset, #wrap #content form.carrinho fieldset ul, #wrap #content form.carrinho fieldset ul li{display:inline;float:left;width:100%;} #wrap #content form.carrinho fieldset ul li label{position:relative;text-align:left;padding-bottom:20px;} #wrap #content form.carrinho fieldset ul li label strong{display:inline;float:left;padding-bottom:4px;font-weight:lighter;color:#333;} #wrap #content form.carrinho fieldset ul li label select{border:1px dotted #7f7f7f;float:left;clear:both;width:321px;} #wrap #content form.carrinho fieldset ul li label button{display:inline;float:left;border:none;text-indent:-9999em;margin:18px 0 0 7px;width:119px;height:20px;background:url(../../img/frontend/icones-botoes/bt-adicionar-carrinho.gif) no-repeat left top;} #wrap #content form.carrinho fieldset ul li .tabela{display:inline;float:left;border:1px solid #e6e6e6;padding:10px;width:570px;} #wrap #content form.carrinho fieldset ul li h2{border-bottom:0.1em dotted #b5b5b5;padding-bottom:4px;margin-bottom:13px;font-size:1.5em;color:#e66d00;} #wrap #content form.carrinho fieldset ul li table thead tr th{height:32px;color:#000033;} #wrap #content form.carrinho fieldset ul li table thead tr th, #wrap #content form.carrinho fieldset ul li table tbody tr td{border-bottom:1px solid #d9c5d8;padding:0 5px;vertical-align:middle;} #wrap #content form.carrinho fieldset ul li table tbody tr{background:url(../../img/frontend/base/bg-listagem-produtos.gif) repeat-x left top;} #wrap #content form.carrinho fieldset ul li table tbody tr td{height:32px;color:#8f8f8e;} #wrap #content form.carrinho fieldset ul li table tfoot tr td{font-size:1.2em;color:#4088d2;} #wrap #content form.carrinho fieldset ul li table tfoot tr td strong{font-size:0.8em;} #wrap #content form.carrinho fieldset ul li table tbody tr td input, #wrap #content form.carrinho fieldset ul li table tbody tr td select{border:0.1em solid #60F1F2;font:11px "Trebuchet MS";} #wrap #content form.carrinho fieldset ul li table tbody tr td input{padding:1px 2px;color:#333;} #wrap #content form.carrinho fieldset ul li table tbody tr td input[type="checkbox"]{border:none;} #wrap #content form.carrinho fieldset ul li table tbody tr td select{margin-left:5px;width:80px;} #wrap #content form.carrinho fieldset ul li table tbody tr td input.txt{width:150px;} #wrap #content form.carrinho fieldset ul li table tbody tr td input.num{width:35px;text-align:right;} #wrap #content form.carrinho fieldset ul li table tbody tr td input.num.maior{width:60px;} #wrap #content form.carrinho fieldset ul li table tbody tr td button{display:inline;float:left;border:none;text-indent:-9999em;width:62px;height:19px;background:url(../../img/frontend/icones-botoes/bt-adiciona-produto.gif) no-repeat left top;} #wrap #content form.carrinho fieldset ul li table tfoot tr td .bt-excluir-listados{display:inline;float:left;border:none;text-indent:-9999em;width:53px;height:38px;background:url(../../img/frontend/icones-botoes/bt-excluir-listados.gif) no-repeat left top;} #wrap #content form.carrinho fieldset ul li label{display:inline;float:left;margin-top:19px;width:573px;text-align:right;color:#060638;} #wrap #content form.carrinho fieldset ul li label textarea{border:0.1em solid #ccc;width:485px;height:100px;vertical-align:top;} #wrap #content form.carrinho.meus-pedidos fieldset ul li .categoria-engloba{padding-bottom:34px;} #wrap #content form.carrinho.meus-pedidos fieldset ul li h2{border:none;padding-bottom:4px;margin:0;font-size:1.5em;color:#e66d00;} #wrap #content form.carrinho.meus-pedidos fieldset ul li table.resumo-compra{border-top:0.1em solid #D9C5D8;margin-bottom:2px;} #wrap #content form.carrinho.meus-pedidos fieldset ul li table.resumo-compra thead tr th{border-bottom:none;padding:0;color:#8F8F8E;} #wrap #content form.carrinho.meus-pedidos fieldset ul li table.resumo-compra thead tr th a{display:inline;float:right;width:87px;height:27px;text-indent:-9999em;background:url(../../img/frontend/icones-botoes/bt-detalhe-compra.gif) no-repeat left top;} #wrap #content .alinha-btn button{display:inline;float:right;border:none;text-indent:-9999em;width:134px;height:29px;background:url(../../img/frontend/icones-botoes/bt-finalizar-pedido.gif) no-repeat left top;} #wrap #content form.carrinho fieldset ul li .categoria-engloba, #wrap #content form.carrinho fieldset ul li #categorias, #wrap #content form.carrinho fieldset ul li #categorias .bx-produtos, #wrap #content form.carrinho fieldset ul li #categorias .bx-categoria, #wrap #content form.carrinho fieldset ul li #categorias .bx-categoria ul, #wrap #content form.carrinho fieldset ul li #categorias .bx-categoria ul li, #wrap #content form.carrinho fieldset ul li #categorias .bx-categoria ul li a{display:inline;float:left;} #wrap #content form.carrinho fieldset ul li .categoria-engloba{width:100%;padding-bottom:40px;background:url(../../img/frontend/base/bg-categorias.gif) no-repeat left bottom;} #wrap #content form.carrinho fieldset ul li #categorias{width:100%;height:250px;overflow:auto;overflow-x:hidden;} #wrap #content form.carrinho fieldset ul li #categorias .bx-categoria ul, #wrap #content form.carrinho fieldset ul li #categorias .bx-categoria ul li{width:188px;} #wrap #content form.carrinho fieldset ul li #categorias .bx-categoria ul li a img{float:left;margin-right:5px;} #wrap #content form.carrinho fieldset ul li #categorias .bx-categoria ul li a{padding:6px 20px 6px 0;width:168px;height:49px;line-height:1; background:url(../../img/frontend/base/bg-categoria.gif) repeat-x left center;color:#b5b5b5;} #wrap #content form.carrinho fieldset ul li #categorias .bx-categoria ul li.selecionado a, #wrap #content form.carrinho fieldset ul li #categorias .bx-categoria ul li a:hover{background:url(../../img/frontend/base/bg-categoria-hover.gif) repeat-x left center;color:#ec5d43;} #wrap #content form.carrinho fieldset ul li #categorias .bx-produtos{margin-left:8px;width:380px;} #wrap #content form.carrinho fieldset ul li #categorias h3{padding:3px 0 4px 0;width:auto;color:#0065ae;} /*********************************************************** Formulario de Contato e Parceria Estilo usado em comum nas areas que possuem formularios. * @class: .frm * @created: 17/09/2009 * @last modification: 17/09/2009 * **********************************************************/ #wrap #content .principal .ctd-principal form.frm, #wrap #content .principal .ctd-principal form.frm fieldset, #wrap #content .principal .ctd-principal form.frm fieldset ul, #wrap #content .principal .ctd-principal form.frm fieldset ul li, #wrap #content .principal .ctd-principal form.frm fieldset ul li label { display:inline; float:left; } #wrap #content .principal .ctd-principal form.frm fieldset ul li{width:100%;} #wrap #content .principal .ctd-principal form.frm { width:474px; margin-top:20px; padding:21px 64px 15px 52px; background:#f5f5f5; } #wrap #content .principal .ctd-principal form.frm p { display:inline; float:left; margin-bottom:20px; } #wrap #content .principal .ctd-principal form.frm fieldset { width:474px; } #wrap #content .principal .ctd-principal form.frm fieldset ul{width:100%;} #wrap #content .principal .ctd-principal form.frm fieldset ul li { display:inline; float:left; margin-bottom:4px; } #wrap #content .principal .ctd-principal form.frm fieldset label { position:relative; width:474px; text-align:right; color:#676767; } #wrap #content .principal .ctd-principal form.frm fieldset label strong{font-weight:lighter;} #wrap #content .principal .ctd-principal form.frm fieldset label input, #wrap #content .principal .ctd-principal form.frm fieldset label select, #wrap #content .principal .ctd-principal form.frm fieldset label textarea { margin-left:10px; vertical-align:text-top; background:#fff; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt input, #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt textarea { border:1px dotted #7f7f7f; width:319px; padding:2px 1px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt select { border:1px dotted #7f7f7f; width:323px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt textarea { height:86px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt.grande { width:391px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt.grande input { width:236px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt.medio { width:200px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt.medio.maior { width:284px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt.medio.menor { width:190px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt.medio input { width:129px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt.medio select { border:1px dotted #7f7f7f; width:133px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt.pequeno { width:83px; } #wrap #content .principal .ctd-principal form.frm fieldset label.lbl-txt.pequeno input { width:49px; margin-left:5px; } #wrap #content .principal .ctd-principal form.frm fieldset button { display:inline; float:right; border:none; width:80px; height:30px; margin-top:8px; text-indent:-9999em; background:url(../../img/frontend/icones-botoes/bt-enviar-form.gif) no-repeat left top; } form fieldset .validationError { position:absolute; bottom:20px; right:-105px; z-index:10; display:block; width:235px; color:#fff; } form fieldset .validationError span { display:inline; float:left; width:235px; } form fieldset .validationError .bd-topo { height:5px; background:url(../../img/frontend/base/bg-abre-erro.gif) no-repeat top left; } form fieldset .validationError .ctd-mensagem { width:215px; padding:20px 10px; background:#ff0000; text-align:left; font-weight:700; } form fieldset .validationError .bd-seta { height:18px; background:url(../../img/frontend/base/bg-fecha-erro.gif) no-repeat top left; } /** Mensagens de Validacao */ #wrap #content .principal .ctd-principal form.frm fieldset label.validate-required input, #wrap #content .principal .ctd-principal form.frm fieldset label.validate-required select, #wrap #content .principal .ctd-principal form.frm fieldset label.validate-required textarea { background:#fcfbdc; }