
.bodercolor {
	background: #6daf56;
	display: block;
	left: 0;
	min-height: 15px;
	position: absolute;
	bottom: 54px;
	width: 100%;
	z-index: -1;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-transform: skew(0deg, -3deg);
	transform: skew(0deg, -3deg);
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.nav-collaps > ul > li:hover .bodercolor {
	height:30px
}
.nav-collaps > ul > li a:hover {
	color: #97bf0d;
	text-decoration:none;
}
.nav-collaps > ul > li:nth-child(1) a:hover, .nav-collaps > ul > li:nth-child(1).active a {
 color: #97bf0d;
}
.nav-collaps > ul > li:nth-child(1) .bodercolor {
 background: #97bf0d;
}
.nav-collaps > ul > li:nth-child(1):hover .bodercolor {
 background: #97bf0d url(http://www.upf.pf/sites/default/files/menu_icons/menu_icon_218.png) no-repeat center;
}
.nav-collaps > ul > li:nth-child(1) .dropdown-menus {
 background: #97bf0d;
}
.nav-collaps > ul > li:nth-child(2) a:hover, .nav-collaps > ul > li:nth-child(2).active a {
 color: #6daf56;
}
.nav-collaps > ul > li:nth-child(2) .bodercolor {
 background: #6daf56;
}
.nav-collaps > ul > li:nth-child(2):hover .bodercolor {
 background: #6daf56 url(http://www.upf.pf/sites/default/files/menu_icons/menu_icon_2933.png) no-repeat center;
}
.nav-collaps > ul > li:nth-child(2) .dropdown-menus {
 background: #6daf56;
}
.nav-collaps > ul > li:nth-child(3) .bodercolor {
 background: #d78a25;
}
.nav-collaps > ul > li:nth-child(3):hover .bodercolor {
 background: #d78a25 url(http://www.upf.pf/sites/default/files/menu_icons/menu_icon_912.png) no-repeat center;
}
 .nav-collaps > ul > li:nth-child(3) a:hover, .nav-collaps > ul > li:nth-child(3).active a {
 color: #d78a25;
}
.nav-collaps > ul > li:nth-child(3) .dropdown-menus {
 background: #d78a25;
}
.nav-collaps > ul > li:nth-child(4) .bodercolor {
 background: #d76025;
}
.nav-collaps > ul > li:nth-child(4):hover .bodercolor {
 background: #d76025 url(http://www.upf.pf/sites/default/files/menu_icons/menu_icon_913.png) no-repeat center;
}
.nav-collaps > ul > li:nth-child(4) a:hover, .nav-collaps > ul > li:nth-child(4).active a {
 color: #d76025;
}
.nav-collaps > ul > li:nth-child(4) .dropdown-menus {
 background: #d76025;
}
.nav-collaps > ul > li:nth-child(5) .bodercolor {
 background: #aa419d;
}
.nav-collaps > ul > li:nth-child(5):hover .bodercolor {
 background: #aa419d url(http://www.upf.pf/sites/default/files/menu_icons/menu_icon_3004.png) no-repeat center;
}
.nav-collaps > ul > li:nth-child(5) a:hover, .nav-collaps > ul > li:nth-child(5).active a {
 color: #aa419d;
}
.nav-collaps > ul > li:nth-child(5) .dropdown-menus {
 background: #aa419d;
}
.nav-collaps > ul > li:nth-child(6) .bodercolor {
 background: #c50444;
}
.nav-collaps > ul > li:nth-child(6):hover .bodercolor {
 background: #c50444 url(http://www.upf.pf/sites/default/files/menu_icons/menu_icon_915.png) no-repeat center;
}
.nav-collaps > ul > li:nth-child(6) a:hover, .nav-collaps > ul > li:nth-child(6).active a {
 color: #c50444;
}
.nav-collaps > ul > li:nth-child(6) .dropdown-menus {
 background: #c50444;
}
.nav-collaps > ul > li:nth-child(7) .bodercolor {
 background: #0b98b6;
}
.nav-collaps > ul > li:nth-child(7):hover .bodercolor {
 background: #0b98b6 url(http://www.upf.pf/sites/default/files/menu_icons/menu_icon_914.png) no-repeat center;
}
.nav-collaps > ul > li:nth-child(7) a:hover, .nav-collaps > ul > li:nth-child(7).active a {
 color: #0b98b6;
}
.nav-collaps > ul > li:nth-child(7) .dropdown-menus {
 background: #0b98b6;
}

@media (max-width: 850px) {
 .btn-navmain {
 display:inline-block;
}
#principalnav ul li.dropdown {
  background: #FFFFFF;
}
.nav-collaps {
 display:none;
 z-index:9999;
 position:relative;
}
.right-nav {
 z-index:9;
}
 .nav-collaps ul li {
 float:none;
}
.dropdown-menus {
position:static;
width:auto !important;
overflow: hidden;
}
.mega-menu-column {
 width:100%;
 min-height: 150px;
}
 .mega-menu {
 width:auto !important;
}
.mega-menu li {
 display:  block;
 float: none !important;
}
.nav-collaps {
 clear: both;
}
.bodercolor {
 display:none;
}
 .nav-collaps > ul > li > a {
 line-height: 38px;
}
 .nav-collaps > ul > li:nth-child(1) {
 border-top:3px solid #97bf0d;
}
.nav-collaps > ul > li:nth-child(2) {
 border-top:3px solid #6daf56;
}
.nav-collaps > ul > li:nth-child(3) {
 border-top:3px solid #d78a25;
}
 .nav-collaps > ul > li:nth-child(4) {
 border-top:3px solid #d76025;
}
 .nav-collaps > ul > li:nth-child(5) {
 border-top:3px solid #aa419d;
}
 .nav-collaps > ul > li:nth-child(6) {
 border-top:3px solid #c50444;
}
 .nav-collaps > ul > li:nth-child(7) {
 border-top:3px solid #0b98b6;
}
.mega-menu-column {
 padding: 20px 35px !important;
}
.mega-menu-column:first-child {
 border-right: none;
 border-bottom: 1px solid #ffffff;
}
}


