﻿.row-menu {
	background: var(--main-color-menu-primary);
}

.menu.menuBaseOriginal,
.menu.menuBaseOriginal ul {
	z-index: 601;
	border-radius: 0;
	padding: 0;
	min-height: 45px;
}

	.menu.menuBaseOriginal,
	.menu.menuBaseOriginal li,
	.menu.menuBaseOriginal a {
		margin: 0;
		list-style: none;
		text-decoration: none;
		padding: 5px 0px;
		display: flex;
		align-items: center;
	}

.menu.menuBaseOriginal {
	float: none;
	display: flex;
	border-radius: 5px;
}

	.menu.menuBaseOriginal ul {
		position: absolute;
		display: none;
		box-shadow: 3px 3px 2px #333333c9;
	}

	.menu.menuBaseOriginal li {
		width: inherit;
		height: inherit;
	}

		.menu.menuBaseOriginal li a {
			display: flex;
			justify-content: center;
			padding: 8px;
			transition: all 0.1s linear;
			font-size: 10px;
			align-items: flex-start;
		}

		.menu.menuBaseOriginal li,
		.menu.menuBaseOriginal li a {
			width: 100%;
			height: 100%;
			margin: 0;
			text-align: left;
			max-width: 100%;
		}

			.menu.menuBaseOriginal li ul li a {
				display: flex;
				justify-content: flex-start;
			}

			/* Configurações nivel 2*/
			.menu.menuBaseOriginal li:hover > ul.submenu-1 {
				display: block;
				top: 40px;
				padding: 5px 5px 0;
				width: 370px;
				border-radius: 0;
			}

			.menu.menuBaseOriginal li:hover > ul.submenu-1,
			.menu.menuBaseOriginal li:hover > ul.submenu-2,
			.menu.menuBaseOriginal li:hover > ul.submenu-3 {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: center;
			}

	.menu.menuBaseOriginal ul.submenu-1 a,
	.menu.menuBaseOriginal ul.submenu-2 a,
	.menu.menuBaseOriginal ul.submenu-3 a {
		max-width: 360px;
		padding: 0 10px 10px;
	}

	/* Configurações nivel 2*/
	.menu.menuBaseOriginal li:hover > ul.submenu-2,
	.menu.menuBaseOriginal li:hover > ul.submenu-3 {
		top: 0;
		left: 340px;
		padding: 0 5px;
		margin: 2px -2px;
		width: 360px;
		border-radius: 0 5px 5px 5px;
	}

/*Configurações de cores*/

/*nivel 1*/
.menu.menuBaseOriginal {
	background-color: var(--main-color-menu-primary);
}

	.menu.menuBaseOriginal a {
		color: var(--main-color-menu-secondary);
	}

	.menu.menuBaseOriginal li:hover {
		background-color: var(--main-color-menu-contrast);
		color: var(--main-color-menu-secondary);
	}

		.menu.menuBaseOriginal li:hover a:hover {
			color: var(--main-color-menu-secondary);
		}

	/*nivel 2*/
	.menu.menuBaseOriginal .submenu-1,
	.menu.menuBaseOriginal .submenu-2,
	.menu.menuBaseOriginal .submenu-3 {
		background-color: var(--main-color-menu-primary);
	}



	.menu.menuBaseOriginal .angleDownMenu {
		position: absolute;
	}

	.menu.menuBaseOriginal .angleLeftMenu {
		position: absolute;
		right: 15px;
	}

@media (max-width: 768px) {
	.menu.menuBaseOriginal li a {
		font-size: 8px;
	}
}

@media (max-width: 992px) {
	.menu.menuBaseOriginal {
		padding: 0px;
	}

		.menu.menuBaseOriginal li a {
			font-size: 10px;
		}

		.menu.menuBaseOriginal li,
		.menu.menuBaseOriginal a {
			padding: 10px 15px 0 5px;
		}

			.menu.menuBaseOriginal li:hover ul.submenu-1 {
				margin-left: -5px;
			}

			.menu.menuBaseOriginal li ul.submenu-1 li,
			.menu.menuBaseOriginal li ul.submenu-2 li,
			.menu.menuBaseOriginal li ul.submenu-2 a,
			.menu.menuBaseOriginal li ul.submenu-2 a {
				padding: 8px 15px 8px 5px;
			}
}
