body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
	margin:0;
	padding:0;
	border:0;
}
.nevidljivo {height:1px; width:1px;
	position:absolute;
	left:-9999px;
	overflow:hidden;
}
.klir {clear:both;}
html {height:100%;}
body {font: normal 0.8em/1.3em  "Trebuchet MS", Verdana, Arial, sans-serif;
	height:100%;
	background: #fff url(/slike/site_bg.png) fixed;
}

#sadrzajnik{width:910px;
	margin: 0 auto; padding: 0 0 55px 0;
	position: relative;
	min-height: 100%;
	background: #fff url(/slike/sadrzajnik_bg.png) repeat-y;
}
* html #sadrzajnik{	height: 100%;}

#zaglavlje{	background: #fff;}
.zaglavlje_menu{list-style: none;
	width:870px;
	margin:0;
	padding: 30px 20px 0 20px;
	background: #fff url(/slike/header_menu_bg_2.png) top right no-repeat;
	border-bottom:1px solid #bbd;
	float:left;
}
.zaglavlje_menu li {float:left; margin: 0 3px;}
.zaglavlje_menu a { font-weight:normal;
	color: #668; text-decoration:none;
	padding: 0 2.5em 0 0.2em;
	display:block; float:left;
	border-bottom: 2px solid #88a;
}
.zaglavlje_menu a:hover{
	color: #001;
	border-bottom: 2px solid #113;
}
.ddatum {font: bold  0.85em/1em  "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #29496F;
	text-align:right;
	margin:0; padding:5px 25px;
	display: block;
	float:right;
}
.ddatum em {font-weight:bold; font-style:normal;
	color:#36A6AF;
    background: transparent url(/slike/ico_3.png) no-repeat center left;
    padding-left:2em;
}

#site_sadrzaj{width:860px;
	margin: 0 auto 72px auto;
	padding: 10px 0 0 0;
}
#sadrzaj{width:440px;
	float:left;
	margin: 0 0 0 20px;
	padding: 0 0 5em 0;
	background: transparent url(/slike/sadrzaj_bg.png) bottom center no-repeat;

}
#sadrzaj img{padding:5px; border:1px solid #708B9C;}

#podnozje {font-size:0.8em;
	background: #fff url(/slike/podnozje_bg.png) repeat-x;
	position: relative;
	margin-top: -55px;
	height: 55px;
}
#podnozje_footer{ width:910px; height:32px;
	margin:0 auto;
	background: #fff url(/slike/podnozje_footer.png) no-repeat;
}
.navrh{font-size:0.9em;
	color: #676;
	text-decoration:none; text-transform: uppercase; letter-spacing:1em;
	margin: 1px;
	padding: 0 20px 0 0;
	float:right;
	background: transparent url(/slike/navrh_ico.png) top left;
}
.navrh:hover{background-position: top right;}
p.impressum_copyright{
	color: #444;
	margin:25px 0 0 0;
	padding: 2px 0 10px 145px;
	float:left;
	background: transparent url(/slike/garevac.net.png) no-repeat top left;
}
p.impressum_design{width: 21%;
	float:right; text-align:right;
	margin: 25px 0 0 0;
	}
p.impressum_design a {color: #000; text-decoration:none;
	padding:0 0 2px 0;
	display: block;
	width: 100%;
}
p.impressum_design a:visited {color:#000;}
.impressum_design img { border:0; vertical-align:middle;}
.navigator {font: italic 0.9em/0.7em "Trebuchet MS",Verdana, Arial, sans-serif;
	color:#777; padding:5px;
	margin:0 0 15px 0;
}
.navigator a {color:#777;
	text-decoration:none;
    padding: 2px 5px 2px 15px;
	display: block;
	float:left;
	background: transparent url(/slike/k_ico_4.png) center left no-repeat;
}
.navigator a:visited {color:#555;}
.navigator a:hover {color:#ceda90; text-decoration:underline;}
#poruka {
    width: 68%;
    margin:28px 10px 15px auto;
    float:right;
}
#poruka ul {
 	list-style:square;
	background:transparent;
	margin:10px 0 10px 65px; padding:0;
}
#poruka.errMsg {font-weight: bold;
	color:#8D2121;
	background:#FFDFDF url(/slike/errMsg_bg.png) no-repeat left top;
	padding: 0 0 0 1%;
	border: 2px solid #f33;
}
#poruka.friMsg {font-weight: normal;
	color:#487F1F;
	background:#C7DFB5 url(/slike/friendlyMsg_bg.png) no-repeat left top;
	padding: 0 0 0 1%;
	border: 2px solid #487F1F;
}

#trazibar {
	margin: 0; padding:5px 0 5px 0;
	background: #fff url(/slike/datum_bg.png) top left no-repeat;
}
#frmtrazi_ fieldset legend {display:none;}
#frmtrazi_ fieldset label{font-size:0.85em; line-height:0.8em;
	color:#88a;
	width:5.5em;
	margin:3px 3px 0 20px; padding:4px;
	float:left;
	display:block;
	background: transparent url(/slike/strj_desno.png) no-repeat right center;
}
#inputrazi {font: 1em/1em "Trebuchet MS",Verdana, Helvetica, Arial, sans-serif;
	margin: 0 0 0 10px;
	background: #f8fdfe;
	width: 184px;
	border: 1px solid #bfecf5;
}
#frmtrazi_ fieldset ul{list-style: none;}

#site_menu{line-height:1em;
	width:200px;
	float:left;
	padding:0 0 280px 0;
	margin: 40px 0 0 0;
	background: transparent url(/slike/site_menu_footer.png) bottom left no-repeat;
	
}
ul.menu {list-style: none;
	padding: 45px 0 0 0;
	margin:0 0 0 2px;
	background: transparent url(/slike/site_menu_header.png) top left no-repeat;
}
.menu li {margin:0;	padding:0;
	background: transparent;
}
.menu li.menu_main a {font-weight: bold;
	margin: 0 0 10px 0;
	padding: 7px 2px 9px 2px;
	text-transform:uppercase;
	letter-spacing:0.75em;
	background: transparent url(/slike/menuitem_main_bg.png) bottom left no-repeat;
}
.menu li.menu_main a:hover {
	color:#000;
	background-position: right bottom;
}
.menu li a {text-decoration:none;
	color:#7d7d7d;
	padding: 7px 2px 9px 2px;
	display:block;
	background: transparent url(/slike/menuitem_bg.png) bottom left no-repeat;
}
.menu li a:visited {color:#88a;}
.menu li a:hover {
	color:#000;
	background-position: right bottom;
}

.menu_separator{ background: url(/slike/menu_separator_2.png) no-repeat;
	display:block;
}





ul.submenu {list-style: none;

	margin: 30px 0 0 0;

	padding:15px 0 0 5px;

	border-top: 0px double #D3DFBA;

	background: transparent url(/slike/submenu_zaglavlje.png) no-repeat;

	}

.submenu li { font: normal 0.6em/1em  "Trebuchet MS", Verdana, Arial, sans-serif;

	margin: 1px;

	padding:0;

	background: transparent;

	border:0;

}

.submenu li a {text-decoration:none;

	color:#a0a0a0;

	padding: 7px 3px 3px 3px;

	display:block;

	border-bottom: 1px solid #e0e0e0;

	background: #FDFDFB;

}

.submenu li a:visited {color:#9aa73a;}

.submenu li a:hover {

	background: #fbfbed;

	color:#000;

	border-bottom: 1px solid #a0a0a0;

}

h1 {font: normal 1.45em/1.2em  "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#668;
	border-bottom: 1px solid #dde;
	margin: 1.5em 0 0 0;
}
h1 a {color:#668;
	text-decoration:none;
	display:block;
}
h1 a:visited{color:#88a;}
h3 {font: normal 1em/1em  "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#668;
	border-bottom: 1px solid #dde;
	margin: 1em 0 0 0;
}
h3 a {color:#668;
	text-decoration:none;
	display:block;
}
h3 a:visited{color:#88a;}

small {font: italic 0.85em/1em  "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#afae46;color:#DFCD0D;color:#DFB90D;margin: 0 0 0.5em 0;
}
blockquote {font: normal 0.85em/1.3em  "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#585858;
	margin: 0 20px 20px 0;
}

#sadrzaj p{text-align:justify; margin-bottom:0.5em;



}
.viselink{font-size:0.75em; font-weight:normal;
		text-transform:uppercase;
		letter-spacing:0.6em;
		text-decoration:none;
		color: #777;
		margin: 2.3em 0.5em 0.5em 0;
		padding:2px 6px 2px 0; display:block;
	}
.viselink:hover {
	margin-left:-2px;
	padding-left:2px;
	padding-top:1px;
	color:#000;
	border-top: 1px solid #FFD40F;
}

.sbt{font: normal 0.9em/1em  "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#828282;
	width:170px;
	padding: 0 8px 10em 8px;
	margin: 30px 0 20px 0;
	float:right;
	display:block;
	background: #fefbed url(/slike/sbt_footer.png) left bottom repeat-x;
}
.r_svetac{font-size: 1.4em;font-style:italic; font-weight:bold;
	color:#823242;
	display:block;
	padding: 15px 0 5px 40px;
	margin: 0 -8px;
	background: #FFF7DB url(/slike/svetac_rubrika.png) left top repeat-x;
}
.sbt h5{ margin: 0 -8px;
	background: transparent url(/slike/svetac_rubrika_footer.png) repeat-x top left;
}

.sbt h5 a {font-size:1.35em; font-weight:bold;
	text-transform: uppercase;
	text-decoration:none;
	color: #d6b107;
    padding: 20px 8px 3px 8px;
	margin: 0 0 3px 0;
	display:block;
}
.sbt small{font-size:0.85em; font-weight:normal; font-style:normal;
	line-height: 1.5em;
	text-transform: uppercase;letter-spacing:0.65em;
	color: #a2a097;
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	border-top: 1px solid #818079;
}


ul.itemList{font-size:0.85em; font-style: italic;
	list-style: none;
	margin:45px 0 0 2px;	padding: 15px;
	background: #fff url(/slike/list_header_1.png) top left repeat-x;
	border-bottom: 1px solid #dde;
	float:left;
	width:405px;
}

ul.itemList li a{font-size:1.1em;font-style: normal; text-decoration:none;
	color: #779;
	margin: 4px 0 0 15px;
	padding: 0;
	display:block;
	border-bottom:1px solid #fdf5ba;
}
ul.itemList li a:hover{background-color: #fefff3;}

ul.downItem{font-size:0.85em; font-style: italic;
	list-style: none;
	margin:45px 0 0 2px;	padding: 15px;
	background: #fff url(/slike/list_header_2.png) top left repeat-x;
	border-bottom: 1px solid #f8d8d8;

}

ul.downItem li a{font-size:1.1em; font-style: normal; text-decoration:none;
	color: #977;
	margin: 4px 0 0 15px;
	padding: 0;
	display:block;
	border-bottom:1px solid #eef9d0;
}
ul.downItem li a:hover{background-color: #fbfff0;}
ul.downItem li a:visited{color: #baa;}

ul.podrItemList{font-style: normal; font-weight:normal;
	list-style: none;
	margin:40px 0 0 0; padding: 1.5em 0;
	background: #fcfdfc url(/slike/list_header_4.png) repeat-x left top;
	border-bottom: 1px solid #f4f5ec;
	width:405px;
}
ul.podrItemList li a {font-size:0.85em; text-decoration:none;text-transform:none;
	color: #222;
	margin: 2px 0 0 15px;
	padding: 3px;
	display:block;
	border-bottom:1px solid #cdcdd8;
}
ul.podrItemList li a:hover{background-color: #FEFBED;border-color: #888;}
ul.podrItemList li.main a {font-size:1.4em; text-decoration: none; text-transform:uppercase;
	color: #dfb90d;
	padding: 1px;
	background: transparent;
	display: block;
	border:0;
}
ul.podrItemList li.main a:hover{background: #668;}
ul.podrItemList li.naziv a {
	color: #668; text-decoration: none; text-transform:uppercase;
	padding: 3px;
	background: #eaeaf3;
	display: block;
	border:0;
}
ul.podrItemList li.naziv a:hover { color: #cce; background:#669;}





ul.downItem{font-size:0.85em; font-style: italic;
	list-style: none;
	margin:45px 0 0 2px;	padding: 15px;
	background: #fff url(/slike/list_header_2.png) top left repeat-x;
	border-bottom: 1px solid #f8d8d8;
}

ul.traziRez{font-style:italic; font-weight:bold;
	list-style: none;
	margin:45px 0 0 2px; padding: 0 0 15px 0;
	background: #fff;
	border-bottom: 1px solid #dde;
}
ul.traziRez li{color: #333;
	margin: 15px 0 0 0;
	}
ul.traziRez li a{font-style: normal; text-decoration:none;
	color: #779;
	margin: -11px 0 0 15px;
	padding: 0;
	display:block;
	border-bottom:1px solid #fdf5ba;
}
ul.traziRez li a:hover{color: #222;background-color: #fefff3;}


ul.smapMain {background: #fff;
	margin: 0.5em 0 0 0; padding:0;
	list-style:square;
	border-top:1px solid #ddd;
}
ul.smap {background: #fff;
	margin:0;padding:0;
	list-style:none;
}
ul.smap ul, ul.smapMain ul {
	padding:0px;
}
ul.smapMain li{
	margin: 0;
	border: 0;
}
ul.smap li{
	margin: 0 0 0 1.5em;
	padding: 0;
	border: 0;
}
ul.smapMain li a{font-weight: bold;	text-decoration:none;
	color: #547F0F;
	margin: 0;
	padding:0.15em;
	display:block;
}
ul.smap li a{	font-weight: normal; text-decoration:none;
	color: #547F0F;
	margin: 0;
	padding:0.2em;
	display:block;
}
ul.smapMain li a:hover, ul.smap li a:hover{font-weight: bold;
	background: #f4f4f4;
}
a.mala_slika{ text-decoration:none; text-align:center;
	width:115px; height:115px;
	margin:5px; padding:10px 5px;
	display:block;
	float: left;
	background: #fcfcfc url(/slike/mala_slika_bg.png) left;
}
a.mala_slika:hover{background-position:right;}
.mala_slika img {border:0;}

.bikone {width:100%;margin: 40px 0 0 0;}
.bikone a {border:0;}
.bikone img {padding:4px;
	border: 1px solid #88a;
}

/***lightbox**********/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 72%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/slike/lightbox/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/slike/lightbox/nextlabel.png) right 15% no-repeat; }

#imageDataContainer{font: 0.8em "Trebuchet MS", Verdana, Helvetica, sans-serif; line-height: 1.4em;
	background-color: #fff;	margin: 0 auto;  overflow: auto; width: 100%;	}

#imageData{	padding:0 10px;  }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;color: #777;	}
#imageData #numberDisplay{color: #bbb; /*letter-spacing:0.6em; text-transform:uppercase;*/ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 2.7em; outline: none;text-align:right;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background: #000 url(/slike/lightbox/overlay_bg.png); }
/**********kraj lightboxa ***********/

