@charset "utf-8";
/* CSS Document */

* {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 100%;}

	body {background: url(../images/img_bg_body.jpg) top left repeat-x; margin: 20px 0 0 0; padding: 0}

	#header h1 {background: url(../images/logo.png) top left no-repeat; height: 70px; margin:0 300px 0 0; padding: 0; clear: both}
		#header h1 a{ display: block; float: left; width: 160px; height: 70px;}
			#header h1 a span{display: none}
			
	#menuPrincipal {display: block; float: left; width: 100%; height: auto}
	#menuPrincipal ul { display: block; float: left; height: 33px; list-style: none; padding: 0; margin: 20px 0 0 0; clear: both}
		#liDenunciar, #liPesquisar, #liContactar, #liPolitica, #liSaiba {display: block; font-size: 0.95em; letter-spacing: -1px; position: relative; top: 1px; float: left; width: 160px; text-align: center; height: 33px; background:  url(../images/img_bg_li_apagado.png) top left no-repeat; outline: none}
		#liDenunciar a, #liPesquisar a, #liContactar a, #liPolitica a, #liSaiba a  {display: block; margin: 0; orphans: 0; width: 160px; height: 30px; padding-top: 3px; text-decoration: none; color: #fff; font-weight: bold; outline: none}
		
	#menuPrincipal .dados_do_menu {height: 193px; overflow: hidden; background:#26B30E; margin: 0; padding: 10px 0 0 0; background: url(../images/img_bg_menuPrincipal.png) bottom center no-repeat}
	
	#main {height: 430px; overflow: hidden}

	
/* RECLAMAÇÂO - DADOS DO RECLAMANTE */	
	/* DENUNCIAR */

		#dadosInclusao { margin: 0; padding: 0; clear: both} 
		#dadosInclusao fieldset {border: none; border-top: 1px #fff solid; margin: 10px 0 0 0; padding: 0;}
		#dadosInclusao h2 { color: #FFF; font-size: 1em; padding: 5px 0 0 20px; margin: 0; font-weight: bold; font-size: 1.2em }
		#dadosInclusao{font-size: 0.9em; color: #fff; font-weight: bold}

		/* DADOS PESSOAIS */
			#dvInfReclamante {display: block; float: left; width: 230px; height: auto}
			#dvInfReclamante span {display: block; float: left; width: 50px; height: 20px; padding: 10px 5px 0 20px; text-align: right; vertical-align: middle;}
			#dvInfReclamante #nome,
			#dvInfReclamante #email,
			#dvInfReclamante #nro {display: block; float: left; width: 130px; height: 23px; margin: 10px 0 0 10px; padding: 5px 0 0 5px; text-align: left; background: url(../images/img_input_bg.jpg) bottom left repeat-x;
									border-top: 1px solid #666;
									border-left: 1px solid #666;
									border-right: 1px solid #999;
									border-bottom: 1px solid #999;
									color: #333; font-weight: bold; font-size: 0.8em}
									
			#dvInfReclamante .lblAnonimo { display: block; float: left; height: auto; margin-top: 10px; padding: 10px 5px 0 20px;}

		/* DADOS DA DESORDEM  */

			#dvSearch {display: block; float: left; width: 600px; margin-left: 4px; padding-left: 5px; border-left: 1px #666 dotted;}
			#dvSearch .dados_desordem1 {display: block; float: left; width: 340px;}
			#dvSearch .dados_desordem2 {display: block; float: left; width: 210px; overflow: hidden; margin-left: 20px;}
	
	
				#dvSearch .dados_desordem2 span{ width: 100%; text-align: left}
				#dvSearch .dados_desordem2 textarea{ width: 99%; text-align: left}

			.div_submit {display:block; float: left; vertical-align: middle; width: 95px; text-align: center; height: 128px; margin-top: 50px;}

			#dvSearch span {display: block; float: left; width: 50px; height: 20px; padding: 10px 0 0 0; text-align: right; vertical-align: middle;}
			#dvSearch #listDesordens,
			#dvSearch #listBairros,
			#dvSearch #search,
			#dvSearch #nro,
			#dvSearch #arquivo {display: block; float: left; width: 155px; height: 20px; margin: 10px 0 0 10px; text-align: left; border: 1px solid #ccc; background:url(../images/img_bg_input.jpg) top left repeat-x}

			#dvSearch #search,
			#dvSearch #nro,
			#dvSearch #listDesordens,
			#dvSearch #listBairros,
					  #arquivo {display: block; float: left; width: 180px; height: 23px; margin: 10px 0 0 10px; padding: 5px 0 0 5px; text-align: left; background: url(../images/img_input_bg.jpg) bottom left repeat-x;
									border-top: 1px solid #666;
									border-left: 1px solid #666;
									border-right: 1px solid #999;
									border-bottom: 1px solid #999;
									color: #333; font-weight: bold; font-size: 0.8em}
			
			#dvSearch #search {width: 260px;}
			#dvSearch #nro {width: 28px}
			
			#dvSearch #listDesordens {width: 260px; height: 30px; padding: 0; margin-top: 5px} 
			#dvSearch #listBairros {width: 158px; height: 30px; padding: 0}
			#dvSearch #listDesordens optgroup {background: #99CB74; padding: 5px 0; text-align: center; font-style: normal; font-size: 1.2em;}
			#dvSearch #listDesordens optgroup option  {background: #FFF; text-align: left; font-size: 0.9em; padding: 2px 5px 0 0; border-bottom: 1px solid #CCC}
			
			#dvSearch #btnSearch { display: block; float: left; width: 110px; height: 30px; margin: 10px 0 0 10px; clear: right;}

			#dvSearch span, .lblImagem span {width: 60px;}
	
			#enderecos, #upload { display: block; float: left; height: auto; width: 100%;}
		
			#dvSearch #enderecos span, #dvSearch #listDesordens {margin-top: 0}

	
	#dvInfReclamante .cssDadosReclamante option{background:url(../images/img_bg_input.jpg) top left repeat-x}
	#selResultadosEnderecos  { display:block; float: left; width: 325px; margin-top: 10px; height: 50px; overflow: auto; margin: 0; border: 1px solid #ccc; background:url(../images/img_bg_input.jpg) top left repeat-x; font-size: 0.9em} 

/* DADOS DA PESQUISA*/

	#resultadoBusca {display: none; float: left; width: 316px; height: 400px; text-align: left; font-size: 0.8em; position: absolute; 
					background: #fff;
				 	margin-left: 10px;
                 	margin-right: 10px;
                    position: relative;
					top: -405px; left: -5px;
                    overflow: auto; }	
	
	#divDenuncia { float:left; width: 300px; background:url(../images/img_input_bg.jpg) top left repeat-x; border-top: 1px dashed #000; cursor: pointer;}
	
	#divImgDenuncia img { float:left; width:66px; height: 66px; }
	#divDadosDenuncia ul { float:left;list-style: none; padding: 1px; margin: 0 0 0 5px; }
	
	.cssDadosReclamante {display: block; float: left; margin: 10px 0 0 10px;  }

	
	#textDesordem {display: block; float: left; width: 238px; height: 75px; margin: 10px 0 0 0; padding: 5px 0 0 5px; text-align: left; background: url(../images/img_input_bg.jpg) bottom left  repeat-x;
									border-top: 1px solid #666; border-left: 1px solid #666;
									border-right: 1px solid #999; border-bottom: 1px solid #999;
									color: #333; font-weight: bold; font-size: 0.8em}

	#nome:focus, #email:focus, #search:focus, #listDesordens:focus {border: 1px solid #F90;}
	
	.campoObrigatorio {display: block; float: left; width: 155px; height: 20px; margin: 10px 0 0 10px; text-align: left; border: 1px solid #F00; background: #FC7}
	
	#btnInclude, #btnBusca { width: 75px; height:40px;}
	

	#btnSearch {display:block;}	
	#btnConfirmar {display:none;}

#map { display: block; width: 930px; border: 5px solid #093; height: 400px; margin: 20px 0 0 0;}

/* TEXTO SOBRE O MAPA DA DESORDEM */

	#sobreMapa {text-align: center; margin-top: 10px}
	#sobreMapa p{ margin: 0; padding: 0; font-size:1.2em; color:#999}
	#sobreMapa strong{ color: #090; font-weight: bold}
	#sobreMapa span{ color: #999; font-size: 1.3em; font-weight: bold; font-style: italic; letter-spacing: -2px;}

/*----------------------------------------*/

	/* PESQUISAR */

		#divBusca {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0}
		#divBusca #dvOpcoesBusca0 { display: block; float: left; width: 100%; height: auto; border: none; margin: 0; padding: 0; font-size: 0.9em; color: #fff; font-weight: bold}
		#lblBusca, #lblSelStatus, #lblSelFoto { display: block; float: left; height: 45px; margin-right: 20px;}
		
		#lblBusca span, #lblSelStatus span, #lblSelFoto span {display: block; float: left; height: 20px; padding: 15px 15px 0 0; text-align: right; vertical-align: middle;}
		#lblBusca span { width: 50px; }
		#lblSelStatus span, #lblSelFoto span { margin: 15px  0 0 0; padding: 0}

		#lblBusca {width: 390px; margin-left: 10px;}
		#lblSelStatus {width: 190px; 35px;}
		#lblSelFoto {width: 280px;  margin: 0; height: 35px;}


		#txtBusca , #selStatus, #selFoto{ display: block; float: left; height: 23px; margin: 10px 0 0 10px; padding: 0 0 0 5px; text-align: left; background: url(../images/img_input_bg.jpg) bottom left repeat-x;
									border-top: 1px solid #666;
									border-left: 1px solid #666;
									border-right: 1px solid #999;
									border-bottom: 1px solid #999;
									color: #333; font-weight: bold; font-size: 0.8em}
		#txtBusca {padding-top: 5px;}
		#selStatus, #selFoto { height: 28px}		


		#divBusca fieldset{ border: none; margin: 0; padding: 0; margin: 5px 20px 0 20px; border-top: 1px dotted #fff}
		#divBusca fieldset legend{ margin: 0 5px; background: #26B30E; font-size: 0.9em; font-weight: bold; color: #fff }
		#divBusca fieldset fieldset{display: block; float: left; width: 250px; height: auto; border: none; margin: 0; padding: 0; }
		#divBusca fieldset fieldset legend{ font-size: 0.8em; margin: 0; padding: 0}
		#divBusca ul {margin: 0; padding: 0}
		#divBusca li{ display: block; width: 100%; clear: both; color: #FFF; font-size: 0.8em;}

		#txtBusca  {width: 300px;}
		#selStatus, #selFoto {width: 120px;}
		
		#divBtPesquisar { display:block; float: right; width: 100px; height: auto; text-align: center}
		


/* FORM DE CONTATO */

	#formContato { display: block; float: left; width: 600px; height: auto; margin: 0 0 0 10px; }
	
	#formContato span{ color: #FFF; font-size: 0.9em; margin-right: 10px; display: block; float: left; width: 90px; padding: 15px 0 0 0; font-weight: bold;  text-align: right}

	#emailFC, #nomeFC { display: block; float: left; width: 130px; height: 23px; margin: 10px 0 0 10px; padding: 5px 0 0 5px; text-align: left; background: url(../images/img_input_bg.jpg) bottom left repeat-x;
						   border-top: 1px solid #666;
						   border-left: 1px solid #666;
						   border-right: 1px solid #999;
						   border-bottom: 1px solid #999;
						   color: #333; font-weight: bold; font-size: 0.8em}
		.textoCorrido{ display: block; float: left; width: 500px; height: auto;}
		.textoCorrido span{ clear: both}


	#mensagemFC {display: block; float: left; width: 370px; height: 95px; background: url(../images/img_input_bg.jpg) top left; padding: 5px; margin: 10px 0 0 10px;
			     border-top: 1px solid #666; border-left: 1px solid #666;
			     border-right: 1px solid #999; border-bottom: 1px solid #999;
			     color: #333; font-weight: bold; font-size: 0.8em}
	#btnInclude {margin-top: 47px}
	#btnInclude, #btnBusca, #btnEnvioFC {display: block; float: left; width: 90px; height: 60px; background: url(../images/img_bg_bt.png) top left no-repeat; border: none; font-size: 1.25em; color: #666; letter-spacing: -2px;}
	#btnEnvioFC {margin: 57px 0 0 10px}
	
	#cxTextoContato { float: right; text-align: right; margin-right: 20px}

/* POLITICA DE PRIVACIDADE */

	#dadosPolitica {margin: 0 20px;}
	#dadosPolitica h2{ color: #fff; font-size: 1.25em; margin: 0; padding: 0}
	#dadosPolitica ul{ list-style: circle; font-size: 0.9em; padding-left: 30px; color: #fff; width: 700px;}

/* SAIBA MAIS */

	#dadossaiba {margin: 0 20px;}
	#dadossaiba h2{ color: #fff; font-size: 1.25em; margin: 0; padding: 0}
	#dadossaiba ul{ list-style: circle; font-size: 0.9em; padding-left: 30px; color: #fff; width: 800px;}





 /* informacao das denuncias no mapa*/

	#divInfMapDenuncia {display: block; float: left; width: 400px; height: auto;}
	#divInfMapDenuncia h2 { display: block; float: left; width: 385px; height: 27px; font-size: 0.9em; background: url(../images/img_bg_enderecoDesordem.jpg) top center no-repeat; text-align: center; font-weight: bold; color: #fff; margin: 0;  padding-top: 7px 0 0 0; } 
	#dvConteudoDesordem {display: block; float: left; width: 385px; height: 200px; background: #fff; overflow: hidden; overflow-y: scroll}
    #dvMapaImagem {display: block; float: left; width: 100%; height: auto; border: 1px solid #000;}
    #dvMapaInformacoes {display: block; width: 349px; height: auto; font-size: 0.8em; background: #EAEAEA; padding: 10px;}
	#dvMapaInformacoes label{display: block; width: 100%; height: auto; margin: 0; padding: 0}
    #dvMapaInformacoes .classMapaInformacoes {font-weight: bold; }
	.dvDescricao{ display: block; float: left; width: 349px; padding: 10px; border-top: 1px dotted #CCC;  border-bottom: 1px dotted #CCC}
	.dvDescricao p{ display: block; float: left; width: 100%; height: auto; font-size: 0.9em; }

	/* Acompanhameto das desordens */
	
	.divAcompanhamento-emAnalise,
	.divAcompanhamento-Encaminhado,
	.divAcompanhamento-Finalizado {display: block; float: left; width: 349px; height: auto; padding: 10px; border-bottom: 1px dotted #CCC; clear: both}
 		.divAcompanhamento-emAnalise {background: #FCECDA}
		.divAcompanhamento-Encaminhado {background: #FCFED8}
		.divAcompanhamento-Finalizado {background: #ECFED8;}
		
		.divAcompanhamento-emAnalise h3,
		.divAcompanhamento-Encaminhado h3,
		.divAcompanhamento-Finalizado h3 {display: block; float: left; width: 296px; height: 45px; padding-left: 53px;}
			.divAcompanhamento-emAnalise h3 {background: url(../images/img_bg_titulo-EMANALISE.png) top left no-repeat; color: #fff;}
			.divAcompanhamento-Encaminhado h3 {background: url(../images/img_bg_titulo-ENCAMINHADO.png) top left no-repeat; color: #333;}
			.divAcompanhamento-Finalizado h3 {background: url(../images/img_bg_titulo-FINALIZADO.png) top left no-repeat; color: #fff;}

		.divAcompanhamento-emAnalise p,
		.divAcompanhamento-Encaminhado p,
		.divAcompanhamento-Finalizado p {display: block; float: left; width: 100%; height: auto; font-size: 0.9em;}

/* Bottom */

 #optDesordens {display: block; float: left; width: 940px; margin: 20px 0 0 0; height: auto; background: url(../images/img_bg_opcoes.png) top left}
 #optDesordens fieldset{display: block; width: 270px; float: left; margin: 20px; padding: 0; height: auto; border: none }
 #optDesordens legend{ display:block; float: left; width: 100%; text-align: center; font-size: 1.05em; color: #090; margin-bottom: 5px; border-bottom: 1px dotted #060}
  #optDesordens ul{ list-style: none; padding: 0; margin: 0; height: auto}
  #optDesordens li{ list-style: none; padding: 0; margin: 0; font-size: 0.9em; margin-bottom: 5px; height: auto}
  #optDesordens img{ width: 17px; height: 17px;}
 


#bottom_complemento { height: auto;}
	.endRecentes {background: url(../images/img_bg_10Desordens.jpg) top right no-repeat; margin-top: 20px; padding-bottom: 10px;}
		.endRecentes h2{color: #060; margin: 20px 50px 10px 20px}
		.endRecentes ul{ list-style: none; margin: 0; padding-left: 20px}
		.endRecentes li{ font-size: 0.9em;}

	
	.dezbairros {background: url(../images/img_bg_10Bairros.jpg) top right no-repeat; margin-top: 20px; padding-bottom: 10px;}	
		.dezbairros  h2{color: #069; margin: 20px 50px 10px 20px}
		.dezbairros  table{ margin-left: 20px; font-size: 0.9em;}

	.estatisticasDesordens { background: url(../images/img_bg_estatisticas.jpg) top right; margin-top: 20px; padding-bottom: 10px;}	
		.estatisticasDesordens  h2{color: #F90; margin: 20px 50px 10px 20px}
		.estatisticasDesordens  table{ margin-left: 20px; font-size: 0.9em;}

/* Rodapé */

.rodape {height: 20px;}


/* ALERT */

.info,
.sucesso,
.alerta,
.erro,
.validacao {
	position: absolute;
	border: 1px solid;
        max-width:350px;
	padding:15px 25px 15px 80px;
	background-repeat: no-repeat;
	background-position: 10px center;
	top: 370px;
        left: 40%;
}
	.info { color: #00529B; background-color: #BDE5F8; background-image: url('../icones/informacao.png');}
	.sucesso { color: #4F8A10; background-color: #DFF2BF; background-image:url('../icones/sucesso.png');}
	.alerta { color: #9F6000; background-color: #FEEFB3; background-image: url('../icones/alerta.png');}
	.erro { color: #D8000C; background-color: #FFBABA; background-image: url('../icones/erro.png');}
	.botoes { margin-top: 15px; text-align: center;}
	.botoes .botaoOk { font-family:Helvetica; font-size:9pt; font-weight:bold; font-style:normal; color:#000000; background-color:#CCCCCC; border-style:solid; border-width:1px; border-color:#000099;}