body {  
         behavior: url(includes/templates/ART_trgovina_horizonDynMenu/css/csshover.htc);
}

div#dropMenu {
	z-index:1000;
	bottom: 3px;
	width: 100%;
	position:absolute	}

.mlddm	{	
	/*visibility: hidden;*/
	margin: 0;
	padding: 0	}

.mlddm li	{	
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
	font-family: Arial}

.mlddm ul	{	
	z-index: 100;
	margin: 0;
	padding: 0;
	/*visibility: hidden;*/
	position: absolute;
	left: auto}

.mlddm ul li	{	
	float: none}


.mlddm a	{
	color:#FFFFFF;
	display:block;
	margin:0 4px 0 0;
	font-size: 11px;
	padding:5px 0 4px 0;
	text-align:center;
	text-decoration:none;
	width:143px;
	background-color: #232323	}

.mlddm li a:hover	{	
	color: /*#4f4f4f*/#212C63;
	background-color:/*#D5E88F*/#FFFF00;
	text-decoration: none;
	white-space: nowrap;}
.mlddm li.zadnji_gumb a	{ width: 142px; margin: 0	}

.mlddm li ul.level2,
.mlddm li ul.level3,
.mlddm li ul.level4,
.mlddm li ul.level5,
.mlddm li ul.level6,
.mlddm li ul.level7,
.mlddm li ul.level8   { display: none  }

.mlddm li ul.level3,
.mlddm li ul.level4,
.mlddm li ul.level5,
.mlddm li ul.level6,
.mlddm li ul.level7,
.mlddm li ul.level8   { left: 205px;margin-top: -18px  }

* html .mlddm li ul.level3,
* html .mlddm li ul.level4,
* html .mlddm li ul.level5,
* html .mlddm li ul.level6,
* html .mlddm li ul.level7,
* html .mlddm li ul.level8   { margin-top: 0px; left:  210px  }

.level2 li:hover ul.level3,
.level3 li:hover ul.level4,
.level4 li:hover ul.level5,
.level5 li:hover ul.level6,
.level6 li:hover ul.level7,
.level7 li:hover ul.level8   { display: block   }
/*html>body*.yourclass {padding:6px;font-size:13px;}*/

/*\*/
html>body*.level2 li:hover ul.level3,
html>body*.level3 li:hover ul.level4,
html>body*.level4 li:hover ul.level5,
html>body*.level5 li:hover ul.level6,
html>body*.level6 li:hover ul.level7,
html>body*.level7 li:hover ul.level8   {    }
/**/
/*################################################# DRUGI NIVO ##################################*/
.mlddm ul li	{
	font-weight: normal
	text-align: left	}
.mlddm ul li a	{
    display: block;
    width: 205px !important;
    padding: 3px 0 !important;
	border-bottom:1px solid #CCCCCC;  }
.mlddm li:hover ul.level2   { display: block   }
/*################################################# TRETJI NIVO ##################################*/