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

h1 { font-size: 16px; font-weight: bold; text-align: left; }

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

#topo { width: 980px; height: 212px; }
#menu {  background: url("../img/bgmenu.jpg") repeat-x; width: 980px; height: 88px; }
#menu ul { list-style: none; padding-top: 8px; }
#menu li { display: inline; }
#menu a { color: #fff; font-size: 15px; text-decoration: none; }
#menu a:hover { font-size: 15px; }

#meio { width: 980px; height: 320px; padding-top: 45px;}

#meio_internas { background: url("../img/inicial.jpg") no-repeat; width: 980px; height: 320px; margin-top: 20px; }
#content_internas { width: 550px; float: right; height: 320px; } 
#content_internas img { border: 4px solid #c0a062; float: right; }
#content_internas h1 { color: #fff; float: left; font-size: 20px; font-style: italic; margin-top: 10px; text-align: center; }
#content_internas h2 { color: #fff; float: left; font-size: 16px; clear: both; font-style: italic; margin-top: 5px; text-align: center; }
#content_internas p { color: #fff; clear: both; float: left; font-size: 12px; width: 350px; text-align: justify; padding-top: 5px;  }

.logo { float: left; width: 467px; margin-top:12px; }

.infra { float: left; width: 499px; height: 312px; margin-left: 5px; }
.infra { color: #e8e6e3; font-size:40px; font-family: Monotype Corsiva, Arial, Helvetica, sans-serif; }

.tratamentos { margin-top:10px; margin-left:7px; }
.tratamentos h1 { font-family:Century Gothic, Arial, Helvetica, sans-serif; font-weight:600; color: v; }


#overflow { width: 550px; float: right; height: 260px; padding-top: 10px; margin-top: 3px; overflow: auto; }

#images { float: right; width: 190px; height: 300px; margin-top: 10px; }

#content { width: 445px; float: right; height: 320px; }
#content img { border: 4px solid #c0a062; }
#content h1 { color: #fff; float: right; font-size: 20px; font-style: italic; margin-top: 40px; margin-right: 60px; text-align: center; }
#content p { color: #fff; float: left; font-size: 14px; width: 440px; text-align: justify; padding-top: 10px; }

#rodape { background: url("../img/bg_rodape.jpg") repeat-x; width: 980px; height: 63px; }
#rodape p { color: #fff; font-size: 15px; padding-top: 30px; }

/*formularios*/
dt { float: left; clear: left; width: 22%; padding-top: 10px; text-align: left; color: #fff; font-weight: bold; }
dd { text-align: left; padding: 3px; color: #005100; }
.input { border: 1px solid #c0a062; padding: 2px; margin-top: 5px; }
.btn { border: 1px solid #c0a062; color: #c0a062; float: right; margin-right: 150px; margin-top: 5px; font-size: 14px; }
fieldset { float: left; width: 300px; }

.fotos { float: left; width: 180px; height: 130px; }
.fotos img { border: 2px solid #c0a062; }

/* Tratamentos */
#tratamentos { float: left; width: 510px; text-align: left; }
#tratamentos li { list-style: none; }
#tratamentos li a { color: #fff; font-size: 14px; }
#tratamentos li a:hover { text-decoration: none; }
.voltar { color: #fff; font-size: 13px; }