/**
 * @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
*/

html.no-touch body header#header div.container div#jux_memamenu792{width:80%;}
#header .custom_ac_logo{
	float: right;
	position: relative;
	margin: 0;
	top:-64px;
	}
#megamenucss #js-mainnav.megamenu{/*top:24px;*/}

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


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

/* lv - 0
-----------------------------------*/
/* Styling ---*/

#js-mainnav.megamenu.trans ul.level0 li.megacss span.megacss,
#js-mainnav.megamenu.trans ul.level0 li.megacss a.megacss,
#js-mainnav.megamenu.trans .megaMenuToggle {
	padding: 10px 5px 12px 6px;
	color: #fff;
	font-size: 18px !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#js-mainnav.megamenu.trans ul.level1 li:hover,
#js-mainnav.megamenu.trans ul.level1 li.over, 
#js-mainnav.megamenu.trans ul.level1 li.haschild-over { background: rgb(211, 33, 9); }

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

 /* CHILD CONTENT
-----------------------------------*/
#js-mainnav.megamenu.trans .childcontent-inner {


      /*background: #222222 !important;*/
      background: rgba(255, 255, 255, 0.6)!important;
	/*background-color: rgba(255, 255, 255, 0.3)!important;*/
	/*background-color: #9B1200 !important;*/
	/*background-color: #555; /*change here the color to match the new color you have set for mainnav */
	/*color: #fff; /* after changing code above, you might want to change this color to make the text color readable  */ 
}

#js-mainnav.megamenu.trans .childcontent-inner a {
	color:#000000 !important;
}



#js-mainnav.megamenu.trans .childcontent-inner .group ul li.active {
	/*background-color: #9B1200 !important;*/
	
	
}

#js-mainnav.megamenu.trans .childcontent .group h3 {
	background: none;
	color: #fff;
}


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

#js-mainnav.megamenu.trans .childcontent .js-moduletable a:hover,
#js-mainnav.megamenu.trans .childcontent .js-moduletable a:focus,
#js-mainnav.megamenu.trans .childcontent .js-moduletable a:active {
	color: #fff;
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss{
			text-shadow: 1px 1px 0px rgba(250, 250, 250, 0.5);
			border-bottom: 1px dashed rgba(22, 22, 22, 0.15) !important;
}
 #megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.menu-title{
	 font-size: 14px;
 }
 
 #megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu{
	 border: 1px solid rgba(255, 255, 255,0.5) !important;
	 margin-top:22px;}


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

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

/* Left alignment */
#js-mainnav.megamenu.trans ul.level0 li.megacss.submenu-align-left > .childcontent {
	margin-left: 1px!important;
}
#megamenucss .trans.megamenu ul.level0 > li.megacss:hover > a.megacss,
#megamenucss #js-mainnav.megamenu.trans ul.level0 li.active{
   /* background: rgb(197, 24, 24)!important;
    color: #ffffff!important;*/
}
#megamenucss .trans .megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss,#megamenucss .trans .dropdown-menu ul.level1 li.megacss a.megacss:hover{
    background: #b8b8b8!important;
    color: #ffffff!important;
}
#megamenucss #js-mainnav.trans .js-megamenu{
/*	background: #9B1200;;!important;*/
}