/* CSS Document (Estrutura) */
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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 { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 2px auto; text-align: center; background: url("../img/bg.jpg"); }
h1 { color: #7c7c7c; float: left; margin: 10px 0 0 18px; font-size: 16px; width: 470px; text-align: left; }


#geral { width: 766px; height: 664px; margin: auto; border: solid 2px #fff; background: #fff; }
#topo { width: 767px; height: 184px; }
#logo { float: left; }
#menu { float: left; background: url("../img/bgmenu.jpg") no-repeat; width: 558px; height: 183px; }
#menu ul { height: 134px; margin: 25px 0 0 0; list-style: none; }
#lado { background: url("../img/bglado.jpg") no-repeat; width: 208px; height: 430px; float: left; padding-top: 60px; }
#lado p { color: #fff; }
#meio { float: left; width: 551px; height: 470px; }
#menu li { display: inline; float: left; padding-left: 16px;}

a.rolloverinicial { display: block; width: 89px; height: 172px; background: url("../img/inicial.jpg") 0 0 no-repeat; text-decoration: none; }
/* a:hover.rolloverinicial { background-position: -98px 0; } */

a.rolloverempresa { display: block; width: 100px; height: 131px; background: url("../img/empresa.jpg") 0 0 no-repeat; text-decoration: none; }
/* a:hover.rolloverempresa { background-position: -98px 0; } */

a.rolloverservicos { display: block; width: 90px; height: 134px; background: url("../img/servicos.jpg") 0 0 no-repeat; text-decoration: none; }
/* a:hover.rolloverservicos { background-position: -98px 0; } */

a.rolloverprodutos { display: block; width: 87px; height: 134px; background: url("../img/produtos.jpg") 0 0 no-repeat; text-decoration: none; }
/* a:hover.rolloverprodutos { background-position: -98px 0; } */

a.rollovercontato { display: block; width: 87px; height: 134px; background: url("../img/contato.jpg") 0 0 no-repeat; text-decoration: none; }
/* a:hover.rollovercontato { background-position: -98px 0; } */

.quadros { background: url("../img/bgquadro.jpg") no-repeat; width: 134px; height: 130px; float: left; margin: 25px 0 0 3px; color: #c52817; font-size: 12px; text-align: center; }
.quadros p { padding: 2px 2px 0 8px; line-height: 14px; font-size: 11px; }
.negrito { font-weight: bold; }
.quadros img { float: left; padding-left: 13px; }

.quadros2 { background: url("../img/bgquadro2.jpg") no-repeat; width: 134px; height: 176px; float: left; margin: 25px 0 0 3px; color: #c52817; font-size: 12px; text-align: center; }
.quadros2 p { padding: 7px 2px 0 2px; line-height: 14px; font-size: 11px; }
.negrito2 { font-weight: bold; }
.quadros2 img { float: left; padding-left: 5px; }
#marcas { clear: both; float: left; margin: 25px 0 0 5px; }

/* empresa */
.texto { clear: both; font-size: 12px; text-align: justify; padding: 10px 0 0 18px; line-height: 16px; }
.fotos { width: 160px; height: 120px; float: left; padding: 12px 0 0 8px; }
.fotos img:hover{ border: solid 2px #CC3300; }
.fotos img { border: solid 2px #fff; }
#veja { clear: both; padding-top: 20px; float: right; padding-right: 35px; }
#veja a { color: #CC3300; font-weight: bold; font-size: 16px; text-decoration: none;  } 
#pg { clear: both; padding-top: 20px; }
#pg a { color: #CC3300; font-weight: bold; font-size: 16px; text-decoration: none;  } 
#pg a:hover { text-decoration: underline; }

/* servicos */
.serv { width: 195px; height: 190px; float: left; margin: 20px 0 0 40px; line-height: 14px; }
.serv img { border: solid 2px #CC3300; }

/* contato */
dt { float: left; clear: left; width: 22%; padding-top: 15px; text-align: left; color: #7c7c7c; font-weight: bold; }
dd { text-align: left; padding: 3px 0 3px 3px; }
.input { padding: 2px; margin-top: 8px; }
.btn { padding: 2px; font-size: 12px; }
fieldset { border: 0; float: left; width: 340px; margin: 20px 0 0 20px; }
.vermelho { color: #c52817; font-weight: bold; }