/*teget plavo 003366---svetlije plavo 336699--crveno 990000--
zuto FFFFCC--sivo tekst #5C5C5C -----sivo tamnije #5C5C5C--sivo svetlije #EEEEEE---belo FFFFFF*/
	
/*plava za mtc - #000D99 ******* zeleno za mtc - #339900******** siva za slova */

/*************************************/
/* SVE liste 						*/
/************************************/
#nav, #nav ul {
	float: right;	/*polozaj celog menija u odnosu na ekran*/
	/*width: 36em; /*sirina celog menija*/
	list-style: none; /*uklanja tackice sa pocetka liste ispred svake stavke menija*/
	line-height: 1;
	background: #003366; /*pozadina root menija*/
	
	font:  11px verdana, geneva, arial, sans-serif;
	font-variant: small-caps;
	font-weight: normal;
	
	padding: 0;
	/* border: solid #eda;		/*okvir oko celog menija*/
	/* border-width: 1px 0;		/*debljina okvira oko celog menija*/
	margin: 0px;
	
	border-top: 2px solid white;		/*gornja bela ivica root stavki menija*/
	/*border-bottom: 1px solid white;		/*donja crvena ivica root stavki menija*/
}

/*************************************************/
/* mesto za sliku pre i posle podstavki			*/
/************************************************/

.mesto_za_sliku_pre_podstavki {
	width: 149px;
	height: 1px;
	/*background: url(../slike/meni/podstavka_pocetak_pozadina.png) center right no-repeat;*/
	background: red; /*dobija se samo crvena crtica*/
}

#mesto_za_sliku_posle_podstavki, #mesto_za_sliku_posle_podstavki li {
	width: 147px;
	height: 10px;
	background: url(../slike/meni/podstavka_donja_poslednja_pozadina.png) center right no-repeat;
	background: red; /*dobija se samo crvena crtica*/
}

/*************************************/
/* 1. nivo i sve podstavke			*/
/************************************/
#nav a {
	display: block;
	width: 130px;
	w\idth: 6em;
	color: #fff;					/*boja aktivnih linkova SVIH listi, s tim da se podnivoi kasnije redefinisu u drugu boju*/
	text-decoration: none;
	padding-left: 0.25em;			/*razmak svake stavke od leve ivice*/
	padding-bottom: 0.5em;			/*razmak izmedju stavki*/
	
	
}

#nav a:hover {
	color: #000;					/*hover boja aktivnih linkova SVIH listi, s tim da se podnivoi kasnije MOGU redefisati u drugu boju*/
}


#nav li {
	float: left;
	padding: 0;
	width: 7em;	/*sirina root stavki, obavezno zbog opere*/
	

}




/*************************************/
/* 2. nivo podstavke 				*/
/************************************/

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 140px;			/*pozadina stavki (senka), ako je 1px dobija se transparencija*/
	w\idth: 137px;			/*pozadina stavki, ako je 1px dobija se transparencija*/
	background: #eee;	/*boja senke ispod podmenija 2 i 3. novoa */

	border-top: 1px solid red;			/*gornja crvena ivica celog podmenija*/
	border-bottom: 1px solid red;		/*donja crvena ivica celog podmenija*/
	
	font-variant: normal;
	font-weight: normal;
	color: #5C5C5C;			/*boja slova stavki koje NISU linkovi*/
	
	/*border-width: 0.25em;*/
	margin: 0;
	

	
}

#nav a.postoji_dodatna_stavka_treci_nivo{
	background: url(../slike/meni/strelica_na_desno.gif) center right no-repeat;
}


#nav li li {
	padding-right: 0px;	/*obavezno zbog mogucnosti prelaska na 3. nivo. Ovo je takodje onaj VISAK sa desne strane pored svake podstavke*/
	width: 135px;			/*stvarna sirina drugog nivoa*/
	background: #f7f7f7;	/*boja pozadine teksta stavki u meniju 2 i 3. podnivoa*/
	
	
	border-left: 1px solid #CCCCCC;		/*leva ivica podstavke*/
	border-right: 1px solid #CCCCCC;	/*desna ivica podstavke*/
	
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
	color: #5C5C5C;		/*boja slova stavki koje JESU linkovi*/
	
	
}

/*************************************/
/* 3. nivo i ostali podnivoi		*/
/************************************/

#nav li ul ul {
	margin: -2.75em 0 0 130px; /*poslednja cifra odredjuje pomeranje 3. nivoa u odnosu na drugi i MORA biti manje od sirine drugog nivoa!*/
}
/*************************************/
/* hover efekti						*/
/************************************/

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover {
	background: #ccc;	/*kada je kursro NA stavci*/
	
}

#nav li.sfhover {
	background: #ccc;	/*kada je kursor dublje u pod stavkama (radi samo za IE zbog JavaScripte) u odnosu na osnovnu stavku*/
}