.menu-topo {
    text-transform:uppercase;
	position:relative;
	cursor:pointer;
	float:left;
	padding:10px 11px 6px 11px; 
	margin:0px 8px 0px 8px;
	-webkit-transition: all 0.5s; /* Safari */
    transition:  all 0.5s;
}
.menu-topo,#separadorpages {height:40px; font-size:0.9em;font-family:  'Montserrat', sans-serif;font-weight:400; color:#000;}

.menu-topo:hover,.menu-topo.active { background-color:#fff;}

#separadorpages{
	float:left;
	display:block;
	position:relative;
	padding:0px;
}

.dropdown-content-menu {
    position: absolute;
	top:40px;
	left:0px;
	min-width: 300px;
    z-index: 999;
    background-color:#fff;
	-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: #000;
	background-color:#FFF;
	font-weight:400;
	padding:10px 10px 10px 15px;
	border-bottom:1px solid #ccc;
	text-align:left;
	}
.submenu:hover{ 
color: #000;
font-weight:500;
 }
 
.menu-topo:hover .dropdown-content-menu .submenu {display: block;}


@media screen and (min-width: 1024px) and (max-width: 1279px) {
.menu-topo,#separadorpages {height:30px;font-size:0.7em;}
.menu-topo {padding:6px 4px 6px 4px; margin:0px 4px 0px 4px;}
.dropdown-content-menu {top:32px;}
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.menu-topo,#separadorpages {height:30px;font-size:0.75em;}
.menu-topo {padding:6px 5px 6px 5px; margin:0px 2px 0px 2px;}
.dropdown-content-menu {top:30px;}
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
.menu-topo,#separadorpages {height:30px;font-size:0.75em;}
.menu-topo {padding:6px 5px 6px 5px; margin:0px 3px 0px 3px;}
.dropdown-content-menu {top:30px;}
}
@media screen and (min-width: 1920px) {

}



.menu-topo-superior{
    text-transform:uppercase;
	position:relative;
	cursor:pointer;
	float:left;
	padding:10px 11px 6px 11px; 
	margin:0px 8px 0px 8px;
	-webkit-transition: all 0.5s; /* Safari */
    transition:  all 0.5s;
}
.menu-topo-superior,#separadorpages-superior {height:40px; font-size:0.85em;font-family:  'Montserrat', sans-serif;font-weight:400; color:#000;}

.menu-topo-superior:hover,.menu-topo-superior.active { background-color:#fff;}

#separadorpages-superior{
	float:left;
	display:block;
	position:relative;
	padding:0px;
}

.dropdown-content-menu-superior {
    position: absolute;
	top:40px;
	left:0px;
	min-width: 300px;
    z-index: 999;
    background-color:#fff;
	-webkit-transition: background-color 0.5s; /* Safari */
    transition:  background-color 0.5s;
}

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

@media screen and (min-width: 1024px) and (max-width: 1367px) { /* PARA DISPOSITIVOS PEQUENOS*/
.menu-topo-superior,#separadorpages-superior {height:30px;font-size:0.7em;}
.menu-topo-superior {
	padding:6px 8px 6px 8px; margin:0px 4px 0px 4px;
}
.dropdown-content-menu-superior {
	top:30px;
}
}


@media screen and (min-width: 1024px) and (max-width: 1279px) {

}
@media screen and (min-width: 1280px) and (max-width: 1365px) {

}
@media screen and (min-width: 1366px) and (max-width: 1919px) {

}
@media screen and (min-width: 1920px) {

}
