/*?	ACESSIBILIDADE - MENU DE ACESSO
/*!	Folha de estilos responsável por controlar todas as mudanças de estilo globais referentes às opções de acessibilidade do site:	*/

/**	Design do Menu de Acessibilidade */
.acessibilidade {
	/* Comandos para debug: */
	/* position: 								fixed; */
	/* z-index: 								99; */

	background-color: #000;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}

.acessibilidade figure {
	display: inline-block;
	cursor: pointer;
}

.acessibilidade figure:not(:last-child) {
	margin-right: 20px;
}

.acessibilidade img {
	height: 15px;
	vertical-align: middle;
}

.acessibilidade figcaption {
	color: var(--cor_fonte_tercearia) !important;

	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
}

.acessibilidade .vw-text-active {
	color: var(--cor_fonte_tercearia) !important;
}

/*?	TOPO
/*!	Folha de estilos responsável pelos estilos do header do site:

/*================================
		FAIXA ANTES DO TOPO 
=================================*/
.faixa_1 {
	/* Display */
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: end;

	/* Cores */
	background-color: var(--cor_secundaria);

	/* Ajustes */
	padding: 5px 10px;
	box-sizing: border-box;
}

/* Container do icones da faixa antes do topo */
.faixa_1 .face-insta {
	/* Display */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	/* Cores */
	color: #202020;
	/*background-color: #e6e7e8;*/

	/* Borda */
	border-radius: 2px;

	font-size: 10px;
	font-weight: 600;
	text-decoration: none;

	/* Ajustes */
	/*padding: 3px 10px;*/
	margin-left: 5px;

	transition: ease .3s;
}

.faixa_1 .face-insta.fonte {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
}

.faixa_1 .face-insta.fonte p {
	padding: 0;
	margin-top: 2px;
}

.faixa_1 .face-insta:hover {
	opacity: .9;
}

.faixa_1 .face-insta.ico {
	padding: 3px;
}

.faixa_1 .face-insta i {
	font-size: 14px;
}

.faixa_1 .container_faixa_1 {
	/* Display */
	display: flex;
	justify-content: flex-end;
	align-items: center;

	/* Ajustes */
	width: 100%;
}

.faixa_1 .container_faixa_1 .btn_info{
	padding: 5px;
	border-radius: 8px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}
.faixa_1 .container_faixa_1 .acesso_informacao svg{
	min-width: 18px;
	width: 18px;
	height: 18px;
}
.faixa_1 .container_faixa_1 .acesso_informacao path {
	fill: #FFF;
}

.container-transparencia,
.container-redes-sociais {
    display: flex;
	justify-content: center;
}
@media (max-width:480px) {
	
	.faixa_1 .container_faixa_1 {
		justify-content: center;
	}
	.faixa_1 .container-transparencia{
		width:100%;
		padding: 5px 0;
	}
	.container-redes-sociais {
		width: 100%;
		padding: 5px 0;
	}
}
.redes-sociais {

	width: 25px;

	margin-left: 15px;
}

.redes-sociais img {
	width: 100%;
}

/*====================================*/


/*=====================================
		CONFIGURAÇÕES DO TOPO
=======================================*/

/* Container do topo */
.topo-site {
	background-color: #FFF;
	/* Display */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	/* Cores */
	background-color: var(--cor_fundo);
}

.topo-site .container-item {
	/* Ajustes */
	text-align: center;
	padding: 15px 0px;

	/* Display */
	display: block;
}

.topo-site .container-item-logo {
	/* Ajustes */
	text-align: center;
	padding: 15px 15px;

	/* Display */
	display: flex;
	align-items: center;
	justify-content: space-between;

	/* Outros */
	box-sizing: border-box;
}

/* Input de busca */
.topo-site .container-item .busca input[type=text] {
	/* Ajustes */
	box-sizing: border-box;
	padding: 10px 20px 10px 20px;
	width: 80%;

	/* Borda */
	border: none;
	border-radius: 25px;

	/* Cores */
	background-color: var(--cor_tercearia);

	/* Fonte */
	font-size: var(--tamanho_p);

}

/* input de submit do formulário de pesquisa do topo */
.topo-site .container-item .busca #submit_topo {
	display: none;
}

/* Botão de pesquisa do topo */
.topo-site .container-item .busca .btn-a-submit-topo {
	/* Ajustes */
	margin-left: 10px;
	position: relative;
	width: 50px;
	height: 50px;

	/* Borda */
	border: none;
	border-radius: 25px;

	/* Cores */
	background-color: var(--cor_tercearia);

	/* Display */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	/* Fontes */
	color: var(--cor_fonte_principal);

	/* Outros */
	cursor: pointer;
}

/* Container formulário de busca */
.topo-site .container-item .busca {
	/* Ajuste */
	align-items: center;

	/* Display */
	display: flex;
	justify-content: center;
}

/*===========================================*/


/*=============================================
					MENU
===============================================*/

.topo-site .menu {
	/* Display */
	display: inline-block;

	/* Fonte */
	font-family: var(--fonte);
	font-weight: bold;
}

.topo-site nav.desktop {
	/* Ajuste */
	width: 100%;

	/* Display */
	display: inline-block;
}

.topo-site .desktop .menu {
	/* Ajuste */
	width: 100%;
	margin-bottom: 10px;

	/* Display */
	display: flex;
	justify-content: space-around;
}

.topo-site .menu li {
	/* Ajustes */
	float: left;
}

.topo-site .dropdown {
	width: 100%;
}

.topo-site .menu .edge ul {
	right: 0;
}

.topo-site .menu li a {
	/* Cores */
	color: var(--cor_fonte_principal);

	border-radius: 5px;
	padding: 5px;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	transition: 0.5s;
	box-sizing: border-box;
	line-height: 140%;
}

.topo-site .menu li a:hover,
.topo-site .menu li a.ativo {
	color: #2c2c2caf;
	transition: 0.5s;
	opacity: 0.7;
}

/* nivel 2  */
.topo-site .menu li .dropdown {
	position: relative;
}

.topo-site .menu li:hover .nivel2 {
	display: block;
	visibility: visible;
	transition: 0.5s;
	opacity: 1;
	z-index: 998;
}

.topo-site .menu .nivel2 {
	z-index: 100;
	width: 200px;
	position: absolute;
	visibility: hidden;
	padding: 0px;
	color: #000;
	opacity: 0;
}

.topo-site .menu .nivel2 li {
	float: none;
	position: relative;
	background-color: transparent;
}

.topo-site .menu .nivel2 li a:link {
	transition: 0.5s;
}

.topo-site .menu .nivel2 li a,
.topo-site .menu .nivel2 li a:visited {
	text-transform: none;
	text-align: left;
	display: inline-block;
	padding: 12px 10px 10px 15px;
	float: none;
	margin: 0;
	background: #f2f2f2;
	width: 100%;
	font-size: 11px;
	color: #5c5c5c;
	transition: 0.5s;
	border-radius: 0;
	border-bottom: 0;
}

.topo-site .menu .nivel2 li a:hover,
.topo-site .menu .nivel2 li a:active {
	margin: 0;
	color: #5c5c5c98;
	transition: 0.5s;
	border-radius: 0;
	border-bottom: 0;
	opacity: 1;
}

/* nivel 3  */
.topo-site .menu .nivel3 {
	display: none;
}

.topo-site .menu .nivel2 li:hover .nivel3 {
	width: 100%;
	top: 0;
	right: 0;
	position: absolute;
	display: block;
	visibility: visible;
	transition: 0.5s;
	opacity: 1;
	z-index: 998;
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

/***** topo -> menu_retratil *****/
.topo-site .btn_menu {
	cursor: pointer;
	border: 0;
}


.topo-site .menu_retratil {
	width: 100%;
	text-align: center;
	font-family: var(--fonte);
	font-weight: bold;
	margin: 0 0 0 0;
	font-size: 14px;
	background-color: #FFF;
	cursor: pointer;
}

/* li */
.topo-site .menu_retratil li a {
	width: 96%;
	height: auto;
	display: inline-block;
	font-size: 14px;
	padding: 10px 2% 10px 2%;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 130%;
	text-transform: uppercase;
	text-decoration: none;
	transition: 0.5s;
	color: #666;
	background-color: #F3F3F3;
	border-bottom: 1px solid #E3E3E3;
}

.topo-site .menu_retratil .nivel2 li a {
	text-transform: none;
	background-color: #FFF;
	text-transform: uppercase;
	color: #666;
}

/* hover */
.topo-site .menu_retratil li a:hover,
.topo-site .menu_retratil li a.hover {
	transition: 0.5s;
	color: var(--cor_fonte_principal);
	background-color: var(--cor_tercearia);
	border-bottom: 1px solid #FFF;
	cursor: pointer;
	opacity: 0.8;
}

.topo-site .menu_retratil .nivel2 li a:hover,
.topo-site .menu_retratil .nivel2 li a.hover {
	background-color: var(--cor_tercearia);
	opacity: 0.8;
}

/* 2 nivel */
.topo-site .menu_retratil li ul ul li a {
	cursor: pointer;
	background-color: #F1F1F1;
	transition: 0.5s;
}

.topo-site .menu_retratil li ul ul li a:hover {
	background-color: #16A5C0;
	transition: 0.5s;
}

.btn_menu {
	display: none;
}

.mobile {
	display: none;
}

@media (min-width:1023px) and (max-width:1092px) {
	.topo-site .menu li a {
		font-size: 12px;
	}
}

/** Fim menu **/
@media (min-width:0px) and (max-width:1023px) {

	.desktop {
		display: none!important;
	}

	.mobile {
		display: block;
	}

	.topo-site nav.desktop {
		line-height: 0;
		display: none;
	}


	.btn_menu {
		display: block;
	}

	.topo-site .coluna50 {
		width: 96%;
		padding: 0 2% 0 2%;
	}

	.topo-site .coluna50.busca {
		width: 100%;
		padding: 0;
	}

	.topo-site .borda {
		width: 100%;
		margin: 0 0 0 0;
		height: 40px;
		padding: 5px 0 15px 0;
	}

	.topo-site #form_busca input[type=text] {
		width: 75%;
		height: 50px;
		border: none;
		margin: 0 1% 0 1%;
		float: left;
	}

	.topo-site #form_busca input[type=submit] {
		width: 18%;
		border-radius: 12px;
		margin: 0;
		padding: 0 1% 0 0;
		font-size: 12px;
		float: left;
		height: 50px;
	}
}

@media(min-width:1024px) and (max-width:1245px) {

	.topo-site .logo {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.topo-site .borda {
		width: 400px;
		margin: 30px 0 0 0;
		height: 40px;
	}

	.topo-site #form_busca input[type=text] {
		font-size: 14px;
		margin: 0;
		height: 40px;
		padding: 0 5px 0 5px;
	}

	.topo-site #form_busca input[type=submit] {
		width: 140px;
		font-size: 14px;
		height: 44px;
	}
}

@media(min-width:0px) and (max-width:1023px) {

	.topo-site .logo {
		margin: 5px 0 5px 0;
	}

	.topo-site #form_busca input[type=submit] {
		font-size: 14px;
	}
}

@media(min-width:530px) and (max-width:1023px) {

	.topo-site .logo img {
		width: 305px;
		height: 80px;
	}

	.topo-site .logo {
		text-align: center;
	}

}

@media(min-width:0px) and (max-width:529px) {

	.topo-site #form_busca input[type=text] {
		font-size: 14px;
	}

	.topo-site .logo {
		text-align: left;
	}

	.topo-site .logo img {
		width: 75%;
	}
}