* { margin: 0px; padding: 0px; }

BODY {
	background: Black url(../images/bg_body.gif) repeat-x;
	font: normal 0.7em Arial;
	color: #ebe8d3;
}

DIV#container {
	width: 970px;
	float: left;
	background: url(../images/logo.gif) no-repeat 0px 0px;
}

P { margin-bottom: 10px; line-height: 1.3em;}
 
UL#lang_select { float: right; list-style: none; padding: 30px 0px 0px 0px; height: 212px;}
UL#lang_select LI { text-indent: -9999px; margin-bottom: 7px; line-height: 1px;}
UL#lang_select LI A#lang_hr {
	display: block;
	outline: 0px;
	width: 68px;
	height: 10px;
	background: url(../images/lang_hr.jpg) 0px 0px;
}
UL#lang_select LI A#lang_hr:hover, UL#lang_select LI A#lang_hr.active {
	background-position: 0px -11px;
}
UL#lang_select LI A#lang_en {
	display: block;
	outline: 0px;
	width: 62px;
	height: 10px;
	background: url(../images/lang_en.jpg) 0px -11px;
}
UL#lang_select LI A#lang_en:hover, UL#lang_select LI A#lang_en.active {
	background-position: 0px -0px;
}


/* HR TOP MENU */
UL#topmenu_hr {
	clear: both;
	width: 721px;
	height: 24px;
	list-style: none;
	margin-left: 197px;
}
UL#topmenu_hr LI {
	display: inline;
	text-indent: -9999px;
	line-height: 1%;
}
UL#topmenu_hr LI A {
	display: block;
	float: left;
	height: 9px;
	background: url(../images/topmenu_hr.gif);
	outline: 0px;
}
UL#topmenu_hr LI A#delikatese { width: 152px; margin-right: 17px; }
UL#topmenu_hr LI A#onama { width: 46px; margin-right: 18px; background-position: -169px 0px;}
UL#topmenu_hr LI A#oh { width: 120px; margin-right: 18px; background-position: -233px 0px;}
UL#topmenu_hr LI A#suradnici { width: 63px; margin-right: 18px; background-position: -371px 0px;}
UL#topmenu_hr LI A#proizvodi { width: 61px; margin-right: 18px; background-position: -452px 0px;}
UL#topmenu_hr LI A#kalendar { width: 118px; margin-right: 18px; background-position: -531px 0px;}
UL#topmenu_hr LI A#kontakt { width: 53px; background-position: -667px 0px;}

UL#topmenu_hr LI A#delikatese.active {	background-position: 0px -10px; }
UL#topmenu_hr LI A#onama.active { background-position: -169px -10px; } 
UL#topmenu_hr LI A#oh.active { background-position: -233px -10px; }
UL#topmenu_hr LI A#suradnici.active { background-position: -371px -10px; }
UL#topmenu_hr LI A#proizvodi.active { background-position: -452px -10px; }
UL#topmenu_hr LI A#kalendar.active  { background-position: -531px -10px; } 
UL#topmenu_hr LI A#kontakt.active {	background-position: -667px -10px; }

UL#topmenu_hr LI A#delikatese:hover {	background-position: 0px -20px; }
UL#topmenu_hr LI A#onama:hover { background-position: -169px -20px; } 
UL#topmenu_hr LI A#oh:hover { background-position: -233px -20px; }
UL#topmenu_hr LI A#suradnici:hover { background-position: -371px -20px; }
UL#topmenu_hr LI A#proizvodi:hover { background-position: -452px -20px; }
UL#topmenu_hr LI A#kalendar:hover  { background-position: -531px -20px; } 
UL#topmenu_hr LI A#kontakt:hover {	background-position: -667px -20px; }
/* END HR TOP MENU */

/* ENG TOP MENU */
UL#topmenu_en {
	clear: both;
	width: 721px;
	height: 24px;
	list-style: none;
	margin-left: 197px;
}
UL#topmenu_en LI {
	display: inline;
	text-indent: -9999px;
	line-height: 1%;
}
UL#topmenu_en LI A {
	display: block;
	float: left;
	height: 9px;
	background: url(../images/topmenu_en.gif);
	outline: 0px;
}
UL#topmenu_en LI A#delikatese { width: 135px; margin-right: 12px; }
UL#topmenu_en LI A#onama { width: 58px; margin-right: 14px; background-position: -147px 0px;}
UL#topmenu_en LI A#oh { width: 125px; margin-right: 15px; background-position: -220px 0px;}
UL#topmenu_en LI A#suradnici { width: 60px; margin-right: 12px; background-position: -361px 0px;}
UL#topmenu_en LI A#proizvodi { width: 62px; margin-right: 14px; background-position: -432px 0px;}
UL#topmenu_en LI A#kalendar { width: 148px; margin-right: 12px; background-position: -508px 0px;}
UL#topmenu_en LI A#kontakt { width: 54px; background-position: -667px 0px;}

UL#topmenu_en LI A#delikatese.active {	background-position: 0px -10px; }
UL#topmenu_en LI A#onama.active { background-position: -147px -10px; } 
UL#topmenu_en LI A#oh.active { background-position: -220px -10px; }
UL#topmenu_en LI A#suradnici.active { background-position: -361px -10px; }
UL#topmenu_en LI A#proizvodi.active { background-position: -432px -10px; }
UL#topmenu_en LI A#kalendar.active  { background-position: -508px -10px; } 
UL#topmenu_en LI A#kontakt.active {	background-position: -667px -10px; }

UL#topmenu_en LI A#delikatese:hover {	background-position: 0px -20px; }
UL#topmenu_en LI A#onama:hover { background-position: -147px -20px; } 
UL#topmenu_en LI A#oh:hover { background-position: -220px -20px; }
UL#topmenu_en LI A#suradnici:hover { background-position: -361px -20px; }
UL#topmenu_en LI A#proizvodi:hover { background-position: -432px -20px; }
UL#topmenu_en LI A#kalendar:hover  { background-position: -508px -20px; } 
UL#topmenu_en LI A#kontakt:hover {	background-position: -667px -20px; }
/* END ENG TOP MENU */

DIV#columns {
	float: left;
	padding: 2px 0px 0px 183px;
	width: 785px;
	background: url(../images/bg_columns.gif) no-repeat;
}

DIV#first_column {
	float: left;
	padding: 12px 15px 0px 15px;
	width: 189px;
}

DIV#second_column {
	float: left;
	padding: 12px 15px 0px 15px;
	width: 191px;
}

DIV#third_delikatese {
	float: left;
	width: 246px;
	height: 244px;
	background: url(../images/right_delikatese.jpg);
}
DIV#third_onama {
	float: left;
	width: 225px;
	height: 334px;
	background: url(../images/right_onama.jpg);
}
DIV#third_projekt {
	float: left;
	width: 294px;
	height: 433px;
	background: url(../images/right_projekt.jpg);
}
DIV#third_suradnici {
	float: left;
	width: 219px;
	height: 294px;
	background: url(../images/right_suradnici.jpg);
}
DIV#third_proizvodi {
	float: left;
	width: 294px;
	height: 298px;
	background: url(../images/right_proizvodi.jpg);
}
DIV#third_kalendar {
	float: left;
	width: 253px;
	height: 298px;
	background: url(../images/right_kalendar.jpg);
}
DIV#third_kontakt {
	float: left;
	width: 156px;
	height: 118px;
	background: url(../images/right_kontakt.jpg);
}
DIV#third_demovi {
	float: left;
	width: 211px;
	height: 292px;
	background: url(../images/right_demovi.jpg);
}
DIV#third_demovi_naranca {
	float: left;
	width: 211px;
	height: 292px;
	background: url(../images/right_demovi_naranca.jpg);
}
DIV#third_med {
	float: left;
	width: 343px;
	height: 229px;
	background: url(../images/right_med.jpg);
}
DIV#third_sace {
	float: left;
	width: 248px;
	height: 324px;
	background: url(../images/right_med_sace.jpg);
}
DIV#third_orah {
	float: left;
	width: 248px;
	height: 324px;
	background: url(../images/right_med_orah.jpg);
}
DIV#third_badem {
	float: left;
	width: 248px;
	height: 324px;
	background: url(../images/right_med_badem.jpg);
}
DIV#third_ljesnjak {
	float: left;
	width: 248px;
	height: 324px;
	background: url(../images/right_med_ljesnjak.jpg);
}
DIV#third_maslinovo_ulje {
	float: left;
	width: 135px;
	height: 467px;
	background: url(../images/right_maslinovo_ulje.jpg);
}
DIV#third_pvk {
	float: left;
	width: 147px;
	height: 373px;
	background: url(../images/right_pvk_vino.jpg);
}


UL.calendar_list {list-style:none; font-weight: bold;}
UL.calendar_list LI { 
  margin-bottom: 10px; 
  background: url(../images/calendar_list.gif) no-repeat 0px 2px; 
  padding-left: 20px;
}

P.orange {
	color: #d29859;
	font: bold 1.25em Arial;
}

DIV.thin_spliter { height: 1px; background-color: #302e2e; margin: 20px 0px 20px 0px;}

/* LEFT SUBMENU */
UL.leftsubmenulink {list-style:none;}
UL.leftsubmenulink LI {margin-bottom: 2px;}
UL.leftsubmenulink A {
  display: block;
  padding-left: 18px;
  width: 171px;
  background: url(../images/leftmenu_arrow3.gif) no-repeat 0px 4px; 
  font: bold 1.08em Arial;
  color: #ebe8d3;
  text-decoration: none;
}
UL.leftsubmenulink A:hover {color: white; background: url(../images/leftmenu_arrow2.gif) no-repeat 0px 4px; }
UL.leftsubmenulink A.active {color: #d29859; background: url(../images/leftmenu_arrow1.gif) no-repeat 0px 4px; }
/* END LEFT SUBMENU */

A.upitponuda_hr {
  display: block;
  width: 128px;
  height: 19px;
  background: url(../images/upit_za_ponudu.gif) 0px 0px;
  outline: 0px;
}
A.upitponuda_hr:hover {
  width: 126px;
  background-position: -129px 0px;
}

A.upitponuda_en {
  display: block;
  width: 128px;
  height: 19px;
  background: url(../images/upit_za_ponudu.gif) 0px 20px;
}
A.upitponuda_en:hover {
  width: 126px;
  background-position: -129px 20px;
}