/* CSS Document (Estrutura) */
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
blockquote, q {	quotes: none; }
ol, ul { list-style: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* begin site*/
html { text-align: center; }
body { background: #fff; font-family: Arial, Verdana, cursive, serif; font-size: 12px; color: #666666; margin: 5px auto; text-align: center; }


/* Topo, menu */
#geral { margin: auto; width: 930px; height: auto; }

#busca { float: right; width: 250px; }
#busca ul { list-style: none; float: right; }
#busca ul li { float: left; width: 90px; text-align: right; }
#busca ul li a { color: #d0d0d0; text-decoration: none; text-transform: uppercase; }
#busca ul li a:hover { color: #878787; }
#busca p { clear: both;   margin: 10px 0 0 0; color: #d0d0d0; text-transform: uppercase; font-size: 16px;   }
#busca input { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #999; width: 130px; margin: 2px 0 0 0; }
#busca label { display: block; font-weight: bold; text-align: left; width: 65px; float: left; line-height: 25px; color: #999; text-transform: uppercase; font-size: 15px; }
#form-busca { float: right; margin: 5px 0 8px 0;  }
#topo { clear: both; width: 930px; height: 137px; padding-top: 11px; }
#topo img { float: left; }
#meio { width: 930px; height: auto; }
#meio #left { float: left; height: 840px; width: 250px; margin: 9px 0 0 0; }
#meio #left #menu ul { float: left; }
#meio #left #menu ul img { border: none; float: left; }
#meio #left #menu ul li:hover { float: left; }
#meio #right { float: left; width: 670px; height: 840px; margin: 9px 0 0 5px;  }

#quadros { width: 385px; float: left; height: 400px; }
#quadros2 { width: 271px; float: left; height: 400px; }

#poltronas { border: none; float: left; margin-top: 30px; }
#contato2 { border: none; float: left; margin-top: 20px; }

#img-destaque { float: left; margin: 12px 0 0 0; }

#conteudo { width: 660px; clear: both; float: left; margin: 10px 0 0 0; }
#bem-vindo { float: left; width: 365px; }
#bem-vindo p { line-height: 17px; text-align: justify; clear: both; padding: 15px 0 0 0; }
#bem-vindo img { float: left; margin: 16px 0 0 0; }

#representantes { clear: both; float: left; margin: 5px 0 0 0;  }

#acesso { background: url(../img/bg-acesso.jpg) no-repeat; width: 271px; height: 195px; float: right; margin: 16px 0 0 0;  }
#acesso button { background: #666; color: #fff; clear: both; display: block; margin: 3px 0 0 145px; border: none; height: 25px; width: 35px; }
#noticias { background: url(../img/bg-noticias.jpg) no-repeat; width: 271px; height: 289px; float: right; margin: 0 0 0 0; }
#noticias { padding: 26px 0 0 0; }
#noticias p { line-height: 16px; float: left; text-align: justify; width: 225px; margin: 15px 0 0 20px; font-size: 12px; }
#noticias .data { color: #996633; font-weight: bold; }
#noticias #todas { float: right; }
#noticias #todas a { color: #996633; font-weight: bold; text-decoration: none; margin-left: 55px; text-transform: uppercase; }
#noticias #todas a:hover  { color: #cc9966; }

#stylized { margin: 65px 0 0 35px; }
#stylized label { display: block; font-weight: bold; text-align: left; width: 65px; float: left; line-height: 25px; color: #999; text-transform: uppercase; }
/*#stylized .small { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px;}*/
#stylized input { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #999; width: 130px; margin: 2px 0 10px 10px; }

#rodape { background: url(../img/bg-rodape.jpg) no-repeat; width: 930px; height: 98px; clear: both; margin: auto; }
#rodape #logo { float: left; width: 275px; }
#rodape #logo img { float: left; margin: 8px 0 0 15px; border: none; }

#direitos { float: left; width: 415px; height: 100px; padding-top: 50px; }
#direitos p { float: left; }

#endereco { float: left; width: 230px; margin: 8px 4px 0 0;  height: 98px; padding-top: 20px; }
#endereco p { text-align: right; line-height: 16px; float: left; }
#endereco p a { color: #996633; text-decoration: none; }
#endereco p a:hover { color: #cc9966; }


/* Produtos */
#sub { width: 660px; border-bottom: solid 1px #525252; height: 20px; text-align: left;  }
#sub ul { float: left; width: 660px; list-style: none; }
#sub ul li { float: left; display: block; margin-right: 30px; }
#sub ul li a { text-decoration: none; text-transform: uppercase; font-size: 17px; color: silver; font-weight: bold; }
#sub ul li a:hover { color: #666; }

#paginacao { clear: both; float: left; width: 150px; margin-left: 480px; }
#paginacao ul { float: right; width: 150px; list-style: none; }
#paginacao ul li { float: left; display: block; margin-right: 4px; width: 23px; background: #666; height: 20px; padding-top: 5px; }
#paginacao ul li a { text-decoration: none; font-size: 15px; color: #fff; }
#paginacao ul li a:hover { color: #b1b1b1; }

#produtos { float: left; width: 640px; height: 550px; margin: 30px 0 0 6px; }
.produtos { width: 210px; height: 180px; float: left; }
.produtos img { float: left; border: solid 3px #B5B4B2; }
.produtos p { text-transform: uppercase; text-align: left; padding: 7px 0 0 1px; clear: both; }

.prod { width: 260px; height: 190px; float: left; }
.prod img { float: left; border: solid 1px #666; }
.prod p { text-transform: uppercase; text-align: left; padding: 7px 0 0 1px; clear: both; }

#produtos2 { float: left; width: 880px; height: 950px; margin: 22px 0 0 35px; clear: both; }

#veja { clear: both; float: left; margin: 50px 0 0 5px; width: 400px; text-align: left; font-size: 13px; }
#veja a { font-size: 15px; text-transform: uppercase; color: #666; font-weight: bold; }

/* Representantes */
.texto img { float: left; margin: 5px 0 0 0; }
.texto p { clear: both; text-align: justify; width: 650px; line-height: 16px; padding: 10px 0 5px 0;}
#representantes { float: left; margin: 10px 0 0 0; }

/* Contato */
#form { background: url(../img/bgform.jpg) no-repeat; width: 420px; height: 290px; float: left; margin: 30px 0 0 0;}
#form label { display: block; font-weight: bold; text-align: left; width: 75px; float: left; line-height: 25px; color: #999; text-transform: uppercase; }
#form input { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #999; width: 200px; margin: 2px 0 4px 5px;  }
#form p { clear: both; padding-left: 40px;  }
#form textarea { border: solid 1px #999; width: 205px; height: 120px; float: left; margin: 2px 0 2px 5px; }
#form button { background: #666; color: #fff; clear: both; display: block; margin: 8px 0 0 90px; border: none; height: 25px; width: 70px; }


/* acesso lojista */
.erro { color: red; clear: both; margin-top: 15px; line-height: 18px; font-weight: bold; }
#lista_arquivos { clear: both; float: left; margin: 35px 0 0 10px; color: #9a722d; width: 600px;  }
#lista_arquivos li { float: left; line-height: 25px; clear: both; list-style: none; }
#lista_arquivos li a { text-decoration: none; font-size: 13px; color: #9a722d; font-weight: bold; }
#lista_arquivos li a:hover { color: #785417; }
.enviar { background: #666; border: solid 1px #000; color: #fff; font-weight: bold; clear: both; display: block; margin: 8px 0 0 90px; border: none; height: 30px; width: 80px; text-transform: uppercase; }