/**
 * @version		$Id$
 * @author		JoomlaUX!
 * @package		Joomla.Site
 * @subpackage	mod_jux_megamenu
 * @copyright	Copyright (C) 2008 - 2013 by JoomlaUX. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3
*/

#js-mainnav.megamenu.darkblue {
	/*background: #96c93d url('../../images/grad1-mask.png') repeat-x top;*/ /* you can change/delete the transparent gradient image or the background color */
}


#js-mainnav.megamenu.darkblue #js-megaMenuToggle {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* lv - 0
-----------------------------------*/
/* Styling ---*/
#js-mainnav.megamenu.darkblue ul.level0 li.megacss span.megacss,
#js-mainnav.megamenu.darkblue ul.level0 li.megacss a.megacss,
#js-mainnav.megamenu.darkblue .megaMenuToggle {
    /*color: #fff;
	padding: 10px 5px 12px 6px;*/
}



#js-mainnav.megamenu.dèault ul.level1 li:hover,
#js-mainnav.megamenu.darkblue ul.level1 li.over,
#js-mainnav.megamenu.darkblue ul.level1 li.haschild-over { background-color: #006699; }


#js-mainnav.megamenu.darkblue ul.level1 li.haschild,
#js-mainnav.megamenu.darkblue ul.level1 li.haschild-over {
	/*background-image: url(../../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;*/
}

/* CHILD CONTENT
-----------------------------------*/

#js-mainnav.megamenu.darkblue .childcontent-inner {
	padding-top:6px;
}
.navbar-bg #js-mainnav.megamenu .childcontent-inner { background:#96c93d; }

#js-mainnav.megamenu.darkblue .childcontent-inner .group ul li.active {
	/*background-color: #00527C !important;*/
}

#js-mainnav.megamenu.darkblue .childcontent .group h3 {
	background: none;
	color: #fff;
}
.navbar-bg #js-meganav.container_menu { background:#97c200; }

#js-mainnav.megamenu.darkblue .childcontent .moduletable { color: #fff; }

#js-mainnav.megamenu.darkblue .childcontent .js-moduletable a:hover,
#js-mainnav.megamenu.darkblue .childcontent .js-moduletable a:focus,
#js-mainnav.megamenu.darkblue .childcontent .js-moduletable a:active {
	color: #fff;
	text-decoration: none;
}

#js-mainnav.megamenu.darkblue .group-title .menu-title {
	color: #fff;
}

#js-mainnav.megamenu.darkblue .group-title .menu-desc {
	color: #999;
}

/* Left alignment */
#js-mainnav.megamenu.darkblue ul.level0 li.megacss.submenu-align-left > .childcontent {
	margin-left: 1px!important;
}
#megamenucss .darkblue.megamenu ul.level0 > li.megacss:hover > a.megacss,
#megamenucss #js-mainnav.megamenu.darkblue ul.level0 > li.active
{
    background: #97c200;
    color: #ffffff;
}
.navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner:hover .megamenu-inner > span.menu-title { background:#96c93d; }
.navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner:hover a.megamenu-inner > span.menu-title { background:#96c93d !important; }
.navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner a.megamenu-inner.active > span.menu-title, .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner .megamenu-inner.active > span.menu-title { padding-top:0px; padding-bottom:0px; margin:0px; color:#96c93d; background:#fff; line-height:28px; border-top:6px solid #96c93d; border-bottom:6px solid #96c93d; }
.navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner:hover a.megamenu-inner.active > span.menu-title, .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner:hover .megamenu-inner.active > span.menu-title { background:#96c93d; padding-top:8px; padding-bottom:8px; margin:-8px 0px; border:none; color:#fff; line-height:40px; }
#megamenucss .darkblue .megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss,#megamenucss .darkblue .dropdown-menu ul.level1 li.megacss a.megacss:hover{
    /*background: #b8b8b8;
    color: #ffffff;*/
}
#megamenucss #js-mainnav.darkblue .js-megamenu{
	/*background: #97c200;*/
}
#js-mainnav.megamenu.darkblue ul.level0 li.megacss span.megacss,
#js-mainnav.megamenu.darkblue ul.level0 li.megacss a.megacss,
#js-mainnav.megamenu.darkblue .megaMenuToggle {
   /* color: #fff;
	padding: 10px 5px 12px 6px;*/
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

/*#jux_memamenu132 #js-mainnav .jux-fa.jux-fa-bars { margin-top:-10px !important;  } */
}
@media only screen and (min-width: 1024px) {
	.navbar-bg #js-mainnav.megamenu .childcontent-inner { padding-bottom:10px;}
}
@media only screen and (max-width: 768px) {
.navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner a.megamenu-inner.active > span.menu-title, .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner .megamenu-inner.active > span.menu-title,
.navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner:hover a.megamenu-inner.active > span.menu-title, .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner:hover .megamenu-inner.active > span.menu-title { padding:8px 11px; margin:0px; border:none; background:none; color:#fff; line-height:40px; }

}