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

/* geral*/
.geral { width: 980px; margin: auto; }

/* menu superior */
.extend { background: #063; width: 100%; height: 26px; margin: auto; min-width: 980px; }
.menus { width: 980px; height: 26px; margin: auto; }
.menus img { float: left; margin-left: 20px; margin-top: 1px; }
.menus ul { list-style: none; float: right; padding: 1px 50px; }
.menus li { display: inline; color: #fff; font-size: 16px; }
.menus a { color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }

/* meio */
.meio { background: url("../img/bg.jpg") no-repeat; width: 980px; height: 516px; }
.content { width: 665px; float: right; height: 400px;  }
#logo { float: left; padding: 40px 0 0 15px; }
#h1home { color: #063; font: 28px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin-left: 250px; padding: 55px 0 0 0; text-align: left; }
#apresenta { float: right; margin: 5px; text-align: justify; width: 410px; }
#empresa { margin: 5px 0 0 30px; text-align: justify; width: 600px; }
#h1empresa { color: #063; font: 28px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin-left: 50px; padding: 55px 0 0 0; text-align: left; }
#quadros { clear: both; }
.quadros { border-left: 1px solid #063; width: 200px; height: 180px; float: left; margin-left: 15px; margin-top: 50px;  }
.quadros h1 { color: #063; font: 24px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; padding-left: 15px; }
.quadros p { text-align: justify; padding: 5px; }
.quadros a { color: #000; }
.meio address { float: left; font-size: 13px; font-style: normal; font-weight: bold; padding-top: 480px; text-align: left; }
.chegar { border-right: 1px solid #063; }

/*produtos*/
.produtos { float: left; width: 140px; height: 100px; margin: 20px 10px; }
.produtos p { color: #063; text-align: center; }

/*contato*/
#contato { text-align: left; margin: 25px 5px 10px 5px; font-size: 14px; }
#enviado_sucesso { margin-top: 15px; margin-left: 30px; font-size: 14px; float: left; text-align: left; width: 500px; heigth: 550px }
dt { float: left; clear: left; width: 25%; padding: 2px;  text-align: left; color: #006600; font-weight: bold; }
dd { text-align: left; padding: 3px 0 3px 3px;}
.input { border: 1px solid  #006600; padding: 2px ;}
.btn {	background-color: #006600; color: #fff; padding: 2px; font-size: 12px; }
fieldset { border: 0; clear: both; float: left; width: 340px; margin: 20px 0 0 60px; }
.mail { color: #006600; font-size: 14px; text-decoration: none; }
.mail:hover { text-decoration: underline; }


/*rodape*/
.rodape { background: url("../img/bg_rodape.jpg") repeat-x; width: 100%; margin: auto; }
.rodapecont { background: url("../img/bg_rodape.jpg") repeat-x; width: 980px; height: 36px; margin: auto; }
.rodape img { float: right; padding-top: 4px; }