@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

a{
	text-decoration: none;
	font-family: Raleway;
	color:#c7c7c7;
	}
p{
	font-size:13px;
	color:#5d5d5d;
	font-family: Raleway;
	}
p, a, h1, h2, h3, h4, h5, h6, strong{
	text-decoration: none;
	font-family: Raleway;
	}	
	
h3{
	font-size:16px;
	font-family: Raleway;
	color:#FFF;
	}	
body{
	background:#fbfbfb;
	padding:0px;
	margin:0px;
	}
body a{
	cursor:pointer;
	outline: 0;
}	
/*header*/	
header{
	display:block;
	height:185px;
	width:auto;
}	
	
	header .centralizar{
		margin:0px auto;
		width:960px;
	}
	header .centralizar .logo{
		float:left;
		margin:23px 0;
	}	
	header .centralizar .busca {
		display: inline-block;
		height: 36px;
		margin-right: 0;
		margin-top: 0;
		position: relative;
		width: auto;
	}

	header .centralizar .busca input {
		border: 1px solid #dddddd;
		border-radius: 10px;
		color: #aaa;
		font-family: "Raleway",Tahoma,Verdana,Helvetica,sans-serif;
		font-size: 9pt;
		height: 34px;
		line-height: 22px;
		padding: 0 29px 0 10px;
		width: 230px;
		background:#f3f3f3;
	}
	form .area_botoes button {
		background: none repeat scroll 0 0 #2f3f5d;
		border: medium none;
		border-radius: 10px;
		color: #fff;
		cursor: pointer;
		float: right;
		font-family: "Raleway",Tahoma,Verdana,Helvetica,sans-serif;
		font-size: 10pt;
		height: 36px;
		margin-left: 5px;
		width: 80px;
		font-weight:bold;
	}

	form .area_botoes button:hover {
			background: #bdd0d9;
	}
	#formulario_contato .area_botoes{
		display:block;
		height:auto;
		width:100%;
	}	
	
	header .centralizar .lupa {
		/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border: medium none;
		cursor: pointer;
		float: right;
		height: 28px;
		margin: 1px 0 0 -32px;
		padding: 7px;
		position: absolute;
		width: 27px;*/
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	  	border: medium none;
	  	cursor: pointer;
	  	float: right;
	  	height: 28px;
	  	margin: -34px 0 0 1px;
	  	padding: 4px;
	  	position: relative;
	  	width: 27px;
	  	margin-right: 8px;
	}
	header .centralizar .navegue_facil {
		float: right;
		height: 100%;
		vertical-align: top;
		width: 272px;
		margin: 59px 0;
	}
		header .centralizar .acessibilidade{	
			display: block;
			height:auto;
			margin: 0 12px 5px;
			width: auto;
		}
			.acessibilidade a {
				opacity:0.7;
			}
			.acessibilidade a:hover {
				opacity:1.0;
			}
			.font_maior, .font_menor, .mapa_site, .linha, .contato, .inicio, .conteudo {
				height:20px;
				width:27px;
				display:inline-block;
				margin-right:10px;
			}
			.font_maior {
    			background: url("../img/icones/ico_aumentarFonte.png") no-repeat scroll center bottom;
			}
			.font_menor {
    			background: url("../img/icones/ico_diminuirFonte.png") no-repeat scroll center bottom;
			}
			.contato {
    			background: url("../img/icones/ico_contato.png") no-repeat scroll center bottom;
			}
			.inicio {
    			background: url("../img/icones/ico_inicio.png") no-repeat scroll center bottom;
			}
			.conteudo{
				background: url("../img/icones/ico_conteudo.png") no-repeat scroll center bottom;
			}
			.mapa_site{
				background: url("../img/icones/ico_mapaSite.png") no-repeat scroll center bottom;
			}

			.linha {
				display: inline-block;
				height: 12px;
				margin-right: 10px;
				width: auto;
			}
			
			.acessibilidade a:last-of-type {
				margin-right:0;
			}
/*nav*/	

nav{
	display:block;
	width:100%;
	background:#2f3f5d;
	height: 40px;
	font-family: Raleway;
	font-size: 19px;
	text-decoration: none;
	}
	nav .centralizar{
		height: 40px;
		margin: 0 auto;
		width: 960px;
	}	
		nav .centralizar ul{
			padding: 0px;
			margin: 0px;
			height: 40px;
			display: block;
			margin: 0px auto;
			width: 960px;
		}	

			nav .centralizar ul li {
				border-right: 1px solid #fff;
				display: inline-block;
				vertical-align: top;
				height: 20px;
				padding: 10px 23px;
				margin-left: -5px;
				width: auto;
			}

			nav .centralizar ul li:first-child, nav .centralizar ul li:last-child {
				padding: 10px 18.5px;
			}
			
			nav .centralizar ul li:first-child {
				margin-left: 0px;
			}

			nav .centralizar ul li:last-child {
				border-right: none;
			}

				nav .centralizar ul li:hover{
					background: #bdd0d9;
					cursor:pointer;
				}
				nav .centralizar ul li:hover > a{
					color:#2f3f5d;
				}
/*FIM NAV*/	
/*Content*/	

content{
	display:block;
	width:960px;
	margin: 0 auto;
	height:auto;
}
	content .centralizar_content{
		width:920px;
		margin: 40px 20px;
		height:auto;
		display:inline-block;
	}

/*Slide Noticias*/	
content .centralizar_content .slide_noticia {
	float:left;
	background-image:url(../img/bg_slide.png);
	height:292px;
	width:646px;
	border: solid #cacaca 1px;
	border-radius:15px;
}

	.slide_noticia .titulo {
		display:block;
		margin:19px 0 3px 16px;
		font-size:18px;
		color:#FFF;
		font-family: Raleway;
	}
	
	.slide_noticia #noticia_animacao {
		display: block;
		position: absolute;
		width: 614px;
		margin: 16px;
		height: 216px;
		overflow: hidden;
	}

	.slide_noticia .area_slide {
		display: block;
		position: absolute;
		margin: 0;
		margin-right: 16px;
		width: 444px;
		height: 216px;
		overflow: hidden;
		font-family: Raleway;
	}

	.slide_noticia .area_slide a {
		cursor: move;
	}
	
		.area_slide img {
			margin: 0px;
			width: 444px;
			height: 216px;
		}

		.area_slide .legenda {
			position: absolute;
			display: block;
			width: 424px;
			height: 43px;
			margin: 153px 0 0;
			padding: 10px;
			background: #333;
			opacity: .8;
		}

			.area_slide .legenda h3 {
				margin:0px;
				margin-bottom: 5px;
			}

			.area_slide .legenda p {
				margin:0px;
				color: #FFF;
			}

		.area_slide:hover .legenda{
			opacity: 1;
		}

	/* area das miniaturas */
	.slide_noticia .area_thumb {
		float: right;
		position: relative;
		width: 154px;
		height: 216px;
		overflow: hidden;
	}

		/* jssor slider thumbnail navigator skin 11 css */
		/*
			.area_thumb .p            (normal)
			.area_thumb .p:hover      (normal mouseover)
			.area_thumb .pav          (active)
			.area_thumb .pav:hover    (active mouseover)
			.area_thumb .pdn          (mousedown)
			*/
		.area_thumb .p {
			display: block;
			margin: 0;
			width: 154px;
			height: 62px;
			cursor: pointer;
		}

		.area_thumb .tp {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border: none;
		}

		.area_thumb .i {
			position: absolute;
			margin:0;
			width: 150px;
			height: 58px;
			border: #F3F3F3 2px solid;
			opacity: .7;
		}

		.area_thumb .pav:hover .i, .area_thumb .pav .i {
			border: #C49C82 2px solid;
			opacity: 1;
		}
		
		.area_thumb .tp:hover .i {
			opacity: 1;
		}

		.area_thumb .c {
			transition: color 2s;
			-moz-transition: color 2s;
			-webkit-transition: color 2s;
			-o-transition: color 2s;
		}

		.area_thumb .p:hover .c, .area_thumb .pav:hover .c {
			transition: none;
			-moz-transition: none;
			-webkit-transition: none;
			-o-transition: none;
		}
	/* fim - area das miniaturas */
/*FIM SLIDE NOTICIAS*/

/*Chamada Imagem*/
content .centralizar_content .chamada{
	display:inline-block;
	float:right;
	height:207px;
	width:238px;
	background-image:url(../img/chamada.png);
	opacity:0.7;
	border: solid #cacaca 1px;
	border-radius:15px;
	margin-bottom:30px;
	}	
content .centralizar_content .chamada:hover {
	opacity:1.0;
	cursor:pointer;
	}
/* Fim Chamada Imagem*/	
/*Banners Parceiros*/
	
content .centralizar_content .banners{
	display:inline-block;
	float:right;
	width:248px;
	min-height:355px;
	height:auto;
}

	.banners .seta_cima, .banners .seta_baixo {
		display:block;
		width:68px;
		height:20px;
		margin: 0px auto;
		background:url(../img/seta_banner_cima.png);
	}

	.banners .seta_baixo{
		background:url(../img/seta_banner_baixo.png);
	}

	.banners .seta_cima:hover{
		background:url(../img/seta_banner_cima_houver.png);
	}

	.banners .seta_baixo:hover{
		background:url(../img/seta_banner_baixo_houver.png);
	}

	.banners .scrollable {
		display: block;
		width: 154px;
		height: 470px;
		overflow: hidden;
		margin: 20px auto;
	}

		.banners a img{
			display: block;
			width: 152px;
			height: 80px;
			border: solid #cacaca 1px;
			border-radius: 15px;
			margin-bottom: 15px;
			opacity:0.7;
		}

		.banners a:last-of-type img{
			margin-bottom: 0px;
		}

		.banners a img:hover {
			opacity:1.0;
		}
/*Fim Banner*/


/*Documentos e eventos*/		
content .centralizar_content .eventos{
	margin-left:30px;	
}
content .centralizar_content .documentos .titulo, content .centralizar_content .eventos .titulo{
	color: #fff;
    display: block;
    font-family: Raleway;
    font-size: 18px;
    margin-left: 16px;
    margin-top: 19px;
	height:25px;
}
	content .centralizar_content .documentos, content .centralizar_content .eventos{
		display:inline-block;
		width:307px;
		height:268px;
		float:left;
		background:url(../img/bg_chamadas_documentos.png);
		border: solid #cacaca 1px;
		border-radius: 15px;
		margin-top:30px;
	}
	
		content .centralizar_content .documentos p , content .centralizar_content .eventos p{
			display: block;
			padding: 15px;
		}

			content .centralizar_content .documentos ul {	
				display: block;
				font-size: 14px;
				margin-left: 0;
				margin-top: 19px;
				padding-left: 20px;
				padding-right: 20px;
				width: 267px;
				height: 156px;
			}
	
				content .centralizar_content .documentos ul li{	
					background:url(../img/marcador.png) no-repeat scroll left center rgba(0, 0, 0, 0);
					display: block;
					line-height: 20px;
					padding-left: 15px;
					width: auto;
					font-family: Raleway;
					font-size:12.5px;
					color:#5d5d5d;
					margin-bottom:15px;
				}
					content .centralizar_content .documentos ul li a{	
						color:#858585;
					}
	
					content .centralizar_content .documentos ul li a:hover{	
						color:#0e2f6d;
						cursor:pointer;
					}
	
				content .centralizar_content .documentos .mais_documentos{
					display: block;
					line-height: 20px;
					padding-left: 15px;
					width: auto;
					font-family: Raleway;
					font-size:16px;
					color:#2f3f5d;
					margin-bottom:15px;
					font-weight:bold;
					float:right;
					margin-right:20px;
					margin-left:20px;
				}	
					content .centralizar_content .documentos .mais_documentos a{	
						color:#2f3f5d;
					}
					content .centralizar_content .documentos .mais_documentos a:hover{
						color:#c49c82
					}
			
			content .centralizar_content .eventos .altura {
				display: block;
				height: 156px;
				margin-bottom:13px;
				width: 100%;
			}

			content .centralizar_content .eventos .conteudo_calendario_direito, content .centralizar_content .eventos .conteudo_calendario_esquerdo{
				display: block;
				font-size: 14px;
				margin-left: 0px;
				width: auto;
				margin-top: 20px;
				height:78px;
			}

				content .centralizar_content .eventos .conteudo_calendario_direito .data_evento{
					display:inline-block;
					float:left;
					width:71px;
					height:61px;
					border-radius: 5px;
					background:#bdd0d9;
					margin-left:20px;
					margin-top:8px;
				}

					content .centralizar_content .eventos .conteudo_calendario_direito .texto_evento{
						  font-family: Raleway;
						  font-size: 12.5px;
						  color: #5d5d5d;
						  display: inline-block;
						  float: right;
						  height: 60px;
						  width: 185px;
						  margin-right: 20px;
						  line-height:152%;
						  text-align: left;
						  margin-top:8px;
					}

				content .centralizar_content .eventos .conteudo_calendario_esquerdo{
					margin-top: 3px;
				}
					content .centralizar_content .eventos .conteudo_calendario_esquerdo .data_evento{
						display:inline-block;
						float:right;
						width:71px;
						height:61px;
						border-radius: 5px;
						background:#bdd0d9;
						margin-right:20px;
						margin-top:8px;
						}
					content .centralizar_content .eventos .conteudo_calendario_esquerdo .data_evento img, content .centralizar_content .eventos .conteudo_calendario_direito .data_evento img{
						margin:5px;
					}		
					content .centralizar_content .eventos .conteudo_calendario_esquerdo .texto_evento{
						font-family: Raleway;
						font-size: 12.5px;
						color: #5d5d5d;
						display: inline-block;
						float: left;
						height: 60px;
						width: 185px;
						margin-left: 20px;
						line-height:152%;
						text-align: right;
						margin-bottom:5px;
						margin-top:8px;
					}
					content .centralizar_content .eventos .conteudo_calendario_esquerdo .texto_evento:hover, content .centralizar_content .eventos .conteudo_calendario_direito .texto_evento:hover{
						color: #0e2f6d;
					}
					content .centralizar_content .eventos .conteudo_calendario_esquerdo:hover, content .centralizar_content .eventos .conteudo_calendario_direito:hover{
						background:#ebeff0;
					}	
		
	content .centralizar_content .eventos h5{
		font-size: 18px;
		font-family: Raleway;
		display:block;
		color:#5d5d5d !important;
		font-weight:bold !important;
		height:20px;
		margin:0px;
		text-align: center;
		margin-top:3px;
		}
	content .centralizar_content .eventos h6{
		font-size: 18px;
		font-family: Raleway;
		display:block;
		color:#5d5d5d !important;
		font-weight:bold !important;
		height:20px;
		margin:0px;
		text-align: center;
		margin-bottom:3px;
		}
	
	content .centralizar_content .eventos .mais_documentos{
		display: block;
		line-height: 20px;
		padding-left: 15px;
		width: auto;
		font-family: Raleway;
		font-size:16px;
		color:#2f3f5d;
		margin-bottom:15px;
		font-weight:bold;
		float:right;
		margin-right:20px;
		margin-left:20px;
		}	
		content .centralizar_content .eventos .mais_documentos a{	
			color:#2f3f5d;
		}
		content .centralizar_content .eventos .mais_documentos a:hover{
			color:#c49c82
		}

/*Footer*/

footer{
	display:block;
	height:auto;
	width:100%;
	background:#2f3f5d;
	margin:0px;
	padding:0px;
}
	footer .centralizar{
		display:block;
		height:auto;
		width:960px;
		margin:0 auto;
	}	
		footer .centralizar .ceua_footer{
			display:inline-block;
			height:auto;
			width:449px;
			float:left !important;
			margin-bottom:20px !important;
			margin-top:20px !important;
			}
			footer .centralizar .ceua_footer h1{
				font-size: 14px;
			  color: #FFF;
			 	font-family: Raleway;
			  margin-top: 0px;
			  margin-bottom: 18px;
			}

			footer .centralizar .ceua_footer p{
				font-size:13px;
				color:#c7c7c7;
				font-family: Raleway;
				float:left !important;
				margin:0px;
			}	
			footer .centralizar .linha_footer{
				background:url(../img/separador_footer.png);
				display:inline-block;
				height:64px;
				width:1px;
				margin: 20px;
			}
		footer .centralizar .desenvolvido_footer{
			display:inline-block;
			height:auto;
			width:449px;
			float:right !important;
			margin-bottom:20px;
			margin-top:20px;
		}
		footer .centralizar .desenvolvido_footer h1{
			font-size: 14px;
			color: #FFF;
			font-family: Raleway;
			text-align: right !important;
			float: right !important;
			margin-bottom: 0px;
			margin-top: 18px;
		}

			footer .centralizar .desenvolvido_footer p{
				font-size:13px;
				color:#c7c7c7;
				font-family: Raleway;
				text-align: right !important;
				margin:0px !important;
			}
				footer .centralizar .desenvolvido_footer a:hover, footer .centralizar .ceua_footer a:hover{
					color:#bdd0d9;
					cursor:pointer;
				}
				footer .centralizar .desenvolvido_footer p a, footer .centralizar .ceua_footer p a{
					color:#c7c7c7;
				}
				footer .centralizar .desenvolvido_footer h1 a, footer .centralizar .ceua_footer h1 a{
					color:#FFF;
				}
				form input:hover, form select:hover, form textarea:hover {
						border-color: #2f3f5d;
				}
				
				form input:focus, form select:focus, form textarea:focus {
						border-color: #2f3f5d;
				}
				footer .centralizar .desenvolvido_footer img{
					opacity:0.7;
				}
				footer .centralizar .desenvolvido_footer img:hover{
					opacity:1;
				}

/* barra do governo  */

#barra-brasil #brasil-vlibras .logo-vlibras:hover+.link-vlibras,
#barra-brasil #brasil-vlibras .logo-vlibras:active+.link-vlibras,
#barra-brasil #brasil-vlibras .logo-vlibras:focus+.link-vlibras,
#barra-brasil #brasil-vlibras .link-vlibras:hover,
#barra-brasil #brasil-vlibras .link-vlibras:active,
#barra-brasil #brasil-vlibras .link-vlibras:focus {
 z-index: 9 !important;
 left: -36px;
}

#barra-brasil nav:active ul.list,
#barra-brasil nav:focus ul.list,
#barra-brasil nav:hover ul.list {
  height: auto !important;
}

#barra-brasil #brasil-vlibras .link-vlibras {
  line-height: 1.6;
  text-align: center;
  margin-top: 33px;
}

#barra-brasil #brasil-vlibras .link-vlibras span {
    display: inline-block;
		text-align: left;
		width: 132px;
}

#barra-brasil #brasil-vlibras .link-vlibras a {
	color: inherit;
}

#barra-brasil .list {
    right: 45px !important;
}

#barra-brasil .brasil-flag a {
    padding-left: 36px !important;
    background-position: 2px !important;
}

#barra-brasil nav {
	background: transparent;
	font-size: 12px;
}

@media (max-width: 767px) {
	#barra-brasil .brasil-flag a {
		padding-left: 51px !important;
		background-position: 15px !important;
	}
}