html {overflow-y:scroll;}
html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background: url(../images/body_bg.jpg) repeat-x top #ffffff;
	}

p, h1, h2, h3, hr, ul, li, input, form, body {
	margin: 0;
	padding: 0;
}

a {outline:none;}

	#wrap {width:971px;margin:0 auto;}
	
	#left {float:left; width:212px;}
		#left img.logo {border:0; float:left; width:212px;}
		#left ul {list-style:none; padding:10px 0 0 4px; float:left; width:173px;}
		#left ul li {float:left; width:173px;margin-bottom:4px; }
		#left ul li a, #left ul li h2 a { padding:10px 0 0 10px; width:163px; height:31px; float:left; display:block; text-decoration:none; color:#000; font-size:13px; font-weight:bold;background:url(../images/leftmenu.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/leftmenu.png'); cursor:pointer; }
		#left ul li a:hover, #left ul li a.active, #left ul li h2 a.active,  #left ul li h2 a:hover  { background:url(../images/leftmenu_active.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/leftmenu_active.png'); cursor:pointer; color:#fff;}
		.index {float:left; width:187px; background:url(../images/left_bg_index.gif) no-repeat top; margin-top:17px; margin-top /*\**/: 21px\9; padding:10px 11px 0 14px; line-height:18px;}
		#left div a {color:#547e1a;}
		#left div a:hover {text-decoration:none;}
		#left span {font-size:11px;}
		#left div p {float:left; width:187px; padding:0 0 11px 0;}
	
	#right { width:759px; float:left;}
		#right ul.menu {list-style:none; float:left; width:731px; margin:16px 0 0 0;}
		#right ul.menu li {float:left;}
		#right ul.menu li a {color:#000; text-decoration:none; font-weight:bold; height:38px; float:left; padding:22px 20px 0 17px;}
		#right ul.menu li a:hover {text-decoration:underline; background:url(../images/hover_topmenu.gif) top center no-repeat;}
		
		#right ul.menu li a.active, #right ul.menu li a.active:hover {background:url(../images/active_topmenu.png) left -122px; cursor:pointer;color:#fff;height:38px; float:left; padding:22px 0 0 17px;}
		#right ul.menu li a.active span.l {  display: inline-block;float:left;	 height:38px; margin-right:4px;}
		#right ul.menu li a.active span.d {width:4px; height:61px;float:left; margin-left:16px;  background:url(../images/active_topmenu.png) right -183px; margin-top:-22px;}
		
		#right ul.menu_en {list-style:none; float:left; width:731px; margin:16px 0 0 0;}
		#right ul.menu_en li {float:left;}
		#right ul.menu_en li a {color:#000; text-decoration:none; font-weight:bold; height:38px; float:left; padding:22px 18px 0 13px;}
		#right ul.menu_en li a:hover {text-decoration:underline; background:url(../images/hover_topmenu.gif) top center no-repeat;}
		
		#right ul.menu_en li a.active, #right ul.menu_en li a.active:hover {background:url(../images/active_topmenu.png) left -122px; cursor:pointer;color:#fff;height:38px; float:left; padding:22px 0 0 15px;}
		#right ul.menu_en li a.active span.l {  display: inline-block;float:left;	 height:38px; margin-right:4px;}
		#right ul.menu_en li a.active span.d {width:4px; height:61px;float:left; margin-left:6px;  background:url(../images/active_topmenu.png) right -183px; margin-top:-22px;}
		
		
		#mainpic {float:left; width:717px; height:245px; background: url(../images/mainpic_bg.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/mainpic_bg.png');  padding:11px 0 0 10px;}
		#mainpic img {float:left;}
		
		#content_wrap {float:left; width:717px; padding:11px 0 0 10px; background:url(../images/podstran_shadow.jpg) top left no-repeat #fff;min-height:600px;height:auto !important; height:600px;}
		#content_wrap img.main {float:left; width:707px;}
		
		#breadcrumbs {float:left; width:667px; margin:0 0 0 20px; display:inline; border-bottom:1px solid #d8d8d8; font-size:11px; color:#aaaaaa; padding:9px 0 7px 0;}
		#breadcrumbs a { color:#aaaaaa; text-decoration:none;}
		#breadcrumbs a:hover {text-decoration:underline;}
		#breadcrumbs p {float:left; width:600px;}
		#breadcrumbs div {float:right; width:54px;}
		#breadcrumbs img, #breadcrumbs input {float:right; margin-left:3px; border:0; width:15px; display:inline;}
		
		#content {float:left; width:667px;margin:0 0 25px 20px; display:inline;}
		#content h1 {color:#659022; font-weight:bold; padding:15px 0 9px 0; }
		#content span.gray {color:#959595;}
		#content ul {list-style:none; padding:0 0 5px 2px;}
		#content ul li {background:url(../images/contentulli.gif) no-repeat 0 10px; padding:0 0 0 10px;}
		#content a { color:#C05A00;}
		#content a:hover {text-decoration:none;}
		#content img {border:0;}
		
		#obrazec {float:left; background:#ebf2e0; width:637px; padding:15px;}
		#obrazec td {vertical-align:top;}
		#obrazec textarea { height:178px; width:553px; border:1px solid #c7b694; background:#fff; float:left; margin-left:6px; display:inline;margin-top:8px;}
		#obrazec input.text {width:226px; height:18px;border:1px solid #c7b694; background:#fff; float:left; margin-left:6px; display:inline; margin-top:8px; padding:2px 0 0 2px;}
		#obrazec input.number {width:99px; height:18px;border:1px solid #c7b694; background:#fff; float:left; margin-left:6px; display:inline;margin-top:8px; padding:2px 0 0 2px;}
		#obrazec input.osebe {width:28px; height:18px;border:1px solid #c7b694; background:#fff; float:left; margin-left:6px; display:inline;margin-top:8px; padding:2px 0 0 2px;}
		#obrazec span { float:left; width:10px; color:#ff0000; margin-left:5px; margin-top:2px;}
		#obrazec p {float:left; padding-top:11px; padding-left:4px;}
		#obrazec input.check {float:left; margin-left:6px; display:inline; margin-top:3px; margin-right:5px; _margin-top:0px;margin-top /*\**/: 0px\9;}
		#obrazec div {float:left; width:400px;}
		#obrazec input.gumb {float:left; margin-top:4px; margin-left:6px; display:inline;}
		#obrazec span.text {float:right; font-size:11px; color:#000; width:180px; margin-right:15px; margin-top:5px; display:inline;}
		
		#lang {float:left; width:32px; padding-top:10px;}
		#lang a {float:left; width:32px; height:18px; font-size:11px; background:url(../images/inactive_language_bg.gif); color:#000; text-decoration:none; text-align:center; padding-top:5px;}
		#lang a.active {background:#fff; font-weight:bold;}
		#lang a:hover {text-decoration:underline;}
		
		#ohostlu {float:left; width:458px; margin:22px 0 0 0; padding:24px 0 0 31px; _padding:25px 0 0 31px; _margin:21px 0 0 0; display:inline; line-height:20px; background:url(../images/ohostlu_lefttopshadow.jpg) left top no-repeat;}
		#ohostlu h1 { font-size:15px; color:#659022; font-weight:bold; padding:2px 0 11px 0;}
		#ohostlu p {float:left; width:458px; padding:0 0 10px 0 ;}
		#ohostlu h4 { font-size:15px; color:#659022; font-weight:bold; padding:10px 0 5px 0; margin:0 8px 0 0; display:inline; float:left; width:458px;}
		#ohostlu div {float:left; width:458px; line-height:16px;}
		#ohostlu div p {float:left; width:346px; line-height:20px; padding:2px 0 2px 0; _margin-top:-10px;}
		#ohostlu div h3 a {font-size:12px; color:#000; padding:0; margin:0; float:left; width:346px; text-decoration:underline;}
		#ohostlu div h3 a:hover {text-decoration:none;}
		#ohostlu div img {float:left; padding:1px; border:1px solid #e5e5e5; margin:0 8px 0 0;}
		#ohostlu div span {font-size:11px; float:left; width:346px;}
		#ohostlu div a.arhiv {font-size:11px; color:#a0a0a0;  display:inline; float:left; margin-top:-2px;}
		#ohostlu div a.arhiv:hover {text-decoration:none;}
	
		
		#minigal {float:left; width:219px; background:url(../images/minigallery_bg.jpg) no-repeat top;margin:53px 0 0 17px;  display:inline;}
		.slika { width:200px; float:left; margin:10px 0 0 9px; background:none; position:relative; height:126px; border:0;}
		/*#s2 { float:left; height:155px;position:relative; width:219px;}
		*/
		.slika img {float:left; width:200px; position:absolute;}
		.slika p { width:200px; position:absolute;margin-top:147px; background:none; text-align:center;}
		.nav {float:left; width:219px; height:20px; margin-top:25px;}
		#prev2 { background:;  width:20px; height:20px; display:block; float:left;}
		#next2 {  width:20px; height:20px; background:; float:left; margin-left:179px; display:inline-block}
		
		#vreme {float:left; width:219px; margin:24px 0 0 17px; display:inline; background:url(../images/weather_bg.jpg) top repeat-x; height:90px; padding:10px 0 0 0;}
		#vreme span {font-family:"Times New Roman", Times, serif; font-size:10px; line-height:10px; float:left; width:70px; margin-top:-5px; *margin-top:0;}
		
		#footer {float:left; width:700px; border-top:1px solid #d8d8d8; margin:17px 0 0 30px; padding-bottom:30px; display:inline; position:relative; font-size:11px; color:#a0a0a0;}
		#footer p.copy {float:left; padding:7px 0 0 4px; width:375px;}
		#footer p.ns {float:right; width:205px; padding:7px 66px 0 0;}
		#footer a {float:left; text-decoration:none; color:#a0a0a0;}
		#footer a:hover {text-decoration:underline;}
		#footer p.ns img {float:left; border:0; margin-left:8px; display:inline; margin-top:2px;}
		#footer img.logo {position:absolute; width:58px; height:55px; right:0; top:-27px;}

/* scrollable gallery */

	#gallery {background:url(../images/podstran_galerija.jpg) no-repeat top; width:667px; height:175px; font-size:11px; color:#fff;}
	
	.scrollable {		padding:10px 0 0 0;	position:relative;float:left; overflow:hidden;float:left;width:609px; height:165px;}
	.scrollable .items {	width:20000em;	position:absolute;	clear:both;}
	
	.items {	float:left;	width:609px;}
	.items div.three {float:left; width:621px;}
	.items div.three div.photo {float:left; width:195px; margin-right:12px; display:inline;}
	.items div.three div.photo p {float:left; width:195px; margin-top:-20px;}
	
	.scrollable img {	float:left;	width:195px;	height:123px;	 border:0;}
	.scrollable .active {	position:relative;	cursor:default;}
	.scrollable {float:left;	}
	
	a.browse {	display:block;	width:29px;	height:123px;	float:left;	cursor:pointer;	font-size:1px;	margin-top:10px;}
	a.right 				{ clear:right; margin-right: 0px; background:url(../images/right_gal_inactive.gif) no-repeat; }
	a.right:hover 		{ background:url(../images/right_gal_active.gif) no-repeat; }
	a.left				{ margin-left: 0px; background:url(../images/left_gal_inactive.gif) no-repeat; } 
	a.left:hover  		{  background:url(../images/left_gal_active.gif) no-repeat;  }




/* clearfix za content */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */