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:#5a5a5a;
	background: url(../images/body_bg.gif) repeat-x top #fff;
	}

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

a {outline:none;}

#index_top_bg { background:url(../images/index_top_bg.jpg) center top no-repeat;min-height:400px;height:auto !important;height:400px;}

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

#top {float:left; width:945px; height:138px;}

#top img.logo {float:left; border:0; width:185px;}

#top ul {float:left; height:36px; width:715px; list-style:none; text-align:right; padding:39px 45px 0 0;}
#top ul li {display:inline; padding-left:25px;}
#top ul li a {text-decoration:none; color:#000;}
#top ul li a.active { color:#ff0000; font-weight:bold;}
#top ul li a:hover { color:#ff0000; text-decoration: underline;}

#napis {float:left; width:563px; color:#fff; padding:13px 0 0 12px; height:50px; margin-left:-50px; display:inline;}
#napis p, #napis h1, #napis h2, #napis h3 { font-size:19px; font-weight:normal; float:left; margin-right:5px; display:inline;}

#search {float:left; width:218px; height:49px; padding:19px 0 0 0;}
#search input.text {border:1px solid #d5d5d5; width:105px; height:15px; float:left; color:#959595; font-size:11px; padding:1px 0 0 5px;}
#search input.gumb {float:left; margin-left:2px; display:inline;}
#search a {color:#fff; font-size:11px; margin: 1px 10px 0 0; float:left; text-decoration: underline; display:inline;}
#search a:hover {text-decoration:none;}


#topokvirja {float:left; width:917px; height:21px; background:url(../images/top-bannerja.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=img, src='images/top-bannerja.png'); }

#bottomsencaokvirja {float:left; width:945px; background:url(../images/bottom_senca_okvirja.jpg) right bottom no-repeat; }

#body_okvirja {float:left; width:917px; background:url(../images/bg_body_okvirja.gif) right repeat-y;min-height:100px; height:auto !important;height:100px;}

#left {float:left; width:208px; position:relative; background:url(../images/ozadje_animacije.jpg) top right no-repeat;}
#left object.pusc { position:absolute; top:0; left:0;}
#left div {position:absolute; color:#6e6e6e; top:115px; width:188px; padding-left:20px; line-height:18px;}
#left div span.red {color:#ff0000; font-weight:bold;}
#left div span.black {color:#000; font-weight:bold;}
#left div span.title {color:#ff0000; font-weight:bold; font-size:16px; float:left; width:188px; padding:5px 0 13px 0;}
#left div a {color:#ff0000; text-decoration: underline;}
#left div a:hover {text-decoration:none;}

#left_sub { background:url(../images/left_sub.jpg) right top no-repeat; float:left; width:208px; padding:21px 0 0 0;}
#left_sub {width:208px;float:left;}
#left_sub ul {width:208px;list-style:none;}
#left_sub ul li {float:left;width:208px;margin-bottom:1px;}
#left_sub ul li h2 a, #left_sub ul li a {	color:#fff;	display:block;	position:relative; height:28px; width:193px; padding:13px 0 0 15px; text-decoration:none;	font-size:15px; font-weight:normal;	background:url(../images/okvir.jpg) no-repeat;}	
#left_sub ul li a.current, #left_sub ul li a:hover {background:url(../images/active_okvir.gif) no-repeat; color:#fff; font-weight:bold; font-size:13px;	}
#left_sub ul li ul { list-style:none; padding:10px 0 10px 0; float:left;}
#left_sub ul li ul li {margin:3px 0 3px 0;}
#left_sub ul li ul li a {color:#000; font-size:12px; padding:0 0 0 15px; background:none; height:auto;}
#left_sub ul li ul li a:hover {text-decoration:underline; background:none; color:#000; font-weight:normal; font-size:12px;}
#left_sub ul li ul li h2 a.active {color:#ff0000; font-weight:bold;}

#content {float:left; width:645px; min-height:580px; height:auto !important;height:580px; background:url(../images/podstran_bg.jpg) top no-repeat; padding:45px 32px 45px 32px; line-height:18px;}
#content h1 { color:#ff0000; font-size:18px; font-weight:bold; padding-bottom:28px;}
#content ul {list-style:none; padding:10px 0 10px 5px;}
#content ul li {background:url(../images/content_bullet.gif) no-repeat 0 6px; padding-left:15px;}
#content span.biggreen {color:#7fbb00; font-weight:bold; font-size:14px;}
#content a {color:#ff0000; }
#content a:hover {text-decoration:underline; text-decoration:none;}

.graybox {background:#f0f0f0;}

#content select {border:0; background:#f0f0f0; width:155px; height:22px;padding:1px 1px 1px 7px;border:1px solid #7FBB00;}
#content textarea {background:url(../images/textarea_bg.jpg) no-repeat; width:439px; height:343px; border:1px solid #7FBB00;float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:10px 0 0 10px;}
#content input.text {float:left; width:148px; border:0; height:19px; background:#f0f0f0; border:1px solid #7FBB00;padding:2px 0 0 7px;}
#content input.button {float:left; width:148px; border:0; background:#7fbb00; padding:2px 0 2px 7px; cursor:pointer; color:#fff; text-align:left;}
#content div.star {color:#ff0000; float:left; margin-left:10px; display:inline;}
#content div.small {font-size:11px;}
#content span.red {color:#ff0000;}
#content img {padding:1px; border:1px solid #b8bec5;}

.novica {float:left; width:645px; background:url(../images/dots_footer.gif) bottom repeat-x; padding:20px 0 10px 0;}
.first {padding:0 0 10px 0;}
.novica img {padding:1px; border:1px solid #b8bec5; float:left; margin-right:10px; display:inline;}
.novica h3 { font-size:12px; font-weight:bold; text-transform:uppercase}
.novica span {font-size:11px; color:#a0a0a0;}

#faq a {font-weight:bold;color:#5a5a5a; text-decoration:none;}
#faq ol { padding:0 0 20px 25px; margin:0 0 0 0;}
#faq li {font-weight:bold; padding-left:0;}
#faq a:hover { color:#ff0000;}
.hr {width:645px; background:url(../images/dots_footer.gif) repeat-x; height:2px;}

#footer_sub {float:left; width:709px; background:url(../images/newsletter_sub.gif) left repeat-y; padding-bottom:12px;}

#right {float:left; width:709px;}

#index_bottom {float:left; background:url(../images/bottom_index_box.jpg) top right no-repeat; width:706px; min-height:371px; height:auto !important;height:371px;}

#akt-news-wrap {float:left; width:354px;}

#aktualno {float:left; width:354px;}
#aktualno span {float:left; font-size:16px; font-weight:bold; color:#ff0000; padding:42px 0 25px 30px; width:324px;}
#aktualno div {float:left; width:314px; margin:0 10px 13px 30px; display:inline;}
#aktualno div img {padding:1px; border:1px solid #b8bec5; float:left; width:83px; margin:0 14px 0 0; display:inline;}
#aktualno div a {color:#5a5a5a;}
#aktualno div a:hover {text-decoration:none;}
#aktualno p {color:#a0a0a0;}
#aktualno a.vec { color:#ff0000; float:left; margin-left:30px; display:inline;}
#aktualno a.vec:hover {text-decoration:none;}

#newssub {float:left; width:314px; margin:17px 10px 0 30px; display:inline;}
#newssub img {padding:1px; border:1px solid #b8bec5; float:left; width:83px; margin:0 14px 0 0; display:inline;}
#newssub a {color:#5a5a5a;}
#newssub a:hover {text-decoration:none;}
#newssub p {color:#a0a0a0;}

#newsletter_sub {float:left; width:325px; padding:17px 0 0 20px; color:#000;}
#newsletter {float:left; width:325px; padding:42px 0 0 29px; color:#000;}
#newsletter input.text, #newsletter_sub input.text {float:left; background:#fff; border:1px solid #aaaaaa; width:182px; height:20px; margin:10px 8px 0 0; display:inline; color:#636363; padding:4px 0 0 7px;}
#newsletter input.button, #newsletter_sub input.button {float:left; margin:10px 0 0 0;}
#newsletter a, #newsletter_sub a {color:#000; float:left; margin-top:7px; font-size:11px;}
#newsletter a:hover, #newsletter_sub a:hover {text-decoration:none;}

#prednosti div {float:left; width:304px; height:175px;}
#prednosti {width:304px; float:left; padding:40px 0 0 48px;}
#prednosti h2 {color:#ff0000; font-size:16px; font-weight:bold; padding:0 0 20px 0;}
#prednosti h5 {color:#7fbb00; width:304px; margin:0 0 0 0; font-size:16px; font-weight:bold; padding:8px 0 20px 0; float:left;}
#prednosti a {color:#ff0000;}
#prednosti p {line-height:14px; color:#000; padding:0 0 6px 0;}
#prednosti a:hover {text-decoration:none;}

#footer {float:left; width:706px; background:url(../images/dots_footer.gif) top repeat-x; margin-left:208px; display:inline; height:70px; padding:18px 0 0 0; color:#aaaaaa; font-size:11px;}

#footer p.copy {float:left; width:500px;}
#footer p.ns {float:right; width:205px;}
#footer p.copy a {color:#7fbb00; text-decoration:underline;}
#footer p.copy a:hover {text-decoration:none ;}
#footer p.ns a {float:left;color:#aaaaaa; text-decoration:none; margin-left:5px; display:inline;}
#footer p.ns a:hover {text-decoration:underline;}
#footer p.ns img {border:0; float:left; margin:2px 0 0 0;}


/* JQUERY TABS */
	#nav {width:208px;float:left;}
		#nav ul {width:208px;list-style:none;}
		#nav li {float:left;width:208px;margin-bottom:1px;}
		#nav h3 a {	color:#fff;	display:block;	position:relative; height:28px; width:193px; padding:13px 0 0 15px; text-decoration:none;	font-size:15px; font-weight:normal;	background:url(../images/okvir.jpg) no-repeat;}	
		#nav a.current {background:url(../images/active_okvir.gif) no-repeat; color:#fff; font-weight:bold;	}
	
	#panes {
		width:709px;	
		position:relative;
		float:left;
		z-index:1000;
	}
		#panes div.mainpane {
			display:none;		
			position:absolute;
			top:0;
			left:0;
			width:709px; 
		}
		div.mpcont {
			float:left;
			width:304px;
			padding:22px 20px 0 30px;
		}
			div.mpcont h3 {
				font-size:18px;
				font-weight:bold;
				padding:0 0 14px 0;
				color:#ff0000;
			}
			div.mpcont p {
				 color:#000;
				 line-height:22px;
				font-size:14px;
			}

			div.mpcont a.mpmore {
				font-size:12px;
				color:#ff0000;
				text-decoration:underline;
				display:block;
				float:left;
				padding-top:15px;}
			div.mpcont a.mpmore:hover {text-decoration:none;}
		div.mppic img {
			float:left;
			border:1px solid #fff;
			width:337px;
			height:236px;
		}
		.overlay {
			display:none;
			width:709px;
			background-color:#ddd;
		}

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