/* *********************************** Embalil - Embalagens de Madeira - v1.0 por Paulo Vidal Pereira (paulo@settor.com) *********************************** */ @charset "utf-8"; * { text-decoration:none; margin:0; padding:0; } body {background:#fbf9f0 url(../imagens/background.jpg); font:10px Verdana, Arial, Helvetica, Sans-serif; margin:20px;} input, select, textarea {font:10px Verdana, Arial, Helvetica, Sans-serif;} img {border:none;} #geral {margin:0 auto; width:642px;} #cabecalho {background:#fff url(../imagens/menu_background.jpg) no-repeat top right; border:1px solid #eeece4; margin-bottom:10px; width:640px; height:110px; position:relative;} #conteudo {background:#fff; color:#666; border:1px solid #eeece4; padding:20px 20px; width:600px; min-height:300px;} /** cabecalho **/ #cabecalho h1 a {background:url(../imagens/logo.jpg) no-repeat; text-indent:-9000px; width:215px; height:64px; display:block; position:absolute; top:24px; left:30px;} #cabecalho .menu {position:absolute; top:84px; right:1px;} #cabecalho .menu ul {list-style:none;} #cabecalho .menu ul li {display:inline;} #cabecalho .menu ul li a {background:#fff; color:#015145; border-bottom:2px solid #015145; margin:0 1px; padding:7px 11px; display:block; float:left;} #cabecalho .menu ul li a:hover, #cabecalho ul li a.selected {padding:11px;} /** titulo **/ h1, h2, h3 {margin-bottom:15px;} h2 {background:#2a7143 url(../imagens/titulo_background.jpg) no-repeat; color:#fff; font:bold 15px Verdana, Arial, Helvetica, Sans-serif; padding:10px;} h3 {color:#276f55; font:bold 12px Verdana, Arial, Helvetica, Sans-serif; border-bottom:1px #e1e1e1 solid; padding-bottom:5px;} /** conteudo **/ #conteudo a {color:#105f42; text-decoration:underline;} #conteudo a:hover {color:#229b4d;} #conteudo p {margin:0 0 5px 0; line-height:15px;} #conteudo br.both {clear:both;} #conteudo .ramos {margin:10px 40px; width:300px; list-style-image:url(../imagens/dot.jpg);} /** Tem que arrumar a posição **/ #conteudo .ramos li {padding:1px;} #conteudo .produtos {list-style:none;} #conteudo .produtos li {background:#fff; width:280px; border:1px solid #fff; margin:1px; padding:8px; display:block; float:left;} #conteudo .produtos li a img {width:100px; display:block; float:left;} #conteudo .produtos li a span {font-size:1.2em; width:170px; height:70px; padding:30px 0 0 8px; display:block; float:left;} #conteudo .fotos {list-style:none;} #conteudo .fotos li {text-align:center; width:100px; display:block; float:left;} #conteudo .fotos li a { text-decoration:none;} #conteudo .fotos li a img {display:block;} #conteudo .width400 {width:400px;} #conteudo .width500 {width:500px;} #conteudo .width600 {width:600px;} #conteudo .marginauto {margin:0 auto;} .ampliar {background:#f1f1f1; border:1px solid #c4c4c4; padding:10px; font-size:1.4em; font-weight:bold; text-align:center;} .voltar {background:#e1efcd url(../imagens/voltar.png) no-repeat 2px 3px; padding:4px 22px; margin-top:20px; font-weight:bold;} #conteudo .prod_tabela {margin:0 auto 20px auto; width:600px;} #conteudo .prod_tabela table {border:1px #919191 solid;} #conteudo .prod_tabela table td {background:#f5f5f5; font-family:Arial, Tahoma; padding:2px 4px;} #conteudo .prod_tabela table .table_titulo{background:#919191; font-weight:bold; color:#fff; padding:3px;} #conteudo .prod_tabela table .branco {background:#fff;} #conteudo .prod_tabela table .prod_nome {width:300px;} #conteudo .prod_tabela table .prod_cod {width:80px;} #conteudo .prod_tabela table .prod_comp {text-align:center; width:55px;} #conteudo .prod_tabela table .prod_larg {text-align:center; width:55px;} #conteudo .prod_tabela table .prod_alt {text-align:center; width:55px;} #conteudo .prod_tabela table .prod_peso {text-align:center; width:55px;} #conteudo .clientes {margin:0 auto; width:560px; list-style:none;} #conteudo .clientes li {width:140px; height:75px; float:left;} #conteudo .form {background:#f7f7f7; margin-left:10px; padding:10px; width:260px; float:right;} #conteudo .form fieldset {border:none;} #conteudo .form fieldset legend {display:none;} #conteudo .form fieldset div label {margin-bottom:5px; padding:2px 0; width:75px; float:left; display:block;} #conteudo .form fieldset div label span {color:#f00; font-size:9px;} #conteudo .form fieldset div input, #conteudo .form fieldset div textarea {padding:3px; margin-bottom:5px; width:175px; float:left;} #conteudo .form fieldset div input:focus, #conteudo .form fieldset div textarea:focus {background:#fff;} #conteudo .form fieldset div textarea {height:75px;} #conteudo .form fieldset .submit input {background:#fff; color:#666; margin:0 0 0 75px; width:50px;} #conteudo .mapa {margin:10px 40px; list-style-image:url(../imagens/dot.jpg);} /** Tem que arrumar a posição **/ #conteudo .mapa li {padding:5px 0;} #conteudo .mapa li ul {margin:10px 40px; list-style-image:url(../imagens/dot2.jpg);} .textCenter {text-align:center;} /** rodape **/ #rodape {background:url(../imagens/rodape_logo.jpg) no-repeat 515px 7px; margin:5px 0; padding:5px 10px; height:50px; clear:both;} #rodape .vcard {text-align:right; color:#c1bdb2; font:normal 10px Tahoma, Verdana, Arial, Helvetica, Sans-serif; float:right; margin-right:130px; _margin-right:70px;} #rodape .vcard address {font-style:normal;} #rodape .vcard .email {color:#c1bdb2;} #rodape .dev {float:left;} #rodape .dev a {background:url(../imagens/settor.jpg) no-repeat; text-indent:-9000px; width:61px; height:30px; display:block;} /* Mesagens */ .msg_alert {background:#fff7d9 url(../imagens/msg-erro.png) 10px center no-repeat;; border:1px solid #ffcc00;} .msg_sucesso {background:#bfefbf url(../imagens/msg-sucesso.png) 10px center no-repeat; border:1px solid #00c000;} .msg_info {background:#e5f5ff url(../imagens/msg-info.png) 10px center no-repeat; border:1px solid #7fccff;} .msg_erro {background:#fce6e4 url(../imagens/msg_fatal.png) 10px center no-repeat; border:1px solid #ef877f;} .msg_load {background:#fff url(../imagens/loader.gif) 10px center no-repeat; border:1px solid #c1c1c1; margin-bottom:12px;} .msg_alert, .msg_sucesso, .msg_info, .msg_erro, .msg_load {padding:12px 12px 12px 40px; margin-bottom:20px;} .sugestao {text-align:center; width:200px; margin-bottom:15px; float:left;}