@import url('/css/fonts/font-blinker.css');
@import url('/css/fonts/font-noto-sans.css');


:root {
	/*  EX: document.documentElement.style.setProperty('--cor1', 'blue'); //caso queira mudar dinamicamente */
  --corCinzaClaro1: #FAFAFA; /*  background body; */
  --corBranco1: white; /* bg box form; */
  --corCinza1: #545454;
  --corCinza2: #707070;
  --corCinza3: #4C4C4C;
  --corAzulClaro1: #69E6FF;
  --corAzulClaro2: #D7F6FF;
  --corAzulEscuro1: #010F2F;
  --fontSize1: 17px;
  --maxW1: 1200px;
  --maxW2: 1360px;
  --maxW3: 1000px;
  --minW1: 1346px;
  
  --cor1: #064199; 
  --cor1hover: #0D61DD; 
  --corRoxo1: #560599;
  --corRoxo1hover: #830ce5;
  --corEscuro1: #002041;
  
  --tipoBold1: 500; /* SemiBold */ 
  --font1: Blinker;
  --font2: 'Noto Sans';
  --corFadeHover1: rgba(0, 0, 0, 0.09);
  --filterHover1: brightness(92%);
  --borderRadiusFields: 12px;

}

.footer1{
	background: var(--corAzulClaro2) !important;
	color: var(--corEscuro1)  !important;
	font-family: var(--font1)  !important;
	line-height: 24px  !important;
	font-weight: var(--tipoBold1);
	font-size: 18px !important;
	/*min-width: var(--minW1);*/
	text-align: center;
}
.footer1 a{
	text-decoration: none !important;
	font-family: var(--font1)  !important;
	font-size: inherit !important;
	cursor: pointer !important;
	color: var(--corEscuro1)  !important;
}
.footer1 a:hover{
	font-weight: bold !important;
	text-decoration: none !important;
}
.font2{
	font-family: var(--font2) !important;
}

.borderLeft1{
	border-left: 1px solid var(--corEscuro1);
}

.boxFooter1{
	width: 90%;
    max-width: var(--maxW3);
    display: inline-block;
}
.boxFooter2{
    max-width: var(--maxW2);
    text-align: center;
    display: inline-block;
}
.footer2{
	background: var(--corAzulEscuro1);
	color: var(--corBranco1) !important;
	font-weight: normal;
	text-align: center;
	font-size: 17px;
	display: inline-block;
	text-align: center;
	width: 100%;
}
.footer2 img{
	vertical-align: middle;
}
.boxSmallFooter2{
	border-top: 1px solid var(--corBranco1);
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	font-family: var(--font2) !important;
	display: inline-block;
}
.boxSmallFooter3{
	font-size: 13px;
	font-family: var(--font2) !important;
	padding: 6px; 
	text-align: center;
	display: inline-block;
}
.contTel{
	width: 90%; 
	white-space: nowrap; 
	text-align: center; 
	padding-right: 10%; 
	vertical-align: top;
	color: var(--corEscuro1)  !important;
}