/* Osnovno */
body {
	margin: 0px;
	color: #000;
	background: #fff url(/images/design/page-bg.gif) repeat-x 0 0;
	font: normal 67% "Trebuchet MS",Verdana,Sans-Serif; 
}    
* {  
	margin:0;
	padding:0;
}    
input, select, textarea {
	font: normal 100% "Trebuchet MS",Verdana,Sans-Serif; 
}        
h2 { 
	font-size: 1.2em;
	font-weight: bold;
	padding: 12px 0 0 0;
	text-transform: uppercase;
	clear: both;
}    
h3 { 
	font-size: 1.1em;
	font-weight: bold;
	padding: 6px 0 0 0;
	text-transform: uppercase;
	clear: both;
}
h4 { 
	font-size: 1.0em;
	font-weight: bold;
	padding: 6px 0 0 0;
	text-transform: uppercase;
	clear: both;
}
small { 
	font-size: .9em;
}    
a {  
	color:#000;
	text-decoration: none;
}    
	a:hover {
		text-decoration: underline;
	}  
p {  
	line-height: 20px;
	padding: 5px 0 5px 0px;
	margin: 5px 0 5px 0;
}    
acronym {
	border-bottom: 1px solid #BBB;
	cursor: help;
}    
ol, ul {
	margin: 0 0 0 30px;
	padding: 0;
}    
	ol li, ul li {
		margin: 0 0 5px 0;
		padding: 0;
	}  
img a, a img {
	border: 0;
}	
     
/* Struktura */
#wrapper {
	width: 750px;
	text-align: left;
  margin: 0 auto;
}    
	#header {
		float: left;
		width: 750px;
		height: 269px;
		background: #fff url(/images/design/header.jpg) no-repeat 0 0;

	}
		#slikica {
		float: left;
		padding: 7px 0 0 550px;
		}
	#nav {
		float: left;
		width: 750px;
		height: 41px;
		background: #000 url(/images/design/nav.gif) no-repeat 0 0;
	}  
		#nav ul {
		  float: right;
		  width: 735px;
		  height: 41px;
		  margin: 0;
		  padding: 0;
		  list-style: none; 
		}
		#nav li {
		  float: left;
		  margin: 0; 
		  padding: 0;
		}
			#nav li a {
			  display: block;
			  text-indent: -9000px;
			  height: 41px;
			}
			#n1 {
				width: 69px; 
			}
			#n2 {
				width: 104px; 
			}
			#n3 {
				width: 90px; 
			}
			#n4 {
				width: 136px; 
			}
			#n5 {
				width: 100px; 
			}
			#nP {
				width: 220px; 
			}
			#n1 a:hover, #n1 .active {
				background: #000 url(/images/design/nav.gif) no-repeat -15px -41px;
			}
			#n2 a:hover, #n2 .active {
				background: #000 url(/images/design/nav.gif) no-repeat -84px -41px;
			}
			#n3 a:hover, #n3 .active {
				background: #000 url(/images/design/nav.gif) no-repeat -188px -41px;
			}
			#n4 a:hover, #n4 .active {
				background: #000 url(/images/design/nav.gif) no-repeat -278px -41px;
			}
			#n5 a:hover, #n5 .active {
				background: #000 url(/images/design/nav.gif) no-repeat -414px -41px;
			}
			#nP a:hover, #nP .active {
				background: #000 url(/images/design/nav.gif) no-repeat -514px -41px;
			}
	#container {
		float: left;
		width: 748px;
		padding: 0 1px 0 1px;
		background: #fff url(/images/design/content-bg.gif) repeat-y 0 0;
	}  
		#content {
			float: left;
			width: 748px; 
		}
			#content .title {
			  clear: both;
				width: 748px;
				height: 36px;
				display: block;
				text-indent: -9000px; 
			}
				.t-naslovnica {
					background: #fff url(/images/design/t-naslovnica.gif) no-repeat 0 0;
				}
				.t-novosti {
					background: #fff url(/images/design/t-novosti.gif) no-repeat 0 0;
				}
				.t-nekretnina {
					background: #fff url(/images/design/t-nekretnina.gif) no-repeat 0 0;
				}
				.t-nekretnine {
					background: #fff url(/images/design/t-nekretnine.gif) no-repeat 0 0;
				}
				.t-posljednje-nekretnine {
					background: #fff url(/images/design/t-posljednje-nekretnine.gif) no-repeat 0 0;
				}
				.t-izdvojene-nekretnine {
					background: #fff url(/images/design/t-izdvojene-nekretnine.gif) no-repeat 0 0;
				}
				.t-agent {
					background: #fff url(/images/design/t-agent.gif) no-repeat 0 0;
				}
				.t-agenti {
					background: #fff url(/images/design/t-agenti.gif) no-repeat 0 0;
				}
				.t-o-nama {
					background: #fff url(/images/design/t-o-nama.gif) no-repeat 0 0;
				}
	#footer {
		clear: both;
		width: 750px;
		height: 50px;
		background: url(/images/design/footer-bg.gif) 0 0;
		color: #cda9a9
	}  
		#footer p {
		  margin: 0;
			padding: 6px 0 0 55px;
		}
		#footer span {
			padding-left: 45px;
		}
		#footer a {
			color: #fff;
		}

/* Naslovnica */
.naslovnica {
	float: left;
	width: 748px;
	background: url(/images/design/blok-bg.gif) no-repeat 0 0;
} 
	.naslovnica .tekst {
		float: left;
		width: 221px;
		padding: 15px;
	}
	.naslovnica .novosti {
		float: left;
		width: 218px;
		padding: 15px;
	}
		.naslovnica .opis {
			clear: both;
			border-bottom: 1px solid #d9d5d5;
			margin-bottom: 5px;
			color: #777171;
		}
	.naslovnica .karta {
		float: left;
		width: 218px;
		padding: 15px;
	}

/* Nekretnine */
.nekretnine, .agenti {
	float: left;
	width: 748px;
	background: url(/images/design/blok-bg.gif) no-repeat 0 0;
} 
	.nekretnina, .agent {
		float: left;
		width: 219px;
		padding: 10px 15px 10px 15px;
	} 
		.nekretnina .fotografija {
			width: 219px;
			height: 166px;
		}   
			.nekretnina .fotografija img {
				padding: 3px;
			}	
		.nekretnina .kratko {
			clear: both;
			color: #666262;
		} 		     
			.nekretnina .opis p {
				padding: 3px 0 3px 0px;
				margin: 0;
			}
			
/* Nekretnina - detaljnije */
#nekretnina {
	float: left;
	width: 748px;
	background: url(/images/design/blok-bg.gif) no-repeat 0 0;
} 
	#nekretnina .detalji {
		float: left;
		width: 469px;
		padding: 15px;
	}
		#nekretnina .informacije {
			float: left;
			width: 460px;
			padding: 2px;
			border-bottom: 1px dotted #e7e7e7;
		}  
			#nekretnina .informacije span {
				float: left;
				width: 70%;
				font-weight: bold;
			}
				#nekretnina .informacije p {
					padding: 0 0 5px 0px;
					margin: 0 0 5px 0;
				}
				#nekretnina .informacije span.naziv {
					width: 30%;
					font-weight: normal;
					font-style: italic;
					text-transform: lowercase;
				}
	#nekretnina .fotografije {
		float: left;
		width: 219px;
		padding: 10px 15px 10px 14px;
	}
		#nekretnina .opis {
			width: 205px;
			text-align: center;
			margin: 1px auto 10px auto;
			background: #e4dcdc url(/images/design/opis-bg.gif) no-repeat left bottom;
		} 
		#nekretnina .fotografija {
			width: 219px;
			height: 166px;
			cursor: pointer;
		}   
			#nekretnina .fotografija img {
				padding: 3px;
			}	

/* Agent - detaljnije */
#agent {
	float: left;
	width: 748px;
	background: url(/images/design/blok-bg.gif) no-repeat 0 0;
} 
	#agent .detalji {
		float: left;
		width: 536px;
		padding: 15px;
	}
	#agent .fotografija {
		float: left;
		width: 152px;
		padding: 10px 15px 10px 14px;
	}
		#agent .fotografija img {
			border: 1px solid #cab9b9;
		}	


/* Tekst - detaljnije */
#tekst {
	float: left;
	width: 748px;
	background: url(/images/design/blok-bg.gif) no-repeat 0 0;
} 
	#tekst .opis {
		float: left;
		width: 710px;
		padding: 10px 15px 5px 15px;
	}
					
/* Trazilica */
.trazilica {
	float: left;
	width: 198px;
	background: #000 url(/images/design/formular-bg.gif) repeat-x 0 0;
	padding: 10px 5px 10px 5px;
	margin: 0px;
	color: #fff;
}    
	.trazilica select, .trazilica input {
		margin-bottom: 5px;
	}  

/* Formular */
input {
	width: 186px;
	height: 17px;
	background: #fff url(/images/design/select.gif) no-repeat 0 0;
	border: 0;
	color: #000;
	padding: 5px;
}    
	input.pretraga {
		width: 200px;
		height: 38px;
		padding: 0;
		padding: 0 0 0 0;
	}  
	input.ponisti {
		width: 132px;
		height: 38px;
		padding: 0;
		margin: 0 0 0 7px;
	}  
	input.button {
		width: 300px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		background: #000;
		border: 0;
		color: #fff;
	}  
select {
	width: 200px;
	padding: 1px;
	background: #fff;
	border: 1px #dfdfdf solid;
}    
     
/* Ostalo */
.info {
	float: left;
	width: 748px;
	padding: 6px 0 5px 0;
	background: #ae1919 url(/images/design/info-bg.gif) no-repeat 0 0;
	color: #cda9a9;
	text-indent: 10px;
}   
	.info a	{
		padding: 0 3px 0 3px;
		color: #fff;
	} 
.kategorije {
	float: left;
	width: 748px;
	padding: 10px 0 9px 0;
	background: #fff url(/images/design/kategorije-bg.gif) no-repeat 0 0;
	text-indent: 12px;
	font: normal 1.1em "Arial",Sans-Serif; 
	text-transform: lowercase;

}    
	.kategorije a	{
		padding: 0 5px 0 5px;
	}
.navigacija {
	float: left;
	width: 748px;
	padding: 6px 0 5px 0;
	background: #dfdfdf url(/images/design/navigacija-bg.gif) no-repeat 0 0;
	text-align: center;
	font: bold 1.2em "Arial",Sans-Serif; 
}
	.navigacija a, .navigacija small	{
		padding: 0 7px 0 7px;
	}
  
.space {
	padding: 6px;
}    
     
/* Textile */
.date {
	display: block;
	text-transform: uppercase;
	color: #56B600;
}    
blockquote {
	margin-left: 20px;
	background: #FEFADE url(/images/design/quote_top.gif) no-repeat top right;
	border-left: 2px solid #FEE456;
}    
	blockquote p {
		background: url(/images/design/quote_bottom.gif) no-repeat bottom right;
		padding: 8px;
	}  
	p.right img {
		float: right;
		padding: 3px;
	}  
	   
	p.left img {
		float: left;
		padding: 3px;
	}  
.grey {
	color: #AAA;
}    
     
/* Komentari */
ol.comments {
	margin: 1.2em 0 1.2em 0;
	border-bottom: 1px solid #56B600;
	list-style-type: none;
}    
	ol.comments li {
		border-top: 1px solid #56B600;
		padding: 1px 0 1px 0;
	}  
		.commenttitle {
			font-size: 1.1em;
		}
		.commentmeta {
			font-size: 0.9em;
			color: #999;
		}