/* -- Default "_RESET_" Rules -- */

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

body {
	background: #162219 url(../images/body.jpg) bottom center no-repeat;
	background-attachment: fixed;
	color: #000;
	font: normal normal 11px/100% Arial,sans-serif;
	text-align: center;
}

a:link, a:visited, a:active { color: #0000cc; text-decoration: underline; outline: none;}
a img { text-decoration: none; border: none; cursor: pointer; }
a:hover {color: #000; background-color:#e0eab9;}

table {}
table td {padding:5px 7px;background-color:#e0eab9;} 

h1 {
	border-bottom: 1px solid #000;
	color: #000;
	font: normal normal 24px/33px Georgia, serif;
	margin: 0 0 10px;
	padding: 20px 10px 4px;
}
	h1.vijesti {
		background: url(../images/h1_vijesti.jpg) bottom left no-repeat;
	}

/* -- Standard Helpers -- */

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.fw { width: 100%; }

.tl { text-align: left; }
.tc { text-align: center !important; }
.tr { text-align: right; }


/* -- Your Site Starts Here -- */

.wrapper { width: 917px; text-align: left; margin: auto; }

#header {
	background: url(../images/header.png) top center no-repeat;
	height: 349px;
}
	.header-end {
		background: url(../images/header_end.jpg) 35px top no-repeat;
		height: 34px;
	}
	.header-slider {
		height: 339px;
		padding: 0 32px 0px 34px;
		position: relative;
		width: 847px;
	}
	.intro {
		background: url(../images/intro.png) top center no-repeat;
		height: 143px;
		left: 34px;
		position: absolute;
		top: 0;
		width: 847px;
		z-index: 150;
	}
	.slides {
		height: 339px;
		overflow:hidden; 
		width: 847px;
		z-index: 130;
	}
	/* webkit fix */
	.slides li{ 
		height: 339px;
		overflow:hidden; 
		list-style-type: none;
	}

		.slide {
			position: relative;
		}
			.slide p {
				color: #9e9e9e;
				padding: 0 5px 0 15px;
				position: absolute;
				bottom: 12px;
			}
		#prevBtn, #nextBtn { display: none; }
	
#middle {
	padding: 0 32px 0px 35px;
	position: relative;
}

#navigation {
	background: url(../images/navigation.png) top left repeat-y; height: 100%;
	padding: 35px 25px 0 20px;
	position: absolute;
	top: 0; left: 34px;
	width: 170px;
	z-index: 100;
}
	#navigation li {
		display: block;
		list-style-type: none;
	}
		#navigation li ul li { margin-bottom: 2px; }
	#navigation li a {
		color: #effac6;
		display: block;
		height: 23px;
		line-height: 23px;
		padding: 0 0 0 8px;
		text-decoration: none;
	}
		#navigation li a span {
			background: url(../images/navigation_circle.gif) center left no-repeat;
			padding-left: 10px;
		}
		#navigation li a:hover {
			background: url(../images/navigation_active.gif) center left no-repeat;
		}
			#navigation li a:hover span {
				background: url(../images/navigation_circle_hover.gif) center left no-repeat;
			}
	#navigation h2 {
		color: #cad59e;
		font: normal normal 14px/18px Georgia, serif;
		padding: 15px 0 6px 10px;
	}

#right-side {
	background: url(../images/right_side.gif) top right repeat-y;
	float: right;
	padding-top: 35px;
	position: absolute;
	top: 0; right: 32px;
	width: 645px;
	z-index: 90;
}

#content {
	float: left;
	padding: 0 20px 0 30px;
	width: 370px;
}
	#content a { color: #2b321d; }
	#content p { color: #616161; line-height:2em; text-align:justify; padding-bottom:10px; }
	
	#content .headline ul li { list-style:circle; list-style-position:outside; margin-left:17px; line-height:2em; }
	#content .headline ul { padding-bottom:10px; }
	
	#content .headline ul.plain li { list-style:none; line-height:1em; margin-left:0; }
	
	.quick-nav {
		border-bottom: 1px dotted #616161;
		margin: 0 0 15px 0;
		padding: 17px 0 10px 10px;
	}
		.quick-nav ul li {
			display: inline;
			list-style-type: none;
			margin-right: 12px;
		}
		.quick-nav ul li.last { margin-right: 0px; }
		.quick-nav ul li a {
			color: #2b321d;
			font: normal normal 12px/100% Georgia, serif;			
			text-decoration: none;
		}
		
	.headline {
		border-bottom: 1px dotted #000;
		color: #616161;
		margin-bottom: 15px;
		padding: 10px;
	}
		.news-image {
			margin-bottom: 10px;
			position: relative;
		}
		
		.left {float:left; padding:5px 15px 0 0;}
		.right {float:right; padding:5px 0 0 15px;}
		
			.news-image span.news-date {
				background: #2b321d;
				color: #effac6;
				font: normal bold 11px/100% arial, sans-serif;
				left: 0;
				padding: 5px;
				position: absolute;
				top: 0;
			}
			/*fix*/ .headline .news-image span.news-date { top: 11px; }
			/*fix*/ .more-news .news-image span.news-date { top: 7px; }
		.headline p { line-height: 16px; }
		
		.headline ul {
			padding: 0 0 25px 0;
		}
		
		.headline li {
			list-style-type: none;
			background-image: url(../images/rs_circle.gif) top left no-repeat;
			padding:6px 0;
		}

		.navrh a {
			background: url(../images/arhiva_link.gif) top left no-repeat;
			color: #effac6 !important;
			display: inline-block;				
			font-weight: bold;
			height: 18px;
			line-height: 18px;
			text-align: center;
			text-decoration: none;
			width: 64px;
		}
		
		.navrh {
			margin: -5px 0 25px 0;
			text-align: right;
		}
		
		#addon_files ul {
			margin-left:-17px;
			list-style-type:none;
		}
		
		#addon_list li { 
		background-position: left center;
		background-repeat:no-repeat;
		background-color:#e0eab9;
		display: block;
		padding-left: 25px;
		margin: 2px 0;
		list-style-type:none;
		-webkit-border-radius: 3px;    /* for Safari */
		-moz-border-radius: 3px;       /* for Firefox */
		border: 1px solid #e0eab9;
		}
		#addon_list li:hover {border: 1px solid #bec79a;}
		.pdf {background-image:url(../images/icon_pdf.gif);}
		.doc {background-image:url(../images/icon_doc.gif);}
		.mp3, .wma {background-image:url(../images/icon_music.gif);}
		.jpg {background-image:url(../images/icon_jpg.gif);}
		.gif {background-image:url(../images/icon_gif.gif);}
		.ppt, .pps {background-image:url(../images/icon_ppt.gif);}
		.xls {background-image:url(../images/icon_xls.gif);}
		.zip, .rar {background-image:url(../images/icon_pack.gif);}
	
		.social_icon {
			background-color:#e0eab9;
			padding:5px 10px;
			-webkit-border-radius: 3px;    /* for Safari */
			-moz-border-radius: 3px;       /* for Firefox */
			border: 1px solid #e0eab9;
		}
		
		.komentar {
			background-color:#e0eab9;
			padding:5px 10px;
			-webkit-border-radius: 3px;    /* for Safari */
			-moz-border-radius: 3px;       /* for Firefox */
			margin-bottom:5px;
		}
		
		#content h4 {
			color: #2b321d;
			font: bold normal 14px/26px Georgia, serif;
			padding: 10px 0 6px;
		}
		
		.social_icon:hover {
			border: 1px solid #bec79a;
		}
		
		.social_icon img {
			padding-right: 10px;
			}

	.more-news {		
		background: url(../images/dotted_splitter.gif) bottom left repeat-x;
		color: #616161;
		padding: 0px 10px 20px;
	}
		.mn-bg { background: url(../images/more_news_split.gif) top center repeat-y; float: left; }
		.news-column {
			float: left;
			width: 160px;
		}
		.nc-title {
			height: 90px;
			overflow: hidden;
		}
		.news-column p { line-height: 15px; }		
		.more-news .lft { padding-right: 30px; }
		
	.other-news {
		background: url(../images/dotted_splitter.gif) bottom left repeat-x;
		padding: 13px 10px 15px;
	}
		#content h2 {
			color: #000;
			font: normal normal 18px/33px Georgia, serif;
			padding: 0 0 6px;
		}
		#content h3 {
			color: #2b321d;
			font: normal normal 18px/26px Georgia, serif;
			padding: 0 0 6px;
		}
			#content h3 a {
				text-decoration: none;
			}
		.other-news ul li {
			list-style-type: none;
			padding-bottom: 4px;
		}
		span.date-fr {
			background: url(../images/date_fr.gif) top left no-repeat;
			color: #effac6;
			display: inline-block;
			height: 18px;
			line-height: 18px;
			margin-right: 10px;
			text-align: center;
			width: 110px;
		}
		.other-news ul li a { text-decoration: none; }
		.other-news .arhiva {
			padding: 15px 0 7px;
			text-align: right;
		}
			#content .other-news .arhiva a {
				background: url(../images/arhiva_link.gif) top left no-repeat;
				color: #effac6;
				display: inline-block;				
				font-weight: bold;
				height: 18px;
				line-height: 18px;
				text-align: center;
				text-decoration: none;
				width: 64px;
			}
	
	.kontakt {
		padding: 13px 10px 0;
	}
		.kontakt p {
			line-height: 18px;
		}
		.pd5 { padding: 0 5px; }
		.kontakt .tel {
			background: url(../images/span_tel.gif) center left no-repeat;
			padding: 1px 0 1px 16px;
		}
		.kontakt .fax {
			background: url(../images/span_fax.gif) center left no-repeat;
			padding: 1px 0 1px 16px;
		}
		
		.tel {
			background: url(../images/span_tel.gif) center left no-repeat;
			padding: 1px 0 1px 16px;
		}
		.fax {
			background: url(../images/span_fax.gif) center left no-repeat;
			padding: 1px 0 1px 16px;
		}
		
/* Kontakt forma */
#content form {margin-top: 5px; padding:0;}
#content label {display:block;padding:0 0 5px 0;color:#667b99; color: #616161;
			font: bold normal 11px/16px Arial, sans-serif;}
#content input, #content textarea {display:block;margin-bottom:15px;border: 1px solid #e0eab9;padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 318px; background-color:#f8ffe0; -webkit-border-radius: 4px; -moz-border-radius: 4px; color:#616161;}
#content input:hover, #content textarea:hover {border: 1px solid #b6bf93; background-color:#f8ffe0;}
#content input:focus, #content textarea:focus {border: 1px solid #b6bf93; background-color:#e0eab9;}
#content .submit {color:#2b321d;width: 100px; margin:0;padding:5px;}
#content .error {color:#945657; margin: -5px 0 15px 0; text-decoration:blink;}
		
/* Galerija */
.galerija {
	padding: 0 0 15px 0;
	width:350px;
}

.galerija img {
	padding: 5px;
	border: 1px dotted #666633;
	float:left;
	margin: 0 6px 6px 0;
}

.galerija img:hover {
	border: 1px solid #666633;
	background-color:#f8ffe0;
}


#sidebar {
	color: #616161;
	float: left;
	padding: 0 20px;
	width: 180px;
}
	.search {
		border-bottom: 1px dotted #616161;
		margin: 0 0 24px 0;
		padding: 5px 0 10px 10px;
	}
		.search .search-text {
			background: #effac6;
			border: 1px solid #666;
			padding: 4px 4px;
			width: 110px;
			font: normal normal 11px/16px Arial, sans-serif;
			background-image:url(/images/icon_google.gif);
			background-repeat:no-repeat;
		}
		.search .search-text:focus, .search .search-text:active {
			background-image:none;
		}
		.search .search-button {
			background: url(../images/search_button.jpg) bottom left no-repeat;
			border: 0 none;
			height: 18px;
			margin: 0px 0 0 7px;
			width: 23px;
		}
	
	#sidebar h2 {
		border-bottom: 1px solid #000;
		color: #000;
		font: normal normal 14px/18px Georgia, serif;
		margin-bottom: 10px;
		padding: 20px 0 10px 10px;
	}
		#sidebar li {
			display: block;
			list-style-type: none;
		}
			#sidebar li ul li { margin-bottom: 2px; }
		#sidebar li a {
			color: #2b321d;
			display: block;
			height: 23px;
			line-height: 23px;
			padding: 0 0 0 8px;
			text-decoration: none;
		}
			#sidebar li a span {
				background: url(../images/rs_circle.gif) center left no-repeat;
				padding-left: 10px;
			}
			#sidebar li a:hover {
				background: url(../images/rs_navigation.gif) center left no-repeat;
			}
				#sidebar li a:hover span {
					background: url(../images/rs_circle_hover.gif) center left no-repeat;
				}
		
		#sidebar ul li ul { margin-bottom: 10px; }
		
	h2.h2-gospodarstvo { background: url(../images/h2_gospodarstvo.jpg) bottom left no-repeat; }
	h2.h2-turizam { background: url(../images/h2_turizam.jpg) bottom left no-repeat; }
	h2.h2-newsletter { background: url(../images/h2_newsletter.jpg) bottom left no-repeat; }
	h2.h2-projekti { background: url(../images/h2_projekti.jpg) bottom left no-repeat; }
	h2.h2-linkovi { background: url(../images/h2_linkovi.jpg) bottom left no-repeat; }
	
	#sidebar p.newsletter {
		line-height: 20px;
		padding: 0 10px 10px 10px;
	}
	#sidebar .newsletter-form {
		padding: 0 0 25px 10px;
	} 
		.newsletter-text {
			border: 1px solid #8c9665;
			float: left;
			font-size: 10px;
			height: 18px;
			padding: 0px 5px;
			width: 120px;
		}
		.newsletter-submit {
			background: url(../images/newsletter_submit.gif) top left no-repeat;
			border: 0 none;
			float: left;
			height: 20px;
			width: 26px;
		}
	
	#sidebar .projekti a {
		background: url(../images/projekt.gif) top center no-repeat;
		float: left;
		height: auto;
		margin-bottom: 3px;
		padding: 3px 6px 6px 6px;
	}
		#sidebar .projekti a:hover { background: url(../images/projekt.gif) top center no-repeat; }
		.project-images {
			padding: 10px 10px;
		}
		
	#sidebar .linkovi a {
		border-bottom: 1px dotted #626261;
		font-family: Times new roman, serif;
		font-size: 12px;
		font-style: italic;
		height: auto;
		padding: 15px 0;
		text-align: center;
	}
		#sidebar .linkovi a:hover { background-image: none; }

#footer {
	background: url(../images/footer.jpg) top right no-repeat;
	border-bottom: 4px solid #2b321d;
	color: #616161;
	font-size: 10px;
	height: 28px;
	padding-top: 294px;
	text-align: center;
}
	#footer a { 
		color: #2b321d;
	}