html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

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

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

a {outline:none;}

.wrap {margin:0 auto; width:976px;}

#header {float:left; width:976px; background:url(../images/header_bg.jpg) no-repeat; height:134px;}
	#header img {float:left; width:218px; border:none;}
	#header h1 {position:absolute; z-index:555; width:282px; padding:26px 0 0 30px; color:#ffffff; font-size:25px; font-weight:normal; line-height:26px;}
	#header object {position:relative; z-index:1; float:left; width:758px; *float:none;}
	#header h1 span {font-size:15px; font-weight:bold;}
	#header ul {list-style:none; width:976px; float:left; height:23px;}
	#header ul li {float:left;}
	#header ul li a {float:left; display:block; font-weight:bold; color:#FFFFFF; font-size:15px; text-decoration:none; padding:8px 22px 0 25px; height:25px;}
	#header ul li a:hover, #header ul li a.active {background:#d2a50b;}
	
#main {float:left; width:976px; background:url(../images/mainbg.gif) repeat-y;min-height:487px; height:auto !important; height:487px;}
	
	#left, #leftsub {float:left; width:190px; margin-right:4px; display:inline; padding:20px 29px 28px 25px;}
		#left h3, #leftsub h3 {color:#ffffff; font-size:16px; font-weight:bold; float:left; width:190px; border-bottom:dashed 1px #646464; padding-bottom:5px;}
		#leftsub span {color:#ffffff;}
		.leftnews {float:left; color:#323232; width:190px;border-bottom:dashed 1px #646464; padding:6px 0 9px 0; line-height:16px;}
			.leftnews span {color:#ffffff; font-size:11px;}
			.leftnews h2 {float:left; width:190px;}
			.leftnews a, .new a.more, #content a.more  {float:left; width:42px; height:14px; background:url(../images/more.gif) no-repeat top; display:block; margin:7px 0 0 0;}
			.leftnews a:hover, .new a.more:hover,  #content a.more:hover {background-position:bottom;}
			
			 #content a.more {margin:2px 0 0 0;}
	
	#leftsub a.knof {float:left; width:; border:1px outset #5683bf; width:177px; background:#5683bf; color:#ffffff; font-weight:bold; padding:9px 6px 6px 9px; text-decoration:none; font-size:15px; margin-bottom:10px;}
	#leftsub a.knof:hover, #leftsub a.active { background:#d2a50b;border:1px outset #d2a50b;}
	#leftsub ol { padding:0 0 0 18px;}
	#leftsub ol li {padding:0 0 3px 0;}
	
	#prijava {float:left; width:703px; height:37px; background:#5683bf; display:inline; padding:0 11px 0 10px;}
		#signin {float:left; width:415px; font-size:11px; color:#ffffff;}
		#signin a.register {float:left; color:#ffffff; font-weight:bold; padding:12px 5px 0 0;} 
		#signin a.register:hover {text-decoration:none;}
		#signin input.text {float:left; width:125px; height:15px; border:1px solid #53657d; font-size:11px; margin:9px 5px 0 0; display:inline; padding:1px 0 0 3px;}
		#signin input.button {float:left; padding:0 2px 2px 2px; height:18px; color:#ffffff; font-size:11px; font-weight:bold; background:#2b415f; border:none; margin-top:9px; cursor:pointer;}
		#signin span {color:#2b415f;}
		#signin p {float:left; width:415px; padding:4px 0 0 0;}
		#signin p a {color:#ffffff; text-decoration:none;}
		#signin p a:hover {text-decoration:underline;}
		
		#search {float:left; width:288px;}
		#search input, #search select {float:left; width:128px; height:18px; border:1px solid #53657d; font-size:11px; margin-top:9px;}
		#search input.text {height:16px; margin:9px 5px 0 5px; display:inline; padding:1px 0 0 3px; width:123px; height:15px;}
		#search input.gumb {float:left; width:18px; height:17px; border:none;}
		
		#mainimg {float:left; width:724px; margin-top:4px; height:246px;}
			#mainimg img {float:left; width:724px;}
			#gallery {height:246px;width:724px;position: relative; margin:0 0 0 0; padding:0; float:left; display:inline;}
	
	#newprod {float:left; width:724px; height:398px; margin-top:4px; background:#e1e1e1;}
		#newprod h3 {height:26px; float:left; width:712px; padding:11px 0 0 12px; background:#5683bf; font-size:14px; color:#ffffff; margin-bottom:20px;}
		.new {float:left; width:339px; height:171px; padding:0 11px 0 12px; line-height:16px;}
		.new img {float:right; width:120px; padding:2px; border:1px solid #5683bf; margin-left:4px;}
		.new h2 {padding:4px 0 0 0; font-size:13px; font-weight:bold; color:#323232;}
		#main h1 {float:left; width:708px; padding:10px 0 0 16px; background:#d2a50b; color:#ffffff; font-size:12px; margin-top:4px; height:27px; text-transform:uppercase;}
		
	#content {min-height:459px; height:auto !important; height:459px; float:left; width:686px; padding:20px 22px 15px 16px; line-height:16px;}
		#content a {color:#323232;}
		#content a:hover {text-decoration:none;}
		#content span.blue {color:#5683bf;}
		#content a.events {color:#d2a50b;}
		#content ul { padding:8px 0 8px 17px;}
		#content table.newsevents {float:left; width:685px; }
		#content table.newsevents tr td {height:27px; padding:2px 0 0 10px; border:1px solid #ffffff; background:#f6edce;}
		#content table.newsevents tr td.graybg {background:#f1f1f1;}
		#content table.newsevents a {color:#5683bf; text-decoration:none;}
		#content table.newsevents a:hover {text-decoration:underline;}
		#content h3 {float:left; width:686px; border-bottom:#e0e0e0 solid 1px; font-size:12px; font-weight:bold; color:#5683bf; margin-bottom:10px; padding-bottom:7px;}
		
		#content input.button{
		color:#FFF;
		background:#2b415f;
		padding:1px 3px 2px 3px;
		text-align:center;
		font-weight:bold;
		cursor:pointer;
		border:none;
		font-size:11px;
		}
		

#footerblue {float:left; width:710px; height:25px; background:#5683bf; margin:4px 0 0 0; padding:12px 0 0 14px; font-size:11px; border-bottom:4px solid #ffffff;}
#footerblue a {color:#ffffff; text-decoration:none;}
#footerblue a:hover {text-decoration:underline;}
		
#footer {float:left; width:976px; height:40px; font-size:11px;}
	#footer p.copy {color:#a2a2a2; float:left; white-space:500px; padding-top:5px;}
	#footer p.ns {float:right; width:91px; padding-top:5px;}
	#footer p.ns a {color:#a2a2a2; text-decoration:none; float:left;}
	#footer p.ns a:hover {text-decoration:underline;}
	#footer p.ns a img {border:0; padding-top:2px; padding-left:5px;}

/* 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 */

.LV_validation_message{
    display:inline; padding-left:5px;
	font-size:10px;
	color:Green;
}
.LV_invalid{
	color:Red;
}