/* CSS Document */

#datalan-menu {
  z-index: 1000;	
	padding: 0 0 0 10px;
	
	height: 26px;
	float: left;
}

#datalan-menu ul {
	
	padding: 0;
}

#datalan-menu li {
	
	padding: 0;
	float: left;
	display: block;
	
	cursor: pointer;
}

#datalan-menu li ul {
	width: 192px;
	position: absolute; /* second-level lists */
  z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	
}

#datalan-menu li ul ul {
	 margin: -22px 0px 0px 192px; /* third-and-above-level lists */
}

#datalan-menu li li {
	/* padding: 0 1em 0 0;  /* PRO */ 
	margin: 0;
	width: 192px;
	text-align: left;
	
}

#datalan-menu ul a {
	width: 172px;
	
}

#datalan-menu li:hover ul ul,
#datalan-menu li:hover ul ul ul,
#datalan-menu li.sfhover ul ul,
#datalan-menu li.havechildsfhover ul ul,
#datalan-menu li.havechild-activesfhover ul ul,
#datalan-menu li.activesfhover ul ul,
#datalan-menu li.sfhover ul ul ul,
#datalan-menu li.havechildsfhover ul ul ul,
#datalan-menu li.havechild-activesfhover ul ul ul,
#datalan-menu li.activesfhover ul ul ul {
	left: -999em;
}

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

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#datalan-menu li a {
	margin: 0;
	padding: 0 15px;
	display: block;
	color: #ffffff;
	line-height: 26px;
}

#datalan-menu li a:hover,
#datalan-menu li a:focus {
	color: #FFFFFF;
}

#datalan-menu li:hover a,
#datalan-menu li.sfhover a,
#datalan-menu li.havechildsfhover a,
#datalan-menu li.havechild-activesfhover a {
}

#datalan-menu li:hover,
#datalan-menu li.sfhover,
#datalan-menu li.havechildsfhover,
#datalan-menu li.havechild-activesfhover {
	background: url(none.gif) no-repeat left;
	color: #FFFFFF;
}

#datalan-menu li a.active,
#datalan-menu li a.active:hover,
#datalan-menu li a.active:active,
#datalan-menu li a.active:focus {
	font-weight: bold;
  /*
  border-bottom: white dotted;
	border-bottom-width: 1px;
  */
  text-decoration: underline;  
}

/* 2nd level and above */
#datalan-menu li ul {
	/*border: 1px solid #666666;
	                  #88A9D3*/
  border-bottom: 1px #666666 solid;
  border-right: 1px #666666 solid;
 
  border-top: 1px #88A9D3 solid;
  border-left: 1px #88A9D3 solid;
  
	background-color: #5993C9;
	
	
}

#datalan-menu li ul li {
	border: none;
	Background: none;
	line-height: 15px;

}

#datalan-menu li ul a {
	margin: 0;
	padding: 0 10px;
	margin-top: 4px;
	margin-bottom: 4px;  
	line-height: 15px;
	 /* color: #E1ECF6;*/
}


#datalan-menu li.havesubchild,
#datalan-menu li.havesubchild-active {
	/* background: url(../images/arrow.png) no-repeat 94% 50%;*/    /*Priesvitne pozadie*/
}

#datalan-menu li ul a:hover,
#datalan-menu li ul a:focus,
#datalan-menu ul li:hover,
#datalan-menu ul li.sfhover,
#datalan-menu ul li.havesubchildsfhover,
#datalan-menu ul li.havesubchild-activesfhover,
#datalan-menu ul ul li:hover,
#datalan-menu ul ul li.sfhover,
#datalan-menu ul ul li.havesubchildsfhover,
#datalan-menu ul ul li.havesubchild-activesfhover {
	/* background: url(../images/grad4.gif) repeat-x center #666666;*/ /*pozadie pri prechode*/
	background-color: #E6EDF6;
  color: #5993C9 !important;
}

#datalan-menu ul li a.active,
#datalan-menu ul li a.active:hover,

#datalan-menu ul li a.active:focus {
	
	/* background-color: #E6EDF6; */

}