/* 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; }

/* pop up consulta popular */
#dropin {  position: absolute; visibility: hidden; left: 250px; top: 215px; width: 214px; height: 118px; background-color: #dee6fd; layer-background-color: #dee6fd; border: 1px none #000000; }

/* begin site*/
html { text-align: center; }
body { background: #fff url("../img/bg.jpg") repeat-x; font: 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin: auto; text-align: center; }

#geral { background: #fdfdfd; width: 936px; margin: auto; }
#topo { background: url("../img/topo.jpg") no-repeat; width: 936px; height: 184px; }
#topo #logo { height: 150px; }
#topo #logo img { margin-top: 30px; float: left; }
#topo ul { display: none; list-style: none; padding-top: 14px; clear: both; }
#topo ul li { display: inline; margin-bottom: 8px; }
#topo #inicial { float: left; margin-left: 65px; width: 64px; }
#topo #apresenta { float: left; width: 110px; }
#topo #noticias { float: left; width: 74px; }
#topo #calendario { float: left; width: 168px; }
#topo #fotos { float: left; width: 58px; }
#topo #galeria { float: left; width: 62px; }
#topo #utilidade { float: left; width: 124px; }
#topo #equipe { float: left; width: 68px; }
#topo #cont { float: left; width: 72px; }
#topo a { color: #034694; font-size: 13px; font-weight: 500; text-decoration: none; }
#topo a:hover { color: #ba251d; }

/*menu*/
#menu { background: url("../img/bg_menu.jpg") no-repeat; width: 175px; height: 900px; float: left; }

#out_menu { float: left; margin-top: 5px; text-align: left; }
#out_menu #p1 { color: #c03; font-size: 13px; font-weight: 600; text-align: left; padding: 10px 0 0 10px; height: 23px; }
#out_menu #p_all { color: #c03; font-size: 13px; font-weight: 600; text-align: left; padding: 1px 0 0 10px; display: block; height: 23px;  }
#out_menu ul { list-style: none; padding: 0 0 0 18px; text-align: left; }
#out_menu ul li { text-align: left; height: 21px; }
#out_menu ul li img { float: left; margin: 4px 4px 0 0;  }
#out_menu ul li a { color: #360; font-size: 12px; text-decoration: none; }
#out_menu ul li a:hover { color: #039; }

/*meio*/
#meio { width: 447px; float: left; }
#meio a  { text-decoration: none; }
#content { background: #ececec; width: 431px; min-height: 828px; float: left; margin: 5px 0 0 8px; _margin-left: 4px; }
#content h1 { color: #039; font-size: 22px; font-weight: normal; line-height: 21px; padding: 10px 0 0 15px; text-align: left; font-weight: 600; }
#content p { color: #060; text-align: justify; margin: 10px; }
#content img { float: left; margin: 5px; }
#destaque { background: #ececec; width: 426px; height: 350px; margin: 5px 0 0 8px; }
#destaque img { margin: 7px 0 0 2px; border: solid 3px #ececec; }
#destaque p { text-align: left; }
#destaque img:hover { border: solid 3px #003399; }
#destaque a { color: #060; font-size: 22px; font-weight: 700; line-height: 21px; }
#destaque a:hover { color: #039603; }

#destaque .verde { color: #006600; }
#destaque .verde:hover { color: #039603; }

#destaque .azul { color: #003399; }
#destaque .azul:hover { color: #024cdf; }

#destaque .marrom { color: #663300; }
#destaque .marrom:hover { color: #a85503; }

#destaque .vermelho { color: #cc0033; }
#destaque .vermelho:hover { color: #920125; }

#destaque .amarelo { color: #FFAA00; }
#destaque .amarelo:hover { color: #c28100; }

.noticia .verde { color: #006600; }
.noticia .verde:hover { color: #039603; }

.noticia .azul { color: #003399; }
.noticia .azul:hover { color: #024cdf; }

.noticia .marrom { color: #663300; }
.noticia .marrom:hover { color: #a85503; }

.noticia .vermelho { color: #cc0033; }
.noticia .vermelho:hover { color: #920125; }

.noticia .amarelo { color: #FFAA00; }
.noticia .amarelo:hover { color: #c28100; }


#destaque p { padding: 2px 0 0 10px; float: left; width: 400px; }
.noticia { background: #f1f1f1; width: 209px; height: 190px; float: left; margin: 12px 0 3px 8px; }
.noticia img { margin-top: 5px; border: solid 2px #ececec; }
.noticia img:hover { border: solid 2px #060; }
.noticia p { text-align: left; padding: 0 5px 0 10px; }
.noticia a { color: #039; font-size: 13px; font-weight: bold; line-height: 19px; }
.noticia .marrom { color: #630; }
.noticia a:hover { color: #024cdf; }
#mapa1 { background: #f1f1f1; float: left; width: 242px; height: 267px; margin: 10px 0 0 8px; }
#mapa1 p { text-align: left; float: left; width: 230px; padding: 0 0 0 8px; }
#mapa1 a { color: #333; font-size: 17px; font-weight: normal; line-height: 17px; text-align: left; }
#mapa1 a:hover { color: #060; }
#mapa1 img { margin-top: 5px; border: solid 2px #ececec; }
#mapa1 img:hover { border: solid 2px #039; }
#mapa1 h2 { color: #039; }
#mapa2 { background: #f1f1f1; float: left; width: 170px; height: 267px; margin: 10px 0 0 8px; }
#mapa2 img { margin-top: 5px; border: solid 2px #ececec; }
#mapa2 p { text-align: left; float: left; width: 160px; padding: 0 5px 0 10px; }
#mapa2 a { color: #063; font-size: 18px; font-weight: normal; line-height: 17px; text-align: left; }
#mapa2 a:hover { color: #039; }
#mapa2 img:hover { border: solid 2px #039; }


/*lateral*/
#lateral { width: 308px; float: left; margin-top: 5px; }
#player { background: #ececec; width: 308px; height: 252px; }
#player img { padding-top: 5px; }
#player #vejamais { float: right; margin: 0 18px 0 0; }
#player #vejamais a { color: #039; font-weight: bold; text-decoration: none; }
#player #vejamais a:hover { color: #360; }
#player p { text-align: left; color: #034694; padding-left: 5px; }
#cal { background: url("../img/bg_cal.jpg") no-repeat #f1f1f1; width: 309px; height: 300px; margin-top: 10px; }
#cal h1 { color: #039; font-size: 18px; padding-top: 5px; }
#cal #p1 { color: #c03; font-size: 13px; font-weight: 600; text-align: left; padding: 4px 0 0 14px; height: 23px; }
#cal #p_all { color: #c03; font-size: 13px; font-weight: 600; text-align: left; padding: 1px 0 0 14px; height: 21px; }
#cal ul { list-style: none; padding: 3px 0 0 18px; margin-top: 3px; }
#cal ul li { text-align: left; height: 22px; text-transform: uppercase; }
#cal ul li a { color: #360; font-size: 12px; text-decoration: none; }
#cal ul li a:hover { color: #039; }
#cal ul li img { float: left; margin: 4px 4px 0 0;  }
#cal #vejamais { float: right; margin: 0 18px 0 0;  }
#cal #vejamais a { color: #039; font-weight: bold; text-decoration: none; }
#cal #vejamais a:hover { color: #360; }
#contato { background: #ececec; width: 308px; height: 255px; margin-top: 10px; }
#contato h1 { color: #039; font-size: 20px; padding-top: 5px; }
/*form contato*/
#form5 {  }
#form5 fieldset { margin: 0; border: none; }		
#form5 p { clear: both; margin: .1em 0; overflow: hidden; }
#form5 input { border: 1px solid #000; } 
	
#form5 input, #form5 textarea { margin: 0; width: 250px; border: 1px solid #ddd; padding: 3px 5px 3px 25px;	}		
#form5 input#name { background: #fff url(../img/form_name.gif) no-repeat 5px 50%; }
#form5 input#email { background: #fff url(../img/form_email.gif) no-repeat 5px 50%; }
#form5 input#web { background:#fff url(../img/form_url.gif) no-repeat 5px 50%; }
#form5 input#fone { background:#fff url(../img/form_fone.gif) no-repeat 5px 50%; }
#form5 input#cidade { background:#fff url(../img/form_cidade.gif) no-repeat 5px 50%; }
#form5 textarea#message { background: #fff url(../img/form_note.gif) no-repeat 5px 6px; }
#form5 textarea { height: 70px; overflow: auto; }					
#form5 p.submit { clear: both; margin: 3px 0; padding: .1em 70px; border-top: 1px solid #f1f1f1; }	
#form5 button { height: 28px; line-height: 28px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #333;	border-bottom: 1px solid #333; background: url(../img/form_button.gif) no-repeat; padding: 0 10px 0 25px; color: #333; cursor: pointer; text-align: left; font-size: 11px; font-weight: bold; }				
/*end form contato*/
#parceiros { background: url("../img/bg_parceiros.jpg") no-repeat; text-align: center; width: 135px; height: 234px; margin: 10px 0 0 15px; }
.parceiro { float: left; width: 135px; margin: 0 0 0 1px; }
.parceiro p { margin: 0px; }
.parceiro img { }
.parceiro a { font-size: 11px; color: #060; font-weight: bold; text-decoration: none; }
.parceiro a:hover { color: #039; }

#rodape { background: url("../img/bg_rodape.jpg"); clear: both; width: 100%; height: 91px; }
#content_rodape { background: url("../img/bg_rodape.jpg"); clear: both; width: 931px; margin: auto; }
#content_rodape p { color: #009; font-size: 11px; text-align: left; padding: 25px 0 0 18px; width: 850px; float: left; }
#content_rodape a { float: left; margin-top: 46px; } 

.link { color: #000099; font-weight: bold; }
.calendario h2 { color: #c03; font-size: 14px; margin: 15px 0 0 15px; text-align: left; }

 /* Fotos */ 
.fotos { float: left; margin: 4px 0 0 5px; width: 198px; height: 128px; }
.fotos img { border: 2px solid #006600; }
.fotos img:hover { border: 2px solid #000099; }  
.fotos a { color: #006600; text-decoration: underline; font-size: 14px; }
.fotos a:hover { color: #000099; text-decoration: underline; }

.v-fotos { float: left; margin: 2px 0 0 5px; width: 130px; height: 135px; margin: 0px; }
.v-fotos img { border: 2px solid #006600; }
.v-fotos img:hover { border: 2px solid #000099; }  
.v-fotos a { color: #006600; text-decoration: underline; font-size: 14px; }
.v-fotos a:hover { color: #000099; text-decoration: underline; }

#links { background: url("../img/links.jpg") no-repeat; width: 440px; height: 79px; margin: 0 0 0 8px; clear: both; }
#links p { line-height: 12px; font-size: 11px; padding: 0px; margin: 0px; text-align: center; height: 12px; }
#links img { border: none; margin-top: 4px; }
#links p a { color: #006600; text-decoration: none; font-weight: bold; }
#links p a:hover { color: #039603; }
#links .mlinks { float: left; width: 137px; height: 65px; }
 
 /* Coleta Seletiva */ 
h2.coleta { color: #c03; font-size: 14px; margin: 15px 0 0 15px; text-align: left; }
#coleta { float: left; margin: 10px 0 0 15px; }
#coleta li { color: #006600; float: left; text-align: justify; margin: 5px 8px 0 0; }

/* radios */
.radios { float: left; width: 400px; height: 125px; margin-left: 10px; }
.radios img { float: left; border: none; } 

/* apresentacao */
.apresentacao img { border: solid 2px #ececec; }
.apresentacao img:hover { border: solid 2px #039; }

 /* noticias */
.noticias { float: left; width: 400px; margin: 5px 0 0 10px; height: 150px; }
.noticias img { border: solid 2px #039; }
.noticias img:hover { border: solid 2px #c03; }
.noticias h2 { color: #c03; font-size: 14px; text-align: left; padding-top: 10px; }
.noticias a { color: #039; font-weight: bold; }
.noticias a:hover { color: #c03; }

.mail { color: #060; }
.mail:hover { color: #039; }

.link2 { color: #360; font-size: 12px; text-decoration: none; }
.link2:hover { color: #039; font-weight:bold; }

#dropin { position: absolute; visibility: hidden; left: 285px; top: 215px; width: 214px; height: 118px; background-color: #dee6fd; layer-background-color: #dee6fd; border: 1px none #000000; }