/*********************************************
** Footer 
*********************************************/

#footer {
	float: left;
	width: 100%;
	display: flex;
}

/* Box Left */

#footer .boxLeft {
	width: calc(50% - 100px);
	min-width: calc(50% - 100px);
	display: flex;
	justify-content: flex-end;
	background: #00056E;
}

#footer .boxLeft .boxInterno {
	width: 500px;
	text-align: center;
	padding: 40px;
}

/* Logo */

#footer .boxLeft .boxInterno #logo {
	text-align: center;
}

#footer .boxLeft .boxInterno #logo img {
	max-width: 80%!important;
}

/* Título e Subtítulo */

#footer .boxLeft .boxInterno .titulo {
	color: #E6F5FF;
    float: left;
    width: 100%;
    margin: 25px 0 5px 0;
    font-size: 20px;
}

#footer .boxLeft .boxInterno .subtitulo {
	color: #CEEAFF;
    float: left;
    width: 100%;
    font-size: 14px;
}

/* CNPJ */

#footer .boxLeft .boxInterno .cnpj {
	color: #CEEAFF;
    float: left;
    width: 100%;
    font-size: 14px;
}

/* Endereço */

#footer .boxLeft .boxInterno .endereco {
	color: #CEEAFF;
    float: left;
    width: 100%;
    font-size: 14px;
}

/* QR Code MEC */

#footer .boxLeft .boxInterno .boxMec {
	float: left;
	width: 100%;
	margin-top: 30px;
}

/* Box Right */

#footer .boxRight {
	width: calc(50% + 100px);
	min-width: calc(50% + 100px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Central de Atendimento */

#footer .boxRight .centralDeAtendimento {
	background: #1221b4;
	width: 100%;
}

#footer .boxRight .centralDeAtendimento .boxInterno {
	width: 700px;
	padding: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#footer .boxRight .centralDeAtendimento .boxInterno .boxTexto {
	display: flex;
	flex-direction: column;
}

#footer .boxRight .centralDeAtendimento .boxInterno .boxTexto .titulo {
	color: #C4DFF2;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

#footer .boxRight .centralDeAtendimento .boxInterno .boxTexto .atendimento {
	color: #CEEAFF;
	font-size: 14px;
}

#footer .boxRight .centralDeAtendimento .boxInterno .numeroCentral {
	margin-left: 40px;
}

#footer .boxRight .centralDeAtendimento .boxInterno .numeroCentral span {
	font-size: 44px;
    line-height: 44px;
    color: #fff;
    font-weight: 600;
}

/* Box Colunas */

#footer .boxRight .boxMenus {
	background: #000689;
	width: 100%;
	flex: 1;
}

#footer .boxRight .boxMenus .boxInterno {
	width: 700px;
	padding: 40px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

/* Título Footer */

#footer .tituloRodape {
	float: left;
    width: 100%;
    margin: 0 0 15px 0;
    color: #CEEAFF;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

#footer .tituloRodape a {
	float: left;
    color: #CEEAFF;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

/* Menu */

#footer .menuFooter ul {
	padding: 0;
    margin: 0;
    display: inline-block;
}

#footer .menuFooter ul li {
	float: left;
	width: 100%;
	list-style: none;
}

#footer .menuFooter ul li + li {
	margin-top: 3px;
}

#footer .menuFooter ul li a {
	color: #C4DFF2;
    font-size: 15px;
}

/* Redes Sociais */

#footer .redesSociais {
	margin-top: 20px;
}

#footer .redesSociais .boxLinks {
	float: left;
	width: 100%;
	display: flex;
}

#footer .redesSociais .boxLinks a {
	display: flex;
    align-items: center;
}

#footer .redesSociais .boxLinks a + a {
	margin-left: 10px;
}

#footer .redesSociais .boxLinks a img {
	max-height: 60px;	
}

/* Footer Mobile */

.footerMobile {
	display: none;
}

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

	#footer .boxLeft .boxInterno,
	#footer .boxRight .centralDeAtendimento .boxInterno,
	#footer .boxRight .boxMenus .boxInterno {
		width: 100%;
	}

}

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

	#footer {
		flex-direction: column;
	}

	#footer .boxLeft,
	#footer .boxRight {
		display: none;
	}

	/* Footer Mobile */

	.footerMobile {
		display: block;
	}

	/* Central de Atendimento */

	#footer .footerMobile .centralDeAtendimento {
		background: #1221b4;
		width: 100%;
		float: left;
		text-align: center;
		padding: 40px 15px;
	}

	#footer .footerMobile .centralDeAtendimento .titulo {
		color: #C4DFF2;
		font-size: 20px;
		text-transform: uppercase;
		line-height: 20px;
		font-weight: 600;
		margin-bottom: 5px;
		float: left;
		width: 100%;
	}

	#footer .footerMobile .centralDeAtendimento .atendimento {
		color: #CEEAFF;
		font-size: 14px;
		float: left;
		width: 100%
	}

	#footer .footerMobile .centralDeAtendimento .numero {
		font-size: 44px;
		line-height: 44px;
		color: #fff;
		font-weight: 600;
		float: left;
		width: 100%;
		margin-top: 10px;
	}

	/* Dados Empresa Mobile */

	#footer .footerMobile .dadosEmpresa {
		float: left;
		width: 100%;
		background: #00056e;
		padding: 40px 15px;
		text-align: center;
	}

	/* Logo */

	#footer .footerMobile .dadosEmpresa #logo {
		text-align: center;
	}

	#footer .footerMobile .dadosEmpresa #logo img {
		max-width: 80%!important;
	}

	/* Título e Subtítulo */

	#footer .footerMobile .dadosEmpresa .titulo {
		color: #E6F5FF;
		float: left;
		width: 100%;
		margin: 25px 0 5px 0;
		font-size: 20px;
	}

	#footer .footerMobile .dadosEmpresa .subtitulo {
		color: #CEEAFF;
		float: left;
		width: 100%;
		font-size: 14px;
	}

	/* CNPJ */

	#footer .footerMobile .dadosEmpresa .cnpj {
		color: #CEEAFF;
		float: left;
		width: 100%;
		font-size: 14px;
	}

	/* Endereço */

	#footer .footerMobile .dadosEmpresa .endereco {
		color: #CEEAFF;
		float: left;
		width: 100%;
		font-size: 14px;
	}

	/* QR Code MEC */

	#footer .footerMobile .dadosEmpresa .boxMec {
		float: left;
		width: 100%;
		margin-top: 30px;
	}

	/* Menus */

	#footer .footerMobile .boxMenus {
		background: #000689;
		width: 100%;
		float: left;
		padding: 40px;
	}

	/* Título Footer */

	#footer .footerMobile .boxMenus .tituloRodape {
		float: left;
		width: 100%;
		margin: 0 0 15px 0;
		color: #CEEAFF;
		font-size: 20px;
		line-height: 26px;
		font-weight: 700;
	}

	#footer .footerMobile .boxMenus .tituloRodape a {
		float: left;
		color: #CEEAFF;
		font-size: 20px;
		line-height: 26px;
		font-weight: 700;
	}

	/* Menu */

	#footer .footerMobile .boxMenus .menuFooter {
		float: left;
		width: 100%;
	}

	#footer .footerMobile .boxMenus .menuFooter + .menuFooter {
		margin-top: 30px;
	}

	#footer .footerMobile .boxMenus .menuFooter ul {
		padding: 0;
		margin: 0;
		display: inline-block;
	}

	#footer .footerMobile .boxMenus .menuFooter ul li {
		float: left;
		width: 100%;
		list-style: none;
	}

	#footer .footerMobile .boxMenus .menuFooter ul li + li {
		margin-top: 3px;
	}

	#footer .footerMobile .boxMenus .menuFooter ul li a {
		color: #C4DFF2;
		font-size: 15px;
	}

	/* Redes Sociais */

	#footer .footerMobile .boxMenus .redesSociais {
		margin-top: 30px;
		float: left;
		width: 100%;
	}

	#footer .footerMobile .boxMenus .redesSociais .boxLinks {
		float: left;
		width: 100%;
		display: flex;
	}

	#footer .footerMobile .boxMenus .redesSociais .boxLinks a {
		display: flex;
		align-items: center;
	}

	#footer .footerMobile .boxMenus .redesSociais .boxLinks a + a {
		margin-left: 10px;
	}

	#footer .footerMobile .boxMenus .redesSociais .boxLinks a img {
		max-height: 60px;	
	}

}

@media (max-width: 768px) {

	

}