/* 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: #a91a1a; font: 12px Arial, Helvetica, sans-serif; margin: 10px auto 15px auto; text-align: center; }

#geral { width: 891px; margin: auto; }

#topo { margin-top: 15px; height: 73px; }
#topo2 { height: 208px; }

#nav { background: url("../img/bg_nav.jpg") no-repeat; width: 891px; height: 39px; }
#nav ul { list-style: none; margin-left: 4px; }
#nav li { background: #b02929; display: block; float: left; width: 126px; height: 33px; line-height: 36px; border-bottom: 4px solid #e03030; }
#nav li a { color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; }

body#index #inicial { background: #a71919; display: block; float: left; width: 126px; height: 33px; }
body#index #inicial { color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; border-bottom: 4px solid #e03030; }
body#bempresa #empresa { background: #a71919; display: block; float: left; width: 126px; height: 33px; }
body#bempresa #empresa { color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; border-bottom: 4px solid #e03030; }
body#bpecas #pecas { background: #a71919; display: block; float: left; width: 126px; height: 33px; }
body#bpecas #pecas { color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; border-bottom: 4px solid #e03030; }
body#bnovos #novos { background: #a71919; display: block; float: left; width: 126px; height: 33px; }
body#bnovos #novos { color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; border-bottom: 4px solid #e03030; }
body#bseminovos #seminovos { background: #a71919; display: block; float: left; width: 126px; height: 33px; }
body#bseminovos #seminovos { color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; border-bottom: 4px solid #e03030; }
body#bcontato #contato { background: #a71919; display: block; float: left; width: 126px; height: 33px; }
body#bcontato #contato { color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; border-bottom: 4px solid #e03030; }

#meio { background: url("../img/bg_meio.jpg") no-repeat; clear: both; width: 891px; height: 738px; } 
#meio h1 { color: #fff; font-size: 15px; padding: 15px 0 0 15px; text-align: left; text-transform: uppercase; }
#meio p { color: #fff; text-align: justify; }

#meio .quadros { background: url("../img/bg_quadro.jpg") no-repeat; float: left; width: 283px; height: 280px; margin: 40px 7px 0 7px; _margin: 40px 6px 0 5px;  }
#meio .quadros h1 { font-size: 16px; }
#meio .quadros img { margin-top: 20px; }
#meio .quadros p { font-size: 13px; width: 230px; margin: 0px auto; }
#meio .quadros #vejamais { float: right; margin: 20px; }

#meio2 { background: url("../img/bg_meio2.jpg") no-repeat; clear: both; width: 891px; height: 738px; }
#meio2 h1 { color: #fff; font-size: 15px; padding: 15px 0 0 15px; text-align: left; text-transform: uppercase; }
#meio2 h2 { clear: both; color: #fff; font-size: 13px; padding: 5px 0 0 15px; text-align: left; text-transform: uppercase; }
#meio2 h3 { color: #fff; font-size: 12px; padding: 5px 0 0 15px; text-align: left; text-transform: uppercase; }
#meio2 p { color: #fff; padding: 5px 15px 0 15px; text-align: justify; }
#meio2 .image { float: left; margin-right: 10px; }

#meio2 .empresa { clear: both; height: 637px;  }
#meio2 .empresa #foto_covibras { float: left; padding: 35px 0 0 35px; }
#meio2 .empresa #foto_honda { float: right; padding: 35px 35px 0 0; }
#meio2 .empresa h1 { color: #fff; font-size: 15px; padding: 15px 0 0 15px; text-align: left; text-transform: uppercase; }
#meio2 .empresa p { color: #fff; float: left; font-size: 13px; text-align: justify; margin: 10px 0 0 10px; }
#meio2 .empresa img { float: left; margin: 24px; }

#meio2 #carro { margin: 20px 0 0 10px; height: 467px; }
#meio2 #carro #gallery { width: 390px; float: left; }
#meio2 #carro #gallery img { margin: 0 2px; }
#meio2 #carro ul { width: 850px; float: left; margin-left: 10px; }
#meio2 #carro ul li { color: #fff; font-size: 13px; line-height: 18px; text-align: left; }ft; }

#meio2 .cars { float: left; width: 150px; height: 150px; margin: 10px; }
#meio2 .cars img { border: 1px solid #fff; }
#meio2 .cars p { text-align: left; }
#meio2 .cars a { color: #fff; text-align: left; text-decoration: none; }

#meio2 .carsn { float: left; width: 157px; height: 140px; margin: 0 10px 0 10px; }
#meio2 .carsn a { color: #fff; text-align: left; text-decoration: none; }
#meio2 .carsn p { font-size: 13px; padding-left: 5px; text-align: left; }
#meio2 .carsn img { border: 0; margin-top: 3px; width: 160px; }

#meio #bemvindo { clear: both; float: left; width: 580px; height: 210px; }
#meio #bemvindo p { padding: 15px 0 0 15px; font-size: 13px; }
#meio #localizacao { float: left; width: 300px; height: 210px; }
#meio #localizacao img { margin-top: 15px; }

#rodape { clear: both; width: 892px; padding-top: 20px; _padding-top: 0;  }
#rodape ul { list-style: none; float: left; margin: 35px 0 0 10px; }
#rodape ul li { display: inline; color: #fff; margin: 3px; }
#rodape li a { color: #fff; font-size: 12px; text-decoration: none; text-transform: uppercase; }

/*contact form*/
/* ----------- My Form ----------- */
.myform { margin: 0 auto; width: 500px; padding: 12px; }
/* ----------- stylized ----------- */
#stylized { clear: both; }
#stylized h1 { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 30px; }
#stylized label { display: block; font-weight: bold; text-align: right; width: 150px; float: left; line-height: 30px; color: #fff; }
/*#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 #e03030; width: 200px; margin: 2px 0 10px 10px; }
#stylized button { clear: both; margin-left: 131px; width: 100px; height: 30px; background: #e03030; text-align: center; line-height: 27px; color: #fff; font-size: 12px; font-weight: bold; }
#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 #e03030; width: 200px; margin: 2px 0 10px 10px; }