@media (min-width: 992px){
	.menu-responsivo{
		display: none;
	}

	.menu-principal{
		display: flex;
		justify-content: space-between;
		list-style: none;
		margin-left: auto;
		margin-right: auto;
		padding-left: 50px;
		padding-right: 55px;
		width: 1170px;
		background-color: white;
		border-bottom: 2px solid #003777;
		margin-top: 10px;
	}

	.menu {
		display: flex;
		justify-content: space-between;
		list-style: none;
		text-align: center;
		align-items: center;
		width: 70%;
		padding: 0;
		margin-bottom: 0;
	}

	.menu > li {
		display: flex;
		position: relative;
	}

	.menu > li > a:before{
		content: "";
		width: 0;
		height: 4px;
		display: block;
		background-color: #0057B7;
		position: absolute;
		bottom: calc(100% - 25px);
		transition: width 0.5s;
	}

	.menu > li > a:hover:before,
	.menu > li.active > a:before {
		width: 100%;
	}

	.menu .active > a,
	.menu > li:hover > a {
		color: #003878;
	}

	.menu > li > a{
		display: flex;
		align-items: center;
		font-weight: bold;
	}

	.menu a{
		color: #000000;
		font-size: 13px;
		text-decoration: inherit;
	}

	.config-cf {
		text-align: left;
	}

	.config-cf1 {
		text-align: right;
	}

	.topo {
		height: 120px;
		z-index: 999;
		position: relative;
	}

	.menu-principal {
		padding: 10px 20px;
	}
}