/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload {
  background:url(images/pro_line_1.gif);}
.nav_menu {
  padding:0 0 0 32px;
  margin:0;
  list-style:none;
  height:40px;
  background:#fff url(images/pro_line_0.gif) repeat-x;
  position:relative;
  font-family:arial, verdana, sans-serif;
}
.nav_menu li.top {
	display:block;
	float:left;
	position:relative;
	text-align: left;
}
.nav_menu li a.top_link {
	display:block;
	float:left;
	height:40px;
	line-height:33px;
	color:#ddd;   /* staro: #bbb */
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
}
.nav_menu li a.top_link span {
  float:left;
  display:block;
  padding:0 24px 0 12px;
  height:40px;
  font-size:14px;
}
.nav_menu li a.top_link span.down {
  float:left;
  display:block;
  padding:0 24px 0 12px;
  height:40px;
  background:url(images/down.gif) no-repeat right top;
  font-size:14px;
}
.nav_menu li a.top_link:hover {
  color:#fff;
  background:url(images/pro_line_1.gif) no-repeat;
}
.nav_menu li a.top_link:hover span {
  background:url(images/pro_line_1.gif) no-repeat right top;
}
.nav_menu li a.top_link:hover span.down {
  background:url(images/pro_line_1h.gif) no-repeat right top;
}

.nav_menu li:hover > a.top_link {
  color:#fff;
  background:url(images/pro_line_1.gif) no-repeat;
}
.nav_menu li:hover > a.top_link span {
  background:url(images/pro_line_1.gif) no-repeat right top;
}
.nav_menu li:hover > a.top_link span.down {
  background:url(images/pro_line_1h.gif) no-repeat right top;
}

.nav_menu table {
  border-collapse:collapse;
  width:0;
  height:0;
  position:absolute;
  top:0;
  left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.nav_menu a:hover {
  visibility:visible;
}
.nav_menu li:hover {
  position:relative;
  z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.nav_menu ul,
.nav_menu :hover ul ul,
.nav_menu :hover ul :hover ul ul,
.nav_menu :hover ul :hover ul :hover ul ul,
.nav_menu :hover ul :hover ul :hover ul :hover ul ul {
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:0;
  height:0;
  margin:0;
  padding:0;
  list-style:none;
}

.nav_menu :hover ul.sub,
.nav_menu :hover ul.sub3 {
  left:2px;
  top:40px;
  background:#fff;
  padding:3px 0;
  border:1px solid #4ab;
  white-space:nowrap;
  /*width:93px;  sirina padajuceg menija I nivo (auto => u zavisnosti od sirine top menija) */
  height:auto;
}
.nav_menu :hover ul.sub {
  width:146px; /* sirina padajuceg menija I nivo (auto => u zavisnosti od sirine top menija) */
}
.nav_menu :hover ul.sub3 {
  width:220px; /* sirina padajuceg menija I nivo (auto => u zavisnosti od sirine top menija) */
}
.nav_menu :hover ul.sub li ,
.nav_menu :hover ul.sub3 li {
  display:block;
  height:20px;
  position:relative;
  float:left;
  /*width:90px;  sirina svih nivoa podmenija */
}
.nav_menu :hover ul.sub li {
  width:143px; /* sirina svih nivoa podmenija */
}
.nav_menu :hover ul.sub3 li {
  width:217px; /* sirina svih nivoa podmenija */
}
.nav_menu :hover ul.sub li a ,
.nav_menu :hover ul.sub3 li a {
	display:block;
	font-size:12px;
	height:20px;
	/*width:87px;  sirina pozadine podmenija */
  line-height:20px;
	text-indent:5px;
	color:#444; /* boja slova u padajucoj listi staro: #000 */
	text-decoration:none;
	border:3px solid #fff;
	border-width:0 0 0 3px;
}
.nav_menu :hover ul.sub li a {
  width:140px; /* sirina pozadine podmenija */
}
.nav_menu :hover ul.sub3 li a {
  width:214px; /* sirina pozadine podmenija */
}
.nav_menu :hover ul.sub li a.fly {
  background:#fff url(images/arrow.gif) 133px 7px no-repeat;
 /* width:200px; sirina podmenija koji ima podmeni */
}
.nav_menu :hover ul.sub li a:hover,
.nav_menu :hover ul.sub3 li a:hover {
  background:#4ab;
  color:#fff;
}
.nav_menu :hover ul.sub li a.fly:hover {
  background:#4ab url(images/arrow_over.gif) 133px 7px no-repeat;
  color:#fff;
}
.nav_menu :hover ul li:hover > a.fly {
  background:#4ab url(images/arrow_over.gif) 133px 7px no-repeat;
  color:#fff;
}

.nav_menu :hover ul :hover ul,
.nav_menu :hover ul :hover ul :hover ul,
.nav_menu :hover ul :hover ul :hover ul :hover ul,
.nav_menu :hover ul :hover ul :hover ul :hover ul :hover ul {
  left:143px; /* 90px */
  top:-4px;
  background:#fff;
  padding:3px 0;
  border:1px solid #4ab;
  white-space:nowrap;
  width:146px; /* width:93px; */
  z-index:200;
  height:auto;
}