/* 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 , include
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; }
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; color: #5778bb; font: 11px Verdana, Trebuchet, Helvetica, sans-serif; margin: auto; text-align: center; }
/* topo */
#topo { background: url('../img/bgtopo.jpg') repeat-x; width: 100%; height: 169px; }
#meio-topo { width: 981px; margin: auto; height: 173px; }
#logo { display: block; float: left; }
#fone { display: block; float: right; margin: 10px 0 0 0; }
#atend { display: block; float: right; margin: 10px 0 0 0; }
#menu { display: block; float: left; clear: both; width: 756px; margin: 13px 0 0 0; position: relative; }
#menu a { display: block; text-indent: -9999em; position: absolute; outline: none; float: left; }
#menu a:hover { background-position: left bottom; }
#menu .inicial { background: url("../img/inicial.png") no-repeat; width: 78px; height: 36px; float: left; left: 0px; top: 0px; }
#menu .aempresa { background: url("../img/aempresa.png") no-repeat; width: 129px; height: 36px; float: left; left: 140px; top: 0px; }
#menu .servicos { background: url("../img/servicos.png") no-repeat; width: 129px; height: 36px; float: left; left: 311px; top: 0px; }
#menu .produtos { background: url("../img/produtos.png") no-repeat; width: 129px; height: 36px; float: left; left: 471px; top: 0px; }
#menu .contato { background: url("../img/contato.png") no-repeat; width: 100px; height: 36px; float: left; left: 636px; top: 0px; }
#car { background: url("../img/bgcar.png") no-repeat; width: 224px; height: 52px; float: left; }
#car img { display: block; float: left; margin: 6px 0 0 5px; }
#car h2 { display: block; float: left; color: #5778bb; font-size: 14px; margin: 9px 0 0 9px; }
#car p { display: block; float: left; color: #5778bb; font-size: 12px; margin: 4px 0 0 9px; }
#car p a { color: #5778bb; font-size: 10px; display: block; float: right; margin: 1px 0 0 7px; }
/* meio */
#meio { width: 985px; clear: both; margin: auto; }
#destaque { clear: both; margin: 30px auto; width: 985px; }
.destaque { float: left; width: 492px; }
.t_destaque { float: left; }
.img_destaque { display: block; float: left; margin: 15px 0 0 5px; }
.destaque p { display: block; float: left; width: 247px; text-align: justify; margin: 9px 0 0 15px; font-size: 11px; line-height: 20px; }
#t_produtos { display: block; float: left; clear: both; margin: 33px 0 0 0; }
#quadro { border: solid 1px #ccc; clear: both; float: left; width: 981px; height: 134px; margin: 13px 0 0 0; }
.prod { float: left; width: 162px; border-right: solid 1px #ccc; height: 134px; }
.prod h2 { color: #5778bb; font-size: 12px; font-weight: bold; display: block; margin: 7px auto; }
.prod p { clear: both; text-align: center; margin: 3px auto; }
.prod .cart { margin: 0 5px -4px 0; }
.prod .add { color: #5778bb; text-decoration: none; }
.prod .add:hover { text-decoration: underline; }
.prod .veja { color: #5778bb; text-decoration: none; font-size: 9px; margin: 5px auto; display: block; }
.prod .veja:hover { text-decoration: underline; }
.quadro { display: block; float: left; width: 480px; height: 133px; border: solid 1px #ccc; margin: 29px 0 40px 0; text-decoration: none; }
.quadro .imgquadro { display: block; float: left; border: solid 1px #ccc; margin: 15px 0 0 15px; }
.quadro .t_quadro { display: block; float: left; margin: 18px 0 0 11px; }
.quadro p { color: #5778bb; width: 315px; display: block; float: left; text-align: justify; margin: 16px 0 0 11px; line-height: 18px; }
.quadro:hover { background: #dde4f1; }
/* rodape */
#rodape { width: 100%; background: url('../img/bgrodape.png') repeat-x; height: 187px; clear: both; }
#rodape-meio { margin: auto; width: 978px; height: 187px; }
#produtosr { width: 384px; float: left; margin: 10px 0 0 45px; }
#produtosr h2 { font-weight: bold; font-size: 14px; float: left; text-align: left; margin: 0 0 15px 0; }
.list-r { clear: both; list-style: none; }
.list-r li { text-align: left; margin: 0 0 20px 0; }
.list-r li a { text-decoration: none; font-size: 12px; color: #5778bb; }
.list-r li a:hover { text-decoration: underline; }
#servicosr { width: 275px; float: left; margin: 10px 0 0 0; }
#servicosr h2 { font-weight: bold; font-size: 14px; float: left; text-align: left; margin: 0 0 15px 0; }
#buscar { width: 269px; float: left; margin: 10px 0 0 0; }
#buscar h2 { font-weight: bold; font-size: 14px; float: left; text-align: left; margin: 0 0 15px 0; }
.input-r { width: 206px; height: 21px; border: solid 1px #999; color: #999; float: left; }
#buscar button { display: block; float: left; width: 57px; height: 26px; background: url('../img/buscar.png') no-repeat; border: none; margin: 0 0 0 2px; }
#logo-rodape { display: block; float: left; margin: 8px 0 3px 0; }
#buscar p { clear: both; width: 265px; float: left; text-align: left; font-size: 12px; line-height: 18px; }
#buscar p img { float: right; margin: -10px 0 0 0; }