@import url('classes.css');

/* geral */
h1,h2,h3,h4,h5,h6,p{ margin: 0; padding: 0;}
ul,li{ margin: 0; padding: 0; list-style: none;}
a:link,a:active,a:visited{ text-decoration: none; color: #333; }
a img{ border: none; }
a:hover{ color: #048449; }
em{ font-style: normal; }

body{
	font-family: Arial, Helvetica,sans-serif;
	color: #333333;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

.geral{
}

/*--------------- area 1 -----------------*/
.area1{
	width: 100%;
	height: 230px;
	border-bottom: 2px solid #e6e6e6;
}

	.area1-1{
		background: #048449;
		height: 37px;
		border-bottom: 3px solid #036f3d;
	}
	
		.acessibilidade li{
			float: left;
		}
		
			.acessibilidade li a{
				color: #ffffff;
				font-size: 0.9em;
				height: 29px;
				display: block;
				padding: 12px 15px 0 15px;
				text-decoration: underline;
			}
		
		.destaques{ width: 205px; }
		
			.destaques ul li .indicador_submenu{ display: none! important; }
		
	.area1-2{
		background: #e1e1e1;
		height: 96px;
		padding-top: 13px;
		border-top: 2px solid #c0c0c0;
		border-bottom: 1px solid #c0c0c0;
	}
	
		.area1-2 h1{
			float: left;
		}
		
			.area1-2 h1 a{
				background: url("../images/splash.png") 0 -346px no-repeat;
				width: 440px;
				height: 83px;
			}
			
		.area1-2 h2{
			float: right;
		}
		
			.area1-2 h2 a{
				background: url("../images/splash.png") -538px -350px no-repeat;
				width: 371px;
				height: 72px;
			}
	
	.area1-3{
		background: #f5f5f5;
		height: 75px;
		min-width: 995px! important;
		border-top: 1px solid #ffffff;
		border-bottom: 2px solid #bebebe;
		/*-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);*/
	}
	
		.area1-3-1{
			height: 77px;
		}
		
			#menu_topo li{
				border-right: 1px solid #c2c2c2;
				border-left: 1px solid #fff;
				float: left;
				display: inline;
			}
			
				#menu_topo li a:hover{
					color: #333333;
				}
				
				#menu_topo li .indicador_submenu{ display: none! important; }
			
					#menu_topo li ul{ 
						background: #ffffff; 
						border-radius: 0 0 5px 5px;
						width: 951px;
					}
			
			/*----- produtos e serviços -------*/
			#menu_topo .produtos_servicos{
				border-left: 1px solid #c2c2c2;
				border-bottom: 2px solid #74b09b;

			}
			
				#menu_topo .produtos_servicos a{
					height: 75px;
					width: 168px;
					background: url("../images/splash.png") 8px 25px no-repeat;
					border-left: 1px solid #ffffff;
					vertical-align: middle;
					display: table-cell;
					padding-left: 43px;
					overflow: hidden! important;
				}
				
					#menu_topo .produtos_servicos ul{ 
						border: 3px solid #6cac95;
						margin-left: 0;
					}
					
						#menu_topo .produtos_servicos:hover, #menu_topo .produtos_servicos.sfHover,
						#menu_topo .produtos_servicos a:focus, #menu_topo .produtos_servicos a:hover, #menu_topo .produtos_servicos a:active {
							background: #6cac95 url("../images/splash.png") 8px -134px no-repeat;
							outline: 0;
						}
						
							#menu_topo .produtos_servicos ul li em{ color: #6cac95! important; }
				
			/*----- projetos especiais -------*/
			#menu_topo .projetos_especiais{
				border-bottom: 2px solid #feca0e;
			}
			
				#menu_topo .projetos_especiais a{
					height: 75px;
					width: 170px;
					background: url("../images/splash.png") -211px 25px no-repeat;
					vertical-align: middle;
					display: table-cell;
					padding-left: 43px;
				}
						
					#menu_topo .projetos_especiais ul{ 
						border: 3px solid #feca0e;
						margin-left: -215px;
					}
					
						#menu_topo .projetos_especiais:hover, #menu_topo .projetos_especiais.sfHover,
						#menu_topo .projetos_especiais a:focus, #menu_topo .projetos_especiais a:hover, #menu_topo .projetos_especiais a:active {
							background: #feca0e url("../images/splash.png") -211px -134px no-repeat;
							outline: 0;
						}
						
							#menu_topo .projetos_especiais ul li em{ color: #feca0e! important; }
			
			/*----- funceminha -------*/
			#menu_topo .funceminha{
				border-bottom: 2px solid #e69a6c;
			}
			
				#menu_topo .funceminha a{
					height: 75px;
					width: 152px;
					background: url("../images/splash.png") -428px 25px no-repeat;
					vertical-align: middle;
					display: table-cell;
					padding-left: 43px;
				}
				
					#menu_topo .funceminha ul{ 
						border: 3px solid #e69a6c;
						margin-left: -215px;
					}
					
						#menu_topo .funceminha:hover, #menu_topo .funceminha.sfHover,
						#menu_topo .funceminha a:focus, #menu_topo .funceminha a:hover, #menu_topo .funceminha a:active {
							background: #e69a6c url("../images/splash.png") -429px -134px no-repeat;
							outline: 0;
						}
						
							#menu_topo .funceminha ul li em{ color: #e69a6c! important; }
							
			/*----- funcionarios -------*/
			#menu_topo .funcionarios{
				border-bottom: 2px solid #b48f5a;
			}
			
				#menu_topo .funcionarios a{
					height: 75px;
					width: 151px;
					background: url("../images/splash.png") -645px 25px no-repeat;
					vertical-align: middle;
					display: table-cell;
					padding-left: 43px;
				}
				
					#menu_topo .funcionarios ul{ 
						border: 3px solid #b48f5a;
						margin-left: -628px;
					}
					
						#menu_topo .funcionarios:hover, #menu_topo .funcionarios.sfHover,
						#menu_topo .funcionarios a:focus, #menu_topo .funcionarios a:hover, #menu_topo .funcionarios a:active {
							background: #b48f5a url("../images/splash.png") -645px -134px no-repeat;
							outline: 0;
						}
						
							#menu_topo .funcionarios ul li em{ color: #b48f5a! important; }
			
			/*----- cidadao -------*/
			#menu_topo .cidadao{
				border-bottom: 2px solid #48858d;
				border-right: 1px solid #ffffff;
			}
			
				#menu_topo .cidadao a{
					height: 75px;
					width: 125px;
					background: url("../images/splash.png") -862px 25px no-repeat;
					border-right: 1px solid #c2c2c2;
					vertical-align: middle;
					display: table-cell;
					padding-left: 43px;
				}
				
				#menu_topo .cidadao ul{ 
						border: 3px solid #48858d;
						margin-left: -215px;
					}
					
						#menu_topo .cidadao:hover, #menu_topo .cidadao.sfHover,
						#menu_topo .cidadao a:focus, #menu_topo .cidadao a:hover, #menu_topo .cidadao a:active {
							background: #48858d url("../images/splash.png") -862px -134px no-repeat;
							outline: 0;
						}
						
							#menu_topo .cidadao ul li em{ color: #48858d! important; }
											
						
						
						
					#menu_topo li ul{ position: absolute; z-index: 2; padding: 20px; }
							
						#menu_topo li ul li:hover, #menu_topo li ul li.sfHover,
						#menu_topo li ul li a:focus, #menu_topo li ul li a:hover, #menu_topo li ul li a:active {
							color: #333333; 
							background: #f1f1f1! important;
						}
						
						#menu_topo li ul li{ border: 0; margin-right: 20px; margin-bottom: 5px; }
						
						#menu_topo li ul li div{ border-radius: 5px; }
						
							#menu_topo li ul li a{ padding: 3px 10px 10px 10px! important; background: none! important; width: 200px! important; height: auto! important; border-radius: 5px! important; border: 1px solid #ffffff; }
							
								#menu_topo li ul li a em{ font-size: 1.2em! important; }
				
/*--------------- area 2 -----------------*/
.area2{}

	.area2-1{
		width: 202px;
		float: left;
	}
				
	.area2-2{
		width: 561px;
		padding: 0 15px;
		float: left;
	}
	
		#texto_banner{ max-width: 480px; display: block; }
	
	.area2-3{
		width: 202px;
		float: right;
	}
	
		.abas .twitter a{ width: 29px; height: 15px; background: url("../images/splash.png") -579px -250px no-repeat; }
		
		.abas .facebook a{ width: 29px; height: 15px; background: url("../images/splash.png") -630px -250px no-repeat; }
		
		.abas .youtube a{ width: 29px; height: 15px; background: url("../images/splash.png") -680px -250px no-repeat; }
		
		.abas .feed a{ width: 29px; height: 15px; background: url("../images/splash.png") -731px -250px no-repeat; }
		
		/*calendario*/
		.calendario li{
			float: left;
			margin-right: 0.8px;
		}
		
			.calendario li a{
				text-align: center;
				width: 28px;
				height: 28px;
				display: table-cell;
				vertical-align: middle;
			}
			
			.semana a{
				color: #014c93;
			}
			
			.dia a{
				color: #333333;
			}
			
				.dia a:hover{
					background: #048449;
					border-radius: 3px;
					color: #ffffff;
				}
				
			.dia_inativo a{
				color: #999999;
			}
			
				.dia_inativo a:hover{
					background: #cccccc;
					border-radius: 3px;
					color: #000000;
				}

/*----------------- area 3 --------------------*/
.area3{
	height: 127px;
	background: #ffcc00;
}

	.area3-1{
		height: 39px;
		background: #dfdfdf;
		border-top: 1px solid #c4c4c4;
		border-bottom: 2px solid #dddddd;
	}
	
		.area3-1 .menu_rodape li{
			float: left;
		}
		
			.area3-1 .menu_rodape li a{
				height: 26px;
				padding: 13px 15px 0 15px;
				display: block;
			}
			
		.area3-1 .redes_rodape li{
			float: left;
		}
		
			.area3-1 .redes_rodape li a{
				background: #ffcc00;
				width: 39px;
				height: 39px;
				display: block;
				text-indent: -9999px;
				overflow: hidden;
			}
			
			.area3-1 .redes_rodape .twitter a{
				background: url("../images/splash.png") -583px -248px no-repeat;
			}
			
			.area3-1 .redes_rodape .facebook a{
				background: url("../images/splash.png") -634px -248px no-repeat;
			}
			
			.area3-1 .redes_rodape .youtube a{
				background: url("../images/splash.png") -684px -248px no-repeat;
			}
			
			.area3-1 .redes_rodape .feed a{
				background: url("../images/splash.png") -735px -248px no-repeat;
			}
	
	.area3-2{
		height: 84px;
		background: #373737;
		border-top: 2px solid #2f2f2f;
	}