#okvir {
	width: 280px;
	position: relative;
	display: block;
	float: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #333333;
}


ul#sectionNavigation, ul#sectionNavigation li, ul#sectionNavigation ul {
	margin: 0;
	width: 280px; /*Za KHTML*/
	list-style: none;
	text-align: left;
	padding:0px;
	}

ul#sectionNavigation li {
	float: left; /*Za IE 7 */
	display: block !important; /*Dobro za browsere*/
	display: inline; /*Za IE*/
	position: relative;
	}

ul#sectionNavigation a {
	display: block;
	color: #767676;
	text-decoration: none;
	height: auto !important;
	height: 1%;
	background-image: url(/img/vertikalnaNavigacijaLink_bg.gif);
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	text-align: center;
	background-position: left bottom;
	}


ul#sectionNavigation a:hover, 
ul#sectionNavigation li:hover a, 
ul#sectionNavigation li.iehover a {
	color: #767676;
	background-image: url(/img/vertikalnaNavigacijaHover_bg.gif);
	background-repeat: no-repeat;
	}
	

ul#sectionNavigation li a.onPath, 
ul#sectionNavigation li a.active {
	color: #FFFFFF;
	background-image: url(/img/vertikalnaNavigacijaHover_bg.gif);
	background-repeat: no-repeat;
	}

ul#sectionNavigation li a.onPath:hover, ul#sectionNavigation li a.active:hover {
	color: #767676;
	background-image: url(/img/vertikalnaNavigacijaHover_bg.gif);
	background-repeat: no-repeat;
	}


ul#sectionNavigation li:hover ul, ul#sectionNavigation ul li:hover ul{
	display: block;
	}



/**************************************************
   NAVIGACIJA VERTIKALNA - Submenu 1, 2, 3, 4, 5, 
**************************************************/ 

ul#sectionNavigation li a.leftMenu2 {
	padding-left: 16px;
	font-weight: normal;
	background-image: none;
	background-color: #FEFEFE;
}
ul#sectionNavigation li a.leftMenu3 {
	padding-left: 26px;
	font-weight: normal;
	background-image: none;
	background-color: #FEFEFE;
}
ul#sectionNavigation li a.leftMenu4 {
	padding-left: 36px;
	font-weight: normal;
	background-image: none;
	background-color: #FEFEFE;
}
ul#sectionNavigation li a.leftMenu5 {
	padding-left: 46px;
	font-weight: normal;
	background-image: none;
	background-color: #FEFEFE;
}

ul#sectionNavigation li a.leftMenu2:hover, 
ul#sectionNavigation li a.leftMenu3:hover, 
ul#sectionNavigation li a.leftMenu3:hover, 
ul#sectionNavigation li a.leftMenu4:hover,
ul#sectionNavigation li a.leftMenu5:hover, 
ul#sectionNavigation li a.leftMenu2 :hover {
	background-image: none;
	background-color: #C61717;
}


ul#sectionNavigation li.leftMenuLi2 a.active, 
ul#sectionNavigation li.leftMenuLi2 a.onPath,
ul#sectionNavigation li.leftMenuLi3 a.active, 
ul#sectionNavigation li.leftMenuLi3 a.onPath,  
ul#sectionNavigation li.leftMenuLi4 a.active, 
ul#sectionNavigation li.leftMenuLi4 a.onPath, 
ul#sectionNavigation li.leftMenuLi5 a.active, 
ul#sectionNavigation li.leftMenuLi5 a.onPath 
{
	background-image: none;
	background-color: #C61717;
}
