* { margin:0; padding:0 }

body { font:11px Arial, Helvetica, sans-serif; background: #006699 url(img/bgbody.jpg) no-repeat center top }

a { color:#0094D3 }
ul, menu { list-style:none }
a.mais { color:#006699; font-weight:bold }

#all { width:770px; float:left; position:relative; left:50%; margin:0 0 0 -385px }

#header {
	width:770px;
	height:197px;
	background:url(img/header.jpg) }
	
#header .logotipo { position:absolute; left:23px; top:5px }

#header menu { padding:0 0 0 248px } 
#header menu li { float:left; padding:7px 2px 10px 3px }
#header menu li a { 
	padding:2px 7px 2px 7px; 
	background:url(img/bg_menu-top_link.jpg) bottom repeat-x; 
	border:1px solid #DDD;
	color:#000;
	text-decoration:none }
	
#header menu li a:hover { background:url(img/bg_menu-top_linka.jpg) bottom repeat-x }  
	
#header .url { float:right; padding:6px 10px 0 0; color:#666 }
#header h1 span, #header h2 span { display:none }

#content { 
	width:770px;
	float:left;
	background:#FFF }

#c1, #c2, #c3 { float:left; padding:15px; overflow:hidden }
#c1, #c3 { width:135px;  }
#c1 { background:url(img/bg_c1_top.jpg) repeat-x }
#c2 { width:420px; background:url(img/bg_c2_top.jpg) no-repeat; padding:15px 5px 15px 15px }
#c3 { background:url(img/bg_c3_top.jpg) no-repeat }
#c2 { padding-top:0px }
#c3 { padding-top:40px }

#c1 menu { margin:0 0 20px; width:140px }
#c1 menu li a {
	background:url(img/menu_bglink.gif) no-repeat center left;
	color:#000; 
	padding:0 0 0 10px;
	text-decoration:none }
#c1 menu li a:hover { color:#0094D3; text-decoration:underline }

* html #c1 menu { width:130px }

#c1 h2 span { display:none }
#c1 h2.institucional { height:25px; background:url(img/h2_menu_institucional.gif) left center no-repeat }
#c1 h2.servicos { height:25px; background:url(img/h2_menu_servicos.gif) left center no-repeat }

#c2 .cboxA { float:left; width:197px; margin:0 15px 0 0; overflow:hidden }
#c2 .cboxB { float:left; width:197px; overflow:hidden }
#c2 .box { margin:15px 0 0 0; overflow:hidden }

.default { margin:0 0 15px }

p { margin:0 0 10px }

h2 { clear:both }
h2.A { height:31px }
h2.AA { height:37px }
h2.A, h2.AA { border-left:3px solid #999; margin:0 0 5px }
h2 span { display:none }

/* Títulos:Imagem Replacement --------------------------*/
.anuncios h2.AA		{ background:url(img/h2_anuncios-destaques.jpg) 5px center no-repeat }
.ofertas h2.AA 		{ background:url(img/h2_ofertas-e-classificados.jpg) 5px center no-repeat }
.galeria h2.AA		{ background:url(img/h2_ultimas-coberturas.jpg) 5px center no-repeat }
.galeriaD h2.AA		{ background:url(img/h2_cobertura-destaque.jpg) 5px center no-repeat }
.recados h2.AA 		{ background:url(img/h2_mural-de-recados.jpg) 5px center no-repeat }
.gcomercial h2.AA 	{ background:url(img/h2_guia-comercial.jpg) 5px center no-repeat }
.eventos h2.AA 		{ background:url(img/h2_agenda-de-eventos.jpg) 5px center no-repeat }
.noticias h2.AA 	{ background:url(img/h2_ultimas-noticias.jpg) 5px center no-repeat }
.noticia h2.AA 		{ background:url(img/h2_noticia.jpg) 5px center no-repeat }
.jogos h2.AA 		{ background:url(img/h2_jogos-on-line.jpg) 5px center no-repeat }
.jogo h2.AA 		{ background:url(img/h2_jogos-on-line.jpg) 5px center no-repeat }
.residencial h2.AA	{ background:url(img/h2_sobre-o-residencial.jpg) 5px center no-repeat }
.cidade h2.AA 		{ background:url(img/h2_sobre-a-cidade.jpg) 5px center no-repeat }
.localizacao h2.AA	{ background:url(img/h2_localizacao.jpg) 5px center no-repeat }
.publicidade h2.AA 	{ background:url(img/h2_divulgue-sua-empresa.jpg) 5px center no-repeat }
.igrejas h2.AA 		{ background:url(img/h2_igreja.jpg) 5px center no-repeat }
.cursos h2.AA 		{ background:url(img/h2_agenda-de-cursos.jpg) 5px center no-repeat }
.lazer h2.AA 		{ background:url(img/h2_lazer-e-turismo.jpg) 5px center no-repeat }
.shopping h2.AA 	{ background:url(img/h2_shopping-virtual.jpg) 5px center no-repeat } 
.telefones h2.AA 	{ background:url(img/h2_telefones-uteis.jpg) 5px center no-repeat }  
.onibus h2.AA 		{ background:url(img/h2_linhas-de-viacao.jpg) 5px center no-repeat }
.postosaude h2.AA 	{ background:url(img/h2_posto-de-saude.jpg) 5px center no-repeat }
.administracao h2.AA 	{ background:url(img/h2_admin-local.jpg) 5px center no-repeat }
.fale h2.AA 	{ background:url(img/h2_fale-conosco.jpg) 5px center no-repeat }
.chat h2.AA 	{ background:url(img/h2_chat.jpg) 5px center no-repeat }

.banners h2.A, .comercio h2.AA 	{ background:url(img/h2_comercio.jpg) 5px center no-repeat }
.newsletter h2.A 	{ background:url(img/h2_newsletter.jpg) 5px center no-repeat }

h3 { font-size:17px; letter-spacing:-1px; color:#666; margin:0 0 10px; clear:both }
h4 { font-size:14px; letter-spacing:-1px; color:#000; margin:0 0 10px; clear:both }

.anuncios .slideshow { width:410px;	height:200px }
.eventos .slideshow { width:200px; height:170px }

.residencial ul { list-style:square; margin:0 0 0 25px }
.residencial ul li { margin:0 0 10px }

/* SLIDESHOW -------------------------------------- */
.slideshow ul {
	position:absolute;
	overflow:hidden;
	padding:5px;
	bottom:2px;
	right:2px;
	z-index:1000 }

.slideshow ul a {
	background:url(img/a.gif) no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	height:20px;
	margin:0 4px 0 0;
	overflow:hidden;
	width:12px}
	
.slideshow ul a.prev { background-image:url(img/prev.gif); width:20px }
.slideshow ul a.next { background-image:url(img/next.gif); margin-right:0; width:20px }

.slideshow ul a.active,
.slideshow ul a.prev:hover,
.slideshow ul a.next:hover { background-position:0 -20px }

.slideshow ul li { float:left; list-style:none }

/* --- */

.home .ofertas ul {
	overflow:auto;
	height:200px;
	background:#EEE;
	border:1px solid #CCC;
	padding:10px }

.ofertas ul li 		{ padding:0 0 5px; margin:0 0 5px }
.ofertas ul li span { display:block }
.ofertas .categoria { color:#FFF; background:#0094D3; font-weight:bold; margin:10px 0 0 0; padding:0 5px 0 5px; display:inline }
.ofertas .produto 	{ font:bold 13px Arial, Helvetica, sans-serif; display:block }
.ofertas .descricao { display:block }

.ofertas ul.fotos li { float:left; margin:0 5px 5px 0 }
.ofertas ul.fotos li img { width:60px; cursor:pointer }
.ofertas .big { margin:0 10px 10px 0; border:3px solid #EEE }

.gcomercial select {
	width:197px;
	color:#0094D3;
	font:bold 11px Arial, Helvetica, sans-serif }
	
.button, 
.gcomercial input {
	margin:3px 0 0 0; 
	background:#0094D3; 
	font:bold 11px Arial, Helvetica, sans-serif; 
	color:#FFF; 
	border:0;
	padding:3px }
	
.newsletter { padding:0 0 20px }
.newsletter label span { color:#0094D3; float:none; display:block; padding:5px 0 2px }
.newsletter .text { font:11px Arial, Helvetica, sans-serif; color:#666 }	

.galeria ul li { margin:0 0 5px; padding:0 0 5px; border-bottom:1px solid #CCC }	
.galeria ul li a { color:#000; text-decoration:none }
.galeria img { float:left; margin:0 5px 0 0; border:1px solid #0094D3 }
.galeria .data, .galeria .clicks { color:#666 }
.galeria .titulo { font:bold 13px Arial, Helvetica, sans-serif }
.galeria .quantidade { color:#0094D3 }

.galeriaD .codigo { display:block; padding:5px 0 0 }
.galeriaD .codigo span { color:#0093DD }
.galeriaD { float:left; margin:0 0 10px; border-bottom:1px solid #CCC; padding:0 0 10px }
.galeriaD ul.thumbs { margin:0 0 10px; width:420px; float:left }
.galeriaD ul.thumbs li { float:left; padding:4px 2px 0 0 }
.galeriaD ul.thumbs li img { float:left; cursor:pointer }
.galeriaD .big img { background:url(img/loading.gif) no-repeat center center }
.galeriaD .titulo { font:bold 18px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#0094D3; text-align:center; padding:0 0 10px 0; display:block }
.galeriaD .data { color:#666; display:block; font-weight:bold; font-size:14px; text-align:center }

.recados { position:relative }
.recados ul li span { display:block }
.recados ul li { margin:5px 0 5px 0; padding:5px 0 5px 0; border-bottom:1px solid #CCC }
.recados span strong { color:#0094D3 }
.recados .data, .recado .cidade { color:#666 }
.recados p { margin:0 }

.recados #formrecados label  { display:block; clear:both }
.recados #formrecados label span { float:left; width:50px }
.recados #formrecados textarea { clear:both }
.recados #formrecados .emoticons { width:153px; float:left }

.recados #formrecados {
	position:absolute; right:0px; top:0; 
	display:block;
	float:left;
	background:#EEE;
	border:1px solid #CCC;
	width:153px;
	padding:10px }
	
#formrecados br { display:block; clear:both }
#formrecados input.text,
#formrecados select,
#formrecados textarea,
#formrecados .button { font:11px Arial; margin:0 0 2px 0; border:1px inset #CCC }  
#formrecados select { width:100px }
#formrecados textarea { width:143px }
#formrecados input.text { width:100px }

.noticias ul li { border-bottom:1px solid #CCC; padding:0 0 5px; margin:0 0 5px }
.noticias ul li span { display:block }

.noticias .data { color:#666; display:block }
.noticias .titulo { font:bold 13px Arial, Helvetica, sans-serif; display:block }
.noticia .titulo { font:bold 25px Arial, Helvetica, sans-serif; letter-spacing:-1px }
.noticia .arquivo { float:right; width:200px;  margin:0 0 15px 15px }
.noticia .arquivo img { padding:3px; border:1px solid #CCC }
.noticia .arquivo .legenda { display:block; text-align:center; color:#0094D3; border-bottom:1px solid #CCC;padding:3px 0 3px }
.noticia p { font-size:13px; margin:0 0 10px; line-height:18px }

.jogos ul { margin:15px 0 0 0; list-style:none }
.jogos ul li { float:left; width:200px; margin:0 0 5px; padding:0 0 5px 5px; border-bottom:1px solid #CCC }
.jogos ul li a { text-decoration:none }
.jogos ul li img { float:left; margin:0 5px 0 0; border:1px solid #0094D3; padding:1px }
.jogos ul li .nome { font-weight:bold }
.jogos ul li .categoria { color:#000 }

.jogo .swf { margin:0 0 10px }
.jogo h3 { font:bold 25px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#0094D3 }
.jogo .plugin { border-top:1px solid #CCC; margin:10px 0 0 0; padding:10px 0 0 0; text-align:center; color:#999 }

.comercio, .shopping { font-size:13px }
.comercio .titulo, .shopping .titulo { font:bold 25px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#0094D3; text-align:center; padding:10px 0 10px 0; display:block }
.comercio .info, .shopping .info { padding:20px; color:#666 }
.comercio .site, .shopping .site { text-align:center; display:block }

.banners ul li { list-style:none }
img { border:0 }

.eventos { font-size:13px }
.eventos .titulo { font:bold 25px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#0094D3; text-align:center; padding:0 0 10px 0; display:block }
.eventos .data { font:bold 20px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#000; text-align:center; padding:10px 0 0 0; display:block }
.eventos .infos { margin:10px 0 0 0; padding:15px; border:2px solid #DDD; background:#EEE }
.eventos ul { list-style:none }
.eventos ul li { width:420px; float:left; border-bottom:1px solid #CCC; padding:0 0 10px; margin:0 0 10px }
.eventos ul li img { border:1px solid #CCC; padding:2px; margin:0 10px 0 0; width:150px }
.eventos ul li .data { font-size:13px; text-align:left; letter-spacing:normal } 
.eventos ul li .titulo { font-size:16px; text-align:left; letter-spacing:normal; margin:0; padding:0 }
.eventos ul li p.infos { border:0; background:none; padding:0; color:#666 }

.default ul { list-style:square; margin:0 0 0 30px }
.default ul li { margin:0 0 10px }

.publicidade .exemplo { padding:10px 0 10px; text-align:center; margin:10px 0 10px 0; background:#EEE }

form { font-size:11px; clear:both }
form br { display:block; clear:both }

input.text { font:11px Arial, Helvetica, sans-serif  }
label { width:410px; float:left }
label span { float:left; width:75px }
fieldset { border:1px solid #CCC; background:#DDD; padding:10px; margin:10px 0 0 0 }

.igrejas .igreja { margin:0 0 10px; padding:10px; border-bottom:1px solid #CCC }

.comercio ul li, .shopping ul li { float:left; width:180px; margin:0 15px 0 10px; border-bottom:1px dotted #CCC; padding:10px 0 10px }
.comercio ul li span, .shopping ul li span { color:#CC0000; font-weight:bold }
.comercio ul li p, .shopping ul li p { color:#666; padding:0; font-size:11px }
.comercio ul li a, .shopping ul li a { text-decoration:none }

.telefones ul li { width:25%; float:left; text-align:center; font-size:13px }
.telefones ul li strong { display:block; margin:0 0 5px 0 }
.telefones ul li a { text-decoration:none }
.telefones ul li img { border:1px solid #CCC }
.telefones .titulo, .telefones .numero { display:block; text-align:center; letter-spacing:-1px }
.telefones .titulo { font-size:25px; font-weight:bold; color:#0094D3;  }
.telefones .numero { font-size:18px; font-weight:bold} 

.onibus u { color:#CC0000 }
.onibus em { color:#0000CC }
.onibus table { background:#DEDEDE }
.onibus table tr td { padding:2px; text-align:center; border-top:1px solid #FFF; border-right:1px solid #FFF }

.paginador { text-align:right }

.fale { background:url(img/bgfale.gif) no-repeat right 30px; float:left }
.fale label span { float:none; display:block; color:#666 }
.fale input.text,
.fale textarea { font:13px Arial, Helvetica, sans-serif; background:#EEE; margin:0 0 5px; border:1px solid #CCC; padding:2px }

#footer {
	width:770px; 
	height:75px;
	padding:75px 0 10px; 
	text-align:center;
	float:left;
	background:#FFF url(img/footer.jpg) no-repeat }
	
#footer menu {
	margin:0 auto; 
	padding:0 0 7px;
	width:500px; 
	border-bottom:1px solid #CCC }
	
#footer menu li {
	display:inline;
	padding:0 5px 0 5px;
	border-right:1px solid #CCC }
	
#footer menu li a { color:#0094D3; text-decoration:none }
#footer menu li a:hover { text-decoration:underline }

#footer .copy { display:block; padding:10px 0 0 0; color:#FF0000 }

#footer .logo { position:absolute; bottom:15px; right:15px }

/* Configuração das msgs ---------------------------------- */
.alerta{
	 background:#FFFF99;
	 color:#000;
	 border:#FFCC00 3px solid;
	 visibility:hidden;
	 padding:6px 6px 6px 6px;" 
}

.erro{
	background:#FFCCCC;
	color:#000;
	border:#FF0000 3px solid;
	visibility:hidden;
	padding:6px 6px 6px 6px;
}