body, html, div, ul, li, img, form, input, table, tr, td {
	margin: 0; padding: 0;

}

body,html {
	background-color: #fff;
	color:#000;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	width:100%; height:100%;
}


h1,h2,h3,h4 {
	font: bold 100%/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; padding: 0px;
}

a, a:visited{
	color:#1357a2;
	text-decoration:none;
}

a:hover {
	color:#FAB301;
	text-decoration:underline;
}


a.arrow_prev, a.arrow_next {
	color:#888;
}

a.arrow_prev img, a.arrow_next img {
	vertical-align:middle;
}

img { border:0 }

.clearDiv {	clear:both; }


#wrapper {
	min-width:960px;
	width:expression( (document.documentElement.clientWidth < 945) ? "960px" : "auto");
}

/* --- HEADER --- */

#head {
	background: #018ad8 url(imgs_hag/bck.jpg) top left repeat-x;
	height:91px;
	border-bottom:1px solid #fff;
}

#topmenu1 {
	position:relative;
	height:25px;
	margin-bottom:25px;
	list-style:none;
	background-color:#00649F;
}

	#topmenu1 li {
		float:left;
	}

	#topmenu1 a, #topmenu1 a:visited {
		display:block;
		line-height:25px;
		border-right:1px solid #fff;
		padding:0 10px;
		color:#fff;
		font-size:10px;
		text-decoration:none;
	}

	#topmenu1 li.current a, #topmenu1 li.current a:visited {
		background-color:#73C000;
	}

	#topmenu1 a:hover {
		background-color:#73C000;
	}


	#topmenu1 #btnHome{
		float:right;
		padding:0;
	}
	#topmenu1 #btnHome a {
		border:0 none;
		border-left:1px solid #fff;
		height:25px;
		width:32px;
		text-align:center;
		padding:0;
	}

	#topmenu1 ul.topmenu2 {
		display:none;
		position:absolute;
		top:25px;
		padding: 5px 0;
		list-style:none;
	}

	#topmenu1 .current ul.topmenu2 {
		display:block;
	}

	#topmenu1 ul.desno {
		left:auto;
		right:0;
		width:300px;
	}

		#topmenu1 .topmenu2 li {
			float:left;
			zoom:1;
		}

		#topmenu1 .topmenu2 a, #topmenu1 .topmenu2 a:visited {
			display:block;
			padding:0 10px;
			border:0 none;
			border-left:1px dotted #000;
			color:#000;
			font-size:10px;
			line-height:16px;
			text-decoration:none;
		}

		#topmenu1 .current .topmenu2 a, #topmenu1 .current .topmenu2 a:visited {
			background-color:transparent;
		}

		#topmenu1 .topmenu2 .current a, #topmenu1 .topmenu2 .current a:visited {
			color:#73C000;
		}

		#topmenu1 .topmenu2 a:hover {
			color:#73C000;
			background-color:transparent;

		}

#leftmenu {
	padding:0;margin:0;
	width:225px;
	background: url(imgs_hag/left_bgd.gif) top left repeat-y; /* stavio ovde da izbegnem flicker u IE */
}
#leftmenu a, #leftmenu a:visited {
	display:block;
	padding:0;margin:0;
	margin-left:30px;
	height:25px;
	line-height:25px;
	color:#000;
	font-size:10px;
	text-decoration:none;
}

#leftmenu  a.current, #leftmenu a.current:visited {
	color:#73C000;
}

#leftmenu a:hover {
	color:#73C000;
}

#partners {
	margin:20px 10px;

}

#izdvajamo h2 {
	font-size:12px;
	color:#106695;
	width:226px;
}

#izdvajamo img{
	width:70px;
	border:1px solid #999;
	margin:4px;
}

#inovativno h2{
	font-size:12px;
	color:#106695;
	margin-top:12px;
}
#inovativno img{
	width:120px;
}

#rightbar {
	width:156px;
	padding:7px;

}
#login {
	background: #CCE8FE url(imgs_hag/gradijent_plavi.jpg) top left repeat-x;
	color:#fff;
	font-size:12px;
	position:relative;
	width:156px;
}

#login td{
	padding:5px 15px;
}

#login input{
	margin-bottom:15px;
	border:1px solid #000;
	width:100%;
}

#login input.btn{
	margin-bottom:5px;
	background-color:#00639F;
	padding:2px 4px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	width:auto;
}

#register {
	margin: 10px 0;
	padding: 5px 15px;
	background-color:#73C000;
	font-weight:bold;
}

#register a, #register a:visited {
	color:#fff;
	font-size:11px;
}

/* --- SREDINA --- */

#sredina {
	font-size:12px;
	line-height:16px;
	margin:0;
	padding: 10px 15px;
}

#sredina h1 {
	font-size: 18px;
	margin: 5px 0;
}

#sredina h2 {
	font-size: 14px;

}

#sredina h3 {
 	font-size: 12px;
	margin-bottom: 15px
}

#sredina #contentwrap {
	padding:5px;
}

#sredina h1.contentTitle {
	font-size: 14px;
	margin:0;
	padding: 3px 5px;
	color:#fff;
	background-color:#73C000;
}

#sredina h2.contentSubTitle {
	font-size: 14px;
	margin: 5px 0;
	padding: 3px 5px 3px 20px;
	background: url(imgs_hag/strelica_naslov.gif) left -4px no-repeat;
	color:#f40;
	font-weight:normal;
}

#sredina .contentBar {
	background-color:#eee;
	color:#666;
	padding:3px 5px;
}

#sredina .contentAttach {
	padding:3px 5px;
	border-top:1px solid #ccc;
}

#homeTop {
	width:500px;
	border:1px solid #ccc;
}


#homeTop h1 {
	font-size: 14px;
	margin:0;
	margin-bottom:5px;
	padding: 3px;
	color:#fff;
	background-color:#73C000;
	text-align:center;
}

.homeProducts {
	margin-right:1px;
	margin-bottom:1px;
}

#sredina  p {
	margin: 10px 0;
}

#sredina  ul {
	padding: 0 30px;

}

#sredina  hr {
	visibility:hidden;

}

#sredina img {
	margin: 2px 5px 5px 0;
}

#sredina img.icon {
	margin: 0;
}
#sredina  #homefirst {
	margin: 10px 10px 0 0;
	padding-bottom:20px;
	border-bottom:1px solid #000;
}

#sredina  div.homenews {
	margin-top: 5px;
}


#sredina  #homefirst img, #sredina div.homenews img, #sredina #newslist img {
	margin-right:10px;
}

#sredina  div.homenews .newsbottomline {
	border-bottom:1px solid #000;
	margin: 15px 0 0 0;
}

#sredina h1.topTitle {
	padding: 3px 5px 3px 0;
	font-size: 12px;
	color:#09206b;
}

#sredina  #homefirst h1.topTitle{
	font-size: 14px;
}

#sredina  div.leftbox {
	padding-right:15px;
	border-right:1px solid #000;
}

#sredina  div.rightbox {
	padding-left:20px;
}


	#sredina  div.splitter {
		clear:both;
		height:2px;
	}

#sredina span.datetime{
	color:#999;

}

#sredina .libraryRes {

	padding: 10px;
	margin: 10px 0;

}

#sredina #subcats_list h3 {
	margin:15px 0 10px 0;
	padding:7px 0 2px 5px;
	width:300px;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}

#sredina #subcats_list ul {
	margin:0 0 15px 0;

}

#sredina #sitemap ul {
	padding:0;
	margin: 0;
}
	#sredina #sitemap ul li {
		margin: 2px 20px;
	}
/* ovo su default podesavanja za template deo */
/*
#articlesBanner {
	width:580px;
	height:57px;
	margin: 15px 0;
	display:none;
	position:relative;
}
*/

#currentPath {
	font-size:10px;
	padding-top:5px;
}


#currentPath a, #currentPath a:visited{
	font-size:10px;
	color:#000;
}


#sredina .mediabox {
	 border-bottom:1px dashed #ccc;
	 padding:10px 0;
}

	#sredina .mediabox .icons {
		line-height:16px;
		font-size:11px;
		margin:0 0 10px 10px;
	}
		#sredina .mediabox .icons img{
			vertical-align:middle;

		}

		#sredina .mediabox .icons a:link, #sredina .mediabox .icons a:visited {
			color:#aaa;

		}


	#sredina .mediabox h2 {
		line-height:1.8em;
		font-weight:normal;
	}

	#sredina .mediabox h2 span.date {
		font-size:11px;
		color:#aaa;
	}

#sredina .mediaGallery a, #sredina .mediaGallery a:visited {
	display:block;
	float:left;
	width:170px;
	height:170px;
	padding:10px;
	text-align:center;
	border-bottom:1px dashed #ccc;
}


#sredina .mediaGallery img {
	vertical-align:middle;
}

#sredina .mediaGallery a:hover {
	background-color:#eee;

}

/* --- FOOTER --- */

#footer {
	clear:both;
	zoom:1;
	margin:0;
	margin-top:18px;
	border-top:10px solid #00659E;
	border-bottom:10px solid #008AD7;
	padding:15px 0;
	font-size: 10px;
	text-align:center;
}


/* LIGHTBOX */

#lightbox{
	background-color:#fff;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	z-index:1000;
	}
#lightboxDetails{
	display:none;
	}
#lightboxCaption{ display:none }
#keyboardMsg{ display:none }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(/js/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/js/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/js/lightbox/overlay.png", sizingMethod="scale");
}