Área de Clientes [ registrarse ] |
    
ES |
/* CSS Document */
* {
margin: 0 auto;
padding: 0;
}
body {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #333;
}
h1, h2, h3 {
}
h2 {
}
h3 {
}
p, blockquote, ul, ol {
margin-bottom: 1.4em;
line-height: 1.8em;
}
p {
}
.negrito {
font-weight: bold;
}
.atencao {
color: #009900;
}
blockquote {
margin-left: 3em;
margin-right: 3em;
padding: 1em 1em 0 1em;
background: #FAF3ED;
border: 1px dotted #C7894C;
font-style: italic;
color: #C7894C;
}
ul {
}
ul li {
}
ol {
}
ol li {
}
a {
text-decoration: none;
color: #036;
}
a:hover {
text-decoration: underline;
}
img {
}
.hr hr {
display: none;
}
.hr {
clear: left;
height: 5px;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 1em;
/*background: url() no-repeat center;*/
}
/* Box Style */
.box {
}
.box .titulo {
}
.boxed .conteudo {
}
/* Container externo */
#container {
width: 994px;
position: absolute;
left: 50%;
margin: 0 0 0 -496px;
background: url(imagens/bg-content1024.gif) top repeat-y;
}
/* Topo */
#top {
width: 994px;
height: 155px;
margin: 0 auto;
background: #fff url(arquivos/Userfiles/Image/produtos/cabecera-enero-2010-aqui.jpg) no-repeat;
border-bottom: 1px #f7f7f7 solid;
}
#top h1 {
}
#top h2 {
padding: 120px 0 0 0;
font-size: 13px;
font-weight: bold;
font-style: italic;
color: #f7f7f7;
}
/* Logo */
#logo {
float: left;
position: relative;
left: 0;
top: 0;
width: 365px;
height: 155px;
/*background: url(imagens/logo.gif) no-repeat;*/
}
#logo span {
display: none;
}
#logo a {
color: #009900;
}
#slogan {
float: right;
}
#slogan span {
display: block;
}
#busca {
float: right;
position: relative;
top: 20px;
right: 20px;
}
#busca p {
font-size: 10px;
margin-bottom: 0;
color: #fff;
}
#buscar {
padding: 2px 2px;
border: 1px solid #036;
vertical-align: bottom;
}
/* Menu Superior */
#menubg {
float: left;
width: 994px;
border: 1px #036 solid;
background: #fff;
}
#menusup {
text-align: right;
font-size: 11px;
font-weight: bold;
color: #fff;
}
#menusup a {
float: left;
font-weight: bold;
color: #036;
text-decoration: none;
padding: 0 10px;
background: #fff;
}
#menusup a:hover {
font-weight: bold;
color: #fff;
text-decoration: none;
padding: 0 10px;
background: #4277b0;
}
#menusup ul{
margin: 0 auto;
}
#menusup li {
display: inline;
float: right;
text-align: center;
border-left: 1px solid #036;
}
/* Área Usuário */
#areausuario {
float: left;
width: 994px;
background: #699bc9;
border-bottom: 1px #f7f7f7 solid;
border-top: 1px #f7f7f7 solid;
}
#menuusuario {
float: left;
}
#login {
float: left;
position: relative;
left: 15px;
width: 460px;
}
#login form {
}
#login p {
margin: 0;
font-size: 11px;
}
#login label {
font-size: 10px;
font-weight: bold;
}
#login a {
font-size: 10px;
font-weight: bold;
}
#login input {
margin-bottom: 5px;
margin-top: 5px;
padding: 2px 2px;
border: 1px solid #036;
vertical-align: middle;
}
#entrar {
font-size: 9px;
font-weight: bold;
background: #ccc;
cursor: pointer;
}
#carrinho {
float: right;
position: relative;
right: 15px;
width: 280px;
}
#carrinho fieldset {
border: 1px #036 solid;
padding: 3px;
}
#carrinho p {
margin: 0;
font-size: 11px;
}
/* Orçamento */
#orcamento {
margin: 0 auto;
padding: 15px;
}
#orcamento table {
width: 740px;
}
#orcamento tr {
}
#orcamento td {
font-size: 11px;
padding: 3px 0;
text-align: center;
border-bottom: 1px solid #ccc;
}
td.cabecalho {background: #CFE1EB; font-weight: bold;}
#orcamento ul{
margin: 0 auto;
}
#orcamento ul:form{
margin: 0 auto;
background: #006699;
}
#orcamento li {
display: inline;
float: left;
height: 22px;
margin-left: 60px;
text-align: center;
border: 1px solid #036;
}
#orcamento input {
font-size: 10px;
vertical-align: bottom;
}
.botao, .botao a {
font-size: 10px;
font-weight: normal;
padding: 0 6px;
color: #000;
text-decoration: none;
background: #ececec;
cursor: pointer;
}
#submitorc {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 22px;
border: none;
background: #ececec;
cursor: pointer;
}
/* Conteúdo */
#content {
width: 994px;
float: left;
margin: 0 auto;
background: url(imagens/bg-content1024.gif) top repeat-y;
}
/* Conteúdo / Main */
#main {
margin: 20px 0 20px 0;
padding-bottom: 20px;
}
#main2 {
margin: 20px 0 20px 0;
padding-bottom: 20px;
}
.titulopag {
padding: 3px 0 20px 0;
font: bold 12px;
color: #036;
}
#extra {
height: 31px;
margin: 0 140px 20px 20px;
background: url(imagens/bg-extra.gif) repeat-x;
}
/* Conteúdo / Main / Welcome */
#welcome {
padding-left: 15px;
}
/* Conteúdo / Main / Resultado */
#resultado {
float: left;
position: relative;
left: 32px;
width: 918px;
}
#resultado2 {
float: left;
position: relative;
left: 20px;
width: 715px;
margin: 0 0 15px 20px;
}
/* Conteúdo / Main / Resultado / Itens Vitrine */
#itens {
float: right;
margin: 3px 3px 3px 3px;
width: 132px;
height: 210px;
border-top: 1px solid #036;
border-bottom: 1px solid #036;
background: #f7f7f7;
}
#itens img {
margin: 12px 12px 0px 20px;
border: none;
}
#itens p {
font-size: 10px;
text-align: center;
margin-bottom: 8px;
line-height: normal;
color: #036;
}
.titulo, a {
font-weight: normal;
}
.detalhetit {
float: left;
width: 735px;
padding: 3px;
text-indent: 6px;
margin-bottom: 20px;
background: #036;
font-size: 12px;
font-weight: bold;
color: #fff;
}
.detalhetit2 {
float: left;
width: 735px;
padding: 3px 0;
text-indent: 6px;
background: #036;
font-size: 12px;
font-weight: bold;
color: #fff;
}
#descricao_categoria {
float: left;
width: 735px;
border-top: 1px solid #036;
padding-top: 10px;
padding-left: 14px;
background: #fff;
}
#descricao_categoria p {
font-size: 11px;
text-align: left;
margin-bottom: 8px;
line-height: normal;
color: #333;
}
/* Conteúdo / Main / Resultado / Vitrine Detalhe */
#divtextoleft {
float: left;
position: relative;
left: 20px;
width: 320px;
background: #ffffff;
padding: 0;
margin-bottom: 20px;
}
#detalhedesc {
float: left;
width: 200;
margin: 10px 10px 0 0;
padding-left: 6px;
}
#detalhedesc p, h3 {
font-size: 11px;
font-weight: normal;
line-height: normal;
}
#detalhedesc form {
padding: 10px;
border: 1px #036 solid;
}
#detalhedesc input, select {
font-size: 11px;
line-height: normal;
padding: 2px;
border: 1px #036 solid;
}
#fotog {
float: right;
width: 320px;
margin: 10px 5px 0 0;
border: 1px #999 solid;
background: #efefef url(imagens/maisfotos.gif) no-repeat right;
}
#fotog img{
text-align: center;
}
#maisfotos {
float: right;
width: 320px;
padding-bottom: 10px;
margin: 10px 5px 20px 0;
border: 1px #999 solid;
background: #efefef url(imagens/maisfotos.gif) no-repeat right;
}
.thumb {
float: left;
width: 80px;
margin: 10px 0 0 10px;
border: 1px #999 solid;
}
.preco {
font-size: 12px;
font-weight: bold;
color: #036;
}
.subtitulo {
font-weight: bold;
}
/* Conteúdo / Main / Resultado / Destaques */
#destaques {
}
#destaques h2 {
}
.floating-esq {
}
.floating-esq .heading {
}
.floating-esq p, .floating-esq blockquote, .floating-esq ol, .floating-esq ul {
}
.floating-esq img {
}
.floating-dir {
}
.floating-dir .heading {
}
.floating-dir p, .floating-dir blockquote, .floating-dir ol, .floating-dir ul {
}
.floating-dir img {
}
/* Conteúdo / Sidebar */
#sidebar {
float: right;
position: relative;
right: 15px;
width: 120px;
}
#tempo {
float: right;
width: 120px;
margin-top: 20px;
margin-bottom: 20px;
}
#utilidades {
width: 120px;
padding-top: 10px;
border-bottom: 2px solid #006;
border-top: 2px solid #006;
}
#utilidades p {
}
.tituloutil {
font-weight: bold;
color: #003;
}
#utilidades li, a {
text-decoration: none;
font-weight: bold;
margin: 0;
}
/* Conteúdo / Main / Coluna Esquerda */
#colunaesquerda {
float: left;
position: relative;
left: 22px;
width: 160px;
margin-bottom: 20px;
}
/* Conteúdo / Main / Coluna Esquerda / Menu Categorias */
#menu {
float: left;
width: 180px;
text-align: left;
background: #e5f1f8;
}
#menu ul {
margin: 2;
list-style: none;
line-height: normal;
}
#menu li {
display: block;
padding: 3px 0 3px 2px;
}
#menu a {
display: block;
font-weight: normal;
color: #036;
}
#menu a:hover, #menu .active a {
display: block;
text-decoration: none;
background: #fc0;
color: #fff;
}
#categ {
font-weight: bold;
font-size: 12px;
color: #fff;
background: #036;
}
.subcateg {
font-size: 90%;
font-weight: normal;
color: #600;
background: #e5f1f8;
}
.subsub {
font-size: 90%;
margin-left: 10px;
color: #600;
}
/* Conteúdo / Main / Sidebar / Novidades */
#novidades {
}
#novidades ul {
margin: 0;
list-style: none;
}
#novidades h2 {
margin: 0;
font-size: 12px;
margin-bottom: 1em;
}
#novidades h3 {
margin: 0;
font-size: 80%;
}
#novidades p {
margin-bottom: 1.4em;
font-size: 10px;
line-height: normal;
}
/* Conteúdo / Main / Sidebar / Parceiros */
#parceiros {
}
#parceiros .title {
font-size: 90%;
text-align: right;
}
#parceiros ul {
margin: 0;
border-bottom: 1px solid #999;
list-style: none;
line-height: normal;
}
#parceiros li {
border-top: 1px solid #999;
padding: 10px 0 10px 0;
}
#links {
float: left;
width: 150px;
height: 120px;
margin: 0 0 15px 15px;
border-bottom: 1px solid #999;
list-style: none;
line-height: normal;
}
#links p {
height: 20px;
font-weight: bold;
text-align: center;
vertical-align: bottom;
padding: 10px 0 10px 0;
color: #003;
}
.imagemlinks {
height: 60px;
margin: 10px 0 0 0;
}
/* Rodapé */
#rodape {
width: 964px;
float: center;
padding: 15px;
}
#rodape p {
font-size: 70%;
color: #ccc;
margin-bottom: 0;
}
#rodape a {
text-decoration: underline;
color: #ccc;
}
#rodape a:hover {
text-decoration: none;
color: #fff;
}
/* Rodapé / Legal */
#legal {
float: left;
}
/* Rodapé / Links */
#links {
}
#assinatura {
float: right;
}
/* Formularios */
#formulario {
float: left;
width: 310px;
padding: 0 0 20px 0;
margin-left: 60px;
}
#formulario form {
}
#formulario p {
float: left;
}
#formulario label {
width: 200px;
font-size: 90%;
font-weight: bold;
}
#formulario input, textarea {
margin-bottom: 5px;
padding: 2px 5px;
border: 1px solid #036;
vertical-align: text-top;
}
#nome, #email, #telefone, #comentarios, #assunto, #endereco, #descricao {
width: 290px;
color: #003;
}
#cidade, #bairro, #cep, #estado {
width: 150px;
color: #003;
}
#submit {
float: right;
margin-top: 10px;
background: #ccc;
color: #000080;
cursor: pointer;
}
/* Ler Matéria */
#lista {
float: left;
position: relative;
left: 2px;
top: 2px;
padding: 0 2px 20px 0;
margin-bottom: 20px;
width: 150px;
border-right: 1px solid #999;
}
#lista a {
color: #000;
}
#materia {
float: left;
position: relative;
left: 10px;
top: 10px;
width: 720px;
margin: 0 0 10px 10px;
padding-bottom: 20px;
}
#materia h2 {
font-size: 14px;
}
#materia img {
float: left;
margin: 2px 2px 2px 0;
}
#materia p {
float: left;
margin: 2px 2px 2px 0;
}
#fonte {
float: right;
font-style: italic;
font-size: 10px;
}
/* Content > Main > Example */
#noticias {
float: left;
width: 318px;
height: 264px;
margin: 0 21px 20px 0;
}
#noticiascont {
float: left;
width: 318px;
height: 200px;
margin: 0;
background: #ccc;
}
#noticias ul {
text-indent: 15px;
margin-top: 15px;
}
#noticias li, a {
text-indent: 0;
margin-top: 0;
color: #333;
}
#cadastrese {
float: left;
position: relative;
left: 15px;
width: 740px;
padding: 0 0 20px 0;
}
#cadastrese form {
}
#cadastrese p {
width: 600px;
clear: left;
margin: 0;
padding-left: 145px;
}
#cadastrese h3 {
font-size: 12px;
font-weight: bold;
padding-left: 10px;
margin-bottom: 1em;
color: #990000;
}
#cadastrese label {
float: left;
margin-left: -105px;
width: 100px;
font-size: 10px;
font-weight: bold;
}
#cadastrese input, cfinput, textarea {
margin-bottom: 5px;
padding: 2px 5px;
border: 1px solid #036;
vertical-align: text-top;
}
#nomecad, #empresa, #endereco {
width: 300px;
color: #003;
}
#cidade, #bairro, #cep, #telefonecom, #emailcad, #pass, #cnpj, #inscricao, #complemento, #pais, #cargo, #nascimento {
width: 150px;
color: #003;
}
#estado {
width: 60px;
color: #003
}
#submitcad {
cursor: pointer;
}
/* Conteúdo / Main / Coluna Esquerda / Atendimento */
#contatorapido {
float: left;
width: 160px;
margin-top: 20px;
text-align: center;
background: #e5f1f8;
}
#contatorapido p {
font-size: 12px;
margin: 15px 0;
line-height: 100%;
}
.empresa {
font-size: 14px;
font-weight: bold;
}
.endereco {
}
.telfax {
}
.email {
}
Copyright © 2007 - Alfredo (M. Alfredinho) Vizcarro - Todos los derechos reservados. Créditos
Arco Baleno Brasil S.L.