/* 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: #000 url("../img/bg.jpg") repeat-x; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 14px auto; text-align: center; }

h1 { font-size: 18px; color: #fff; text-align: left; padding: 30px 0 0 200px;}
h2 { font-size: 14px; color: #fff; text-align: left; padding: 15px 0 0 190px;}
#empresa h2 { font-size: 14px; color: #fff; text-align: left; padding: 15px 0 0 28px;} 

#geral { width: 696px; margin: auto; }
#topo { background: url("../img/topo.jpg") no-repeat; margin: auto; width: 696px; height: 176px; }
#topo ul { list-style: none; padding-top: 116px; }
#topo li { display: inline; padding: 10px; }
#topo a { color: #fff; font-size: 10px; text-decoration: none; }
#topo a:hover { color: #fff; font-size: 10px; text-decoration: underline; }
#imgtopo { background: url("../img/imgtopo.jpg") no-repeat; margin: auto; width: 696px; height: 209px; }
#topo_index { background: url("../img/topo2.jpg") no-repeat; margin: auto; width: 696px; height: 209px; }
#meio { background: url("../img/meio.jpg") no-repeat; margin: auto; width: 694px; height: 396px; }
#meio p { color: #fff; text-align: justify; width: 365px; line-height: 14px;  margin: 10px auto; padding-left: 50px; }
#meio_clean { background: url("../img/meio_dicas.jpg") no-repeat; margin: auto; width: 694px; height: 396px; }
#meio_clean p { color: #fff; text-align: justify; width: 485px; line-height: 14px; margin: 10px auto; padding-left: 115px; }
#meio_clean2 { background: url("../img/meio_dicas.jpg") no-repeat; margin: auto; width: 694px; height: 396px; padding-left: 15px; }
#meio_clean2 p { color: #fff; text-align: justify; width: 485px; line-height: 14px; margin: 10px auto; }
#rodape { border: 1 px solid #fff; background: url("../img/bgrodape.jpg") repeat-x; clear: both; margin: 10px auto; width: 696px; height: 67px; }
#rodape p { color: #fff; padding-top: 25px; }
#flags { width: 670px; text-align: right;  }
#flags img { margin-top: 10px; float: righ; padding-left: 15px; border: none; }
.link { color: #fff; text-decoration: none; }
.link:hover { text-decoration: underline; }

/* fotos */
#fotos { width: 450px; margin: 5px auto; padding-left: 130px; }
.images { float: left; width: 120px; height: 95px; padding: 2px; }

/* empresa */
#empresa { overflow: auto; height: 300px; width: 540px; padding-left: 80px; }


/* contato */
dt { float: left; clear: left; width: 22%; padding: 2px; text-align: left; color: #fff; font-weight: bold; }
dd { text-align: left; padding: 3px 0 3px 3px; }
.input { border: 1px solid   #000; padding: 2px; margin-top: 2px; }
.btn { background-color: white; color: #232339; padding: 2px; font-size: 12px; }
fieldset { border: 0; width: 340px; margin: 10px auto; padding-left: 175px; }