/* CSS Document*/
/* 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; }
ol, ul { list-style: none; }
blockquote, q {	quotes: 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 url('/img/bg_site.jpg') no-repeat; background-attachment: fixed; background-repeat: repeat-x;  font: 12px Arial, Helvetica, sans-serif; margin: auto; text-align: center; }

/*css index*/
#geral { width: 976px; margin: auto; background:#fff; }


#menu { background-color: #11489d; height: 28px; }
#menu ul { list-style: none; margin-left:24px; }
#menu ul li { display: block; float:left; height:28px; color: #fff; font-size: 16px; font-weight:bold; line-height:28px; }
#menu ul li a { background-color:#11489d; color: #fff; text-decoration: none; padding: 4px 10px 5px 10px;   }
#menu ul li a:hover { background-color:#fff; color: #11489d; padding: 4px 10px 5px 10px;  }


#col1 { float: left; width: 132px; padding-left:1px; }
#menuprodutos { background: url('../img/bg_menuprodutos.jpg') no-repeat; width: 132px; height: 228px; margin-top: 3px; }
#menuprodutos ul li a:hover { padding-left:5px; color:#424242; }
#menumarcas { background: url('../img/bg_menumarcas.jpg') no-repeat; width: 132px; height: 315px; margin-top: 3px; }
#menumarcas ul li a:hover { padding-left:5px; color:#424242}
#col1 h1 { color: #fff; text-align: left; font-size: 16px; padding: 5px 0 0 20px; }
#col1 ul { list-style: none; margin-top: 5px; }
#col1 ul li { text-align: left; line-height: 21px; padding-left: 15px; }
#col1 ul li a { color: #565555; font-size: 13px; text-decoration: none; }
#col1 p { color: #a09e9e; font-weight: 700; padding: 5px 0 0 15px; text-align: left; }
#col1 #todos { float: left; width: 130px; margin: auto auto; height: 108px; }
#col1 #todos p { color: #565555; font-size: 13px; font-weight: normal; text-align: center; padding: 0; line-height: 17px; text-decoration:none; }
#col1 #todos a { color: #565555; font-size: 13px; font-weight: normal; text-align: center; padding: 0; line-height: 17px; text-decoration:none; }
#col1 #rss { width: 132px; margin-top:30px; }

#busca { background: url('../img/bg_busca.jpg') repeat-x; float: left; width: 835px; height: 30px; margin: 4px 0 0 8px; }
#busca label { display: block; font-size: 18px; font-weight: bold; text-align: right; width: 120px; float: left; line-height: 30px; color: #fff; }
#busca input { float: left; font-size: 12px; padding: 2px 2px; border: solid 1px #000; width: 500px; margin: 5px 0 10px 15px; }
#busca select { float: left; border: 1px solid #000; margin: 5px 0 0 5px; }
#busca button { float: left; margin: 5px 0 0 5px; height: 21px; }

#col2 { float: left; width: 690px; margin-left: 9px; }
#col2 #ofertas { border: 1px solid #c2c2c3; margin: 10px 0 0 0; height: 555px; background: url('../img/bg_ofertas.jpg') no-repeat; background-position: top left; }
#col2 #ofertas h1 { text-align: left; color: #0458b4; font-size: 13px; padding: 5px 0 0 9px; }
#col2 .destaques { border-bottom: 1px solid #c2c2c3; height: 370px; }
#col2 #banners { height: 124px; margin-bottom: 5px; clear: both; }

.produtos { float: left; width: 220px; height: 170px; margin: 10px 0 0 0; }
.produtos .imgprod { width: 220px; height: 85px; display: table-cell; vertical-align: middle; }
.produtos .imgprod img { margin: auto; }
.produtos .imgprod span { display: inline-block; height: 66%; }
.produtos h2 { text-align: center; font-size: 13px; margin: 0 10px 0 10px; }
.produtos h3 { text-align: center; font-size: 13px; }
.produtos p { color: #565555; text-align: center; font-size: 13px; }
.produtos a { text-align: center; font-size: 13px; color: #000; text-decoration: none; }
.link { color: #000; text-decoration: none; } 
.link:hover { text-decoration:underline; }

.descricao { clear: both; }
.descricao a { color: #000; text-decoration: none;  }
.descricao a:hover { text-decoration: underline; }
.preco { font-size: 10px; color: #000066; font-weight: bold; }

.prd { width: 125px; height: 150px; float: left; margin: 5px; }
.prd .imgprd { height: 80px; margin: 5px auto; padding-top: 3px; }
.prd .imgprd img { margin: 3px auto; }
.prd a { color: #000; text-decoration: none; }

#p_novidades { clear: both; font-size: 12px; padding-top: 20px; }
#p_novidades a { color: #0d4da3; font-size: 12px; }

#col3 { float: left; width: 142px; }
#col3 #carrinho { background: url('../img/bg_carrinho.jpg') no-repeat; width: 119px; height: 163px; margin: 20px auto; }
#col3 #carrinho h1 { color: #fff; font-size: 15px; padding: 5px;  }
#col3 #carrinho p { color: #fff; font-weight: 700; }
#col3 #carrinho #visualizar { margin-top: 75px; }
#col3 #carrinho #visualizar a { color: #fff; text-decoration: none; }
#col3 #news { background: url('../img/bg_news.jpg') no-repeat; width: 120px; height: 221px; margin: 20px auto; }
#col3 #news p { color: #fff; line-height: 24px; }
#col3 #news label { display: block; font-size: 12px; text-align: left; width: 120px; float: left; line-height: 20px; color: #fff; padding-left: 10px; }
#col3 #news input { float: left; font-size: 12px; margin-left: 10px; border: solid 1px #000; width: 100px; }
#col3 #news button { float: left; margin: 5px 0 0 10px; height: 21px; background: #0278c6; border: 1px solid #000; color: #fff; }

#rodape { background: url('../img/bg_rodape.jpg') repeat-x; clear: both; width: 976px; height: 91px; }
#rodape ul { list-style: none; padding-top: 5px; }
#rodape ul li { display: inline; color: #fff; font-weight: 700; }
#rodape ul li a { color: #fff; font-weight: 700; }
#rodape p { float: left; text-align:center; width: 450px; color: #fff; font-size: 12px; line-height: 16px; margin: 7px 0 0 264px; }
#rodape img { float: right; margin-top: 45px; }

/*---css pages--*/
#col2 #titulos { float: left; width: 690px; }
#col2 #titulos h1 { color: #0d4da3; font-size: 14px; font-weight: bold; float: left; padding-left: 20px; }
#col2 #titulos p { float: left; padding: 15px; font-size: 13px; }
#col2 #titulos a { color: #0d4da3; font-size: 14px; text-decoration: none; text-align: left; }
#col2 #titulos a:hover { font-size: 14px; text-decoration: underline; text-align: left;  }
#col2 #titulos h2 { color: #0d4da3; font-size: 14px; font-weight: bold; float: right; padding-right: 50px; }
/* submenu da pagina empresa*/
#col2 #submenu { list-style: none; float: center; margin-left: 15px; text-align:left;}
#col2 #submenu li { display: inline; text-align: left; margin-top:5px; }
#col2 #submenu a { color: #5d6268; font-size: 13px; font-weight: bold; text-decoration: none; }
#col2 #submenu a:hover { text-decoration: underline; }
#col2 #submenu .underline {text-decoration:underline; color: #0d4da3; font-size: 13px; font-weight: bold;}
/* pagina empresa */
#col2.empresa h2 { color: #0d4da3; text-align: left; font-size: 16px; float: left; padding: 20px 0 0 15px; }
#col2.empresa h3 { color: #0d4da3; text-align: left; font-size: 15px; float: left; padding: 10px 0 0 0; }
#col2.empresa #text { clear: both; float: left; width: 650px; margin: 10px 0 0 15px; }
#col2.empresa #text p { text-align: justify; font-size: 12px; }
#col2.empresa img { float: left; clear: both; margin: 20px 0 0 0; }
#col2.empresa #text ul { clear: both; }
#col2.empresa #text img { float:right; margin-left:15px; }
#col2.empresa #text ul li { text-align: left; }

#col2.empresa #text2 { clear: both; float: left; width: 650px; margin: 10px 0 0 15px; }
#col2.empresa #text2 p { text-align: justify; font-size: 12px; float:left; width:430px; }
#col2.empresa #text2 ul { clear: left; }
#col2.empresa #text2 img { float:right; margin-left:15px;  }
#col2.empresa #text2 ul li { text-align: left; }

.message { color: red; font-size: 13px; text-align: center; width: 690px; margin-top: 20px; }

/* distribuidores */
#centro { float: left; }
#centro p { text-align: left; }

/* contato */
.info { text-align: center; width: 690px; clear: both; margin-top: 15px; }
.info a { text-align: left; color: #0d4da3; font-weight: 700; }

/*cadastro empresas*/
.cad td { text-align: left; line-height: 25px; }

#erro { color: red; text-align: left; margin-left: 10px; }

.txt { text-align: left; margin: 10px 0 10px 10px; clear: both; }
.txt a { color: #0d4da3; }

.filtro { float: left; width: 690px; }
.filtro h1 { text-align: left; color: #0d4da3; font-size: 13px; padding: 5px 0 0 15px; float: left; }
.filtro select { float: left; margin-left: 3px; }

/*downloads*/
#downloads { width: 690px; clear: both; }
#downloads div { float: left; text-align: center; height: 150px; margin: 10px; }
#downloads p { clear: both; text-align: center; }
#downloads a { text-decoration: underline; color: #0d4da3; }
#downloads a:hover { text-decoration: none; }  
#downloads img { border: none; margin: auto; }

/* projetos especiais*/
.projetos { width:150px; height:150px; float:left; margin:5px 10px 5px 10px; }
.projetos p { text-align: center; float:left; padding-top:2px; clear:both; width:110px; height:110px; }
.projetos img { clear:both; } 

/* downloads2 */
#downloads2 { float:left; width: 690px; margin-top: 15px; }
#downloads2 p { text-align: left; clear: both; }
#downloads2 p a { color: #0d4da3; float: left; list-style: none; font-weight: bold; text-decoration: none; font-size: 16px; margin: 5px; }
#downloads2 p a:hover { text-decoration:underline; } 
#downloads2 img { float: left; }

#paginacao { clear: both; }
#paginacao a { color: #0d4da3; }

/*produtos.php*/
.prods {  }
#col2.prods h2 { color: #0d4da3; text-align: left; font-size: 16px; float: left; padding: 10px 0 0 15px; }
#col2.prods h3 { color: #0d4da3; text-align: left; font-size: 15px; float: left; padding: 10px 0 0 0; }
.prods ul { clear: both; float: left; margin-left: 40px; list-style: none; margin-top: 10px; width: 400px; }
.prods li { text-align: left; padding:5px; }
.prods li a { font-size: 13px; color: #0d4da3; text-decoration: none; }

#pecas { float: left; width: 120px; height: 40px; margin: 55px 0 0 60px; }
#pecas img { float: right; }


/*vprodutos*/
#imagem { float: left; width: 300px; height: 280px; padding-top: 5px; }
#imagem img { float: left; margin: 5px 0 0 30px; border: 0; }
#add { font-size: 11px; text-align: center; padding-left: 50px; }
#informacoes { float: right; width: 300px; text-align: left; padding-top: 20px; margin-right: 40px; }
#informacoes ul { width:300px; }
#informacoes li { width:300px; font-size: 12px;  }
#informacoes .tituloprod { color: #0d4da3; font-size: 18px; font-weight: bold; }
#informacoes p { font-size: 11px; height: 20px; }
#addorc { margin-top: 2px; float:left; clear:both; }

#maisprodutos { clear: both; height: 370px; }
#maisprodutos h2 { clear: both; color: #0d4da3; text-align: left; font-size: 16px; padding: 10px 0 0 15px; }

#table { float: left; margin: 20px 0 0 0; width: 690px; border: 1px solid #000; }
#table td { color: #000; font-size: 11px; font-weight: bold; padding: 2px; }

/* compra.php */
#formcompra { clear: both; }
#formcompra p { color: #0d4da3; font-size: 11px; text-align: left; padding: 15px 0 0 15px; }

#formcompra a  {color: #0d4da3; font-weight:bold; text-decoration:underline; font-size:12px; text-align:left}
#formcompra a:hover {text-decoration: none}

/*busca produtos*/
#buscaprodutos { margin: 0 0 0 30px; text-align: left; clear: both; margin-top: 25px; width: 400px; float: left; }
#obs_busca { float: left; width: 240px; padding-top: 19px; margin-left: 80px; font-size: 10px; }
#form_busca { float: left; padding-top: 5px; }
#buscaprodutos .input { border: 1px solid #000; margin-bottom: 10px; width: 200px; }
#buscaprodutos a { color: #0d4da3; font-size: 11px; }
#buscaprodutos a:hover { text-decoration: underline; }
#buscaprodutos .alignright { text-align: right; }
#buscaprodutos form { clear: both; }
#buscaprodutos_vp { margin-left: 10px; margin-top: 5px; border-top: 1px solid #000; width: 700px; }
#buscaprodutos_vp p { padding-top:10px; }
#busque { float: left; margin: 8px 0 0 120px; width: 240px; font-size: 10px; }

#cartoes { float: left; margin: 35px 0 0 20px; text-align: left; width: 600px; line-height: 17px; }
#cartoes a { color: #039; }
#cartoes a:hover { text-decoration: none; }
#cartoes img { float: left; }

/*noticias*/
.not { text-align: left; clear: both; font-size: 12px; margin: 5px; }

/*fotos*/
.fotos { float: left; width: 160px; height: 215px; margin: 5px; background: #0067a0; }
.fotos .ft { height: 110px; margin: 15px auto; }
.fotos a { color: #fff; }
.thumb { width: 150px; height: 145px; float: left; }


/*downloads*/
#download { float: left; width: 160px; height: 160px; margin: 15px 0 0 0; background: #0067a0; }
#download .ft { height: 110px; margin: 15px auto; margin-top:20px; }
#download a { color: #fff; }
#download p { color:#fff; }
#download img { height: 90px; margin: auto; }

/* ----------- Forms ----------- */
.myform { margin: 15px auto; width: 500px; padding: 5px; float: left; }
/* ----------- stylized ----------- */
#stylized { clear: both; float: left; }
#stylized label { display: block; font-weight: bold; text-align: right; width: 150px; float: left; line-height: 30px; color: #0d4da3; clear: both; }
#stylized select { width: 150px; float: left; margin: 4px 0 0 5px; border: 1px solid #0d4da3; }
/*#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: 2px 2px; border: solid 1px #0d4da3; width: 150px; margin: 4px 0 10px 5px; }
#stylized button { clear: both; width: 100px; height: 25px; background: #0d4da3; text-align: center; line-height: 22px; color: #fff; font-size: 12px; font-weight: bold; margin-left: 230px; }
#stylized .erro { color: red; font-weight: 700; }
#stylized .texto { clear: both; font-size: 11px; font-weight:normal; }
#stylized textarea { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #0d4da3; width: 170px; height: 100px; margin: 2px 0 10px 5px; }

#stylized h5 { clear: both; text-align: left; }