/*******************************************************************************/
/************					CSS Style Begining					************/
/*******************************************************************************/

html {
	background:#3c6694 url(/Images/html_bg.png) repeat-x scroll top left;
}

body {
	background:transparent url(/Images/body_Bg.jpg) no-repeat scroll top center;
	margin:0 auto;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5c5c5c;
	line-height:18px;
	display:table;
}

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

}

/************						Links							************/

a, a:link, a:visited {
	color: #325678;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/************						Hedding							************/

h1, h2, h3, h4, h5, h6 {
	color: #8aa73f;
	font-weight:bold;
}

h1 {
	font-size:16px;
	margin-bottom:17px;
}

h2 {
	font-size:13px;
	margin-bottom:17px;
}

h3 {
	font-size:12px;
	margin-bottom:10px;
}

/***********						CkearFix						***********/

div.clear {
	background:transparent none repeat scroll 0%;
	border:medium none;
	clear:both;
	font-size:0.1px;
	height:1px;
	margin-top:-1px;
	padding:0pt;
}  

/***********						Page Begining					***********/

div#Pg_W {
	width:813px;
	margin:0 auto;
	position:relative;
}

div#Pg_Bg {
	width:813px;
	position:relative;
	background:transparent url(/Images/Pg_Bg.png) repeat-y scroll top left;
}

div#Pg_End {
	width:813px;
	background:transparent url(/Images/Pg_Dn.png) no-repeat scroll top left;
	height:17px;
	margin-bottom:18px;
	position:relative;
}

div#Pg {
	width:783px;
	margin:0 15px;
	position:relative;
}

/***********						Header							***********/

div#Hd_Up {
	height:46px;
	position:relative;
	display:block;
	width:783px;
	background:transparent url(/Images/Hd_Up.png) no-repeat scroll top left;
}

div#Hd {
	background:transparent url(/Images/Hd.jpg) no-repeat scroll top center;
	width:783px;
	height:189px;
	position:relative;
}

/***********						Menu							***********/

div#MM {
	width:783px;
	height:40px;
	position:relative;
	background:transparent url(/Images/MM_Bg.png) repeat-x scroll top left;
}

div#MM ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:left;
}

div#MM li {
	float:left;
	height:40px;
	width:129px;
	font-size:11px;
	position:relative;
	color:#e8e9ea;
	text-transform:uppercase;
	font-weight:bold;
	margin-right:1px;
	display:inline;
}

	div#MM li span {
		background:transparent url(/Images/MM_Btn.jpg) no-repeat scroll bottom left;
		height:28px;
		width:129px;
		display:block;
		padding-top:12px;
		text-align:center;
	}
	
	div#MM li a, div#MM li a:link, div#MM li a:visited {
		display:block;
		text-transform:uppercase;
		font-weight:bold;
		color:#7288a2;
		text-align:center;
		text-decoration:none;
		height:28px;
		padding-top:12px;
		width:129px;
		background:transparent url(/Images/MM_Btn.jpg) no-repeat scroll top left;
	}
		div#MM li a:hover {
			color:#FFFFFF;
			text-decoration:none;
			background:transparent url(/Images/MM_Btn.jpg) no-repeat scroll bottom left;
		}
		
	div#MM li.last {
		margin-right:0px;
	}

	div#MM li.last span {
		background:transparent url(/Images/MM_Btn_Last.jpg) no-repeat scroll bottom left;
		height:28px;
		width:133px;
		display:block;
		padding-top:12px;
		text-align:center;
	}
	
	div#MM li.last a, div#MM li.last a:link, div#MM li.last a:visited {
		display:block;
		text-transform:uppercase;
		font-weight:bold;
		color:#7288a2;
		text-align:center;
		text-decoration:none;
		height:28px;
		padding-top:12px;
		width:133px;
		background:transparent url(/Images/MM_Btn_Last.jpg) no-repeat scroll top left;
	}
		div#MM li.last a:hover {
			color:#FFFFFF;
			text-decoration:none;
			background:transparent url(/Images/MM_Btn_Last.jpg) no-repeat scroll bottom left;
		}

/***********						Content							***********/

div#Cont_W {
	width:783px;
	position:relative;
	display:block;
	border-top:2px solid #e6e6e6;
}

div#Cont {
	width:689px;
	position:relative;
	display:block;
	padding:47px 47px 0;
	background:#e6e6e6 url(/Images/Cont_Up.jpg) no-repeat scroll top left;
}

	div#Col1 {
		width:447px;
		float:left;
		display:block;
		margin-right:26px;
	}
	
	div#Col2 {
		width:211px;
		float:left;
		display:block;
	}

/*#			Content		#*/

div#Cont .title h3 {
	text-transform:uppercase;
	margin-bottom:20px;
}

div#Cont .title2 h3 {
	text-transform:uppercase;
	margin-bottom:19px;
}

/***********						Footer							***********/

div#Ft {
	background:transparent url(/Images/Ft_Bg.jpg) no-repeat scroll top left;
	height:145px;
	position:relative;
	display:block;
	width:783px;
	border-top:1px solid #ece5ca;
	color:#688027;
	font-size:10px;
}

	div#Ft .Ft_mail {
		left:520px;
		position:absolute;
		top:115px;
	}	
	
	div#Ft a, div#Ft a:link, div#Ft a:visited, div#Ft a:hover {
		color:#646464;
	}

/*#			Content/Col 2		#*/

div#Col2 h3 {
	text-transform:uppercase;
	margin-bottom:20px;
}

div#Col2 .Bx1 {
	background:transparent url(/Images/Col2_Bg.jpg) no-repeat scroll top left;
	width:210px;
	position:relative;
	height:191px;
	border-top:1px solid #ededee;
}

	div.Bx1 .Bx1_Txt {
		position:absolute;
		top:106px;
		left:12px;
		width:176px;
	}

	div.Bx1 .Bx1_Txt h3 {
		color: #325678;
		margin-bottom:5px !important;
	}

div#Col2 .Bx2 {
	background:transparent url(/Images/Bx2_Bg.jpg) no-repeat scroll top left;
	width:210px;
	position:relative;
	height:98px;
	border-top:1px solid #ededee;
}

	div.Bx2 .Bx2_Txt {
		position:absolute;
		top:15px;
		left:12px;
		width:176px;
	}

	div.Bx2 .Bx2_Txt h3 {
		color: #325678;
		margin-bottom:5px !important;
	}

/*#			Page/Footer Under		#*/

div#Pg_Ft {
	width:813px;
	margin:0 auto;
	position:relative;
	text-align:center;
	color:#88a4c1;
	margin-bottom:20px;
}

	div#Pg_Ft span {
		padding:0 5px;
	}
	
	div#Pg_Ft a, div#Pg_Ft a:link, div#Pg_Ft a:visited, div#Pg_Ft a:hover {
		color:#c5d6e9;
	}

/*#			Content/Nekretnine box		#*/

div.Nek_Bx {
	width:447px;
	position:relative;
	height:86px;
	display:block;
	margin-bottom:10px;
}

	div.Nek_Bx img {
		border:3px solid #c9cbcd;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	div.Nek_Bx .Nek_Sum {
		background:#d6d7d8 url(/Images/Nek_Bx_Sum.png) repeat-y scroll top left;
		width:256px;
		top:0px;
		left:86px;
		height:86px;
		position:absolute;
		display:block;
		border-left:1px dashed #d6d7d8;
		border-right:1px dashed #d6d7d8;
	}
	
		div.Nek_Sum .Nek_Lnk {
			width:236px;
			position:absolute;
			top:14px;
			left:10px;
		}
		
			div.Nek_Sum .Nek_Lnk a {
				text-transform:uppercase;
				font-weight:bold;
				font-size:12px;			
			}
			
			div.Nek_Sum .Nek_Lnk span {
				border-left:1px solid #b7b8b8;
				color:#212222;
				padding-left:5px;
				margin-left:5px;
			}
		
		div.Nek_Sum p {
			width:236px;
			position:absolute;
			top:36px;
			left:10px;
		}
	
	div.Nek_Bx .Nek_Pric {
		width:103px;
		height:86px;
		display:block;
		background:transparent url(/Images/Nek_Bx_Price.jpg) no-repeat scroll top left;
		position:absolute;
		top:0px;
		left:344px;
	}
	
		div.Nek_Pric .Pric_sob {
			position:absolute;
			top:14px;
			left:10px;
			color:#212222;
		}
		
			div.Nek_Pric .Pric_sob span {
				padding:0 5px;
				color:#abacac;			
			}
			
		div.Nek_Pric .Pric_cij {
			position:absolute;
			left:10px;
			top:36px;		
		}
		
			div.Nek_Pric .Pric_cij p span {
				color:#212222;
				font-size:12px;
			}

div.Nek_Op {
	width:447px;
	position:relative;
	float:left;
	background:transparent url(/Images/Nek_Op_Bg.png) repeat-y scroll top left;
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
}	

	div.Nek_Op .Op_Col1 {
		display:block;
		float:left;
		padding:10px 10px 0;
		text-align:right;
		width:67px;
		color:#212222;
	}
	
	div.Nek_Op .Op_Col2 {
		float:left;
		display:block;
		width:340px;
		text-align:left;
		padding:10px 10px 0;
	}

div.Ligh_Bx_W {
	width:447px;
	position:relative;
	float:left;
	display:block;
	margin-bottom:10px;
}

div.Lightbox {
	float:left;
	display:inline;
	margin:0 1px 0 2px;
	position:relative;
	height:80px;
	width:80px;
	border:3px solid #C9CBCD;
}

div.Lightbox img {
	clip:rect(0px 80px 80px 0px);
	position:absolute;
	top:0;
	border:medium none;
}

#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: 40%; 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(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*#			Content/SubMenu		#*/

div.Nek_Sub {
	float:left;
	widows:210px;
}

div.Nek_Sub ul {
	list-style-image:none;
	list-style:none;
	list-style-position:outside;
	float:left;
	widows:210px;
}

div.Nek_Sub li {
	float:left;
	background:transparent url(/Images/subM_Bg.jpg) no-repeat scroll top left;
	border-top:1px solid #E5E6E7;
	font-size:11px;
	text-indent:20px;
	text-transform:uppercase;
	width:210px;
}

div.Nek_Sub li span {
	color:#666666;
	float:left;
	display:block;
	height:27px;
	padding-top:10px;
	line-height:normal;
}

div.Nek_Sub li a {
	float:left;
	display:block;
	height:27px;
	line-height:normal;
	padding-top:10px;
	color:#325678;
}

div.Nek_Sub li a:link, div.Nek_Sub li a:visited {
	color:#325678;
}

div.Nek_Sub li a:hover {
	color:#8AA73F;
	text-decoration:none; 
}

div.Nek_Sub ul li ul {
	display:none;
}

div.Nek_Sub ul li:hover ul, div.Nek_Sub ul li ul:hover {
	display:block;
}

div.Nek_Sub ul li ul li {
	background:#d6d7d8 url(/Images/subM_noOpen_Bg.gif) repeat-x scroll top left;
	text-transform:none;
	position:relative;
}

div.Nek_Sub ul li ul li a {
	color:#717171 !important;
}

div.Nek_Sub ul li ul li span {
	color:#617a20 !important;
	font-weight:bold;
}

div.Nek_Sub ul li ul li ul {
	float:right;
	width:120px;
	display:block;
}

div.Nek_Sub ul li ul li ul li {
	background-color:transparent;
	text-indent:30px;
	text-transform:none;
	width:120px;
	width:120px;
	background-image:none;
	border:none;
}

div.Nek_Sub ul li ul li ul li a {
	color:#666666 !important;
}

div.Nek_Sub ul li ul li ul li span {
	color:#000000 !important;
	font-weight:normal !important;
}