* { margin:0; padding:0; text-decoration:none; }

body { background:url('imgs/fundo-body.png'); }

.container {
	width:98%;
	max-width:990px;
	margin:0 auto;
}

/* Cabeçalho */
header { padding:10px 10px 0 10px; background:url('imgs/fundo.jpg') top center no-repeat; border-bottom:4px solid #BF8C31; }

	header h1 { display:block; float:left; }
	
	header ul { float:right; background:#09354F; margin-top:12px; }
	header ul li{display:inline-block; margin:0; padding:0; }
	header ul li a{ font-family:Arial; font-size:13px; color:#FFF; display:block; padding:22px 28px 22px 28px; background:url('imgs/menu-separador.png') center right no-repeat; }
	header ul li a:hover{ background:#C2933C; }
	
	header .consultar-processo { float:right; font:13px Arial; color:#08344E; }
		header .consultar-processo:hover { color:#C2933C; }
		
	.processo-mobile { display:none; }
	
	
	header #banner { display:block; float:none; clear:both; margin:0 auto; text-align:center; padding:20px 0 15px 0; }
		header #banner img { border:12px solid #FFF; -webkit-box-shadow: 0 0 4px 5px #E5E5E5; box-shadow: 0 0 4px 5px #E5E5E5; } 
		

	.menu-mobile {
		display:none;
		width:34px;
		height:34px;
		float:right;
		margin-right:1em;
		margin:0.6em 1em 0 0;
	}
		.menu-mobile img { border-radius:10px; }
		
	@media (max-width: 768px){ 

		.menu-mobile { display:block; }
		
		header h1 { float:none; text-align:left; }
			header h1 img { width:60%; }
		
		header ul { clear:both; float:none; display:none; }
		header ul li{display:block; width:100%; }
			header ul li a { padding:20px 0 20px 0; text-align:center; border-bottom:1px solid #FFF; }
			
		.processo-mobile { display:block; }
		.consultar-processo { display:none; }
			
		header #banner { padding:10px 0 5px 0; }
			header #banner img { width:98%; margin:0 auto; border:5px solid #FFF; }
	
	}
	
/* Conteúdo - Principal */

#geral { padding:20px 10px 20px 10px; }

	#geral h2 { margin-bottom:10px; font:bold 23px Arial; color:#07334D; }
	#geral p { margin-bottom:15px; text-align:justify; font-size:15px; font-family:Arial; line-height:21px; color:#191919; }
		#geral p a { color:#C2933C; }
	
	#geral ul { margin-left:10px; }
	#geral ul li { list-style-image:url(imgs/icone2.png); list-style-position:inside; margin-bottom:15px; text-align:left; font-size:15px; font-family:Arial; line-height:21px; color:#191919; }
	
	#geral .link { display:block; border-radius:5px; background:#09354F; width:50%; max-width:290px; margin:20px 0 30px 0; padding:18px 0 18px 0; text-align:center; font:13px Arial; color:#FFF; }
		#geral .link:hover { background:#BF8C31; }
	
	#geral #principal-servicos { float:right; width:380px; margin-left:70px; margin-bottom:35px; }
		#geral #principal-servicos ul li { list-style:none; }
		#geral #principal-servicos ul li a {
			display:block;
			background:#FFF;
			margin:10px 0 10px 0;
			padding:15px;
			border-radius:8px;
			border:1px solid #E9E9E9;
			border-left:11px solid #BF8C31;
			font:normal 14px Arial;
			color:#C0923A;
		}
			#geral #principal-servicos ul li a:hover { background:#BF8C31; color:#FFF; }
		
		
/* Atuação */
.atuacao { width:90%; margin:0 auto; margin-bottom:30px; background:#FFF; padding:10px; -webkit-box-shadow: 0 0 4px 5px #E5E5E5; box-shadow: 0 0 4px 5px #E5E5E5; }
	.atuacao p {  }
	.atuacao h3 { background:#07334D; margin-bottom:15px; padding:10px; padding-right:20px; font:18px Arial; color:#FFF; }
	.atuacao .ul li { list-style-image:url(imgs/icone2.png); list-style-position:inside; }
	
	.left { width:47%; float:left; }
	.right { width:47%; float:right; }

/* Clientes */
	
	.clientes li { list-style-position:inside; width:46%; float:left; margin:10px 15px 0 0; background:#FFF; padding:8px; -webkit-box-shadow: 0 0 4px 5px #F2F2F2; box-shadow: 0 0 4px 5px #F2F2F2; }
	
/* Quem Somos */
	.foto-quem-somos { float:right; margin-left:60px; padding:20px; width:270px; background:#FFF; text-align:center; }


/* Contato */
#formulario { width:50%; margin-top:35px; }
#formulario span { margin:10px 0 10px 0; }
#formulario span input, #formulario span select, #formulario span textarea {
	width:80%;
	padding:15px;
	background:#FFF;
	margin-bottom:15px;
	border:0;
	-webkit-box-shadow: 0 0 4px 5px #E5E5E5;
	box-shadow: 0 0 4px 5px #E5E5E5;
	font:14px Arial;
	color:#6C321E;
}
#formulario span select { width:250px; }
#formulario span textarea { height:130px; }

.form-botao { border:none; display:block; border-radius:5px; background:#09354F; width:50%; max-width:290px; margin:10px 0 10px 0; padding:18px 0 18px 0; text-align:center; font:13px Arial; color:#FFF; }
	.form-botao:hover {  background:#BF8C31; }
	
	
.mapa { border:5px solid #FFF; width:400px; height:300px; margin-top:40px; }
	
			
/* Rodapé */
footer { display:block; clear:both; background:#153650; border-bottom:15px solid #BF8C31; }
	footer .rodape { width:540px; margin:0 auto; padding:42px 0 42px 0; }
	footer .rodape p { display:block; margin-left:50px; font-size:15px; font-family:Arial; line-height:25px; color:#FFF; }
		footer .rodape p a { color:#8CBAE0; }
	footer .rodape img { float:left; padding:10px 0 10px 0; margin-right:55px; }


.hr { border:1px solid #CCC; }


	
@media (max-width: 768px){ 


	#geral h2 { font-size:18px; }
	#geral p { font-size:13px; }
	
	#geral ul { margin-left:10px; }
	#geral ul li { font-size:13px; }
	

	#geral { padding:20px 0 20px 0; }

		#geral #principal-servicos { float:none; width:100%; margin-left:0; margin-bottom:45px; }
		
		#geral .link { width:90%; }
		
		.left { width:100%; float:none; }
		.right { width:100%; float:none; }
		
		.clientes li { float:none; width:90%; }
		
	.foto-quem-somos { float:none; margin-left:0; width:100%; }
	
	#formulario { width:100%; }
	.mapa { width:90%; margin:0 auto; margin-top:25px; }

}

@media (max-width: 550px){ 

	footer .rodape { width:98%; margin:0 auto; padding:25px 0 25px 0; text-align:center; }
	footer .rodape img { float:none; margin-bottom:15px; }
	footer .rodape p { margin-left:0; }
	
}