/* default styling */
.nav, .nav ul {list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {height:45px;}
.nav ul a {height:auto;}
/* style the <b> element so that is does not affect the size of the link */
.nav a span {position:absolute; left:-9999px;}
/*
.nav a b.last {border-bottom-width:1px;}
.nav b img {display:block; float:left; padding-right:5px; border:0;}
.nav b span {display:block; font-size:14px; color:#069; padding-top:5px; font-weight:bold;}
*/
/* WIDTH change this WITH CARE to suit your requirements */

/* FOR NAV1 */
.nav1, .nav1 a {width:115px;}
li.nav1 a {background:url(01_o_nama.gif) no-repeat left top;}
#o_nama .nav li.nav1 a {background:url(01_o_nama.gif) no-repeat left -45px;}

/* FOR NAV2 */
.nav2, .nav2 a {width:105px;}
.nav li.nav2 a {background:url(02_proizvodi.gif) no-repeat left top;} /* 1px less than the top level link width */
.nav li.nav2 a:hover {background:url(02_proizvodi.gif) no-repeat left -45px;} /* 1px less than the top level link width */
#proizvodi .nav li.nav2 a {background:url(02_proizvodi.gif) no-repeat left -45px;}

/* FOR NAV3 */
.nav3, .nav3 a {width:107px;}
li.nav3  a {background:url(03_sindikati.gif) no-repeat left top;} /* 1px less than the top level link width */
#sindikati .nav li.nav3 a {background:url(03_sindikati.gif) no-repeat left -45px;}

/* FOR NAV4 */
.nav4, .nav4 a {width:162px;}
li.nav4 a {background:url(04_p_mreza.gif) no-repeat left top;} /* 1px less than the top level link width */
#p_mreza .nav li.nav4 a {background:url(04_p_mreza.gif) no-repeat left -45px;}

/* FOR NAV5 */
.nav5, .nav5 a {width:90px;}
li.nav5 a {background:url(05_recepti.gif) no-repeat left top;} /* 1px less than the top level link width */
#recepti .nav li.nav5 a {background:url(05_recepti.gif) no-repeat left -45px;}

/* FOR NAV6 */
.nav6, .nav6 a {width:94px;}
li.nav6 a {background:url(06_galerija.gif) no-repeat left top;} /* 1px less than the top level link width */
#galerija .nav li.nav6 a {background:url(06_galerija.gif) no-repeat left -45px;}

/* FOR NAV7 */
.nav7, .nav7 a {width:111px;}
li.nav7 a {background:url(07_aktuelno.gif) no-repeat left top;} /* 1px less than the top level link width */
#aktuelno .nav li.nav7 a {background:url(07_aktuelno.gif) no-repeat left -45px;}

/* FOR NAV8 */
.nav8, .nav8 a {width:106px;}
.nav li.nav8 a {background:url(08_kontakt.gif) no-repeat left top;} /* 1px less than the top level link width */
.nav li.nav8 a:hover {background:url(08_kontakt.gif) no-repeat left -45px;}
#kontakt .nav li.nav8 a {background:url(08_kontakt.gif) no-repeat left -45px;}

/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20; left:1px; top:-1px;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav.drop a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left;} /* bring the top level links back into view */
/* ----------------------------------------------------------------------------	*/
/* OPERA fix */
.nav ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* IE6 and 7 fix */
a:active {}

/* ----------------------------------------------------------------------------	*/

.nav a:hover {background-position: left -45px; }

.nav li.drop {position: relative;}
.nav .sub_drop {position: absolute;top:40px;left: 12px;display: none;}
.nav .sub_drop li a {width:91px;height: 24px;float: left;}
.nav li:hover .sub_drop{display: block;}

.nav .sub_drop li .sub1_1, #o_nama .nav .sub_drop li .sub1_1 {position:relative; left:17px; background: #fff url(o_nama_menu_01.jpg) left top no-repeat;}
.nav .sub_drop li .sub1_1:hover, #o_nama .nav .sub_drop li .sub1_1:hover {position:relative; left:17px; background: #fff url(o_nama_menu_s_01.jpg) left top no-repeat;}

.nav .sub_drop li .sub1_2, #o_nama .nav .sub_drop li .sub1_2 {position:relative; left:17px; background: #fff url(o_nama_menu_02.jpg) left top no-repeat;}
.nav .sub_drop li .sub1_2:hover, #o_nama .nav .sub_drop li .sub1_2:hover {position:relative; left:17px; background: #fff url(o_nama_menu_s_02.jpg) left top no-repeat;}

.nav .sub_drop li .sub2_1, #proizvodi .nav .sub_drop li .sub2_1 {background: #fff url(proizvodi_menu_01.jpg) left top no-repeat;}
.nav .sub_drop li .sub2_1:hover, #proizvodi .nav .sub_drop li .sub2_1:hover {background: #fff url(proizvodi_menu_s_01.jpg) left top no-repeat;}

.nav .sub_drop li .sub2_2, #proizvodi .nav .sub_drop li .sub2_2 {background: #fff url(proizvodi_menu_02.jpg) left top no-repeat;}
.nav .sub_drop li .sub2_2:hover, #proizvodi .nav .sub_drop li .sub2_2:hover {background: #fff url(proizvodi_menu_s_02.jpg) left top no-repeat;}

.nav .sub_drop li .sub2_3, #proizvodi .nav .sub_drop li .sub2_3 {background: #fff url(proizvodi_menu_03.jpg) left top no-repeat;}
.nav .sub_drop li .sub2_3:hover, #proizvodi .nav .sub_drop li .sub2_3:hover {background: #fff url(proizvodi_menu_s_03.jpg) left top no-repeat;}

.nav .sub_drop li .sub2_4, #proizvodi .nav .sub_drop li .sub2_4 {background: #fff url(proizvodi_menu_04.jpg) left top no-repeat;}
.nav .sub_drop li .sub2_4:hover, #proizvodi .nav .sub_drop li .sub2_4:hover {background: #fff url(proizvodi_menu_s_04.jpg) left top no-repeat;}

.nav .sub_drop li .sub2_5, #proizvodi .nav .sub_drop li .sub2_5 {background: #fff url(proizvodi_menu_05.jpg) left top no-repeat;}
.nav .sub_drop li .sub2_5:hover, #proizvodi .nav .sub_drop li .sub2_5:hover {background: #fff url(proizvodi_menu_s_05.jpg) left top no-repeat;}

.nav .sub_drop li .sub3_1, #recepti .nav .sub_drop li .sub3_1 {position:relative; left:-10px; background: #fff url(recepti_menu_01.jpg) left top no-repeat;}
.nav .sub_drop li .sub3_1:hover, #recepti .nav .sub_drop li .sub3_1:hover {position:relative; left:-10px; background: #fff url(recepti_menu_s_01.jpg) left top no-repeat;}

.nav .sub_drop li .sub3_2, #recepti .nav .sub_drop li .sub3_2{position:relative; left:-10px; background: #fff url(recepti_menu_02.jpg) left top no-repeat;}
.nav .sub_drop li .sub3_2:hover, #recepti .nav .sub_drop li .sub3_2:hover {position:relative; left:-10px; background: #fff url(recepti_menu_s_02.jpg) left top no-repeat;}

.textBottom, .textBottom a:link, .textBottom a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #5e4422;
}
.textBottom a:hover{
	color: #D19005;
	}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}