#hederMeni
{
	background: url(../images/horizontalni_meni/backround_meni.png) no-repeat;
	margin-left:37.5px;
	background-color: #002449;
	font-family: Arial; 
	font-size:11px;
	font-weight:normal;
} 


.preload1 {
	background: url("../images/horizontalni_meni/three_0a.gif");
}
.preload2 {
	background: url("../images/horizontalni_meni/three_1a.gif");
}

#nav {
	
	list-style-type : none;
	list-style:none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

	z-index: 500;
	text-transform: uppercase;
	
	font-weight:bold;
}

#nav ul {
	list-style-type : none;
	list-style:none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: auto;
	padding-bottom: 0px;
}

#nav li.top {
	width:110px;
	height:34px;
	display:table-cell;
	vertical-align: middle;
	float :left;
	text-align:center;
}
#nav li a.top_link {
	
	cursor: pointer;
	width:110px;
	height:36px;
	display:table-cell;
	vertical-align: middle;
	color : #ffffff;
	text-decoration:none;
}

#nav li a.top_link span {
	width:110px;
	height:36px;
	display:table-cell;
	vertical-align: middle;
	color : #ffffff;
	text-decoration:none;
	
}

#nav li a.top_link span.down {
	/*background: url("../images/horizontalni_meni/three_0a.gif") no-repeat right top;*/
	
	width:110px;
	height:36px;
	display:table-cell;
	vertical-align: middle;
	color : #ffffff;
	text-decoration:none;
}
#nav li:hover a.top_link {
	/*background: url("../images/horizontalni_meni/three_1.gif") no-repeat;*/
	
	width:110px;
	height:36px;
	display:table-cell;
	vertical-align: middle;
	color : #ffffff;
	text-decoration:none;
}

#nav li:hover a.top_link span {
	background: url("../images/horizontalni_meni/pozadina_meni.png") no-repeat;
}

#nav li:hover a.top_link span.down {
	background: url("../images/horizontalni_meni/pozadina_meni.png") no-repeat;
}


/* Default list styling */
#nav li:hover {
	position: relative;
	z-index: 200;
}

#nav li:hover ul.sub {
	left: 1px;
	top: 36px;
	background: #f3f6f9;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	
	border: 1px solid #004a7a;
	/*white-space: nowrap;*/  /*MISLIM DA JE OVO ZABRANA PRELAMANJA*/
	width: 180px; 		  /*POD MENI KONTEJENER*/
	height: auto;
	z-index: 300;
	text-align:left;
	text-transform:capitalize;
}

#nav li:hover ul.sub li {
	display: block;
	/*height: 20px;*/
	height: auto;
	position: relative;
	float: left;
	width: 180px; 		  /*POD MENI KONTEJENER*/
	font-weight: normal;
	text-align:left;
}

#nav li:hover ul.sub li a {
	display: block;
	font-size: 11px;
	/*height: 18px;*/
	height: auto;
	/*width: 138px;*/
	width: 178px;
	line-height: 18px;
	text-indent: 5px;
	color: #000;
	text-decoration: none;
	border: 1px solid #f3f6f9;
}

#nav li ul.sub li a.fly {
	background: #f3f6f9 url("../images/horizontalni_meni/arrow.gif") 165px 6px no-repeat;
}

#nav li:hover ul.sub li a:hover {
	background: #004b7f;
	color: #fff;
	border-color: #fff;
}

#nav li:hover ul.sub li a.fly:hover {
	background: #004b7f url("../images/horizontalni_meni/arrow_over.gif") 165px 6px no-repeat;
	color: #fff;
}

#nav li b {
	display: block;
	font-size: 11px;
	height: 18px;
	width: 170px;
	line-height: 18px;
	margin-bottom: 3px;
	text-indent: 6px;
	color: #ff6;
	border-bottom: 1px solid #ff6;
	cursor: default;
}

#nav li:hover li:hover ul, 
#nav li:hover li:hover li:hover ul, 
#nav li:hover li:hover li:hover li:hover ul, 
#nav li:hover li:hover li:hover li:hover li:hover ul {
	left: 170px; /*ZA ODVAJANJE POD MENIJA*/
	top: -2px;
	background: #f3f6f9;
	padding: 3px;
	border: 1px solid #004a7a;
	/*white-space: nowrap;*/
	width: 180px;
	z-index: 400;
	height: auto;
}

#nav ul, 
#nav li:hover ul ul, 
#nav li:hover li:hover ul ul, 
#nav li:hover li:hover li:hover ul ul, 
#nav li:hover li:hover li:hover li:hover ul ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li:hover li:hover a.fly, 
#nav li:hover li:hover li:hover a.fly, 
#nav li:hover li:hover li:hover li:hover a.fly, 
#nav li:hover li:hover li:hover li:hover li:hover a.fly {
	background: #004b7f url("../images/horizontalni_meni/arrow_over.gif") 130px 6px no-repeat;
	color: #fff;
	border-color: #fff;
}

#nav li:hover li:hover li a.fly, 
#nav li:hover li:hover li:hover li a.fly, 
#nav li:hover li:hover li:hover li:hover li a.fly {
	background: #f3f6f9 url("../images/horizontalni_meni/arrow.gif") 130px 6px no-repeat;
	color: #000;
	border-color: #f3f6f9;
}