/* Prochrom-Comp
   Style Sheet menu
   by Jure Omejc
*/

/*  M E N U ______________________________________*/

/* ----- splosno ----- */
#menu {
	margin: 0 0 0 220px;
	padding-top: 83px;
	font-size: 11px;
}

#menu ul {
	list-style: none;
}


/* ----- zgornji tab-i ------ */
.tab {
	float: left;
}

.parent {
	position: relative;
	z-index: 10;
	margin-left: 3px;
}

.parent a {
	color: #FFF;
	background: url("../pic/tab-left.gif") no-repeat left top;
	margin: 0;
	padding: 10px 0 9px 13px;
	text-decoration: none;
}

.parent a span {
	background: url("../pic/tab-right.gif") no-repeat right top;
	padding: 10px 20px 9px 7px;
	font-weight: bold;
}

.parent a:hover span {
	color: #F5D77D;
}

/* levi tab */
.parent a.tabLeft {
	background: none;
	padding-left: 0;
}
.parent a.tabLeft span {
	padding: 10px 20px 9px 20px;
}

/* desni tab */
.parent a.tabRight span {
	background: #8BBCE3;
}
.parent a.tabRight:hover span {
	background: #0E64A8;
}

/* izbrani gumb */
#current .parent a {
	background-position: 0 -150px;
	border-width: 0;
}
#current .parent a span {
	background-position: 100% -150px;
	padding-bottom: 9px;
	color: #F5D77D;
}
#current .parent a.tabRight span {
	background: #0E64A8;
}

/* onmouseover gumb */
.parent a:hover {
	background-position: 0% -150px;
}
.parent a:hover span {
	background-position: 100% -150px;
}

/* tab ostane temen na hover */
#menu .tab:hover a {
	background-position: 0% -150px;
	color: #F5D77D;
}
#menu .tab:hover a span {
	background-position: 100% -150px;
}
#menu .tab:hover a.tabRight span {
	background: #0E64A8;
}


/* ----- dropdowni ------ */

/* okvir prvega nivoja */
.dropdown {
	width: 190px;
	position: absolute;		
	left: -3000px;
	top: 22px;
	text-align: left;
	background: url("../pic/bgfix.gif");
}

/* okvir drugega nivoja */
.dropdown div {
	width: 173px;
	position: absolute;		
	left: -3000px;
	top: 0;  
	text-align: left;
	background: url("../pic/bgfix.gif");
}

/* prostor prvega nivoja */
.dropdown ul {
	width: 142px;
	margin: 2px 20px 20px 20px;
	padding: 0 0 13px 8px;
	background: url("../pic/back-dark.gif") no-repeat left bottom;
}

/* prostor drugega nivoja */
.dropdown div ul {
	margin: 2px 20px 20px 3px;
	padding-top: 1px;
	background: url(../pic/back-bright.gif) no-repeat right bottom;
}

/* nastevanja prvega in drugega nivoja */
.dropdown li {
	display: block;
	position: relative; 
}

/* prikazi dropdowne */
.tab:hover div.dropdown {
	left: -20px;
}

/* prikazi drugi nivo */
.dropdown li:hover div {
	left: 142px;
	top: -2px;
}

/* linki dropdownov - 1. nivo */
#menu .tab:hover .dropdown a {
	display: block;
	color: #FFF;
	padding: 3px 15px 3px 2px;
	background: url(../pic/arrow-menu_one.gif) no-repeat right center;
	border-bottom: 1px solid #8BBCE3;
}

/* linki dropdownov - 2. nivo */
#menu .tab:hover .dropdown div ul li a {
	color: #0E64A8;
	background: url(../pic/arrow-menu_two.gif) no-repeat right center;
	border-bottom: 1px solid #B5D4ED;
}

/* kvadratek pod linkom desno - t.i. "danger cona" */
#menu div.mini-zone {
	padding: 0;
	width: 15px;
	height: 15px;  
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;
	background: url(../pic/bgfix.gif);
}

/* kvadratek pod linkom desno - t.i. "danger cona" */
#menu .dropdown li:hover div.mini-zone {
	left: auto;
	right: 0;
}

/* hover efekt na nastevanjih na prvem nivoju */
#menu .tab:hover .dropdown li:hover a {
	color: #F5D77D;
}

/* barva teksta na drugem nivoju */
#menu .tab:hover .dropdown li:hover div a {
	color: #0E64A8;
	background: url(../pic/arrow-menu_two.gif) no-repeat right center;
}

/* hover efekt na nastevanjih na drugem nivoju */
#menu .tab:hover .dropdown li:hover div li:hover a {
	color: #F5D77D;
}