@charset "utf-8";
/* CSS Document */

body {background:#ddeec5 url(../images/top_bg.jpg) repeat-x top; color:#000; font-family:"Trebuchet MS", sans-serif, Arial;}
.wrap {margin: 0 auto; width:900px;}

.XXXL {font-size:36px}
.XXL {font-size:23px}
.XL {font-size:18px}
.L {font-size:14px}
.M {font-size:12px}
.S {font-size:11px}
.XS {font-size:10px}

.green {color:#8dc73e;}
.gray {color:#737373;}
.white {color:#ffffff;}
.black {color:#000000;}

a:hover {text-decoration:none}

#header {float:left; width:900px; background:url(../images/header_bg.jpg) no-repeat top; height:149px;}

	#header img {float:left; width:272px;}

	#header ul {float:left; width:900px; list-style:none; margin-top:5px;}
	#header ul li {float:left; }
	#header ul li a {float:left; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; background:url(../images/ulli_puscice.gif) no-repeat 12px 25px;cursor:pointer;height:41px; padding:0 0 0 12px;}
	#header ul li a span.l {height:21px; display:block;	float:left;	padding:20px 9px 0 12px;}
	#header ul li a span.d {height:41px; display:block;	width:8px; float:left;_width:7px;}

	#header a:hover {	
	color:#8dc73e;
	cursor:pointer;
	background:url(../images/active_topmeni.png) left -82px;}
	
	#header a:hover span.d {
	background:url(../images/active_topmeni.png) right -123px;}

	#header a.active {	
	color:#8dc73e;
	cursor:pointer;
	background:url(../images/active_topmeni.png) left -82px;}
	
	#header a.active span.d {
	background:url(../images/active_topmeni.png) right -123px;}

	#whitecont {background:#ffffff;}
	
	#content {float:left; width:900px; margin-top:20px; padding-bottom:20px;}
	
	#left_sub {float:left; width:592px;margin-right:37px; padding:8px 0 15px 0; display:inline; font-size:13px; line-height:16px;}
	
	#left_sub h1 {font-size:18px;color:#8dc73e; padding-bottom:10px;}
	#left_sub ul {list-style:none; padding:8px 0 8px 0;}
	#left_sub ul li {background:url(../images/ulli.gif) 0 7px no-repeat; padding:1px 0 1px 12px;}
	#left_sub hr {color:#8dc73e; background-color:#8dc73e; height:1px; border:none;}
	#left_sub img {float:right; padding:0 0 4px 10px;}
	#left_sub input.text {float:left; width:200px; height:17px; padding-top:3px;}
	#left_sub a, #left a {color:#8dc73e;}
	
	#left {float:left; width:592px; margin-right:37px; padding:8px 0 0 0; display:inline;}
	
	#left ul {list-style:none; padding:0 38px 0 10px;}
	#left ul li {background:url(../images/ulli_pika.gif) left no-repeat; padding:2px 0 2px 20px;}
	
	#left h3 {font-weight:bold; font-size:23px; line-height:30px; padding:0 0 27px 10px;}
	
	#ponudba { float:left; width:562px; height:84px; background:url(../images/ugodnost_bg.jpg) no-repeat; padding:48px 0 0 30px; font-size:19px; line-height:25px;}
	
	#right {float:left; width:270px;}
	
	#kontakt img.prostor {float:left; padding:12px 0 0 21px; width:226px;}
	#kontakt a {color:#000000;}
	
	#kontakt {float:left; width:270px; background:#e8e8e8; font-size:11px; line-height:15px;}
	#kontakt table {float:left; padding:10px 15px 0 15px;}
	#kontakt p {float:left; width:221px; padding:3px 15px 7px 24px; color:#737373; line-height:13px;}
	#kontakt a.zemljevid {float:left; font-weight:bold; padding-left:20px; padding-bottom:12px;}
	
	#zahtevajte {float:left; width:270px; background:url(../images/right_zavihek.jpg) no-repeat bottom right #e8e8e8; margin-top:15px; height:135px;}
	#zahtevajte p {font-size:13px; float:left; width:225px; padding:9px 28px 0 17px; line-height:18px;}
	#zahtevajte a {float:left; font-size:11px; color:#000000;padding:15px 0 0 17px; text-decoration:underline;}
	#zahtevajte a:hover {text-decoration:none;}
	
	#footer {height:120px; background:#ddeec5;}
	
	#inner_footer {float:left; width:900px; border-top:6px solid #b4dd7c; color:#8e8e8e; font-size:11px; font-family:Tahoma; padding:5px 0 0 2px;}
	#inner_footer p.copy {float:left; width:350px;}
	#inner_footer p.ns {float:right; width:210px;}
	#inner_footer p.ns a {color:#8e8e8e; text-decoration:none; float:left;}
	#inner_footer p.ns a:hover {text-decoration:underline;}
	#inner_footer p.ns img {float:left; padding:1px 0 0 7px;}
	
/* 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 */