@import url(/css/blueprint/reset_clearfix.css);

BODY {
	color: #666;
	background: #ddd url(../images/_theme/bg/main.png) repeat-x 0 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

A, A:visited {
	color:#3366CC;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}

.left {
	float: left;
}
.right {
	float: right;
}

#wrap {
	width: 740px;
	margin: 0 0 10px 30px;
	background-color: #fff;
}

#top-links {
	background-color: #ddd;
	height: 16px;
	line-height: px;
	padding: 9px 0 5px 0;
	overflow: hidden;
	font-size: 10px;
	font-weight: bold;
}

	#top-links A.a {
		padding-left: 7px;
		background: transparent url(../images/_theme/bullet/arrow.gif) no-repeat 0 50%;	
	}
	
	#top-links UL {
		float: left;
	}
	
	#top-links UL LI {
		float:left;
		padding-right: 12px;
		padding-top: 4px;
	}
	
	#top-links SELECT {
		color:#FF6633;
		font-family:verdana,arial;
		font-size:10px;
		font-weight:bold;
	}
	
	#top-links INPUT {
		color:#3366CC;
		font-size:10px;
		font-weight:bold;
	}

	#top-links .left {
		width: 100px;
	}
	
#head {
	background-color: #42649B;
	height: 80px;
	overflow: hidden;
}

	#head .logo {
		border-right: 1px solid #fff;
		float: left;
	}

	#head H1 {
		float: left;
		color: white;
		font-family: "Trebuchet MS", Georgia, serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 80px;
		margin-left: 15px;
		width: 400px;
	}
	
#main-menu {
	background-color: #bbb;
	border-top: 1px solid #fff;
	height: 20px;
	line-height: 20px;
}

	#main-menu UL LI {
		display: block;
		float: left;
		border-right: 1px solid #ddd;
	}
	
		#main-menu UL LI A {
			display: block;
			padding: 0 5px;
			background-color: #447FBB;
			color: #fff;
			/*font-size: 10px;*/
			font-family: Arial, Helvetica, sans-serif;
		}

		#main-menu UL LI A:hover {
			background: #036;
			text-decoration: none;
		}
	#main-menu #options {
		float: right;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#main-menu #options A {
		display: block;
		width: 92px;
		border-left: 1px solid #fff;
		float: left;
		text-align: center;
		color: #fff;
		background-color: #069;
		font-weight: bold;
	}
	#main-menu #options A:hover {
		text-decoration: none;
		background-color: #0A246A;
	}
	#main-menu #options A.selected,
	#main-menu #options A.selected:hover {
		background-color: #f8ebcc;
		color: #666666;
	}
		
#page-path {
	background-color: #F8EBCC;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
}

	#page-path A.a {
		padding-left: 6px;
		background: transparent url(../images/_theme/bullet/arrow.gif) no-repeat 0 4px;	
	}
	
#main-column {
	background: transparent url(../images/_theme/bg/main_column.png) repeat-y 0 0;	
}
	#main-column .left {
		width: 139px;
		padding-top: 2px;
	}
		#main-column .left UL {
			font-size: 10px;
			color: #fff;
		}
			#main-column .left UL EM {
				font-style: normal;
			}
			#main-column .left UL UL {
				font-size: 10px;
				color: #fff;
			}
			#main-column .left UL UL LI {
				font-size: 10px;
				background-color: #eee;
				padding-left: 7px;
				color: #003366;
			}
			#main-column .left UL UL LI EM,
			#main-column .left UL UL LI A {
				padding-left: 7px;
				color: #003366;
			}
			#main-column .left UL UL LI EM {
				display: block;
				color: #999;
			}
			#main-column .left UL UL LI A:hover {
				color: #0A246A !important;
				text-decoration: underline;
				background-color: #eee;
			}
		#main-column .left UL LI {
			border-top: 1px solid #fff;
			background-color: #447fbb;
			line-height: 12px;
		}
		#main-column .left UL LI.first {
			font-weight: bold;
			display: block; 
			padding: 3px 2px;
			background-color: #003366;
		}
		
		#main-column .left UL LI EM,
		#main-column .left UL LI A {
			display: block;
			color: #fff;
			padding: 3px 2px;
		}
		#main-column .left UL LI EM {
			color: #eee;
		}
		#main-column .left UL LI A:hover {
			text-decoration: none;
			background-color: #003366;
		}
	#main-column .right {
		width: 570px;
		line-height: 16px;
		margin-right: 15px;
		padding: 10px 0px;
	}
	#main-column .right H1 {
		color: #336699;
		font-family: "Trebuchet MS";
		font-size: 24px;
		line-height: normal;
		margin:5px 0pt 10px;
		border-bottom: 1px solid #ccc;
	}
	
#index-main {
	float:left;
	width: 385px;
}

#index-main .kategorija {
	font-size: 115%;
	padding: 0;
	background-color: #ddd;
}

#index-main .fotka {
	vertical-align: top;
	padding: 3px 0;
}

#index-main .opis {
	font-size: 10px;
	padding: 3px 0 3px 7px;
	vertical-align: top;
}

#index-right {
	float: right;
	width: 185px;
	background-color: #eee;
}

#index-right H2 {
	background-color: #42649B;
	line-height: 20px;
	color: #fff;
	border-top: 1px solid #fff;
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
}
#index-right TD.newsletter-img {
	padding: 3px;
}

#index-right .info {
	font-size: 10px;
	padding: 10px;
}
	
.nekretnina {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
	.nekretnina .left {
		width: 200px !important;
		padding: 0 !important;
	}
	.nekretnina .right {
		width: 350px !important;
		padding: 0 !important;
		margin-right: 0 !important;
	}
	.nekretnina-kategorija,
	.nekretnina-kategorija-manji,
	.nekretnina H1 {
		color: #336699;
		font-family: "Trebuchet MS";
		font-size: 24px;
		line-height: normal;
		margin:5px 0pt 10px;
		border-bottom: 1px solid #ccc;
	}
	.nekretnina-kategorija {
		padding-bottom: 10px;
		margin-bottom: 0;
	}
	.nekretnina-kategorija-manji {
		background-color: #ddd;
		color: #000;
		font-size:16px;
		line-height:normal;
		padding:1px 3px;
		font-weight: bold;
		border-bottom: none;
	}
	.nekretnina UL LI {
		background: transparent url(../images/_theme/bg/li_bottom.png) repeat-x 0 100%;
		padding-bottom: 5px;
	}
	

	
#footer {
	clear: both;
	color: #fff;
	background-color: #888;
	text-align: right;
	padding: 2px 4px;
}
	#footer SMALL {
		font-size: 10px;
		display: block;
		margin-top: 5px;
	}
	#footer #disclaimer A,
	#footer SMALL A {
		text-decoration: none;
		color: #fff;
	}
	#footer #disclaimer A:hover,
	#footer SMALL A:hover {
		text-decoration: underline;
	}
	
	#footer #disclaimer {
		float: left;
		font-weight: bold;
		text-align: left;
		font-size: 10px;
		color: #fff;
		line-height: 12px;
		padding-top: 6px;
	}

#kontakt-forma {
	margin-bottom: 20px;
}	
	#kontakt-forma TR TD {
		padding: 0 3px 3px 0;
		vertical-align: top;
	}
	#kontakt-forma TR TD TEXTAREA {
		width: 300px;
	}
	
/* GALLERY */
DIV#galleryImages { width: 350px; overflwo: hidden;  }

DIV#galleryImages A#goRight, 
DIV#galleryImages A#goLeft{ 
	display: block; 
	height: 73px; 
	width: 11px; 
	background: url(/images/_theme/bg/slike/desno.png) no-repeat 0 2px; 
	overflow: hidden; 
	float: right; } 

DIV#galleryImages A#goLeft { 
	float: left; 
	background:  url(/images/_theme/bg/slike/lijevo.png)  no-repeat 0 2px; 
} 

DIV#galleryImages DIV#imageScroller { 
	width: 328px; 
	line-height: 80px; 
	margin: 0px 1px 8px; /*height: 80px; overflow: hidden; padding: 0px 5px;*/ 
	text-align: center; 
}

DIV#galleryImages DIV#imageScroller A { float: left; display: inline; text-align: center; line-height: 80px; height: 80px;}

DIV#galleryImages DIV#imageScroller A IMG { height: 71px; border-top: 2px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; }


.trazilica TR TD {
	padding: 5px 3px 8px 3px;
	background-color: #eee;
	vertical-align: top;
}	
.trazilica TR TD:hover {
	background-color: #f2f2f2;
}
.trazilica TR TD SELECT {
	width: 100%;
}
.trazilica-button {
	display: block; color:#333; padding: 3px; background-color: #f8ebcc; margin-top: 7px;
	border: 1px solid #f8ebcc;
	color: #ff6633 !important;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.trazilica-button:hover {
	border: 1px solid #ffac90;
	text-decoration: none;
}