* {
	font-family: 'Calibri', sans-serif;
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {scroll-behavior: smooth;}

body {background-color: rgb(238, 236, 236);}

h1, h2, h3 {margin: auto; text-align: center; color: #006633; padding: 8px;}
h1 {font-size: 26px;}
h2 {font-size: 22px;}
h1 img, h2 img {filter: invert(9%) sepia(98%) saturate(6525%) hue-rotate(248deg) brightness(58%) contrast(115%);}

p {text-align: justify; margin-bottom: 8px; line-height: 1.5; font-size: 16px;}

a {text-decoration: none; color: #006633;}

nav ul li {width: 100%; padding: 8px 10px; text-decoration: none; list-style: none; color: white; cursor: pointer;}
nav ul li:hover {background-color: #F89F32;}
.liSelecionado {background-color: #004121;}

input, button, select, textarea {padding: 8px 15px; outline: none; font-size: 16px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: white;}
input, select, textarea {width: 99%;}
input, select, textarea {border: 1px solid #F89F32;}
input[type=number] {width: 140px;}
input[type=time] {width: 100px;}

button {background-color: #F89F32; border: 0px; cursor: pointer; color: white; outline: none;}
button:hover {background-color: #cf7910; color: white;}

.btnVermelho {background-color: red; cursor: pointer;}
.btnTransparente {background-color: transparent; cursor: pointer;}
.btnTransparente:hover {background-color: lightgrey; color: black;}
.btnVermelho:hover {background-color: #af0000;}
.btnVerde {background-color: #006633; cursor: pointer;}
.btnVerde:hover {background-color: #014a26;}
.btnAzul {background-color: #011480; cursor: pointer;}
.btnAzul:hover {background-color: #1e01c2}
.btnAzulClaro {background-color: #0560b6; cursor: pointer;}
.btnAzulClaro:hover {background-color: #024686;}
.btnPreto {background-color: black; cursor: pointer;}
.btnPreto:hover {background-color: #222222;}
.btnLaranja {background-color: #ec8405; cursor: pointer;}
.btnLaranja:hover {background-color: #cc7204;}
.btnCinza {background-color: #535353; cursor: pointer;}
.btnCinza:hover {background-color: #2c2c2c;}
.btnCinzaClaro {background-color: #f1f1f1; cursor: pointer;}
.btnCinzaClaro:hover {background-color: #dad8d8; color: black;}

.fundoLaranja {background-color: #ec8405;}
.fundoVerde {background-color: #006633;}
.fundoVerdeClaro {background-color: #47a821;}
.fundoAzul {background-color: #011480;}
.fundoAzulClaro {background-color: #5090f0;}
.fundoVermelho {background-color: red;}
.fundoVermelhoClaro {background-color: #dfa0a0;}
.fundoCinza {background-color: #c3c2c2;}
.fundoCinzaClaro {background-color: #f1f1f1;}
.fundoBranco {background-color: white;}
.fundoPretoClaro {background-color: #333333;}
.fundoPreto {background-color: black;}
.fundoBarraTitulo {background-color: #006633; color: white;}
.fundoBarraTitulo img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}

.voltarTopo {position: fixed; bottom: 10px; right: 10px; cursor: pointer; z-index: 999999999; display: none;}
.cursorMao {cursor: pointer;}

.menuMovel {width: auto; min-width: 200px; height: 100%; position: fixed; display: none; top: 0px; right: 0px; background-color: #006633; z-index: 9999999999;}

.subMenu {width: auto; height: auto; position: absolute; right: 55px; display: none; background-color: #006633; z-index: 99999999;}

#btnFecharMenu {right: 5px; top: 8px; position: absolute;}

.btnXFechar {position: absolute; right: -6px; top: -8px; cursor: pointer;}

.col1 {width: 99%;}
.col2 {width: 47%;}
.col3 {width: 30%;}
.col3 iframe {width: 100%;}
.col4 {width: 22%;}
.col5 {width: 17%;}
.col7 {width: 12%;}

#carregarDialogo {background-color: #E6E6E6; min-width: 350px; width: auto; height: auto; max-height: 96%; z-index: 99999999999; position: fixed; top: 50%; left: 50%; display: none;}
#mascaraSemClick, #mascaraComClick {background-color: black; opacity: 0.6; position: fixed; width: 100%; height: 100%; z-index: 9999999999; display: none;}
#mascaraSemCor {background-color: black; opacity: 0; position: fixed; width: 100%; height: 100%; z-index: 999999; display: none;}

.barraSuperiorFixa {position: sticky; background-color: #006633; top: 0px; z-index: 999999999;}
.barraInferiorFixa {position: fixed; width: 100%; bottom: 0px; left: 0px; z-index: 999999999; display: none;}

.divInterior {width: 80%;}

.conteudoBloco {width: 100%; height: 100%;}

.divMenuIcone:hover {background-color: #d4d4d4;}

.barraBanner {width: 100%; height: auto;}
.barraBanner img {height: auto; width: 100%;}

.tituloSlide {position: absolute; bottom: 0; width: 100%; font-size: 30px; opacity: 0.8;}

.barraRodape {width: 100%; height: auto; background-color: #006633;}
.rodapeDivLink:hover {background-color: black;}

.padding1 {padding: 1px;}
.padding2 {padding: 2px;}
.padding3 {padding: 3px;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding13 {padding: 13px;}
.padding3-5 {padding: 3px 5px;}
.padding3-10 {padding: 3px 10px;}
.padding5-10 {padding: 5px 10px;}
.padding10-20 {padding: 10px 20px;}
.padding20 {padding: 20px;}

.dpFlex{display: flex;}
.flexWrap {flex-wrap: wrap;}

.margem1 {margin: 1px;}
.margem3 {margin: 3px;}
.margem5 {margin: 5px;}
.margem10 {margin: 10px;}
.margemAuto {margin: auto;}

.visivel {display: block;}
.invisivel {display: none;}

.txtNegrito {font-weight: bold;}
.txtCentro {text-align: center;}
.txtEsquerdo {text-align: left;}
.txtDireito {text-align: right;}
.txtJustificado {text-align: justify;}

.fonteMedia {font-size: 1.2rem;}
.fonteGrande {font-size: 1.5rem;}
.fonteMuitoGrande {font-size: 2rem;}
.fonteExtraGrande {font-size: 3rem;}

.txtBranco {color: white;}
.txtPreto {color: black;}
.txtVermelho {color: red;}

.dpFlex {display: flex;}
.dpFlexCentro {align-items: center;}

.divHoverLaranja:hover {background-color: orange; color: white;}

.circulo {
	-moz-border-radius: 47%;
	-webkit-border-radius: 47%;
	border-radius: 47%;
}

.bordaVermelha {border: 1px solid red;}
.bordaBranca {border: 1px solid white;}
.bordaCinza {border: 1px solid #bcbcbc;}
.bordaPreta {border: 1px solid black;}
.bordaLaranja {border: 1px solid orange;}
.bordaRedonda {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.bordaRedondaSup {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.bordaRedondaInf {
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
.ladoALado {display: inline-table;}
.verticalTop {vertical-align: top;}
.linhaCinzaClaro {border: 0px; border-bottom: 1px solid lightgray;}
.linhaBranca {border: 0px; border-bottom: 1px solid white;}

.sombraPreta {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.sombraPretaForte {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}
.sombraTexto {color: white; text-shadow: black 0.1em 0.1em 0.2em}
.nomeSite {font-size: 20px;}

table {border: 0px; border-spacing: 0px; width: 100%;}
table tr {border: 0px;}
table tr {border: 0px;}


/*SVG*/
.svg15 {height: 15px; width: 15px; text-align: center; vertical-align: top;}
.svg20 {height: 20px; width: 20px; text-align: center; vertical-align: top;}
.svg25 {height: 25px; width: 25px; text-align: center; vertical-align: top;}
.svg30 {height: 30px; width: 30px; text-align: center; vertical-align: top;}
.svg40 {height: 40px; width: 40px; text-align: center; vertical-align: top;}
.svg50 {height: 50px; width: 50px; text-align: center; vertical-align: top;}
.svg100 {height: 100px; width: 100px; text-align: center; vertical-align: top;}
.svg130 {height: 130px; width: 130px; text-align: center; vertical-align: top;}
.svg200 {height: 200px; width: 200px; text-align: center; vertical-align: top;}
.svg300 {height: 300px; width: 300px; text-align: center; vertical-align: top;}

.svgBranco {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.svgPreto {filter: invert(0%) sepia(4%) saturate(20%) hue-rotate(334deg) brightness(104%) contrast(100%);}
.svgVerde {filter: invert(17%) sepia(68%) saturate(6622%) hue-rotate(157deg) brightness(78%) contrast(101%);}
.svgVermelho {filter: invert(24%) sepia(95%) saturate(6805%) hue-rotate(356deg) brightness(100%) contrast(120%);}
.svgAzul {filter: invert(9%) sepia(98%) saturate(6525%) hue-rotate(248deg) brightness(58%) contrast(115%);}
.svgAzulClaro {filter: invert(42%) sepia(75%) saturate(1708%) hue-rotate(182deg) brightness(102%) contrast(97%);}
.svgAmarelo {filter: invert(71%) sepia(60%) saturate(509%) hue-rotate(3deg) brightness(102%) contrast(102%);}
.svgLaranja {filter: invert(59%) sepia(100%) saturate(2858%) hue-rotate(358deg) brightness(99%) contrast(108%);}










@media (max-width: 1024px) {
	.divInterior {width: 100%;}
	.tituloSlide {font-size: 26px;}
}

@media (max-width: 900px) {
	.col3, .col4 {width: 46%;}
	.tituloSlide {font-size: 22px;}
	.txtBanner {font-size: 36px; text-align: center;}
	.col5 {width: 23%;}
	.col7 {width: 18%;}
}

@media (max-width: 800px) {
	.col2, .col4, .col65p {width: 95%;}
	.col2 iframe, .col3 iframe {width: 95%;}
	#btnLogin {display: none;}
	.tituloSlide {font-size: 20px;}
	.col7 {width: 21%;}
}

@media (max-width: 600px) {
	.txtBanner {font-size: 28px; text-align: center;}
	.imgBanner img {max-width: 60px;}
	.col3 {width: 95%;}
	#carregarDialogo {width: 90%;}
	.tituloSlide {font-size: 16px;}

	.col5 {width: 47%;}
	.col7 {width: 30%;}
}

@media (max-width: 500px) {
	button[type=submit] {width: 95%; padding: 15px;}
	.col5 {width: 95%;}
}