@import url("css/reset.css");

html {
	font-size: 100.01%;
	padding: 0 0 20px;
	/*background: #fff url("images/gradient.gif") repeat-x center top; }*/
}
body {
	font: 62.5% Tahoma, Arial, "Trebuchet MS", sans-serif;
	width: 960px;
	margin: 0 auto;
	background: #EDF8FC url("images/gradient.png") repeat-x top;
	color: #616169;
}

h1, h2, h3, h4, h5, h6, form.search label, .cform legend {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
	margin-bottom: .5em;
	color: #111;
	line-height: 1.5em;
}
h2 { font-size: 1.8em; }
h3, .aside .right h2, .cform legend { font-size: 1.6em; }
h4 { font-size: 1.4em; }

a {
	text-decoration: none;
	color: #4596C1;
	border-bottom: dotted #4596c1 1px;
}
a:hover {
	color: #35799E;
	border-bottom: solid #35799e 1px;
}
a[href ^="http://"] {
	padding-right: 20px;
	background: url("images/external-link.gif") no-repeat right;
}
	a[href *="zzjzsombor"] {
		padding: 0;
		background: none;
	}
a[href $='.doc'] {
	padding-right: 20px;
	background: url("images/icon-doc.jpg") no-repeat right;
}
a[href $='.pdf'] {
	padding-right: 20px;
	background: url("images/icon-pdf.jpg") no-repeat right;
}
a[href $='.ppt'] {
	padding-right: 20px;
	background: url("images/icon-ppt.gif") no-repeat right;
}
a[href *="explorer"], a[href *="opera"], a[href *="chrome"], a[href *="firefox"], a[href *="camino"], a[href *="shiira"], a[href *="safari"] {
	background: url("images/browsers.jpg") no-repeat;
	padding: 0 0 0 20px;
}
a[href *="opera"] {
	background-position: 0 -16px;
}
a[href *="chrome"] {
	background-position: 0 -32px;
}
a[href *="firefox"] {
	background-position: 0 -48px;
}
a[href *="camino"] {
	background-position: 0 -64px;
}
a[href *="shiira"] {
	background-position: 0 -80px;
}
a[href *="safari"] {
	background-position: 0 -96px;
}

abbr, acronym { 
	border-bottom: dotted #999 1px;
	cursor: help;
	font-weight: inherit;
}
code, kbd {
	background-color: #fff;
	font-family: monospace;
}
kbd {
	background: transparent;
}

dl { margin-bottom: 1em; }
dt { font-size: 1.6em; }

em { font-style: italic;}

label:hover {
	cursor: pointer;
}

/*li li { font-size: 1em; }*/

p, li, dd {
	font-size: 1.3em;
	line-height: 1.4em;
}

strong {
	font-weight: bold;
	background-color: #FFFEB8;
}
textarea {
	font: 1em/1.5em Tahoma, Arial, "Trebuchet MS", sans-serif;
}

.clearer {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
.invisible { display: none; }
.left { float: left; }
.right { float: right; }

/* ------------------------------------------------------------ */

#header {
	margin: 0 auto 30px;
	height: 110px;
	position: relative;
	width: 960px;
	background-color: transparent;
}

#header #date {
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 20px;
	background: url("images/icon-calendar.png") no-repeat left center;
	color: #8BA6B0;
}
#header #date {
	text-shadow: #fff 0 1px 0;
}

h1#logo {
}
	h1#logo a {
		display: block;
		width: 399px;
		height: 73px;
		background: url("images/logotip.png") no-repeat;
		text-indent: -9999px;
		border: none;
	}

#menuwrapper {
	position: absolute;
	bottom: 0;
	width: 960px;
	height: 32px;
	background: url("images/bg-menu.gif") no-repeat;
	z-index: 999;
}

ul#main-nav li {
	float: left;
	line-height: 32px;
	border-right: solid #BDBDBD 1px;
	list-style: none;
}

ul#main-nav li.page_item {
	color: #4596C1;
}

	ul#main-nav li a {
		padding: 0 10px;
		display: block;
		font-family: "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
		position: relative;
		border: none;
	}

	ul#main-nav li:hover a, ul#main-nav a:focus, ul#main-nav a:active, ul#main-nav li.over a, ul#main-nav li:hover.page-item-3, ul#main-nav li.over.page-item-3 {
		color: #333;
		background: url("images/bg-menu-hover.gif") top left;
		height: 100%;
	}

	ul#main-nav li.current_page_parent, ul#main-nav li.current_page_item a, ul#main-nav li ul li.current_page_item a { color: #000; }

	ul#main-nav li.page-item-3 { padding: 0 10px; }

	ul#main-nav li.home a:hover, ul#main-nav li.home a:focus { background: url("images/bg-menu-home-hover.gif") left; }

	ul#main-nav li ul {
		position: absolute;
		display: none;
		background: #F2F2F2 url("images/bg-menu-bottom.gif") no-repeat bottom;
		margin-left: -11px;
		padding-bottom: 6px;
	}

		ul#main-nav li ul, ul#main-nav li ul li { width: 200px; }

		ul#main-nav li:hover ul, ul#main-nav li.over ul { display: block; }

			ul#main-nav li ul li {
				line-height: 1.3em;
				padding-bottom: 4px;
				border: none;
				font-size: 1em;
			}

			ul#main-nav li.current_page_parent ul li.current_page_item { padding: 0; }

			ul#main-nav li ul li a {
				color: #666;
				padding: 8px 10px;
			}

			ul#main-nav li ul li a:hover {
				background-color: #4596C1;
				color: #fff;
			}
				ul#main-nav li:hover ul a, ul#main-nav li.over ul a {
					color: #4596C1;
					background: none;
				}

ul#main-nav a.trigger {
	padding: 5px 16px 5px 10px;
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	background-position: right center;
}

#masthead {
	padding: 10px 20px 20px;
	margin-bottom: 20px;
	z-index: -999;
	background: #eee;
	border-bottom: solid #e8e8ee 4px;
}


/* ------------------------------------------------------ */

#content {
	overflow: hidden;
	background: url("images/pozadina.png") no-repeat top right;
	padding: 0 0 20px;
}

.aside {
	width: 220px;
	padding: 0 1px 10px;
}
	.aside h3.centri {
		color: #7FA4C0;
		padding: 0 10px;
		line-height: 32px;
		background: url("images/sidebar-left-heading.png");
		margin: 0;
	}

	ul.centri {
		background: #f2f2f2 url("images/sidebar-left.gif") no-repeat bottom;
		padding: 0 0 20px;
	}

	ul.centri li {
		border-bottom: solid #E1E1E1 1px;
		margin: 0 1px;
		list-style: none;
	}

		ul.centri li a {
			display: block;
			padding: 10px;
			border: none;
		}

		ul.centri li a:hover {
			color: #fff;
			background-color: #4596C1;
		}

		.aktuelno {
			padding: 0 10px 20px;
			background: url("images/aktuelno.png") no-repeat bottom;
		}
		.aktuelno li {
			background: url("images/arrow.png") no-repeat left 2px;
			padding-left: 16px;
			margin-bottom: 5px;
		}
/* stilizovanje linka je kao i u .main = #content .main a */

.aside.right {
	width: 220px;
	padding: 10px;
}

form#searchform {
	border-bottom: solid #e1e1e8 1px;
	padding-bottom: 10px;
}
form#searchform.noborder { border: none; }


	form#searchform li {
		float: left;
		list-style-type: none;
	}

	form#searchform label.screen-reader-text {
		color: #7FA4C0;
		font-size: 1.3em;
	}

	form#searchform input#s {
		width: 178px;
		border: solid #CBDCF6 6px;
		padding: 4px 8px 4px 22px;
		color: #999;
		background: #fff url("images/search-go.jpg") no-repeat 4px -0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
	}
		form#searchform input#s:focus {
			border-color: #7FA4C0;
			color: #666;
			background-position: 4px -30px;
		}

	form#searchform input#searchsubmit {
		display: none;
	}

.aside.right h3 {}
.aside.right p, .aside.right ul {
	border-top: solid #fafaff 1px;
	border-bottom: solid #e1e1e8 1px;
	padding: 1em 0 1em;
}
.aside.right ul {
}
.aside.right ul li {
	padding-left: 20px;
	background: url("images/arrow.png") no-repeat left 3px;
	margin-bottom: .5em;
}
	.aside.right ul ul {
		margin-bottom: 0;
		border: none;
		padding: 0;
	}
	.aside.right .vcard ul ul li {
		margin: 0;
	}

/* REF.LAB. */
.aside ul li.page-item-368, .page-item-374, .page-item-372, .projekti, .kampanje, .page-item-283 {
	background: url("images/lab.png") no-repeat left 2px;
	margin-bottom: 1em;
}
/* ZDR.STANJE STANOVN. */
.aside ul li.page-item-372 {
	background: url("images/red-cross.png") no-repeat left 2px;
}
/* KVALITET ZASTITE */
.aside ul li.page-item-374 {
	background-image: url("images/star.png");
}
/* PROJEKTI */
.aside ul li.projekti {
	background-image: url("images/project.png");
}
.aside ul li.kampanje {
	background-image: url("images/campaign.png");
}
.aside ul li.page-item-283 {
	background-image: url("images/money.png");
}



#content .main {
	width: 440px;
	margin: 0 250px 0 260px;
	padding: 10px 0;
}

	#content .main h1 {
		font-size: 2em;
		margin-bottom: 1.5em;
		font-weight: bold;
	}
	#content .main h3 {
	}
	#content .main h3 a {
		font-weight: bold;
		border-bottom: solid #ccc 1px;
	}

	#content .main img.WP-PrintIcon {
		float: right;
		margin: 25px 0 0;
	}

	#content .main .meta {
		color: #999;
		margin-bottom: 1em;
		font-size: 1.1em;
		display: none;
	}

/* EXCERPT SE POJAVLJUJE NA SINGLE ARTICLE STRANICI DA BI SE OZNACILO STA JE VEC PROCITANO NA HOME ILI ARTICLE LIST STRANICI */
	#content .main .excerpt {
		color: #666;
		font-size: 1.8em;
		line-height: 1.3em;
	}

	#content .main p {
		margin-bottom: 1em;
		text-align: justify;
	}

	#content .main a, ul.aktuelno li a {
		color: #D15600;
		border-bottom: dotted #c00 1px;
	}

		#content .main a:hover, ul.aktuelno li a:hover {
			color: #FF7400;
			border-bottom: solid #FF7400 1px;
		}

	#content .main .post {
		padding: 15px 0;
		border-top: solid #fafaff 1px;
		border-bottom: solid #e1e1e8 1px;
		font-size: 1em;
	}
	#content .main .post:last-child {
		border-bottom: none;
	}

	#content .main .new {
		border: none;
		background: #fff url("images/bg-new.png") repeat-x bottom;
		padding: 10px;
		position: relative;
		border-bottom: solid #eee 1px;
	}
		.sign {
			color: #fff;
			background: #333 url("images/round.png") no-repeat right -24px;
			padding-right: 12px;
			position: absolute;
			top: 10px;
			right: -10px;
		}
			.sign span {
				font-weight: bold;
				height: 24px;
				line-height: 24px;
				padding-left: 24px;
				background: url("images/round.png") no-repeat left top;
				display: block;
			}

	#content .main .post img {
		padding: 8px;
		margin: 8px 0;
		background-color: #f2f2f2;
		border: solid #e1e1e1 1px;
		max-width: 434px;
	}
	#content .main #post-293 img {
		background: none;
		border: none;
		padding: 0;
		margin: 0;
	}
	#content .main .post img.portrait {
		float: right;
		margin: 8px 0 8px 8px;
	}
	#content .wp-caption {
		float: right;
		margin: 0 0 1em 1em;
	}
	#content .main .post .wp-caption img {
		margin: 0;
	}
	#content .main .post p.wp-caption-text {
		font-size: 1.1em;
		text-align: center;
		font-style: italic;
		margin-bottom: 0;
	}
		#content .main .post a.more-link {
			display: block;
			border: none;
			text-align: right;
		}
		#content .main .post a:hover.more-link {
			color: #fff;
			background-color: #D15600;
		}

		#content .main .post a:hover.more-link { background-position: 0 -26px; }

		#content .main .post ol, #content .main .post ul { 
			margin-bottom: 2em;
			text-align: justify;
		}
		#content .main .post ol {
			list-style-type: decimal;
			margin-left: 2em;
		}
		#content .main .post ul li, #content .main .post ol li ul li {
			padding-left: 15px;
			background: url("images/bullet.gif") no-repeat left 2px;
			margin-bottom: .75em;
		}
		#content .main .post ol li ul, #content .main .post ul li ul, #content .main .post ol li * li {
			margin-bottom: 1em;
		}
		#content .main .post ol li * li {
			margin-bottom: .75em;
		}
		#content .main .post ul li li, #content .main .post ol li ul li li {
			background: url("images/bullet2.gif") no-repeat left 2px;
		}

		#content .main .post table {
			padding: 10px;
			border: solid #ebebeb 1px;
			margin-bottom: 10px;
			display: block;
			width: 680px;
			background-color: #fff;
		}
		#content .main .post th, #content .main .post td {
			padding: 4px;
		}
		#content .main .post table table {
			padding: 0;
			border: none;
			margin-bottom: 0;
			width: auto;
		}

.linkcat {
	list-style: none;
}
.linkcat h2 {
	font-size: 1.4em;
}

/* KONKRETNE TABELE */
.wp-table-reloaded {
}



/* KONTAKT FORMULAR */
#cformsform {
	width: 440px;
}
#content .main .post .cform ol {
	margin: 0;
	padding: 0;
	width: 440px;
}
.cform li {
	list-style: none;
	margin-bottom: 1em;
	padding: 4px;
}
.cform li:hover {
	background-color: #E1F5FC;
}
.cform label {
	display: block;
}
.cform input, .cform textarea, .cform select {
	border: solid #C1E7F5 1px;
	width: 422px;
	padding: 4px;
}
.cform select {
	width: 432px;
}
.cform input:focus, .cform textarea:focus, .cform select:focus {
	background-color: #FFFFCC;
}
.cform .emailreqtxt, .cform .reqtxt {
	color: #797983;
	display: block;
	font-size: .8em;
}
.cf_hidden {
	display: none;
}
#content .main .cf-sb {
	text-align: right;
	margin-right: 4px;
}
#sendbutton {
	border: none;
	padding: 6px 10px;
	color: #fff;
	background-color: #C1E7F5;
	width: auto;
}
#content .main p.linklove a {
	color: #ABDFF1;
	font-size: .9em;
	border: none;
}

.failure, .success {
	padding: 8px;
	font-size: 1.5em;
	color: #fff;
	background-color: #BD0000;
	border-bottom: solid #f00 1px;
	margin: 2em 0;
	text-align: center;
	font-weight: bold;
}
.success {
	background-color: #9ABA1B;
	border-bottom: solid #B4FF0B 1px;
}
.cf_li_err input, .cf_li_err textarea {
	border-color: #f00;
}
.cf_li_err .emailreqtxt, .cf_li_err .reqtxt {
	color: #f00;
	font-weight: bold;
}



/* ------------------------------------------ */

#footer {
	color: #666;
	clear: both;
	padding: 40px 0;
	overflow: hidden;
	margin-bottom: 10px;
	height: 1%;
	background: url("images/pozadina-bottom.png") no-repeat top right;
}
#footer a {
	border: none;
}
#footer a:hover {
	color: #35799E;
	border-bottom: solid #35799e 1px;
}
#footer h4 {
	color: #000;
	margin: 0;
}
#footer .column {
	width: 300px;
	float: left;
	margin: 0 10px;
}
#footer .column.middle {
	/*margin: 0 20px;*/
}
#footer #other-news li {
}
#footer .column .archive {
	text-align: center;
	margin-top: 15px;
	height: 24px;
	background: url("images/arhiva.png") no-repeat 50% 50%;
}
#footer .archive a {
	color: #fff;
	width: 99px;
	margin: 0 auto;
	line-height: 24px;
}
#footer .archive a:hover {
	color: #eef;
	text-decoration: underline;
	border: none;
}
#footer-links {
	clear: both;
	color: #AEC2C2;
	background: url("images/footer.jpg") no-repeat center top;
	overflow: hidden;
	/*border-top: solid #ccc 1px;*/
	padding: 15px 0 0;
}
#footer-links a {
	color: #ABCCCC;
}
#footer-links a:hover {
	color: #666;
	border-bottom-color: #666;
}
#footer-links #footer-nav {
	float: left;
}
#footer-links #footer-nav li {
	display: inline;
	margin-right: 4px;
}
#footer-links a#designer {
	float: right;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	display: block;
	background: url("images/designer.png") no-repeat;
	border: none;
}
#footer-links a:hover#designer {
	background-position: -0 -32px;
}