.clear {clear: both !important}
strong {font-weight: bold}
em {font-style: italic}
/* margine svih elemenata u kolonama */
#login, .news_izvodi, .pretraga-lite, dl.news-top10, .path, #head-velika, .quick, table.calendar, dl.docs_top, #vert, .kategorije_vijesti, dl.anketa { margin-bottom: 8px}

h1 {font-size: 15pt; font-weight: bold; margin-top: 10pt; clear: both;}
h2 {font-size: 13pt; font-weight: bold; margin-top: 10pt; clear: both;}
h3 {font-size: 11pt; font-weight: bold; font-style: italic; margin-top: 10pt; clear: both;}

body { 
	font-family: Arial, Verdana, sans;
	background: white url('parco/trougao.gif') no-repeat top right;
	font-size: 9pt;
	}
#header {
	height: 105px;
	background: #004aa0 url('parco/trougao.gif') no-repeat top right;
	margin-bottom: 20px;
	}
p {margin: 6pt 0; line-height: 15pt; font-size: 9.5pt;}
* html #header { height: 103px}
* html .logo { position: relative; top: 3px}

#centercontent li { background: url('parco/bulet.gif') no-repeat 0px 5px; margin: 5px 5px 5px 15px; padding: 4px 10px 2px 12pt; }
/* padajuci meni */
#nav {
	background: url('parco/dropdown.gif') no-repeat;
	font-size: 11px;
	height: 28px;
	padding-left: 110px;
	}
#nav li {
		float: left;
		border-left: 1px solid white;
		padding: 0 7px; 
		height: 28px;
	}
#nav li a {text-decoration: none; color: black; vertical-align: middle; line-height: 28px}
#nav li a:hover {color: blue}
#nav li ul { /* second-level lists */
	position: absolute; 
	background: url('parco/dropdown.gif') no-repeat -640px -1px;
	width: 205px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left: -5px;
}
#nav li.hover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left: -50px !important;
	margin-top: 20px !important;
	width: 200px; 
	overflow: hidden;
	clear: both;
}
#nav ul a { line-height: 20px !important; }
a.select {font-weight: bold}
#nav ul li {
	padding: 0 0 0 5px; 
	border-bottom: 1px solid white;
	height: 20px; 
	background: #f4cb17 url('parco/dropdown.gif') no-repeat -70px -1px;
	width: 200px; 
	}

#nav ul a {
	padding: 0 0 0 5px; 
	display: block;
	width: 190px; 
	}
#nav ul ul {display: none;}

/* definicija za banner */
.banner {margin-bottom: 8px}

/* ANKETA */
#login dt, dl.anketa dt { background: url('parco/anketa.gif') no-repeat top left; text-transform: uppercase; padding: 5px 5px 0px 10px; border-bottom: 1px solid white; color: #5e5e5e; font-weight: bold}
#login dd, dl.anketa dd { background: url('parco/anketa.gif') no-repeat center left; padding: 5px 5px 5px 10px; color: #5e5e5e}
dl.anketa dd.last { background: url('parco/anketa.gif') no-repeat bottom left; }
dl.anketa small { color: #b19310; font-weight: bold}
dl.anketa div.bar { background: url('parco/star-off.gif') repeat-x; height: 14px; width: 210px;}
div.bar div { background: url('parco/star-on.gif') repeat-x; height: 14px}
dl.anketa {margin-bottom: 250px}

/* FOOTER */
#footer { background: url('parco/fotter-bg.png') no-repeat top left; color: white; padding-left: 5px; border: 1px solid white}
img.prime {position: absolute; left: 820px; margin-top: -5px}
img.gmax {position: absolute; left: 880px; margin-top: -5px}

#footer p {line-height: 10px; padding-top: 5px; font-size: 8.5pt; color: black}
#footer p a {color: white; text-decoration: none}
#footer p a:hover {text-decoration: underline}



/* LANG */
ul.lang {background: url('parco/lang.gif') no-repeat; padding: 10px 5px 0px 10px; height: 79px; margin-bottom: 8px}
ul.lang a {color: white; text-decoration: none; background: url('parco/lang-off.gif') no-repeat; line-height: 18px; padding-left: 20px}
ul.lang a:hover {text-decoration: underline;}
ul.lang a.selected {font-weight: bold;background: url('parco/lang-on.gif') no-repeat; }

/* DOCS */
dl.docs_top dt { background: url('parco/anketa.gif') no-repeat top left; text-transform: uppercase; padding: 5px 5px 0px 10px; border-bottom: 1px solid white; color: #5e5e5e; font-weight: bold}
dl.docs_top dd { background: url('parco/anketa.gif') no-repeat center left; padding: 5px 5px 5px 10px; color: #5e5e5e}
dl.docs_top dd.last { background: url('parco/anketa.gif') no-repeat bottom left; }
dl.docs_top a { color: #b19310; font-weight: bold; text-decoration: none}
dl.docs_top td {vertical-align: top; padding: 2px}




/* left nav */
#vert li {background: #525252 url(parco/nav-off.gif) no-repeat; border-bottom: 1px solid white; padding:7px 4px 7px 25px;}
#vert li:hover, #leftcontent li.select {background: #004aa0 url(parco/nav-on.gif) no-repeat;}
#vert li a { color: white; text-decoration: none}


/* kategorije vijesti */

.kategorije_vijesti dd {background: #525252 url(parco/nav-off.gif) no-repeat; border-bottom: 1px solid white; padding:7px 4px 7px 25px;}
.kategorije_vijesti dd:hover {background: #004aa0 url(parco/nav-on.gif) no-repeat;}
.kategorije_vijesti a { color: white; text-decoration: none}
.kategorije_vijesti dd.last { display: none}



/* PATH */
.path {
	background: url('parco/path.gif') repeat-y;
	width: 504px;
	line-height: 21px;
	overflow: hidden;
	padding-left: 25px;
	font-size: 8pt
	}
.path a {color: #ada9a9; text-decoration: none; padding: 3px 25px 3px 3px; background: url('parco/path-arrow.gif') center right no-repeat; line-height: 20px;}
.path a:hover {color: gray}
.path span {display: none}


/* QUICK LINKS */
.quick {background: url('parco/quick.gif') no-repeat; height: 80px; padding: 4px 4px 4px 6px; }
.quick li { float: left; display: block; width: 100px; margin: 2px 4px; font-size: 6.3pt; height: 20px; overflow: hidden}
.quick a {color: black; text-decoration: none}
.quick .homepage, .quick .linkovi, .quick .faq, .quick .kontakt, .quick .print, .quick .vodic { 
	background-repeat: no-repeat;
	background-position: center left;
	line-height: 20px;
	text-indent: 20px;
	
}

.quick .homepage { background-image: url('parco/home.gif')}
.quick .linkovi { background-image: url('parco/linkovi.gif')}
.quick .faq { background-image: url('parco/faq.gif')}
.quick .kontakt { background-image: url('parco/kontakt.gif')}
.quick .print { background-image: url('parco/print.gif')}
.quick .vodic { background-image: url('parco/vodic.gif')}


/* NEWS */
h2.news-title {font-size: 13pt; font-weight: bold; margin-top: 10pt; clear: both;}
h3.news-title {font-size: 11pt; font-weight: bold; font-style: italic; margin-top: 10pt; clear: both;}
h3.vijesti_kategorija { background: url('parco/news2.gif') no-repeat; padding-left: 14pt; clear: both; margin-bottom: 2px; width: 504px; line-height: 20px; color: white; text-transform: uppercase; font-size: 9pt !important; font-weight: normal !important}
h3.vijesti_kategorija { background: url('parco/news2.gif') no-repeat; padding-left: 14pt; clear: both; margin-bottom: 2px; width: 504px; line-height: 20px; color: white; text-transform: uppercase; font-size: 9pt !important; font-weight: normal !important}
h3.news_related { background: url('parco/srodne.gif') no-repeat; padding-left: 14pt; clear: both; margin-bottom: 2px; line-height: 20px; color: #535454; font-size: 9pt !important; font-weight: normal !important}

ul.news-list {margin: 0 0 15px 120px}	
ul.news-list a {color: #004aa0 !important; text-decoration: none}
ul.news-list a:hover {text-decoration: underline}
ul.news-list li {background: url('parco/bulet2.gif') no-repeat 0px 5px; padding: 4px 10px 2px 12pt}
ul.news-list li.prva {font-weight: bold}
div.news-img {float: left; border: 1px solid gray; padding: 2px; margin: 10px 10px 10px 0px}
#centercontent a {color: #004aa0; text-decoration: none; }
#centercontent a:hover {text-decoration: underline; }
.news-item { margin-left: 110px}
.news-item p { margin: 4pt !important}
p.news-more {text-align: right}
p.news-more a {color: #004aa0; text-decoration: none; }
p.news-info {line-height: 16pt;}
p.news-info span.kategorija {background: url('parco/datum.gif') no-repeat; padding-left: 14pt}
p.news-info span.datum {background: url('parco/kategorija.gif') no-repeat; padding-left: 14pt; margin-left: 20pt}

/* TOP VIJESTI */
dl.news-top10 dt { background: url('parco/anketa.gif') no-repeat top left; text-transform: uppercase; padding: 5px 5px 0px 10px; border-bottom: 1px solid white; color: #5e5e5e; font-weight: bold}
dl.news-top10 dd { background: url('parco/anketa.gif') no-repeat center left; padding: 5px 5px 5px 10px; color: #5e5e5e}
dl.news-top10 dd.last { background: url('parco/anketa.gif') no-repeat bottom left; }
dl.news-top10 a { color: #004aa0; text-decoration: none; background: url('parco/bulet2.gif') no-repeat 0px 5px; padding: 4px 10px 2px 12pt}
dl.news-top10 a:hover { text-decoration: underline; background: url('parco/bulet.gif') no-repeat 0px 5px;}
dl.news-top10 td {vertical-align: top; padding: 2px}


/* PAGER */
#pager {clear: both; margin: 16pt 0}
#pager a {display: block; width: 20pt; line-height: 20pt; margin-right: 2pt; text-align: center; text-decoration: none; color: white; float: left; background: #525252 url(parco/nav-off.gif) no-repeat top right;}
#pager a:hover, #pager a.selected {background: #004aa0 url(parco/nav-on.gif) no-repeat top right;}

/* MAPA SAJTA */
#mapa-sajta {margin-left: 10pt}
#mapa-sajta li { background: url('parco/bulet.gif') no-repeat 0px 5px; padding: 4px 10px 2px 12pt; font-weight: bold; border-top: 3px ridge #cecece}
#mapa-sajta li li { background: url('parco/bulet2.gif') no-repeat 0px 5px; padding: 4px 10px 2px 12pt; font-weight: normal; border: none}
#mapa-sajta li li li { background: url('parco/kategorija.gif') no-repeat 0px 5px; padding: 4px 10px 2px 15pt}
#mapa-sajta a {color: #004aa0 !important; text-decoration: none}
#mapa-sajta a:hover {text-decoration: underline}


/* KALENDAR */
table.calendar td { text-align: center; background: #525252 url(parco/nav-off.gif) no-repeat top right; border: 1px solid white; padding: 4px 2px; }
table.calendar th { text-align: center; background: #525252 url(parco/nav-on.gif) no-repeat top right; border: 1px solid white; padding: 4px 2px; color:white}
table.calendar table td {padding: 4px 11px; color: white; font-weight: bold} 
table.calendar a {color: white; text-decoration: none; font-weight: bold}
table.calendar a:hover { text-decoration: underline; font-weight: bold}

/* pretraga */
dl.pretraga-lite { background: url('parco/search_bg.gif') no-repeat 0 0; padding: 5px 5px 0 10px; height: 45px; overflow: hidden}
dl.pretraga-lite dt { color: white; text-transform: uppercase}
dl.pretraga-lite .txt { width: 160px; border: 1px solid #143760; background: url('parco/input.gif') no-repeat 0 0; padding: 2px}
form.pretraga {background: url('parco/pretraga.jpg') no-repeat left center; height: 150px; text-align: right}
.pretraga h1 {padding: 10px 10px 2px 2px; color: white; }
.pretraga-lite .btn { width: 40px; border: none; background: url('parco/search.gif') no-repeat left center; padding: 2px; text-indent: -10000px}
.pretraga .full { width: 250px; border: 1px solid #143760; background: url('parco/input.gif') no-repeat 0 0; padding: 2px; float: right; clear: both; margin: 5px 10px}
.pretraga select { width: 255px; border: 1px solid #143760; background: url('parco/input.gif') no-repeat 0 0; padding: 1px; float: right; clear: both; margin: 5px 10px}
.pretraga .btn { width: 40px; border: none; background: url('parco/search.gif') no-repeat left center; padding: 2px; text-indent: -10000px; float: right; clear: both; margin: 5px 10px}
dl.search dt {font-weight: bold; font-size: 12pt}
/* IZVODI */
.news_izvodi dd {height: 21px; line-height: 21px; background: url('parco/path.gif') repeat-y; text-indent: 25px}
.news_izvodi { height: 21px; overflow: hidden; }
/* prvi blok na HP */
.vijesti-aktuelno, .anounce-list { width: 200px; float: left; padding-left: 25px}
.anounce-list {background: url('parco/app.png') no-repeat; }
.vijesti-aktuelno dd, .anounce-list dd { padding: 10px}








/* definicija za tabele */

#centercontent table { 	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4F4FF;
	font-size: 0.7em;
	margin:  10pt 0 10pt 0;
	padding: 0px;
	width: 100%;
}

#centercontent  th {
	margin: 0px;
	padding: 10px;
	background-color: #E4F4FF;
	font-weight: bold;
	font-size: 10pt;
	text-align: right;
	color: #888888
}

#centercontent th.fr-left {
	background-image: url(parco/nav2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	margin: 0px;
	padding: 8px;
}

#centercontent th.fr {
	background-image: url(parco/nav2.gif);
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#centercontent th.fr-right {
	background-image: url(parco/nav2.gif);
	background-repeat: no-repeat;
	text-align: center;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#centercontent td {
	margin: 0px;
	line-height: 13pt;
	font-size: 9pt;
	padding: 5px 10px;
}

#centercontent tr.selected {
	background-color: #F7FCFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E4F4FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4F4FF;
}
#centercontent td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E4F4FF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4F4FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4F4FF;
}


/* koncept trece tab navigacije */
#tabzz { clear: both; margin-top: 15px; border-bottom: 1px solid #b0bec7}
#tabzz a { border: 1px solid #b0bec7; background: url('parco/hptab2.gif') repeat-x; margin: 0 2px; padding: 4px 8px 0 8px; font-size: 80%; color: gray; }
#tabzz a.selected { background: url('parco/hptab.gif') repeat-x; border-bottom: 1px solid white; color: black}
#tabzz2 {border: 1px solid #b0bec7; border-top: 1px solid white;}
#tabzz2 li {display:block; width: 180px; float: left; }
#tabzz2 ul ul { display: none;}

#centercontent blockquote img.foto {border: 3px solid white; margin: 4px 0 4px 4px}
#centercontent blockquote em {font-family: Times, serif; font-size: 80%} 
#centercontent blockquote { 
	float: right; 
	padding: 14px; 
	margin: 16px 0px 16px 16px; 
	width: 40%; 
	background-color: #F7FCFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E4F4FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4F4FF;
	font-style: italic;
	}
	
/* prvi blok na HP */
.vijesti-aktuelno, .anounce-list { width: 244px; height: 130px; overflow: hidden; float: left; margin: 0 0 10px 0 !important; padding: 0;}
.anounce-list {background: url('parco/najave.png') right bottom no-repeat; margin-left: 10px !important}
.vijesti-aktuelno {background: url('parco/aktuelno.png') right bottom no-repeat; margin-bottom: 10px}
.vijesti-aktuelno dd, .anounce-list dd { padding: 5px 15px; background: url('parco/bulet.gif') no-repeat 0px 5px; }
.vijesti-aktuelno dt, .anounce-list dt { background: url('parco/news2.gif') no-repeat; padding-left: 14pt; clear: both; margin-bottom: 2px; width: 504px; line-height: 20px; color: white; text-transform: uppercase; font-size: 9pt !important; font-weight: normal !important}

/* RSS */
.rss {
	float: left;
	position: absolute;
	left: 0;
	height:0px
	}
.rss img {position: relative; top: -84px; float: left}

/* FAQ */
ul.faq {
	float: right; 
	padding: 14px; 
	margin: 16px 0px 16px 16px; 
	width: 45%; 
	background-color: #F7FCFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E4F4FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4F4FF;
	font-style: italic;
}
dl.faq dt { background: url('parco/bulet2.gif') no-repeat 0px 5px; margin: 10px 0 5px 0; padding: 4px 10px 2px 12pt; font-weight: bold; border-top: 1px solid #cecece}
dl.faq dd {margin: 5px 0; padding: 4px 10px 2px 12pt; }

/* galerije */
dl.galerija dt {font-weight: bold; text-align: center}
dl.galerija dd {float: left; text-align: center; }
dl.galerija p {margin: 4px; padding: 0}
dl.galerija img {margin: 3px; padding: 2px; border: 1px solid gray}

dl.info {background: url('parco/info.gif') no-repeat top left}
dl.info dt {padding: 4px; font-weight: bold; text-transform: uppercase; line-height: 30px; text-indent: 28px; color: white}
dl.info dd {padding: 4px 20px}
dl.info dd.last {background: url('parco/info.gif') no-repeat bottom left; height: 10px; margin: 0 0 8px 0}
dl.info li {margin: 4px 0;}
dl.info a {color: white; text-decoration: none;}
dl.info a:hover {text-decoration: underline;}


ul.news-related li {background: url(parco/separator.gif) no-repeat top center; padding: 8px; font-size: 8.5pt}
ul.news-related a { color: #003a90; text-decoration: none;}
ul.news-related a:hover {color: #002864; text-decoration: underline;}
ul.news-related {margin-bottom: 10px;}
