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

body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg.jpg) #ffffff repeat-x top;
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

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

#wrap {
 width:989px;
 margin:0 auto;
}

#header {float:left; width:989px; height:90px; background: url(../images/logo.jpg) no-repeat left;}
#header a.logo {float:left; width:382px; height:90px;}

#imagereplace {
	width:1px;
	height:1px;
	font-size: 1px; 
	color: #02102A;
	display:none;
	}

#icons {float:left; width:607px; height:55px; text-align:right;}
#icons img {border:0;}
#prip {padding:4px 8px 0 0; float:right;}
#prip a {text-decoration:none; color:#000;}
#prip a:hover {text-decoration:underline;}

#header ul {float:left; width:431px; height:33px; text-align:right; font-size:1.1em; list-style:none; padding:2px 0 0 20px;}
#header ul li { float:left; background:url(../images/ul_topmenu.gif) no-repeat 0 2px; padding:0 8px 0 8px;}
#header ul li.first {background:0;}
#header ul li a.active {color:#de0000; text-decoration:none;}
#header ul li a {color:#000000; font-weight:bold; text-decoration:none;}
#header ul li a:hover{text-decoration:underline;}

#jsddm
{	float:left; width:431px; height:33px; text-align:right; font-size:1.1em; list-style:none; padding:2px 0 0 20px;}

	#jsddm li
	{	 float:left; background:url(../images/ul_topmenu.gif) no-repeat 0 2px; padding:0 8px 0 8px;}
	#jsddm ul li.first {background:0;}
	#jsddm li a
	{	color:#000000; font-weight:bold; text-decoration:none;display: block;}

	#jsddm li a:hover
	{text-decoration:underline;}
		
		#jsddm li ul
		{margin: 8px 0 0 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			width:150px;
			text-align:left;
			font-size:1em;
			}
		
			#jsddm li ul li{float: none;display: inline;background:0; padding:0 0 0 0;}
			
			#jsddm li ul li a {color:#000;font-weight:bold;  text-decoration:none;width:152px; padding:5px 5px 5px 7px; background:#e0e0e0; margin-bottom:0; display:block;}
			
			#jsddm li ul li a:hover	{text-decoration:none; background:#c7c7c7;}



#search {float:left; width:156px;}
#search input.text {float:left; width:130px; color:#848484; height:14px; border:1px solid #666666; margin-right:2px; display:inline; font-size:1em; padding:1px 0 0 2px; font-family:Arial, Helvetica, sans-serif;}

#left {float:left; width:164px; margin:14px 16px 0 0; display:inline;}
#left ul {list-style:none; font-size:1.2em;}
#left ul li { float:left; }
#left ul li a {color:#ffffff;font-weight:bold;  text-decoration:none;width:147px;  padding:6px 10px 6px 7px; background:url(../images/bg_leftmenu.gif) no-repeat right #de0000; margin-bottom:4px; display:block;}
#left ul li h2 a { font-size:0.67em;color:#ffffff;font-weight:bold;  text-decoration:none;width:147px;  padding:6px 10px 6px 7px; background:url(../images/bg_leftmenu.gif) no-repeat right #de0000; margin-bottom:4px; display:block;}
#left ul li a.active { background:url(../images/active_left.gif) no-repeat right #de0000;}
#left ul li a:hover {text-decoration:underline;}
#left ul li ul {list-style:none; font-size:1em;}
#left ul li ul li {float:left;}
#left ul li ul li a {color:#000;font-weight:bold;  text-decoration:none;width:139px;  padding:4px 18px 4px 7px; background:url(../images/left_under.gif) no-repeat right #e0e0e0; margin-bottom:3px; display:block;}
#left ul li ul li a.active { background:url(../images/left_under_active.gif) no-repeat right #979393; color:#fff;}
#left div {
	position: absolute;
	visibility: hidden;
	margin-left:167px;
	margin-top:-26px;
	padding: 0;
	}
#left ul li ul li div a {color:#000;font-weight:bold;  text-decoration:none;width:157px; padding:5px 0 5px 7px; background:#e0e0e0; margin-bottom:0; display:block;}
#left ul li ul li div a:hover {text-decoration:none; background:#c7c7c7;}

#left p {float:left; width:159px; padding:4px 0 10px 5px; margin:6px 0 0 0; font-size:1.1em; line-height:1.55em; background:url(../images/shade.jpg) top repeat-x;}
#left p span {font-size:1.11em; float:left; width:159px; padding-bottom:3px;}
#left p a {color:#de0000;}
#left p a:hover {text-decoration:none;}
#left input.text {width:141px; height:16px; border:1px solid #666666; font-size:1em; float:left; margin:-6px 0 4px 5px; *margin:4px 0 4px 0; display:inline; color:#848484; padding:2px 0 0 2px;}
#left input.button {background: none; border:0; cursor:pointer; text-decoration:none;font-family: Arial, Helvetica, sans-serif; color:#de0000;text-align:left; float:left; height:18px; font-size:1.1em;}

#left a.odjava { font-size:1.1em; float:right; padding:3px 15px 0 0; _margin-top:-3px; color:#de0000;text-decoration:none;}
#left a.odjava:hover {text-decoration:underline;}

#anketa input.button { background: none; border:0; cursor:pointer; font-size:1em; text-decoration:underline; color:#de0000;text-align:left; height:18px;}

#middle {float:left; width:555px; margin:14px 0 0 0; display:inline;}
#middle object, #middle image.object {float:left; width:555px; }

#breadcrumbs {color:#666666; float:left; font-size:1.1em; width:550px; padding:4px 5px 5px 0; margin-bottom:10px; border-bottom:1px solid #d1d1d1;}
#breadcrumbs a {color:#666666; text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}
#content {float:left;width:550px; padding:0 5px 0 0; font-size:1.2em; line-height:1.6em;}
#content h1 {font-size:1.2em; color:#de0000; padding-bottom:14px; text-transform:uppercase;}
#content ul {list-style:none; padding:10px 0 5px 0;}
#content ul li {background:url(../images/content_ulli.gif) no-repeat 0 8px; padding-left:10px; padding-bottom:5px;}
#content a {color:#de0000; text-decoration:underline;}
#content a:hover {text-decoration:none;}
#content input.text {width:141px; height:17px; border:1px solid #666666; font-size:1em; float:left; margin-bottom:3px; display:inline; color:#848484; padding:1px 0 0 2px;}
#content textarea {width:280px; height:120px; border:1px solid #666666;color:#848484; padding:1px 0 0 2px; font-size:1.2em; float:left; margin-bottom:3px;}
#content img {border:0;}

#legenda {float:left; width:555px; background:url(../images/shade.jpg) top repeat-x; padding:14px 0 0 0;margin-top:8px; color:#666666;}
#legenda p.leg_text { font-size:1.2em; float:left; margin:0 0 0 10px; display:inline; width:310px; font-weight:bold;}
#legenda p.leg_text a {color:#de0000; text-decoration:none;}
#legenda p.leg_text a:hover {color:#366e9b;}
#legenda p.poklicite {font-size:1.2em; font-weight:bold; text-align:right;}
#legenda p.poklicite span {font-size:14px; color:#de0000;}

#middle a.infoizracun {float:left; width:227px; padding:9px 35px 9px 13px; background:url(../images/inf_izracun_bg.jpg) no-repeat; margin:15px 10px 0 -5px; font-size:1.2em; display:inline;font-weight:bold; text-decoration:none; color:#366e9b;}
#middle a.vpra_odg {float:left;  width:227px; padding:9px 35px 9px 13px;  background:url(../images/vprasanja_odg_bg.jpg) no-repeat; margin:15px 0 0 0;font-size:1.2em; font-weight:bold; text-decoration:none; color:#366e9b;}
#middle a.infoizracun:hover, #middle a.vpra_odg:hover {text-decoration:underline;}

#bottom_middle {float:left; width:555px; background:url(../images/shade.jpg) top repeat-x; margin-top:12px;}

	#index_obrazec {float:left; width:195px; padding:12px 0 0 5px; font-size:1.1em;}
	#index_obrazec span{font-size:1.11em; font-weight:bold; color:#de0000; float:left; width:195px; padding-bottom:2px;}
	#index_obrazec input {float:left; padding-top:2px; color:#848484; border:1px solid #666666; width:155px; padding-left:2px; height:16px; margin:2px 0 0 0; font-size:1em;}
	#index_obrazec textarea {color:#848484; float:left; border:1px solid #666666; width:155px; font-family:Arial, Helvetica, sans-serif;height:86px; margin-top:2px; font-size:1em; padding-left:2px; padding-top:2px;}
	#index_obrazec input.button {float:left; background: none; border:0; cursor:pointer; font-size:1em; text-decoration:underline; color:#de0000; width:195px; text-align:left; height:18px; _margin-top:-7px;}
	#index_obrazec a:hover {text-decoration:none;}
	
	#anketa {float:left; width:152px;font-size:1.1em; padding:12px 15px 0 3px; line-height:1.4em;}
	#anketa input.radio {float:left; width:12px; margin-top:1px; *margin-top:-1px; margin-right:5px; display:inline;}
	#anketa div {width:152px; float:left; padding:4px 0 1px 0; *padding:2px 0 0 0;}
	#anketa div.first {padding:8px 0 0 0;}
	#anketa span{font-size:1.11em; font-weight:bold; color:#de0000; float:left; width:152px; padding-bottom:7px;}
	 #anketa a { font-size:1em; text-decoration:underline; color:#de0000;}
	 #anketa a:hover {text-decoration:none;}
      #anketa input.button {float:left; background: none; border:0; cursor:pointer; font-size:0.9em; text-decoration:underline; color:#de0000; width:152px; text-align:left; height:18px;}
	 
	 #aktualne {float:left; width:180px; padding:12px 0 0 0; font-size:1.13em;}
	 #aktualne ul {list-style:none; float:left; width:170px; padding:6px 10px 0 0;}
	 #aktualne ul li {background:url(../images/aktualneinfo_ulli.gif) no-repeat 0 4px; padding:0 0 10px 8px; line-height:1.4em;}
	 #aktualne ul li a {color:#000;}
	 #aktualne ul li a:hover {text-decoration:none;}
	  #aktualne span {font-size:1.11em; font-weight:bold; color:#de0000; float:left; width:170px; padding-bottom:2px;}
	  #aktualne a.arhiv {float:left; color:#de0000; margin:-1px 0 0 8px;}
	  #aktualne a.arhiv:hover {text-decoration:none;}
#right {float:left; width:245px; display:inline; margin:14px 0 0 9px;}

.oglasstreach {float:left; width:245px; margin-bottom:10px; background:url(../images/oglas_streachbg.jpg) repeat-y;}
.oglastop {float:left; width:245px; background:url(../images/oglas_topbg.jpg) top no-repeat; min-height:66px; height:auto !important;height:66px;}
.oglas {padding:15px 15px 10px 15px;float:left; width:215px;  background: url(../images/oglas_bottombg.jpg) bottom no-repeat; min-height:56px; height:auto !important;height:56px; font-size:11px;}
/*.oglas h2 {font-size:1.4em; _font-size:0.6em; padding:1px 0 7px 0;}
.oglas h2 a span.red { text-decoration:none;  text-transform: uppercase; font-weight:bold; color:#de0000;}
.oglas h2 a span.gray { text-decoration:none;  text-transform: uppercase;font-weight:bold; color:#656565;}
.oglas h2 a:hover span {text-decoration:underline;}*/
.oglas a {text-decoration:none; color:#de0000;}
.oglas a img {border:0; float:inherit;}

#galerija {float:left; width:245px;}
#galerija div {float:left; width:130px; height:52px; padding:2px;  border:solid 1px #ADB4AC; text-align:right;}
#galerija div a {font-size:15px; color:#fff; font-weight:bold; text-decoration:none; width:80px; height:18px; padding:32px 10px 0 40px; float:left; text-align:right;}
#galerija p {float:left; width:92px; padding:2px 5px 0 12px; font-size:1.1em;}
#galerija p span {color:#747474; font-size:0.9em;}

#mnenja {float:left; width:220px; padding:11px 12px 0 11px; background:url(../images/bg-news-top.jpg) no-repeat top left; border:solid 1px #de0000; margin-top:10px; border-bottom:none}
#mnenjabot {float:left; width:243px; background:url(../images/bg-news-bot.jpg) no-repeat bottom left; border:solid 1px #de0000; border-top:none}
#mnenja p { font-size:1.1em; line-height:1.45em; float:left; width:220px;}
#mnenja p span {float:left; width:211px; color:#848484; font-size:1em; font-weight:normal; padding-top:4px;}
#mnenja a.title  {font-size:1.3em; font-weight:bold; color:#000; float:left; width:181px; padding-bottom:5px; text-decoration:none;}
#mnenja a.title:hover {color:#999;}
#mnenja p a {float:left; width:220px; margin-top:-5px; color:#de0000;}
#mnenja p a:hover { text-decoration:none;}

#povezave {float:left; width:221px;padding:11px 12px 0 12px; background:url(../images/shade.jpg) repeat-x; margin-top:15px;}
#povezave span {font-size:1.2em; font-weight:bold; color:#366e9b; float:left; width:221px; padding-bottom:6px;}
#povezave ul {list-style:none; font-size:1.1em; float:left;}
#povezave ul li { padding:0 0 2px 0;}
#povezave ul li a {color:#000;}
#povezave ul li a:hover { text-decoration:none;}

#footer {float:left; width:975px; font-size:1.0; background:url(../images/footer_bg.jpg) repeat-x top; margin-top:15px; padding:0 5px 20px 9px;}
#footer p.copy {float:left; width:750px; padding-top:15px; color:#666666;}
#footer p.ns {float:left; width:220px; padding-top:15px; padding-right:5px;}
#footer a {float:left; border:0;color:#666666; text-decoration:none; }
#footer a:hover {text-decoration:underline;}
#footer a img {padding-left:10px; padding-top:1px; border:0;}

#infoizracun {float:left; width:275px;}
#infoizracun a {float:left; width:227px; padding:9px 35px 9px 13px; background:url(../images/inf_izracun_bg.jpg) no-repeat; margin:15px 10px 0 -5px; font-size:1.2em; display:inline;font-weight:bold; text-decoration:none; color:#366e9b;}
#infoizracun a:hover {text-decoration:underline;}

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