@import url('css_plugin.css');
@import url('css_forms.css');
html, body{height:100%;} 
html,body {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif; max-height:100%; background: #CCCCCC url(../img/body_bg.jpg) no-repeat top center;}

#bd { width: 840px;  display: block; clear: both; margin: 0px auto; padding: 0px; }
 
#container{ width: 840px; float: left; display: block; clear: both; position:relative; margin:0px; background: url(../img/_main_content_bg.png) repeat-y top center; }


	#header { width: 100%; height: 205px; display: block; margin: 0 auto; background: url(../img/header_bg.jpg) repeat-x top center;}
	#headerBox { display:block; margin:0px auto; height: 205px; width: 844px;}
	#imgzaglavlje { width: 844px; height: 171px; display:block; float:left; background:url(../img/header_img.jpg) no-repeat top center;}
	#nav { width: 800px; height: 34px; display: block; margin: 0 auto; margin-top: 0px; margin-left: 0px; background: none; float: left;} 
	#mainContent { width: 800px; display: block; margin: 0px 0px 10px 22px; float: left; background: none repeat-y  center  ; }
	.linkmap
	{ width: 100%; height: 30px; display:block; float:left; background:url(../img/_link_map_bg.gif) left top repeat-x; line-height: 30px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#999 }
	.linkmap a, .linkmap a:link, .linkmap a:visited
	{ height: 30px; display:block; float:left; text-decoration:none; color:#999; margin: 0px 10px; }
	.linkmap a:hover { text-decoration:underline;}
	.linkmap a.active, .linkmap a.active:link, .linkmap a.active:visited
	{ font-weight:bold; color:#333; padding-left: 20px; background:url(../img/_link_map_str.gif) left center no-repeat; }
	
	#linebreak { width: 800px; height: 5px; background:url(../img/content_line.gif) repeat-x top center; display:block; float:left;}	
	#flashbox {width: 599px; height: 257px; display:block; float:left; background:url(../img/article_top_bg.jpg) repeat-x top center; clear:both;}
	
	.InfoBarDemo { width: 201px; height: 257px; display:block; background:url(../img/sidebar_info_box_bg.jpg) no-repeat top center; float:right; }
		#article { width: 599px; min-height: 600px;  display: block; margin: 0px 0px 50px 0px; float: left; overflow: hidden; }
			#article .NewsContent { width: 500px; height: 220px; margin: 0px; display:inline-block; padding: 0px; text-align: left; background: #4E92BA; float: left; }
			#article .ContentPrint 
			{ width: 500px; min-height: 500px; margin: 0px; display:inline-block; padding: 30px 0px 10px 0px; text-align: left; background: #FFF url(../img/_main_content_page_bg.jpg) top center no-repeat; float: left; }
			
			#article .contentp { margin: 10px; display:block; padding: 10px; text-align: left; float: left; font-size:12px; }
				#article .contentp a, #article .contentp a:link, #article .contentp a:visited {  font-size:12px; color:#06C; text-decoration: none;  white-space: nowrap;}
				#article .contentp a:hover { font-size:12px; color: #333; text-decoration: underline; }
			#article .imageframe { width: 400px; height: 150px; margin: 20px 10px 5px 20px; display:inline-block; padding: 0px; border: 2px solid #CCC; }
			#article .option { width: 400px; height: 20px; margin: 0px 10px 10px 10px; display:inline-block; padding: 0px; border: none; text-align: right; line-height: 20px; }
			#article .option a, #article .option a:link, #article .option a:visited { font-size: 11px; color:#09F; text-decoration:none; padding-left: 20px; padding-bottom: 5px; display:inline-block; }
		#sidebarLeft { width: 210px; display: block; margin: 0px 5px; float: left; }
		#sidebar { width: 200px; display: block; margin: 0px 0px; float: right;  background: url(../img/sidebar_bg.jpg) left top repeat-y; }
		#sidebarFooter1 { width: 200px;  height: 18px; display: block; margin: 0px 0px; float: right; background: url(../img/sidebar_bg_footer.jpg) left top; }
		#sidebar .InfoBar { width: 200px; margin: 0px; display:block; background: url(../img/sidebar_bg_footer.jpg) left bottom no-repeat; clear:both;}
		
		#sidebar .katalogInfobox { width: 100%; display:block; float:left; margin: 5px 0px;}
			#sidebar .katalogInfobox .skHeader { width: 100%; height: 40px; display:block; float: left; background:url(../img/sidebox_info_header.jpg) left top; }
			#sidebar .katalogInfobox .skBg { width: 100%; display:block; float: left; background:url(../img/sidebox_info_bg.jpg) left top repeat-y; }
			#sidebar .katalogInfobox .skFooter { width: 100%; height: 40px; display:block; float: left; background:url(../img/sidebox_info_footer.jpg) left top; }
			
			.KatalogLinkSideBar { width: 175px; display:block; float: left; margin: 0px 0px 0px 15px; padding: 0px; clear:both; }
				.KatalogLinkSideBar a, .KatalogLinkSideBar a:link, .KatalogLinkSideBar a:visited 
				{ width: 150px; display:inline-block; float:left; margin: 3px; padding: 2px; padding-left: 22px; padding-right: -22px; font-size: 11px; color:#333; text-decoration:none; border-bottom: 1px dotted #CCC; }
				.KatalogLinkSideBar a:hover { color:#000; text-decoration:underline; }
			.KatalogLinkSideBar .infoTvrtka { background:url(../img/info.png) left center no-repeat; }
			.KatalogLinkSideBar .str { background: url(../img/file.png) left center no-repeat; }
			.KatalogLinkSideBar .strover { background: url(../img/file_over.png) left center no-repeat; }
			.KatalogLinkSideBar .linkTvrtka { background: url(../img/page_url.gif) left center no-repeat; color:#06C; margin-top: 15px; }
			
			.KatalogLinkSideBar .headerTvrtka 
			{ width: 159px; display:inline-block; float:left; margin: 3px; padding: 2px; font-size: 14px; color: #BF0000; font-weight:bolder; text-transform:uppercase; border-bottom: 1px dotted #CCC;}
			
		#sidebarBanner img { width: 190px;  display: block; margin: 10px; float: left; }
			#sidebar .linkHeader, #sidebarLeft .linkHeader 
{ width: 100%; height: 29px; display: block; float:left; margin:5px 0px; background: url(../img/_sidbar_bg_header.gif) top center no-repeat; color:#999999; font-size: 11px; text-align:right; padding: 0px; line-height: 29px;}
			
			
	
	#footer { width: 840px; height: 40px; display: block; margin: 0px 0px 0px 0px; float: left; background: url(../img/footer_bg.png) no-repeat bottom center; clear:both; bottom: 0px; }
		

.date { width: 100%; display:inline-block; font-size: 10px; }
h2 { width: 95%; display:inline-block; text-align:left; font-size: 16px; font-weight: bold; color: #000; margin: 2%;}
	h2 a, h2 a:link, h2 a:visited { color: #CE0E00; text-decoration:none; }
	h2 a:hover { color: #A50006; text-decoration: underline; }
q { font-size: 11px; display: block; margin: 10px 0px; text-align:left; color: #666;  text-transform:lowercase; font-variant:small-caps; float: left; width: 100%; }
q i { font-size: 50px; padding: 0px 10px; color:#999; font-family: Arial, Helvetica, sans-serif; width: 30px; display:block; float: left;}
u { font-size: 12px; display: block; margin: 20px; text-align:left; color: #09F;  text-transform:lowercase; font-variant:small-caps; float: left; text-decoration:none; }

#mapBox {width: 410px; height: 450px; display:block; border: none; margin: 0 auto; margin-top: 40px; background: url(../img/plugin_googlemap_bg.jpg) top center no-repeat; padding-top: 5px; }
#mapBox #map {width: 398px; height: 400px; display:block; border: 1px solid #CCC; margin: 0 auto; margin-top: 30px;}