/* ----------------- Definições Gerais ----------------- */ html, body { width:100%; min-width:830px; margin:0; padding:0; background:#fff url(../img/bg.png) top repeat-x; font-family:"Lucida Sans Unicode", "Lucida Sans Console", "Lucida Grande", Arial, Verdana; font-size:1em; color:#000; text-align:center; } ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, div { margin:0; padding:0; border:0; } div { -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; } h1, h2 { display:none; } ul { list-style:none; font-family: "Lucida Sans Unicode", "Lucida Sans Console", Arial, Verdana; } img { border:none; } a { color:#DF5900; text-decoration:none; } a img { border:none; } a:hover { color:#FFCC00; text-decoration:underline; } .clearboth { clear:both; } /* ---------------------- Definições Estruturais ---------------------- */ #corpo { width:962px; margin:0 auto; padding-bottom:1em; font-size:0.8em; text-align:center; } #topo { height:173px; margin:0; background:url(../img/bg_topo.jpg) no-repeat; } #principal { width:920px; min-height:330px; margin:0 auto; background:url(../img/bg_principal.png) center repeat-y; } #principal .bgcurvas { width:920px; background:url(../img/bg_curvas.png) top no-repeat; } #principal .bgcurvas .margem { padding-bottom:2em; background:url(../img/bg_principal_fecha.png) bottom no-repeat; } #rodape { height:38px; background:#ECE9D8; font-size:0.8em; } #topo, #principal .bgcurvas .margem, #parceiros, #rodape { width:830px; margin:0 auto; position:relative; } /* ----------------------------- Definições Específicas - Topo ----------------------------- */ #topo .logo { width:230px; height:95px; position:absolute; top:18px; left:49px; } #topo .logo a { display:block; } #topo .banner { width:350px; height:95px; position:absolute; top:18px; right:22px; } /* ------------------------------------------------- Definições Específicas - Topo: Navegação Superior ------------------------------------------------- */ #topo .navsuperior { width:780px; height:46px; margin:0 auto; position:relative; top:121px; overflow:hidden; } #bordaMenu, #bordaMenu .sb-inner { height:46px; background:#D9AB2C url(../img/bg_navtop.png) repeat-x; } #topo .navsuperior ul { width:737px; margin:0 auto; } #topo .navsuperior ul li { float:left; } #topo .navsuperior ul li a { height:46px; display:block; background-repeat:no-repeat; background-position:top; color:#fff; } #topo .navsuperior ul li a:hover { background-position:bottom; } #topo .navsuperior ul li a span { display:none; } #topo .navsuperior ul li .inicio { width:64px; background-image:url(../img/navsuperior/inicio.png); } #topo .navsuperior ul li .empresa { width:79px; background-image:url(../img/navsuperior/empresa.png); } #topo .navsuperior ul li .produtos { width:88px; background-image:url(../img/navsuperior/produtos.png); } #topo .navsuperior ul li .fornecedores { width:117px; background-image:url(../img/navsuperior/fornecedores.png); } #topo .navsuperior ul li .cadastro { width:87px; background-image:url(../img/navsuperior/cadastro.png); } #topo .navsuperior ul li .localizacao { width:104px; background-image:url(../img/navsuperior/localizacao.png); } #topo .navsuperior ul li .orcamentos { width:108px; background-image:url(../img/navsuperior/orcamentos.png); } #topo .navsuperior ul li .contatos { width:90px; background-image:url(../img/navsuperior/contatos.png); } /* ------------------------------------------- Definições Específicas - Principal: Sidebar ------------------------------------------- */ #principal .sidebar { width:180px; height:330px; position:relative; float:left; background:url(../img/ferramenta.jpg) 0px 109px no-repeat; color:#fff; } #principal .sidebar .margem_interna { margin-top:3.5em; padding:0 2em 0 2.2em; } #principal .sidebar h3 { height:23px; text-align:right; white-space:nowrap; } #principal .sidebar h3 span { display:none; } #principal .sidebar h4 { margin-top:1em; font-size:0.85em; font-weight:normal; text-align:left; line-height:1.2em; } #principal .sidebar p { font-size:0.85em; color:#B58D1E; text-align:right; } #principal .sidebar p a { position:relative; top:1.25em; right:1.5em; color:#B58D1E; } #principal .sidebar .bt_duvidas a { top:2.25em; } #principal .sidebar p a:hover { color:#DF5900; text-decoration:none; } #principal .sidebar .bt_soliciteorcamento, #principal .sidebar .bt_duvidas { width:142px; height:80px; position:absolute; top:260px; left:20px; } #principal .sidebar .bt_soliciteorcamento { background:url(../img/bt_soliciteorcamento.jpg) left 0px no-repeat; } #principal .sidebar .bt_duvidas { background:url(../img/bt_duvidas.jpg) left 0px no-repeat; } #principal .sidebar .empresa { background:url(../img/titulos/empresa.jpg) right no-repeat; } #principal .sidebar .produtos { background:url(../img/titulos/produtos.jpg) right no-repeat; } #principal .sidebar .fornecedores { background:url(../img/titulos/fornecedores.jpg) right no-repeat; } #principal .sidebar .cadastro { background:url(../img/titulos/cadastro.jpg) right no-repeat; } #principal .sidebar .localizacao { background:url(../img/titulos/localizacao.jpg) right no-repeat; } #principal .sidebar .orcamentos { background:url(../img/titulos/orcamentos.jpg) right no-repeat; } #principal .sidebar .contatos { background:url(../img/titulos/contatos.jpg) right no-repeat; } /* -------------------------------------------- Definições Específicas - Principal: Conteudo -------------------------------------------- */ #principal .conteudo { margin-left:200px;margin-right:50px; padding-top:45px; padding-bottom:20px; font-size:0.9em; text-align:justify; } #principal .conteudo h4 { font-size:1.2em; font-weight:bold; color:#DF5900; text-transform:uppercase; } #principal .conteudo p { margin-bottom:1.5em; } #principal .conteudo p .destaque { font-weight:bold; color:#DF5900; } #principal .conteudo .img_right { margin-left:2em; } #principal .conteudo ul { margin:2em 0; font-family: "Lucida Sans Unicode", "Lucida Sans Console", Arial, Verdana; } #principal .conteudo ul li { margin:1.25em 0; margin-left:0em; padding-left:0em; line-height:1.25em; } #principal .conteudo a { font-weight:bold; } #principal .conteudo .bt_voltar { position:absolute; top:-36px; right:0px; } #principal .conteudo .bt_voltar a { width:115px; height:30px; display:block; background:url(../img/bt_voltar.jpg) no-repeat; } #principal .conteudo .bt_voltar a span { display:none; } /* Produtos */ #principal .conteudo .product { width:565px; margin:0 auto; padding:2em 0; overflow:hidden; } #principal .conteudo .product div { width:280px; height:140px; float:left; margin:0 auto; text-align:center;} #principal .conteudo .product div a img { width:259px; height:111px; } /* Produtos Interna */ #principal .conteudo .products { width:565px; position:relative; } #principal .conteudo .products ul { margin:0; } #principal .conteudo .products ul li { margin:0 auto; } #principal .conteudo .products .highlight { width:565px; position:relative; margin-bottom:20px;} #principal .conteudo .products .esquerda { width:262px; height:382px; float:left; display:block; padding-left:20px; } #principal .conteudo .products .esquerda ul { width:210px; height:382px; margin-left:20px; } #principal .conteudo .products .esquerda ul li { padding:0; background:none; } #principal .conteudo .products .interna { height:180px; background:url(../img/fundoMaisProdutos.jpg) left no-repeat; } #principal .conteudo .products .interna img { height:auto; margin:3em 0; margin-left:20px; } #principal .conteudo .products .interna p { margin-top:45px; padding-left:2em; padding-right:2em; background:url(../img/ico_vermais.png) left no-repeat ; } #principal .conteudo .products .interna .select { width:210px; padding:0.2em 0.3em; border:1px solid #54585B; font-family:Arial, sans-serif; font-size:0.95em; line-height:2em; } #principal .conteudo .products .direita { width:260px; margin-left:300px; } #principal .conteudo .products .direita .titulos li, #principal .conteudo .products .direita .listagem li { margin:0.25em 0; line-height:1.75em; } #principal .conteudo .products .direita .listagem { padding-top:1em; } #principal .conteudo .products .direita .listagem li { } #principal .conteudo .products .direita .listagem li ul { display:block; } #principal .conteudo .products .direita .listagem li ul li { background:none; } /* Fornecedores */ #principal .conteudo .fornecedores { width:565px; margin:0 auto; padding:2em 0; overflow:hidden; } #principal .conteudo .fornecedores div { width:280px; height:108px; float:left; margin:0 auto; text-align:center;} #principal .conteudo .fornecedores div a img { width:259px; height:83px; } /* Lojas */ #principal .conteudo .loja { padding:1.5em 0; font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans Console", Arial, Verdana; } #principal .conteudo .loja h4 { padding-bottom:0.25em; border-bottom:2px solid #CC9900; } #principal .conteudo .loja p { } #principal .conteudo .loja p a span { display:none; } #principal .conteudo .loja p .bt_vermapa { width:92px; height:19px; float:right; display:block; background:url(../img/bt_vermapa.jpg) no-repeat; } #principal .conteudo .loja ul { margin:0; margin-top:20px; } #principal .conteudo .loja ul li { height:1.75em; margin:0.5em; margin-left:2em; padding-left:2.5em; background-position:left top; background-repeat:no-repeat; color:#333; line-height:1.75em; } #principal .conteudo .loja ul li a { font-weight:normal; color:#333; } #principal .conteudo .loja ul li a:hover { color:#DF5900; } #principal .conteudo .loja ul .endereco { background-image:url(../img/ico_endereco.jpg); } #principal .conteudo .loja ul .email { background-image:url(../img/ico_email.jpg); } #principal .conteudo .loja ul .telefone { background-image:url(../img/ico_telefone.jpg); } /* Formulários */ #principal .conteudo .formulario { width:565px; } #principal .conteudo .formulario h4 { margin-bottom:1.5em; padding-top:1.5em; font-size:1.1em; color:#CC9900; } #principal .conteudo .formulario p { margin:2px 0; } #principal .conteudo .formulario input, #principal .conteudo .formulario textarea, #principal .conteudo .formulario .select { margin:0; margin-bottom:15px; padding:4px; border:1px solid #BB9120; background:url(../img/bg_input.jpg) repeat-x; font-size:1em; color:#333; text-transform:none; } #principal .conteudo .formulario .select { width:275px; } #principal .conteudo .formulario p input { width:100%; height:16px; } #principal .conteudo .formulario p textarea { width:100%; margin-top:3px; margin-bottom:40px; font-family:"Trebuchet MS", Arial, Verdana; } #principal .conteudo .formulario p .cadastrar { width:106px; height:20px; border:none; background:url(../imagens/bt_cadastrar.jpg) no-repeat; } #principal .conteudo .formulario p .bt_enviarmensagem, #principal .conteudo .formulario p .bt_enviarcadastro, #principal .conteudo .formulario p .bt_enviarorcamento { width:216px; height:31px; position:absolute; bottom:20px; left:200px; margin:0; padding:0; margin-top:2em; border:none; background:none; } #principal .conteudo .formulario div { width:265px; } #principal .conteudo .formulario .esquerda { float:left; } #principal .conteudo .formulario .direita { float:right; } #principal .conteudo .formulario .clearboth { margin-top:-20px; padding:0; } /* Paginação */ #principal .conteudo .paginacao { position:relative; height:1.5em; display:block; } #principal .conteudo .paginacao p { font-family:Arial, Helvetica, sans-serif; color:#666; text-align:center; line-height:1em; } #principal .conteudo .paginacao a { margin:0 2px; padding:1px 3px; color:#666; text-decoration:none; display:inline; } #principal .conteudo .paginacao a:hover { color:#D82A18; } #principal .conteudo .paginacao a span { font-weight:bold; color:#D82A18; } #principal .conteudo .paginacao a img { position:relative; top:2px; } /* --------------------------------------- Definições Específicas - Página Inicial --------------------------------------- */ #corpo .inicio .bgcurvas { background:url(../img/bg_curvas_inicio.png) top no-repeat; } .inicio#principal { background:url(../img/bg_principal_inicio.png) center repeat-y; } .inicio#principal .bgcurvas .margem { background:url(../img/bg_principal_fecha_inicio.png) bottom no-repeat; } .inicio#principal .sidebar { width:280px; background:none; } .inicio#principal .sidebar .sejabemvindo { height:33px; background:url(../img/titulos/sejabemvindo.jpg) right no-repeat; } .inicio#principal .sidebar h4 { margin-top:1.75em; } .inicio#principal .sidebar .margem_interna { margin-top:3.5em; padding:0 3em 0 2.5em; } .inicio#principal .sidebar .newsletter { width:240px; height:100px; position:absolute; top:255px; left:35px; text-align:left; } .inicio#principal .sidebar .newsletter h3 { width:95px; height:17px; background:url(../img/newsletter.jpg); } .inicio#principal .sidebar .newsletter h3 span { display:none; } .inicio#principal .sidebar .newsletter p { margin:0.5em 0; color:#827840; line-height:2em; } .inicio#principal .sidebar .newsletter form input { float:left; } .inicio#principal .sidebar .newsletter form .email { width:190px; height:14px; margin-right:0.5em; padding:0.35em 0.5em; border:1px solid #fff; font-size:1em; line-height:14px; } .inicio#principal .sidebar .newsletter form .bt_ok { width:30px; height:24px; border:none; background:url(../img/bg_ok.jpg) repeat-x; font-size:1em; font-weight:bold; text-transform:lowercase; } .inicio#principal .conteudo { background:none; top:0; margin:0; margin-left:291px; padding-top:28px; padding-bottom:0; } .inicio#principal .conteudo .entrada { width:515px; height:315px; background:url(../img/bg_nossosprodutos.jpg) 0px 203px no-repeat; } .inicio#principal .conteudo .entrada .flash { height:225px; } .inicio#principal .conteudo .entrada .nossosprodutos { height:90px; position:relative; top:1.75em; } .inicio#principal .conteudo .entrada .nossosprodutos h3 { width:143px; height:17px; display:block; margin-bottom:0.3em; margin-left:210px; background:url(../img/nossosprodutos.png) no-repeat; } .inicio#principal .conteudo .entrada .nossosprodutos h3 span{ display:none; } .inicio#principal .conteudo .entrada .nossosprodutos p { margin-left:210px; font-weight:normal; color:#fff; line-height:2.5em; } .inicio#principal .conteudo .entrada .nossosprodutos p a { font-weight:normal; color:#fff; } .inicio#principal .conteudo .entrada .nossosprodutos p img { position:absolute; top:-14px; left:20px; padding:0; margin:0; } .inicio#principal .conteudo .entrada .nossosprodutos img { } #parceiros ul { width:783px; margin:1em auto; text-align:left; } #parceiros ul li { width:783px; } /* ------------------------------- Definições Específicas - Rodape ------------------------------- */ #rodape div { height:20px; margin-top:0.75em; } #rodape .navinferior { float:left; margin-left:26px; } #rodape .navinferior ul { margin-top:0.4em; } #rodape .navinferior ul li { float:left; text-transform:uppercase; } #rodape .navinferior ul li a { padding:0.2em 0.5em; color:#000; } #rodape .navinferior ul li a:hover { color:#D95700; text-decoration:none; } #rodape .copyright { float:right; margin-right:18px; } #rodape .copyright p { line-height:18px; } #rodape .copyright .mediabrasil { margin-left:0.5em; } #rodape .copyright .mediabrasil span { display:none; } #rodape .copyright .mediabrasil img { position:relative; top:0.2em; }