/*
	Resets
	========================================================================== */
body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	background: #FFF;
}

a {
	text-decoration: none;
}

ul, ol {
	list-style: outside none;
	padding: 0;
}

p {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #595959;
	line-height: 28px;
}

/**
 * libras
 */
div[vw].enabled {
	top: 40% !important
}

/*
	Estilo Gerais
	========================================================================== */
.transition {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}


/*
	Captcha
	========================================================================== */
.grecaptcha-badge {
	z-index: 1;
}


/*
	Estilos da LGPD
	========================================================================== */
.lgpd {
	background: #595959;
	padding: 10px;
	overflow: hidden;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 200;
	color: #FFF;
}

.lgpd.esconde {
	display: none;
}

.lgpd .aviso {
	float: left;
	font-size: 12px;
	padding-top: 3px;
}

.lgpd .aviso a {
	color: #f0a947;
}

.lgpd .aviso a:hover {
	color: #1b2306;
}

.lgpd .fechar-aviso {
	float: right;
}

.lgpd .fechar-aviso .close-lgpd {
	color: #FFF;
	font-weight: 900;
	font-size: 20px;
}

.lgpd .fechar-aviso .close-lgpd:hover {
	color: red;
}

/*
	Estilos da área de Acessibilidade
	========================================================================== */
header {
	padding-top: 100px;
}

header .fixed-area {
	width: 100%;
	top: 0px;
	position: fixed;
	z-index: 50;
}

header .acessibilidade-area {
	color: #FFF;
	background-color: #2d2d2d;
}

header .acessibilidade-area a {
	color: #FFF;
	font-weight: 400;
	font-size: 12px;
	vertical-align: middle;
}

header .acessibilidade-area a:hover {
	color: #bed700;
}

header .acessibilidade-area a .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

header .acessibilidade-area a .icon svg {
	fill: #FFF;
	display: inline-block;
	width: 15px;
}

@media only screen and (max-width: 992px) {
	header {
		padding-top: 0px;
	}
	header .fixed-area {
		position: relative;
	}
}

@media only screen and (max-width: 992px) {

}

@media only screen and (max-width: 768px) {

}

/*
	Estilos da área de login do header
	========================================================================== */
header .login-area {
	background-color: #009a62;
	color: #FFF;
}

header .login-area .chamada {
	position: relative;
	font-style: italic;
	font-size: 16px;
	font-weight: 400;
	padding-right: 15px;
	color: #FFF;
}

header .login-area .chamada-bar {
	margin-right: 10px;
}
header .login-area .chamada-bar:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 90%;
	background-color: #bed700;
	top: 5%;
	right: 0px;
}

header .login-area .form-element input {
	width: 100%;
	border: none;
	font-size: 14px;
	min-height: 30px;
	border-radius: 5px;
}

header .login-area .form-element input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-style: italic;
}
header .login-area .form-element input::-moz-placeholder { /* Firefox 19+ */
	font-style: italic;
}
header .login-area .form-element input:-ms-input-placeholder { /* IE 10+ */
	font-style: italic;
}
header .login-area .form-element input:-moz-placeholder { /* Firefox 18- */
	font-style: italic;
}

header .login-area .form-element input.bt-submit {
	background: none;
	border: 1px solid #FFF;
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

header .login-area .form-element input.bt-submit:hover {
	border: 1px solid #bed700;
	color: #bed700;
}

header .login-area .esqueci {
	color: #00401a;
	font-size: 11px;
	font-weight: 500;
}

header .login-area .esqueci:hover {
	color: #bed700;
}

header .login-area .cadastro {
	color: #FFF;
	font-size: 13px;
	font-weight: 400;
}

header .login-area .cadastro span {
	color: #00401a;
	display: inline-block;
	margin-left: 10px;	
}

header .login-area .cadastro:hover span {
	color: #bed700;
}

@media only screen and (max-width: 1080px) {

}

@media only screen and (max-width: 992px) {
	header .login-area .form-element input.bt-submit {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {

}

/*
	Estilos da área do menu
	========================================================================== */
.main-header .menu-area {
	position: relative;
	z-index: 10;
}

.main-header .menu-mob {

}

.main-header .menu-mob svg {
	width: 40px;
	fill: #008854;
}

.menu-mob .icon-close,
.open .menu-mob .icon-open {
	display: none !important;
}

.open .menu-mob .icon-close {
	display: block !important;
}

.main-header .menu-area .menu {

}

.main-header .menu .item-pai {
	position: relative;
}

.main-header .menu .item-pai a {
	display: block;
	color: #FFF;
	font-size: 14px;
	background: #009a62;
	padding-top: 20px;
	padding-bottom: 15px;
	border-bottom: 5px solid #009a62;
}

.main-header .menu .item-pai a:hover {
	background: #008854;
	border-color: #bed700;
}

.main-header .menu .item-pai .sub-menu  {
	position: absolute;
	margin-left: -25%;
	width: 120%;
	min-width: 280px;
	height: 0%;
	overflow: hidden;
	opacity: 0;

	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.main-header .menu .item-pai:last-child .sub-menu {
	min-width: auto;
	right: 0px;
}

.main-header .menu .item-pai:hover .sub-menu  {
	height: auto;
	opacity: 1;
}

.main-header .menu .item-pai .sub-item a {
	display: block;
	background: #00401a;
	border-bottom: 1px solid #1a5331;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	padding-left: 20px;
}

.main-header .menu .item-pai .sub-item a:hover {
	background-color: #1a5331
}


@media only screen and (max-width: 992px) {
	.main-header.open {
		position: relative;
	}

	.main-header.open .menu-area {
		display: block !important;
		position: absolute;
		z-index: 40;
		width: 100%;
		margin-top: 40px;
		left: 0px;
		overflow: hidden;
	}
	
	.main-header.open .menu .item-pai {
		
	}
	
	.main-header.open .menu .item-pai a {
		font-size: 20px;
	}
	
	.main-header.open .menu .item-pai a:hover {

	}
	
	.main-header.open .menu .item-pai .sub-menu  {
		position: absolute;
		display: block;
		margin-left: 0%;
		width: 100%;
		min-width: initial;
		height: 0%;
		overflow: hidden;
		opacity: 0;
	}

	.main-header.open .menu .item-pai:last-child .sub-menu {
		min-width: initial;
		right: initial;
	}
	
	.main-header.open .menu .item-pai.show .sub-menu  {
		height: auto;
		position: relative;
		opacity: 1;
	}
	
	.main-header.open .menu .item-pai .sub-item a {
		display: block;
		overflow: hidden;
		background: #00401a;
		border-bottom: 1px solid #1a5331;
		padding-bottom: 8px;
		padding-top: 8px;
		text-align: left;
		padding-left: 20px;
	}
	
	.main-header.open .menu .item-pai .sub-item a:hover {
		background-color: #1a5331
	}
}

@media only screen and (max-width: 992px) {

}

@media only screen and (max-width: 768px) {

}

/*
	Estilos do Rodapé
	========================================================================== */
.main-header .busca-area {

}

.main-header .busca-area .busca-element {
	position: relative;
}

.main-header .busca-area input[type="text"] {
	width: 100%;
	max-width: 50%;
	max-width: 425px;
	font-size: 15px;
	color: #00401a;
	border: 1px solid #009a62;
	text-align: right;
	padding-right: 55px;
	height: 45px;
	border-radius: 5px;
}

.main-header .busca-area input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #009a62;
}
.main-header .busca-area input[type="text"]::-moz-placeholder { /* Firefox 19+ */
	color: #009a62;
}
.main-header .busca-area input[type="text"]:-ms-input-placeholder { /* IE 10+ */
	color: #009a62;
}
.main-header .busca-area input[type="text"]:-moz-placeholder { /* Firefox 18- */
	color: #009a62;
}

.main-header .button-area {
	display: inline-block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin-left: -40px;
	position: absolute;
	top: 6px;
}

.main-header .button-area input {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	text-indent: -9999px;
	border: none;
}

.main-header .button-area svg {
	display: inline-block;
	width: 30px;
	fill: #009a62;
}

.main-header .button-area:hover svg {
	fill: #00401a;
}

/*
	Estilo do main
	========================================================================== */
.main-content {
	margin-top: -40px;
}

@media only screen and (max-width: 992px) {
	.main-content {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 992px) {

}

@media only screen and (max-width: 768px) {

}

/*
	Estilo dos Headers e Breadcrumbs Internos
========================================================================== */
.internal-content .breadcrumb-area {
	background-color: #f5f5f5;
	color: #5b5c65;
}

.internal-content .breadcrumb-area a {
	font-size: 12px;
	color: #5b5c65;
}

.internal-content .breadcrumb-area a:hover {
	color: #00995d;
}

.internal-content .breadcrumb-area a.ativo {
	font-size: 12px;
	color: #00401a;
}

.internal-content .banner-area h1 {
	background-color: #00401a;
	color: #FFF;
}

/*
	Estilos do Rodapé
	========================================================================== */
footer .footer-area {
	background-color: #f0f0f0;
}

.footer-area .footer-nav {

}

.footer-area .footer-nav li,
.footer-nav .sub-footer-nav li {
	font-size: 0px;
}

.footer-nav a {
	text-transform: uppercase;
	color: #008854;
	font-weight: 400;
	font-size: 13px;
}

.footer-nav a:hover {
	color: #00401a;
}

.footer-nav .sub-footer-nav a {
	font-size: 12px;
	color: #595959;
	text-transform: initial;
	font-weight: 400;
}

.footer-nav .sub-footer-nav a:hover {
	color: #008854;
}

.footer-area .redes svg {
	display: inline-block;
	width: 30px;
	fill: #595959;
}

.footer-area .redes a:hover svg {
	fill: #008854
}

.footer-area .endereco {
	color: #595959;
	font-size: 12px;
	border-top: 1px solid #595959;
}

.footer-area .endereco strong {
	font-size: 13px;
}

.sincore {
	margin-bottom: 10px;
}

.sincore a .icon {
	display: inline-block;
	background-color: #FFF;
	width: 130px;
	text-align: right;
	text-indent: 30px;

	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.sincore a .text {
	display: inline-block;
	width: 130px;
	background-color: #FFF;
	text-indent: -280px;
	overflow: hidden;
	vertical-align: middle;

	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.sincore a:hover .text {
	text-indent: 0px;
}

.sincore a:hover .icon {
	width: 80px;
}


@media only screen and (max-width: 992px) {

}

@media only screen and (max-width: 992px) {

}

@media only screen and (max-width: 768px) {

}




/*
	Estilo padrão de formulário para páginas internas
========================================================================== */
.internal-content .form-element input,
.internal-content .form-element textarea,
.internal-content .form-element select {
	width: 100%;
	/* min-height: 60px; pq min? no firefox ficou descentralizado */
	height: 60px;
	padding: 10px 20px;
	background-color: #e8e8e8;
	font-size: 16px;
	color: #00401a;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #e8e8e8;
	border-radius: 5px;
}


.internal-content .form-element input[type="checkbox"],
.internal-content .form-element input[type="radio"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #e8e8e8;
	border: 1px solid;
	border-radius: none;
}

.internal-content .form-element label {
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #595959;
	line-height: 28px;
	cursor: pointer;
}

.internal-content .form-element input:focus {
	border-color: #008854;
}

.internal-content .form-element input::-webkit-input-placeholder {
	font-family: 'Poppins', sans-serif;
	color: #5b5c65;
	font-size: 16px;
}
.internal-content .form-element input:-moz-placeholder {
	font-family: 'Poppins', sans-serif;
	color: #5b5c65;
	font-size: 16px;
}
.internal-content .form-element input::-moz-placeholder {
	font-family: 'Poppins', sans-serif;
	color: #5b5c65;
	font-size: 16px;
}
.internal-content .form-element input:-ms-input-placeholder {
	font-family: 'Poppins', sans-serif;
	color: #5b5c65;
	font-size: 16px;
}
.internal-content .form-element input::-ms-input-placeholder {
	font-family: 'Poppins', sans-serif;
	color: #5b5c65;
	font-size: 16px;
}

.internal-content .form-element textarea {
	min-height: 270px;
}

.internal-content .form-element textarea::-webkit-input-placeholder {
	font-family: 'Poppins', sans-serif;
	color: #5b5c65;
	font-size: 16px;
}
.internal-content .form-element textarea:-moz-placeholder {
	font-family: 'Poppins', sans-serif;
	color: #5b5c65;
	font-size: 16px;
}
.internal-content .form-element textarea::-moz-placeholder {
	font-family: 'Poppins', sans-serif;
	color: #5b5c65;
	font-size: 16px;
}
.internal-content .form-element textarea:-ms-input-placeholder {
	font-family: 'Poppins', sans-serif;
	color: #5b5c65;
	font-size: 16px;
}
.internal-content .form-element textarea::-ms-input-placeholder {
	font-family: 'Poppins', sans-serif;
	color: #5b5c65;
	font-size: 16px;
}

.internal-content .form-element input.bt-submit {
	border: none;
	background-color: #008854;
	color: #FFF;
	min-height: 80px;
	padding: 20px;
	text-transform: uppercase;
	font-size: 20px;
}

.internal-content .form-element input.bt-submit:hover {
	background-color: #00401a;
}


/*
	Conteúdo Padrão Interno de Blocos
========================================================================== */
.internal-content .conteudo-area {

}

.internal-content .conteudo-area h3 {
	border-left: 10px solid #008854;
	color: #008854;
	padding-left: 10px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.internal-content .conteudo-area .bloco {
	font-size: 18px;
	font-weight: 400;
}

.internal-content .conteudo-area .bloco p {
	font-size: 16px;
	margin-bottom: -5px;
}

.internal-content .bloco .tipo,
.internal-content .bloco .item-bloco {
	position: relative;
}

.internal-content .bloco .item-bloco.item-bloco-columned {
	font-size: 0;
}

.internal-content .bloco .item-bloco.item-bloco-columned > a {
	font-size: 1rem;
}

.internal-content .bloco .item-bloco:after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: -5px;
	width: 100%;
	height: 1px;
	background-color: #00995d;
}

.internal-content .bloco .tipo:before,
.internal-content .bloco .item-bloco:before,
.internal-content .bloco .item-faixa:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 100%;
	background-color: #00995d;
	top: 0px;
	left: 0px;
	border-radius: 5px;
}


.internal-content .bloco .item-bloco:before {
	background-color: #bed700;
}

.internal-content .bloco .tipo,
.internal-content .bloco .tipo a,
.internal-content .bloco .item-bloco a {
	color: #00995d;
	font-weight: 700;
}

.internal-content .fechamento a,
.internal-content .bloco .item-bloco a {
	color: #00401a;
}

.internal-content .fechamento a:hover,
.internal-content .bloco .item-bloco a:hover {
	color: #bed700;
}

.internal-content .bloco .item-bloco .subitem {
	border-bottom: 1px solid #e8e8e8;
	display: none;;
}

.internal-content .bloco .item-bloco.show .subitem {
	display: block;
}

.internal-content .bloco .item-bloco.item-bloco-columned.show .subitem {
	display: inline-block;
}

.internal-content .bloco .item-bloco .subitem:last-child {
	border: none;
}

.internal-content .gen-border-gray-bottom {
	border-bottom: 1px solid #e5e5e5;
}

/**
 * table
 */
.table {}
.table thead {}
.table thead th {
	color: #00401a;
	font-weight: normal;
	font-style: italic;
}

.table tbody td a {
	font-size: 14px;
	color: #595959;
	display: block;
}


.link-padrao {
	color: #00401a;
}

.link-padrao:hover {
	color: #008854;
}
