@charset "utf-8";

#dropMenu ul.menu { /* dentro del objeto id dropMenu todos los elementos tipo UL (unsorted list) con el class=menu */
	margin: 0; /* lista principal */
	padding: 0;
/*	float: left;*/
	border-right: 1px solid #555555;
 }

#dropMenu li:hover {background-position: 0 0;}



#dropMenu ul.menu ul {
	margin: 0; /* ul internos al menu UNRECOGNIZED*/
	padding: 0;
 }

#dropMenu ul.menu li {
	margin: 0; /*all list itmes main and child levels*/
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
	position: relative;
	list-style: none;
 
}

#dropMenu ul.menu li ul {
/*	width: 16.4em;*/
	z-index:99;
	width:auto;
	position: absolute; /* second-level lists */
	height: auto;
	width: 15.9em;
 }
#dropMenu ul.menu li ul ul {
	margin: -1.8em 0 0 15em; /* third-and-above-level lists */
 }



/*LIST ITMES BELOW MENU UL*/
#dropMenu ul.menu li li {
	padding: 0 1em 0 0; /*list items in levels below MENU UL*/
	margin: 0;
	width: 14.9em;
 }

#dropMenu ul.menu ul a {
	width:auto;
 /*
	width: 14.8em; /*A: pseudo selector un list items below MENU UL*/
	/**width: 10.8em;*/
}
/* -----------------------*/


#dropMenu ul.menu li ul {
/*	margin-left:-999em !important;
	margin-left: auto;
	left: -1px;*/
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers  - UNRECOGNIZED*/
	z-index:999;
 }


#dropMenu ul.menu li:hover ul ul,
#dropMenu ul.menu li:hover ul ul ul,
#dropMenu ul.menu li.sfhover ul ul,
#dropMenu ul.menu li.parentsfhover ul ul,
#dropMenu ul.menu li.parent-activesfhover ul ul,
#dropMenu ul.menu li.activesfhover ul ul,
#dropMenu ul.menu li.sfhover ul ul ul,
#dropMenu ul.menu li.parentsfhover ul ul ul,
#dropMenu ul.menu li.parent-activesfhover ul ul ul,
#dropMenu ul.menu li.activesfhover ul ul ul 
{
/*	left: -1px;
	margin-left:-999em !important;*/
 left: -999em;*/
 }

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#dropMenu ul.menu li:hover ul,
#dropMenu ul.menu li li:hover ul,
#dropMenu ul.menu li li li:hover ul,
#dropMenu ul.menu li.sfhover ul,
#dropMenu ul.menu li.parentsfhover ul,
#dropMenu ul.menu li.parent-activesfhover ul,
#dropMenu ul.menu li.activesfhover ul,
#dropMenu ul.menu li li.sfhover ul,
#dropMenu ul.menu li li.havesubchildsfhover ul,
#dropMenu ul.menu li li.havesubchild-activesfhover ul,
#dropMenu ul.menu li li.activesfhover ul,
#dropMenu ul.menu li li li.sfhover ul,
#dropMenu ul.menu li li li.havesubchildsfhover ul,
#dropMenu ul.menu li li li.havesubchild-activesfhover ul,
#dropMenu ul.menu li li li.activesfhover ul
{
	left: auto;
	/*margin-left: auto;*/

 }

/************************************************************************STYLING************

/* 1st level HEADERS*/
#dropMenu ul.menu li a{
	margin: 0;
	padding: 16px 10px;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}
/*#dropMenu ul.menu li span.separator{
	/*margin: 0;
	padding: 5px 10px;*/
	/*display: block;
	color: #FFFFFF;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}*/



#dropMenu ul.menu li a:hover, /*1st level HOVER*/
#dropMenu ul.menu li a:active,
#dropMenu ul.menu li a:focus{
	background: url(../images/_template/mHover.jpg) no-repeat bottom center;
}

#dropMenu ul.menu li {
	margin: 0;
}

#dropMenu ul.menu li:hover,
#dropMenu ul.menu li.sfhover,
#dropMenu ul.menu li.parentsfhover,
#dropMenu ul.menu li.parent-activesfhover {
	/*background: url(../images/_template/arrow2.png) no-repeat bottom center #555555;*/
	color: #D7E7F5;
}

#dropMenu ul.menu li:hover,
#dropMenu ul.menu li.hover{
	position: static !important; 
	height:auto !important;
	Left: auto !important;
	background-position: 0 0;
}

#dropMenu ul.menu li.active a, /*HEADER SELECTED AND items selected on current sub menu*/
#dropMenu ul.menu li.active a:hover,
#dropMenu ul.menu li.active a:active,
#dropMenu ul.menu li.active a:focus {
	background: url(../images/_template/mHover.jpg) no-repeat bottom center;
}

/* 2nd level and above */
#dropMenu ul.menu li ul {
	border: 1px solid #555555;
	background: url(../images/_template/opaque.png);
}

#dropMenu ul.menu li ul li {
	border-top: 1px solid #777777;
	border-bottom: 1px solid #444444;
	background: none;
}

#dropMenu ul.menu li ul a { /*items contenedores de todos los sub menus items*/
	border-right: none;
	margin: 0;
	padding: 12px 15px;
	background: none;
	color: #CCCCCC;
	font-weight: normal;
	line-height: normal;
	text-transform: none;
}

.separator{
	border-right: none;
	margin: 0;
	padding: 12px 15px;
	background: none;
	color: #CCCCCC;
	font-weight: normal;
	line-height: normal;
	text-transform: none;
	display:block;
}

#dropMenu ul.menu li.havesubchild,
#dropMenu ul.menu li.havesubchild-active {
}

#dropMenu ul.menu li ul a:hover, /*SUB MENU HOVER en todos los otros diferente al actual*/
#dropMenu ul.menu li ul a:active,
#dropMenu ul.menu li ul a:focus,
#dropMenu ul.menu ul li:hover,
#dropMenu ul.menu ul li.sfhover,
#dropMenu ul.menu ul li.havesubchildsfhover,
#dropMenu ul.menu ul li.havesubchild-activesfhover,
#dropMenu ul.menu ul ul li:hover,
#dropMenu ul.menu ul ul li.sfhover,
#dropMenu ul.menu ul ul li.havesubchildsfhover,
#dropMenu ul.menu ul ul li.havesubchild-activesfhover {
	background: transparent;
	color: #6992D6; 
}

#dropMenu ul.menu li li.parent{ /*items with children*/
background:transparent url(../images/_template/arrow1.gif) no-repeat scroll 94% 50%;
}	
#current a{ /*[@id="current"]*/ /*CURRENT ITEM SELECTED*/
	color:#E6E240;
	font-weight: bolder !important;	
}
#current ul li a{ /*[@id="current"]*/  /*items hijos del current selection*/
	font-weight: normal !important;
	color:#CCCCCC !important;
	
}

#dropMenu ul.menu ul li.active span.separator, 
#dropMenu ul.menu ul li.active a, /*CURRENT PATH*/
#dropMenu ul.menu ul li.active a:hover,
#dropMenu ul.menu ul li.active a:active,
#dropMenu ul.menu ul li.active a:focus {
	background: none !important;
	color: #E6E240;
}

#dropMenu ul.menu li.active li a,
#dropMenu ul.menu li.active li a:hover,
#dropMenu ul.menu li.active li a:active,
#dropMenu ul.menu li.active li a:focus {
	background: none !important;
}

#dropMenu h3 {
	display: none;
	
}

#dropMenu .moduletable_menu {
	background: none;
	margin: 0;
	padding: 0;	
}