/*-------------------------------------------------------------------
MENU PC TOPO
--------------------------------------------------------------------*/
.menu-topo {
	position:relative;
	cursor:pointer;
	float:left;
	margin:0px 6px 0px 6px;
	padding:40px 15px 15px 15px;
	font-family:  'Montserrat', sans-serif;
	font-size:0.9em;
	font-weight:500;
	text-transform:uppercase;
	color: #fff;
	background-color:rgba(255,255,255,0);
	-webkit-transition: all 0.5s; /* Safari */
    transition:  all 0.5s;
}

.menu-topo:hover,.menu-topo.active{ color:#fff; background-color:rgba(255,255,255,0.3); border-bottom-left-radius:6px; border-bottom-right-radius:6px;}

#separadorpages{
	float:left;
	font-family:  'Montserrat', sans-serif;
    font-size: 0.7em;
	color: #7ac142;
	display:block;
	position:relative;
	padding:0px 10px 0px 10px;
	font-weight:500;
}

.dropdown-content-menu {
    position: absolute;
	top:70px;
	left:0px;
	min-width: 250px;
    z-index: 9999;
    background-color:rgba(255,255,255,0.6);
	-webkit-transition: background-color 0.5s; /* Safari */
    transition:  background-color 0.5s;
}

.submenu{
	width:100%; position:relative; float:left;
	font-family:  'Montserrat', sans-serif;
	font-size: 0.8em;
	display: none;
	color: #ef9c1d;
	font-weight:500;
	padding:10px 10px 10px 15px;
	border-bottom:1px solid #fff;
	text-align:left;
	}
.submenu:hover{ 
color: #3b2a98;
 }
 
.menu-topo:hover .dropdown-content-menu .submenu {display: block;}

@media screen and (min-width: 1024px) and (max-width: 1279px) { /* PARA DISPOSITIVOS PEQUENOS*/
.menu-topo, #separadorpages {font-size:0.7em;}
.menu-topo {
margin:0px 5px 0px 5px;
padding:32px 10px 12px 10px;
}
.dropdown-content-menu {
	top:55px;
	min-width: 250px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1919px) { /* PARA DISPOSITIVOS MÉDIOS*/
.menu-topo, #separadorpages {font-size:0.8em;}
.menu-topo {
margin:0px 8px 0px 8px;
padding:32px 12px 12px 12px;
}
.dropdown-content-menu {
	top:55px;
	min-width: 250px;
}
}