.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu{ 
	float:right; 
	background:#a0a0a0;
}

.sf-menu li {
	float:left; 
	position:relative; 
	font:italic 16px/18px Georgia, "Times New Roman", Times, serif; 
	text-align:center;
	background:url(../images/menu-line.png) 0 26px no-repeat; 
	padding:21px 10px 23px 0; 

}

.sf-menu li.normal a{
	width:140px;
}

.sf-menu li.dcp a{
	width:200px;

}

.sf-menu li a {
	display:inline-block;
	color:#fff; 
	position:relative;-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.sf-menu li a span{ 
	display:block; 
	background:url(../images/menu-arrow.png) 0 0 no-repeat; 
	width:9px; 
	height:5px; 
	position:absolute; 
	right:0px; 
	top:10px;
}
.sf-menu li.sfHover a,.sf-menu  a,.sf-menu li a:hover{
	color:#000; 
	text-decoration:none; 
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	 
	display:none;
	background:#b7b7b7;
}

.sf-menu ul.prvi {
}

.sf-menu ul.drugi a{
	width:			140px;
}

.sf-menu ul.treci {
	width:			210px;
}

.sf-menu li li{ 

	font:italic 14px/18px Georgia, "Times New Roman", Times, serif; 
	background: url(../images/submenu-line.png) 0 0 repeat-x; 
	margin:0 10px; 
	padding:15px 0; 
	text-align:left;
}



.sf-menu li li:first-child{ 
	background:none;
}
.sf-menu li li a,.sf-menu li.sfHover li a,.sf-menu li.current li a{color:#FFFFFF}
.sf-menu li li a:hover,.sf-menu li li.sfHover a,.sf-menu li li.current a{color:#000;}
.sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;

	display:none;
	background:#c6c6c6;
}
	.sf-menu li li li{ width:160px;}
	.sf-menu li li li a,.sf-menu li li.sfHover li a,.sf-menu li li.current li a{color:#565656}
		.sf-menu li li li a:hover,.sf-menu li li li.current a{color:#000;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			62px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			107px; /* match ul width */
	top:			0px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			00px;
}