/* blue:#009bdf; gray:#222222; yellow:#fcca24; */


* { margin: 0; padding: 0; }
li { list-style-type: none; }
img { border: 0; }
hr { border:solid 1px #f1f1f1; margin: 20px 0;}

a:link, a:visited {color:#009bdf; text-decoration:none;}

#naslovnica { background-image:url(img/bg00.jpg); background-repeat:repeat-x; background-position:top; background-color:#f1f1f1; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222; line-height:18px;}

#wrapper { width:960px; margin:0 auto 0 auto; padding-bottom: 100px; }

#header {float:left; height:150px; width:960px;}
	#header .logo {margin:40px 0 0 40px;}
#meni { display: inline; float:left; height:45px; width:960px; background-image:url(img/bg-meni.gif); font-size:15px; color:#fff; margin-bottom:5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
	#meni li {float:left; padding:15px 0 0 25px;}
	#meni a:link, a:visited {color:#FFF; text-decoration:none;}
	#meni a:hover {color:#fcca24;}

#content {float:left; width:690px; background-color: #fff; background-repeat:no-repeat; min-height:300px; margin-right:15px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
	#content .left { float:left; width:163px; padding:15px 0 30px 15px; }



	/* podmeni-naslovnica */
	#content .podmeni-naslovnica {float:left; margin-bottom:20px;}
		#content .podmeni-naslovnica li.naziv {width:142px; background-color:#ccebf9; margin:10px 0 0 0; font-size:15px; font-weight:normal; padding:8px 12px 8px 0; text-align:right; color:#009bdf;}
			#content .podmeni-naslovnica li.naziv a:link, #content .podmeni-naslovnica li.naziv a:visited {color:#009bdf;}
			#content .podmeni-naslovnica li.naziv a:hover {color:#000;}
			#content .podmeni-naslovnica a:link, #content .podmeni-naslovnica a:visited {color:#444;}
			#content .podmeni-naslovnica a:hover {color:#009bdf;}
			#content .podmeni-naslovnica h2 a:link, #content .podmeni-naslovnica h2 a:visited {color:#000;}
			#content .podmeni-naslovnica h2 {padding:10px 0 3px 0;}
			
		#content .podmeni-naslovnica li.naziv-active {background-color:#009bdf; height:14px; margin:0 0 3px 0; border-bottom:2px solid #008dcb; color:#fff;}
		#content .podmeni-naslovnica li.sadrzaj {text-align:right; margin:4px 22px 4px 0; line-height:16px;}
			#content .podmeni-naslovnica li.sadrzaj a:link, #content .podmeni-naslovnica li.sadrzaj a:visited {color:#666;}
			#content .podmeni-naslovnica li.sadrzaj a:hover {color:#000; }
	
	/* podmeni-page */
	#content .podmeni-page {float:left; margin-bottom:20px;}
		#content .podmeni-page li.naziv {width:142px; background-color:#ccebf9; margin:10px 0 0 0; font-size:15px; font-weight:normal; padding:8px 12px 8px 0; text-align:right; color:#009bdf;}
			#content .podmeni-page li.naziv a:link, #content .podmeni-page li.naziv a:visited {color:#009bdf;}
			#content .podmeni-page li.naziv a:hover {color:#000;}
		#content .podmeni-page li.naziv-active {background-color:#009bdf; height:14px; margin:0 0 3px 0; border-bottom:2px solid #008dcb; color:#fff;}
		#content .podmeni-page li.sadrzaj {text-align:right; margin:4px 22px 4px 0; line-height:16px;}
			#content .podmeni-page li.sadrzaj a:link, #content .podmeni-page li.sadrzaj a:visited {color:#666;}
			#content .podmeni-page li.sadrzaj a:hover {color:#000; }

	#content .kontakt { float:left; width:150px; text-align:right; }
		#content .kontakt p {margin:0 0 10px 0;}
		#content .kontakt h2 {margin-bottom:5px; font-size:20px; font-weight:bold;}
		#content .kontakt span {color:#999;}
		#content .kontakt a {color:#009bdf;}
		
	#content .vijesti { float:right; width:450px; padding:15px 20px; border-left:solid 2px #eee; min-height: 900px; height: auto !important; height: 900px; }
	.home #content .vijesti	{ min-height: 0; height: auto; }
	#content #news { margin:0; padding:0; list-style-type:none; width: 100%; }
	#content #news li { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; width:200px; overflow: hidden; margin:0 20px 20px 0; zoom: 1; *display: inline; }
	#content #news img { width: 200px !important; }
	#content #news li p { margin-bottom: 0px; }
	#content #news li h2 { line-height: 19px; }
		#content .vijesti h1 {font-size:24px; line-height:28px; padding:10px 0 20px 0;}
		#content .vijesti h2 {font-size:14px; line-height:22px; font-weight:bold; margin:0 0 4px 0; font-weight:normal;}
		#content .vijesti h3 {font-size:16px; color:#000; font-weight:bold; margin:5px 0 14px 0; font-weight:normal;}

		#content .vijesti p {margin:0 0 20px 0;}
		#content .vijesti a {color:#009bdf;}
		#content .vijesti li {list-style:disc; margin:0 0 6px 20px;}
	
	#content .natjecaji {float:right; width:450px; padding: 20px; border-left:solid 2px #eee; border-top:solid 2px #eee;}
		#content .natjecaji h3 {font-size:16px; color:#000; font-weight:bold; margin:0px 0 20px 0; font-weight:normal;}
		#content .natjecaji li {margin:0 0 10px 20px; list-style-image:url(img/zvjezdica.gif);}
		#content .natjecaji a {color:#009bdf;}

#sidebar {float:right; width:225px; padding:15px; background-color:#fff; background-repeat:no-repeat; min-height:200px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	#sidebar h2 {font-size:22px; color:#009bdf; margin:5px 0 14px 0; font-weight:normal;}
	#sidebar .img {margin:0 0 10px 0;}
	#sidebar p {margin:0 0 10px 0;}
	#sidebar a:visited {color:#009bdf;}
	#sidebar a:link {color:#009bdf;}
	#sidebar a:hover {color:#009bdf; border-bottom:solid 2px #eee; padding-bottom:4px;}
	#sidebar li	{ margin-bottom: 30px; }
	
#footer { float: left; width:630px; background-color:#009bdf;padding:30px; border-top:solid 2px #ccebf9; color:#fff; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
	#footer a:link, a:visited {color:#fff;}
	#footer a:hover {color:#fcca24;}
	#footer .bg-footer-bottom {position:relative; left:-30px; bottom:-30px;}
	#footer .left {float:left; width:135px; margin-right:15px;}
		#footer .left .logo {float:right; margin:0 0 10px 63px;}
		#footer .left span {font-size:9px; line-height:12px; text-align:right; float:right; width:135px; margin:0 0 25 0; border-bottom:2px solid #1a93c9; padding:0 0 10px 0; margin:0 0 10px 0;}
		#footer .left p {text-align:right; float:right; font-size:11px; line-height:14px;}
	#footer .right {float:right; width:450px; margin:0 0 0 30px;}
		#footer .right li {margin:0 0 2px 0;}

/* navigaci */
#nav{width: 100%;}

#nav ul {float:left; height:45px; width:960px; background-image:url(img/bg-meni.gif); font-size:15px; color:#fff; margin-bottom:5px;}
#nav a {display:block; text-decoration:none; color:#fff;}
#nav ul li {float:left; padding:15px 0 0 25px; color:#fff; margin:0; padding:14px 10px 6px 20px;}
#nav ul li a:visited {color:#fff;}
#nav ul li a.dropdownarrow {}
#nav li {color: #ffffff; float: left; padding: 4px 16px 4px 16px;}
#nav li img{margin:0px 0px 0px 4px;padding:0px;vertical-align: middle; }
#nav li ul {position: absolute; left : -999em;	left : -111em; height : auto; font-weight : normal;	margin : 2px 0px 0px 0px;}
#nav li ul {display:none; left: auto; margin-top:4px; margin-left:-16px; width:auto;}
#nav li li {border-right: none;}
#nav li ul li {float: none;clear:both;	width:auto;	display:block; list-style-type: circle;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#nav ul li:hover {color: #333333;}
#nav ul li:hover ul.nj{color: #333333; background-image:  none; display:block; background-color:#505050;}
#nav a:hover {color: #333333; background-image:  none;}
.current_page_item {background-image:none;}
#nav ul li.current_page_item a {color: #fcce21;}
#nav ul li.current_page_item  ul li {border-right: 1px solid #CCCCCC; color: #000000;}
#nav ul li.current_page_item  ul li a {color: #ffffff;}
#nav ul li.current_page_item  ul li a:hover {color: #333333; background-image:  none; background-color: #A5E58F;}

/* pictures */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 10px; display: inline; }
img.alignleft { margin: 0 10px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* gallery */
#content .ngg-galleryoverview { width: 100%; }
#content .ngg-galleryoverview .ngg-gallery-thumbnail { float: left; margin: 0; padding: 0; }
#content .ngg-galleryoverview .ngg-gallery-thumbnail img { border: 1px solid #E1E1E1; margin: 3px; padding: 2px; } 

/* wp-pagenavi */
.wp-pagenavi a,
.wp-pagenavi span { padding: 4px; margin-right: 5px; }
.wp-pagenavi .current	{ padding: 4px 6px; background-color: #009bdf; color: #fff; }

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}