/* 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-family: Arial, Verdana, sans-serif; font-size: 12px; color: #54514a; margin: 5px auto; text-align: center; }


/* Geral */
#geral { width: 990px; margin: auto; }

/* topo */
#topo { height: 116px; }
#topo img { float: left; margin: 5px 0 0 8px; }

/* menu */
#menu { background: url(../img/bg-menu.jpg) no-repeat; width: 313px; height: 239px; margin: auto; float: left; }
#menu ul { float: left; margin: 14px 0 0 70px; }
#menu ul li { height: 30px; }
#menu ul li a { display: block; background: url(../img/bg.jpg) no-repeat; height: 27px; width: 168px; font-size: 15px; text-decoration: none; font-weight: bold; text-transform: uppercase; padding:  6px 0 0 40px; text-align: left; color: #666 }
#menu ul li .atual { background: url(../img/over.jpg) no-repeat; color: #fff }
#menu ul li a:hover { background: url(../img/over.jpg) no-repeat; color: #fff; }
#menu ul li img { float: left; }
#flash { float: left; }
#out { width: 980px; margin-left: 25px; height: 230px; }

/* Quadros */
#quadros { width: 980px; padding: 40px 0 0 23px; margin: auto; }
.quadros { float: left; width: 282px; margin-right: 36px; height: 380px; }
.titulos { float: left; width: 300px; }
.titulos img { float: left; }
.titulos h1 { font-size: 23px; color: #333333; font-weight: normal; float: left; width: 243px; text-align: left; border-bottom: solid 2px #b1b1af; height: 32px; margin-left: 10px;  }

.noticia { width: 292px; clear: both; height: 130px; padding-top: 20px; float: left;  }
.noticia img { float: left; margin: 2px; }
.noticia a { color: #cc6600; }
.noticia h2 { color: #ff9900; font-size: 14px; text-align: left; text-transform: uppercase; font-weight: normal; }
.noticia p { text-align: justify; margin: 2px 0 0 5px; font-size: 14px; line-height: 17px; }
.data { background: url("../img/bg_data.jpg") no-repeat; width: 43px; height: 120px; text-align: center;  float: left; margin: 0 14px 0 3px; padding-top: 5px; }
.dia { font-size: 19px; width: 31px; display: block; font-weight: bold; text-align: center; line-height: 19px; color: #fff; }
.mes { font-size: 15px; width: 33px; display: block; text-align: center; color: #fff; }

.img { border: solid 2px #484848; margin: 8px 0 0 8px;  }
.texto { text-align: justify; margin: 6px 0 0 8px; font-size: 14px; width: 282px; line-height: 17px; }
#mais a { font-size: 14px; color: #54514a; float: left; font-weight: bold; }
#mais a:hover { text-decoration: none; }
#saiba { margin: 37px 0 0 5px; }
#saiba a { font-size: 14px; color: #54514a; float: left; font-weight: bold; }
#saiba a:hover { text-decoration: none; }

.link { font-size: 14px; color: #FF6600; float: left; font-weight: bold; }
.link:hover { text-decoration: none; }

/* rodape */
#rodape { width: 990px; background: #ebe9e9; margin: auto; height: 62px; clear: both; }
#rodape ul { width: 750px; list-style: none; padding: 18px 0 0 0; margin: auto; }
#rodape ul li { float: left; width: 100px; border-right: solid 1px #cc6600; }
#rodape ul li a { color: #000; font-size: 14px; text-decoration: none; }
#rodape ul li a:hover { text-decoration: underline; }
#rodape img { float: right; }

/* internas */
.texto2 { text-align: justify; margin: 6px 0 0 8px; font-size: 14px; line-height: 18px; float: left; }
.texto2 img { float: left; border: solid 2px #484848; margin: 5px; }
.img_prod { float: left; border: solid 2px #484848; margin: 13px 0 0 2px; }

.quadros2 { width: 420px; height: 300px; float: left; }
.quadros2 img { float: left; margin: 4px 0 0 3px; }
.quadros2 p { text-align: justify; margin: 4px 0 0 5px; font-size: 14px; line-height: 17px; float: left; }

/* Contato */

#images { clear: both; margin: 20px 0 0 0; float: left; width: 960px; }
#images img { margin-right: 20px; }
/* ----------- My Form ----------- */
.myform { margin: 10px auto; width: 410px; padding: 0px; clear: both; float: left; }
/* ----------- stylized ----------- */
#stylized { background: #fff; clear: both; }
#stylized label { display: block; font-weight: bold; text-align: right; width: 85px; float: left; line-height: 30px; color: #333333; }
/*#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: 4px 2px; border: solid 1px #b1b1af; width: 280px; margin: 2px 0 10px 10px; }
#stylized button { clear: both; margin-left: 120px; width: 100px; height: 30px; background: #eb3d00; text-align: center; color: #fff; font-size: 14px; 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 #b1b1af; width: 279px; height: 100px; margin: 2px 0 10px 10px; }