/* -------------------------------------------------------------------------------------------------------------------------- */
/*                                                                                                                            */
/* CSS DAS PÁGINAS INTERNAS                                                                                                   */
/*                                                                                                                            */
/* -------------------------------------------------------------------------------------------------------------------------- */

	#container { width:1000px; margin: 0 auto; padding:0px; }
	

	/* Topo ----------------------------------------------------------------------------------------------------------------- */
	#topo { position:relative; width:1000px; height:62px; margin:38px 0 10px; padding:0px; }
	#topo h1 { width:283px; height:62px; float:right; }
	#topo div#selo { float:right; margin-right:10px; margin-top:-5px; }
	#topo h1 img { width:283px; height:62px; }
	#topo ul { list-style:none; height:16px; padding:46px 0 0; margin:0; }
	#topo ul li { display:inline; margin:0 8px 0 0; padding:0 8px 0 0; border-right:1px solid #14a3d6; }
	#topo ul li.last { padding-right:0; margin-right:0; border-right:none; }
	#topo ul li a { font-family:"Arial Black", Arial; font-size:12px; font-weight:bold; color:#14a3d6; }
	*html #container #topo ul { *margin-bottom:-14px; }
	
	
	
	/* Main ---------------------------------------------------------------------------------------------------------------- */
	#main { width:1000px; margin:10px 0 0; padding:0px; }
	#main #flash-home { margin-bottom:10px; }
	#main #flash-internas { margin-bottom:30px; }
	
	#div-h2 { float:left; width:922px; margin-bottom:20px; }
	#div-h2.eleitor { float:left; width:772px; margin-bottom:20px; }
	#div-h2.candidato { float:left; width:772px; margin-bottom:20px; }
	#div-h2 h2 { font-size:19px; font-family:"Arial Black", arial; color:#18a3d7; font-weight:bold; text-transform:uppercase; background:url(../imgs/h2-seta.gif) 0 4px no-repeat; padding-left:26px; }
	#div-h2.eleitor h2 { float:left; margin-bottom:20px; padding-right:15px; }
	#div-h2.candidato h2 { float:left; margin-bottom:20px; padding-right:15px; color:#004da5; }
	#div-h2 p { clear:both; color:#18a3d7; margin:6px 0 0; }
	#div-h2.candidato p { color:#004da5; }
	#div-h2 #faca {  font-family:"Arial Black", arial; font-size:18px; font-weight:bold; color:#fff; background-color:#18a3d7; text-align:center; margin-top:-1px; padding:1px 6px 2px; float:left; }
	#div-h2.candidato #faca { background:#004da5; }  
	#bt-voltar { float:right; width:78px; height:19px; }
	#div-h2 .verde { color:#20b04b; }
	#div-h2 h2.verde { background:url(../imgs/h2-seta-2.gif) 0 4px no-repeat; }
	#bt-candidato { float:right; width:228px; height:64px; }
	
	
	/* left */
	#main #left { float:left; width:400px; }
	#main #left p.titulo { font-family:"Arial Black", Arial; font-size:17px; font-weight:bolder; color:#18a3d7; text-transform:uppercase; margin-bottom:15px; }
		
	
	/* center */
	#main #center { float:left; width:320px; margin:0 26px; }
	
	#logos { width:320px; margin-top:5px; font:bold 10px Arial; color:#20b04b; }
	#logos #veja { width:320px; color:#fff; background-color:#18a3d7; text-align:center; padding:3px 0; margin-bottom:10px; }
	#logos #logos2 { float:left; width:320px; text-align:center; }
	
	
	
	/* right */
	#main #right { float:left; width:228px; }

	#main #right img { margin:0; padding:0; }

	#main #right #social { border-top:1px solid #18a3d7; border-right:1px solid #18a3d7; border-left:1px solid #18a3d7; background:#fff; margin-bottom:12px; }
	#main #right #social h2 { margin:5px 0 0 15px; }
	#main #right #social #twitter { padding:5px 15px; }
	#main #right #social #twitter a { color:#18a3d7; text-decoration:underline; }
	
	#main #right #eleitor { border-right:1px solid #18a3d7; border-bottom:1px solid #18a3d7; border-left:1px solid #18a3d7; background:#fff; padding:5px 15px; margin-bottom:12px; }
	#main #right #eleitor h2 { font-size:11px; font-family:"Arial Black", Arial; font-weight:bold; color:#18a3d7; }
	#main #right #eleitor p { font-size:10px; line-height:13px; margin-bottom:0; }
	#main #right #eleitor a { color:#18a3d7; text-decoration:underline; }
	
	#main #right #candidato { border-right:1px solid #18a3d7; border-bottom:1px solid #18a3d7; border-left:1px solid #18a3d7; background:#004da5; padding:5px 15px; margin-bottom:12px; }
	#main #right #candidato h2 { font-size:11px; font-family:"Arial Black", Arial; font-weight:bold; color:#fff; }
	#main #right #candidato p { font-size:10px; color:#fff; line-height:13px; margin-bottom:0; }
	#main #right #candidato a { color:#fff; text-decoration:underline; }
	
	#main #right #saneamento { border-right:1px solid #20b04b; border-bottom:1px solid #20b04b; border-left:1px solid #20b04b; background:#20b04b url(../imgs/home-bg-saneamento.gif) top right no-repeat; padding:5px 15px; margin-bottom:12px; }
	#main #right #saneamento h2 { font-size:11px; font-family:"Arial Black", Arial; font-weight:bold; color:#fff; }
	#main #right #saneamento p { width:160px; font-size:10px; color:#fff; line-height:13px; margin-bottom:0; }
	#main #right #saneamento a { color:#fff; text-decoration:underline; }
	
	#main #right #promova {border-right:1px solid #18a3d7; border-bottom:1px solid #18a3d7; border-left:1px solid #18a3d7; background:#fff; padding:5px 15px; }
	#main #right #promova h2 { font-size:11px; font-family:"Arial Black", Arial; font-weight:bold; color:#18a3d7; }
	#main #right #promova p { font-size:10px; line-height:13px; margin-bottom:0; }
	#main #right #promova a { color:#18a3d7; text-decoration:underline; }
	
	
	/* Apoios institucionais */
	#apoios-logos { }
	#apoios-logos #apoios-logo { float:left; margin:8px 6px 0 0; border:1px solid #eaeaec; width:158px; height:142px; }
	#apoios-logos #apoios-logo.last { margin-right:0; }
	
	#apoio-left { clear:both; float:left; width:263px; margin-right:17px; }			
	#apoio-left img { border:1px solid #eaeaec; }
	#apoio-left #site { width:243px; background:#e7f6fb; color:#18a3d7; padding:10px; text-align:center; }
	#apoio-left #site a { font-weight:bold; color:#18a3d7; }
	#apoio-right { float:left; width:720px; }	
	#apoio-right p { color:#18a3d7; }
	#apoio-right h3 { font-size:16px; font-family:"Arial Black", arial; color:#18a3d7; font-weight:bold; text-transform:uppercase; background:url(../imgs/h3-seta.gif) 0 0 no-repeat; padding-left:20px; margin-bottom:20px; }
	
	
	/* Saneamento */
	#saneamento-flash { clear:both; }
	#saneamento-logos { clear:both; float:right; width:564px; margin-top:40px; font:bold 10px Arial; color:#20b04b; }
	#saneamento-logos #veja { width:564px; color:#fff; background-color:#18a3d7; text-align:center; padding:3px 0; margin-bottom:10px; }
	#saneamento-logos #logos2 { clear:both; float:left; width:564px; text-align:center; }
	#saneamento-logos #logos2 img { padding-right:12px; }
	#saneamento-logos #logos2 img.last { padding-right:0; }
	
	
	/* Promova */
	#promova-left { clear:both; float:left; width:426px; }
	#promova-left h3 { color:#18a3d7; text-transform:uppercase; font-size:12px; margin:20px 0 0 12px; }
	#promova-right { float:426px; }
	#promova-right h3 { color:#18a3d7; text-transform:uppercase; font-size:12px; margin:20px 0 0; }
	
	
	/* Eleitor */
	#eleitor-categoria { clear:both; float:left; width:1000px; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; background-color:#18a3d7; text-align:center; padding:3px 0; margin:25px 0 10px; }
	#candidatos { clear:both; }
	#candidatos #candidato { float:left; width:164px; margin:0 44px 30px 0; }
	#candidatos #candidato.last { margin-right:0; }
	#candidatos #candidato img { margin:6px 0 0; padding:0; }
	#candidatos #candidato img.foto { width:160px; height:186px; border:3px solid #18a3d7; margin-top:0; }
	#candidatos #candidato p { font-size:10px; line-height:12px; text-transform:uppercase; margin:8px 0; }
	#candidatos #veja-candidatos { float:left; width:372px; height:260px; background:url(../imgs/candidato-mapa.gif) 0 50px no-repeat; }
	#candidatos #veja-candidatos #titulo { width:372px; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; background-color:#18a3d7; text-align:center; padding:3px 0; margin:0 0 10px; }
	#candidatos #veja-candidatos select { float: right; }
	
	#candidatos #ultimos-candidatos { float:right; width:600px; font-size:11px; }
	#candidatos #ultimos-candidatos #titulo { width:600px; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; background-color:#18a3d7; text-align:center; padding:3px 0; margin:0 0 10px; }
	#candidatos #ultimos-candidatos thead { background:#f7f7f7; }
	#candidatos #ultimos-candidatos thead tr td { padding:5px;  color:#18a3d7; font-weight:bold; }
	#candidatos #ultimos-candidatos tbody { }
	#candidatos #ultimos-candidatos tbody tr { background:#f7f7f7; }
	#candidatos #ultimos-candidatos tbody tr.color { background:#efefef; }
	#candidatos #ultimos-candidatos tbody tr td { padding:5px; }
	
	#candidato-left { clear:both; float:left; width:236px; margin-right:17px; }			
	#candidato-left img { width:230px; height:268px; border:3px solid #18a3d7; margin:0; }
	#candidato-right #info { padding:0 10px 0 22px; }
	#candidato-right #info .resposta { font-weight:bold; color:#18a3d7; }
	#candidato-right { float:left; width:747px; }	
	#candidato-right p { color:#18a3d7; }
	#candidato-right h3 { font-size:16px; font-family:"Arial Black", arial; color:#18a3d7; font-weight:bold; text-transform:uppercase; background:url(../imgs/h3-seta.gif) 0 0 no-repeat; padding-left:20px; margin-bottom:20px; }
	
	#eleitor-categoria select { float:right; margin:-17px 0; }
	#h3 { clear:both; font-size:16px; font-family:"Arial Black", arial; color:#18a3d7; font-weight:bold; text-transform:uppercase; background:url(../imgs/h3-seta.gif) 0 0 no-repeat; padding-left:20px; margin-bottom:20px; }
	#menu-categorias { border-top:1px solid #18a3d7; padding-top:4px; }
	#menu-categorias #categoria { float:left; width:196px; margin-right:5px; margin-bottom:6px; background:#18a3d7; padding:2px 0; text-align:center; }
	#menu-categorias #categoria a { color:#fff; font-weight:bold; text-decoration:none; }
	#menu-categorias #categoria.last { margin-right:0; }	
	#menu-categorias #categoria.clicked { background:#fff; }
	#menu-categorias #categoria.clicked a { color:#18a3d7; }	
	#tabela-candidatos { }
	#tabela-candidatos thead { background:#f7f7f7; }
	#tabela-candidatos thead tr td { padding:29px 0 29px 70px;  color:#18a3d7; font-weight:bold; }
	#tabela-candidatos tbody { }
	#tabela-candidatos tbody tr { background:#f7f7f7; }
	#tabela-candidatos tbody tr.color { background:#efefef; }
	#tabela-candidatos tbody tr td { padding:2px 0 2px 70px; }
	#paginacao { margin-top:20px; text-align:center }
	
	/* Candidato */
	#form-candidato-categoria { clear:both; float:left; width:1000px; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; background-color:#004da5; text-align:center; padding:3px 0; margin:25px 0 10px; }
	#form-candidato-left { float:left; width:158px; margin-right:20px; }
	#form-candidato-right { float:left; width:822px; }
	#form-candidato-right label { float:left; width:70px; margin-bottom:8px; }
	#form-candidato-right label.cargo { width:230px; }
	#form-candidato-right label.proposta { width:230px; }
	#form-candidato-right input { float:left; background:#ececec; border:1px solid #004da5; width:746px; margin-bottom:8px; }
	#form-candidato-right input.cargo { width:586px; }
	#form-candidato-right input.cidadeestado { width:323px; }
	#form-candidato-right input.upload { width:323px; }
	#form-candidato-right textarea { float:left; background:#ececec; border:1px solid #004da5; width:816px; height:270px; margin-bottom:8px; }
	#form-candidato-right input[type=reset] { clear:none; float:right; width:75px; height:24px; background:#868686; border:none; color:#fff; font-size:12px; font-weight:bold; padding:3px 0; margin:0 10px; }
	#form-candidato-right input[type=submit] { clear:none; float:right; width:75px; height:24px; background:#004da5; border:none; color:#fff; font-size:12px; font-weight:bold; padding:3px 0; }
		
	/* Política de privacidade */
	#politica-privacidade-left { clear:both; float:left; width:746px; margin:0 26px 0 0; }
		
	/* Rodapé */
	#rodape { clear:both; margin:0; padding:20px 0; }
	#rodape ul { list-style:none; height:16px; padding:0; margin:0; }
	#rodape ul li { display:inline; margin:0 8px 0 0; padding:0 8px 0 0; border-right:1px solid #14a3d6; }
	#rodape ul li.last { padding-right:0; margin-right:0; border-right:none; }
	#rodape ul li a { font-family:"Arial Black", Arial; font-size:12px; font-weight:bold; color:#14a3d6; }
	*html #container #rodape ul { *margin-bottom:-14px; }