@charset "utf-8";

/* CSS Document */
* { padding: 0; margin: 0;} /* zera todas as margens e paddings*/
body{	
	background: #8ddaff;	
	text-align: left; /*necessrio para alinhar o texto no IE*/
	font-family: arial, sans-serif, Helvetica; 
	font-size: 15px;
	color: #004683;
	border: 0px;	
}


#lightbox{background: #ffffff;}


a img{
	border: 0px; 
}

a{text-decoration: none;}

.centro{margin: 0 auto; width: 900px; height: auto;}
.efeito_hover:hover{ opacity: 0.8;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;   
}

#topo{background: url(imagens/topo.png); float: left; width: 100%; height: 242px; margin-top: 11px}
	#topo a{float: left; width: 100%; height: 100%}

/* conteudo */
#conteudo{background: url(imagens/centro.png) repeat-y; float: left; width: 100%; min-height: 200px; height: auto}
	#lightbox #conteudo{background: #ffffff}
	#bg_login{background: url(imagens/bg_login.jpg); float: left; width: 294px; height: 172px; margin-left: 42px; margin-top: 20px}
		#bg_login form{float: left; width: 253px; height: auto; margin-top: 61px; margin-left: 19px}
			#bg_login .campo{float: left; width: 231px; border: solid 1px #b3b4b4; font-size: 13px; color: #5a5b5d; padding: 9px 10px; border-radius: 1px}
			#bg_login .botao{background: url(imagens/ok.jpg) no-repeat; float: right; width: 43px; height: 32px; border: 0px; cursor: pointer; margin-top: 10px}
			#bg_login p{float: left; width: 100%; height: auto; margin-top: 8px; font-size: 12px; color: #f00;}
	
	#descricao{float: left; width: 467px; height: auto; margin-left: 45px; margin-top: 20px}
		#descricao p{text-align: justify; line-height: 150%}
		#descricao img{margin-top: 25px}
		
	#principal{float: left; width: 780px; height: auto; margin-left: 60px; margin-top: 25px}
		#title{float: left; width: 100%; height: auto;}
			#title h1{text-align: left; font-size: 23px; font-family: 'museo300'; color: #004683}
			
		#retorno{float: left; width: 100%; height: auto; margin-top: 25px}
			#retorno h1{text-align: center; font-size: 18px; font-family: 'museo300'; color: #f00}
		
		#box_form{float: left; width: 100%; height: auto; margin-top: 25px;}
			
			.box_campo{float: left; width: auto; height: auto; margin-top: 10px; }
				.box_campo p{float: left; width: 100%; height: auto; color: #5a5b5d; font-size: 13px; font-family: 'museo300';}
				.box_campo span{font-size: 13px; color: #5a5b5d; font-family: 'museo300';}
				.box_campo .campo{float: left; border: solid 1px #b3b4b4; font-size: 13px; font-family: 'museo300'; color: #5a5b5d; padding: 7px 10px; border-radius: 1px; margin-top: 5px}
				.box_campo .vermelho{border: solid 1px #f00; border-radius: 1px;}
				.box_campo select{float: left; border: solid 1px #b3b4b4; font-size: 14px; font-family: 'museo300'; color: #5a5b5d; padding: 6px 10px; border-radius: 1px; margin-top: 5px}
				
				.nome{width: 778px}
					.nome .campo{width: 758px}
				.rg{width: 378px}	
					.rg .campo{width: 358px}	
					
				.cpf{padding-left: 20px; width: 378px;}
					.cpf .campo{width: 358px}
					
				.endereco {width: 480px}
					.endereco  .campo{width: 460px}
					
				.bairro{padding-left: 20px; width: 273px}
					.bairro .campo{width: 256px}
					
				.email{width: 262px}
					.email .campo{width: 242px}
					
				.idade{padding-left: 20px; width: 128px}
					.idade .campo{width: 108px}
					
				.sexo{padding-left: 20px; width: 85px}
					.sexo .campo1{width: 85px}
					
				.telefone{padding-left: 20px; width: 240px}
					.telefone .campo{width: 220px}
					
				.texto_movimento{width: 778px; margin-top: 20px}
				
				.movimento {width: 120px; margin-top: 20px}
					.movimento  span{margin-left: 7px; margin-right: 10px}
					
				.movimento2 {width: 100px; margin-top: 23px}
				
				.movimento3{padding-left: 4px; width: 550px}
					.movimento3 .campo{width: 530px}
					
				.bt_submit{width: 776px; margin-top: 25px}
					.bt_submit input{background: url(imagens/cadastrar.jpg); width: 123px; height: 32px; float: right; border: 0px; cursor: pointer}
					.bt_submit_atualizar input{background: url(imagens/atualizar.jpg); width: 123px; height: 32px; float: right; border: 0px; cursor: pointer}
	
				/* votacao */
				.topico{width: 248px; height: 44px; border: solid 1px #b3b4b4; background-color: #f6f6f6; border-radius: 5px}
					.topico p{text-align: left; font-size: 18px; font-family: 'museo300'; color: #5a5b5d; margin-left: 60px; line-height: 250%}
				.topico_votacao{width: 778px;}
				.topico_um{background: #f6f6f6 url(imagens/um.jpg) 10px 6px no-repeat; }
				.topico_dois{background: #f6f6f6 url(imagens/dois.jpg) 10px 6px no-repeat; }
				.topico_tres{background: #f6f6f6 url(imagens/tres.jpg) 10px 6px no-repeat; }
				.topico_margin{margin-top: 60px}
				
				.regiao{width: 280px; margin-top: 20px}
					.regiao .campo1{width: 280px}
				
				.localidade{padding-left: 20px; width: 480px; margin-top: 20px}
					.localidade .campo1{width: 480px}
					
				.opcao{width: 778px; margin-top: 20px}
					.opcao span{margin-left: 10px; margin-right: 25px}
					
				.bt_submit_votar input{background: url(imagens/votar.jpg); width: 79px;}
	
	.logo_pmvc{background: url(imagens/logo.png) top center no-repeat; float: left; width: 100%; height: 92px; margin-top: 70px}	

	/* Admin */		
	#menu_admin{float: left; width: 250px; height: auto; margin-left: 40px; height: 200px;}
		.box_menu_admin{float: left; width: 100%; height: auto; margin-top: 15px}		
			.box_menu_admin a{color: #5a5b5d;}
			.box_menu_admin a:hover{color: #000;}
			
		.box_login_admin{height: 220px; background: #f1efef; border-radius: 8px }
			.box_login_admin form{float: left; width: 210px; height: auto; margin-left: 20px; margin-top: 20px}
				.box_login_admin form p{width: 100%; float: left; margin-top: 10px; font-size: 13px; font-family: 'museo300'; color: #5a5b5d;}
				.box_login_admin form .mensagem_admin{width: 100%; float: left; margin-top: 7px; font-size: 11px; font-family: 'museo300'; color: #f00;}
				
				.box_login_admin form .campo{float: left; width: 190px; border: solid 1px #b3b4b4; font-size: 13px; font-family: 'museo300'; color: #5a5b5d; padding: 7px 10px; border-radius: 1px; margin-top: 5px}
				.box_login_admin .botao{background: url(imagens/ok.jpg) no-repeat; float: right; width: 43px; height: 32px; border: 0px; cursor: pointer; margin-top: 10px}
		
	#conteudo_admin{float: left; width: 540px; min-height: 200px; height: auto; margin-left: 30px}
	
		.user_list{list-style-type: none; float: left; width: 100%; height: auto}
			.user_list li{float: left; width: 538px; height: auto; margin-top: 5px; border: solid 1px #dddddd; background: #f6f6f6; font-size: 13px; color: #5a5b5d; font-family: 'museo300';}
				.user_list li p{float: left; width: 450px; padding: 7px 10px}
				.user_list li a{color: #5a5b5d; float: right; padding: 7px 0px; width: 50px; }
					.user_list li a:hover{color: #000;}
					
		.result_table{float: left; width: 100%; height: auto; margin-top: 20px; margin-bottom: 20px; font-size: 14px; color: #5a5b5d; font-family: 'museo300'; line-height: 170%}
			.result_table tr td{border: solid 1px #5a5b5d; padding: 2px}
			.result_table .header_table{font-weight: bold; text-align: center}
			
		.red{color: #ce2525}
		.center{text-align: center}
			
/* rodape */
#rodape{background: url(imagens/rodape.png) top left no-repeat; float: left; width: 100%; min-height: 50px; height: auto}