@charset "utf-8";



.show-overflow {
		overflow: visible !important;
}

.show-overflow .box-content {
		overflow: visible !important;
}
	#menuprincipaldenavegacao {
			display:table;
			width:100%;
		  z-index: 5;
			  position: relative;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#menuprincipaldenavegacao > ul {
			margin: 0;
			padding: 0;
			display:flex;
		  flex-flow: row wrap;
			background-color: var(--cor_fundolink);
			color: var(--cor_link);
		  list-style-type: none;

	}
	#menuprincipaldenavegacao > ul > li {
			display:flex;
			width: 100%;
			text-align: left;
			position:relative;
		border: 1.5 solid var(--cor_link);
		opacity: 1;
		
		
	
	}
	#menuprincipaldenavegacao a,
	#menuprincipaldenavegacao .current {
			flex:1;
			display: block;
			padding: .5em;
			border-color: var(--cor_link);
	}
	#menuprincipaldenavegacao a {
			color: var(--cor_link);
			text-decoration: none;
      border: 1px solid var(--cor_link);
		font-size: 1em;
		display: block
	}
	#menuprincipaldenavegacao a:hover,
	#menuprincipaldenavegacao a:focus {
			background-color: var(--cor_link);
			color: var(--cor_fundolink);
			border: 1px solid var(--cor_fundolink);
			text-decoration: none;
	}
	#menuprincipaldenavegacao a:focus {}
	
	
	
	#menuprincipaldenavegacao .current {
			background-color: black;
			color: white;
			border-color: black;
	}

	#menuprincipaldenavegacao > ul > li > ul {
		display: none;
		position:absolute;
		left:0;
		right:0;
		top:100%;
		padding:0;
		margin:0;
		background-color: var(--cor_fundolink);
				opacity: 0;
					  list-style-type: none;
			  clip: rect(0px,0px,0px,0px);
		
	}

#menuprincipaldenavegacao > ul > li.open > ul {
		display:block;
	}

	#menuprincipaldenavegacao > ul > li > ul a{
		border-bottom-width: 1px;
	}
	#menuprincipaldenavegacao .has-submenu > a:after {
		margin-left: 5px;
		line-height: 14px;
		content: '';
	}
	#menuprincipaldenavegacao .has-submenu:hover > a:hover:after,
	#menuprincipaldenavegacao .has-submenu > a:focus:after {
		content: '';
	}

	#menuprincipaldenavegacao .has-submenu button {
		background-color: transparent;
		border: none;
		padding:0;
		line-height: 0;
			width: 0px;
		height: 0px;
		overflow: hidden
	}

	 #menuprincipaldenavegacao .has-submenu button > span {
		display:inline-block;
		width: .8em;
		height: .8em;
		background: url(../MenuPrincipal/seta1.png) center no-repeat;
	}

	#menuprincipaldenavegacao .has-submenu:hover button > span,
	#menuprincipaldenavegacao .has-submenu button:focus > span {
		background: url(../MenuPrincipal/seta1.png) #fff;
	}

	#menuprincipaldenavegacao .has-submenu button,
	#menuprincipaldenavegacao .has-submenu a:focus + button {
		background-color: var(--cor_link);
	}
	#menuprincipaldenavegacao .has-submenu:hover button,
	#menuprincipaldenavegacao .has-submenu button:hover,
	#menuprincipaldenavegacao .has-submenu button:focus {
		background: var(--cor_link);
		border: 1px solid var(--cor_fundolink);
		border-left: none;
	}





#overlay{
	  position: fixed; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--cor_fundosite); /* Black background with opacity */
  z-index: 1; /* Specify a stack order in case you're using a different order for other elements */
transition: all 1s 0.4s;
	opacity: 0.0;
visibility:hidden

	}