/* 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 
{ 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 Arial, Helvetica, sans-serif; margin: auto; text-align: center; }

#geral { width: 980px; margin: auto; }
.bg { background: url("../img/bg.jpg") repeat-y; margin-top:20px; width: 10px; height: 496px; float: left; }
#meio { width: 958px; height: 510px; float: left; border-bottom: 5px solid #e67817; }
#topo { margin: 20px 0 15px 0; height: 172px;  }
.cols { width: 318px; height: 232px; float: left; margin-top: 30px; }
.cols ul { margin: 0 0 0 110px; }
.cols ul li { text-align: left; width: 100px; margin-top: 20px; float: left; clear: both; }
.cols ul li a { color: #00467a; font-size: 16px; font-weight: 700; text-decoration: none; }
.cols h1 { font-size: 16px; text-align: left; padding: 10px 28px; font-weight: normal; }
.cols p { text-align: left; padding: 0px 10px; }
.cols img { height: 90px; border: 0; }

#footer { clear: both; }
#footer p { color: #838280; font-size: 15px; font-weight: 700; } 

#topo2 { height: 172px; }
#topo2 img { float: left; margin: 20px 0 0 130px; }
#topo2 h1 { float: left; text-align: left; font-size: 26px; color: #82817f; margin: 110px 0 0 195px; width: 270px; }
#topo2 h2 { float: left; text-align: left; font-size: 16px; color: #82817f; margin: 117px 0 0 0; width: 300px; }
#content { float: left; width: 640px; height: 360px; margin: 0 10px 0 10px; }
#content p { font-size: 13px; text-align: left; margin: 61px 0 0 25px; }
#content h2 { font-size: 18px; margin: 30px 0 0 25px; text-align: left; font-weight: normal; }
#content ul { margin: 50px 0 0 25px; }
#content ul li { text-align: left; line-height: 40px; }
#content ul li a { color: #82817f; font-size: 16px; font-weight: 700; text-decoration: none; }

#content .tit { text-align: left; margin: 10px; clear: both; float: l }


#disco { float: left; width: 640px; height: 420px; margin: 0 10px 0 10px; }
#disco p { font-size: 13px; text-align: left; margin: 61px 0 0 25px; }
#disco h2 { font-size: 18px; margin: 30px 0 0 25px; text-align: left; font-weight: normal; }
#disco ul { margin: 50px 0 0 25px; }
#disco ul li { text-align: left; line-height: 40px; }
#disco ul li a { color: #82817f; font-size: 16px; font-weight: 700; text-decoration: none; }

#disco .tit { text-align: left; margin: 10px; clear: both; float: l }


.orang { color: #e67817; font-style: italic; }

#tpeca { text-align: left; }


/* ----------- Forms ----------- */
.myform { margin: 5px auto; width: 640px; padding: 5px; float: left; }
/* ----------- stylized ----------- */
#stylized { clear: both; float: left; }
#stylized h1 { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
#stylized label { display: block; font-weight: bold; text-align: right; width: 250px; float: left; line-height: 30px; color: #5e5e5e; clear: both; }
#stylized select { width: 150px; float: left; margin: 4px 0 0 5px; border: 1px solid #666; }
/*#stylized .small { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px;}*/
#stylized input { float: left; font-size: 12px; padding: 2px 2px; border: solid 1px #b0b0b0; width: 200px; margin: 4px 0 10px 5px; }
#stylized button { clear: both; margin-left: 145px; width: 100px; height: 25px; background: #666; text-align: center; line-height: 22px; color: #fff; font-size: 12px; font-weight: bold; }
#stylized .erro { color: red; font-weight: 700; }
#stylized .texto { clear: both; font-size: 11px; font-weight:normal; }
#stylized textarea { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #b0b0b0; width: 200px; height: 45px; margin: 2px 0 10px 5px; }



/* ----------- Forms ----------- */
.myform2 { margin: 5px auto; width: 640px; padding: 5px; float: left; }
/* ----------- stylized ----------- */
#stylized2 { clear: both; float: left; }
#stylized2 h1 { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
#stylized2 label { display: block; font-weight: bold; text-align: right; width: 80px; float: left; line-height: 30px; color: #5e5e5e; clear: both; }
#stylized2 select { width: 150px; float: left; margin: 4px 0 0 5px; border: 1px solid #666; }
/*#stylized2 .small { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px;}*/
#stylized2 input { float: left; font-size: 12px; padding: 2px 2px; border: solid 1px #b0b0b0; width: 200px; margin: 4px 0 10px 5px; }
#stylized2 button { clear:both; float:left; margin-left: 130px; margin-top:10px; width: 100px; height: 25px; background: #666; text-align: center; line-height: 22px; color: #fff; font-size: 12px; font-weight: bold; }
#stylized2 .erro { color: red; font-weight: 700; }
#stylized2 .texto { clear: both; font-size: 11px; font-weight:normal; }
#stylized2 textarea { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #b0b0b0; width: 200px; height: 45px; margin: 2px 0 10px 5px; }