/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#7d7d7d;
	min-width:1061px;
	background:url(../images/bg-2.gif) center 0 repeat #7CB15E;
}

/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


.bg-1 {width:100%; background:url(../images/bg-1-top.jpg) center 0 no-repeat;}
.bg-2 {width:100%; background:url(../images/bg-2.gif) center 0 repeat;}
.bg-3 {width:100%; background:url(../images/bg-3-tail.png) repeat-y 0px top;}
.bg-4 {width:100%; background:url(../images/bg-4-tail.png) repeat-x center top #7cb15e;}
.bg-5 {width:100%; background:url(../images/bg-5.gif) no-repeat left top #f2f4ed;}
.bg-6 {width:100%; background:url(../images/bg-6.gif) no-repeat left  top #f2f4ed;}
.bg-7 {width:100%; background:url(../images/bg-7-tail.png) repeat-y 0px top; height:160px;}

.main {
	width:1061px; 	
	padding:0;
	margin:0 auto;
	font-size:0.9em;
	line-height:1.666em;
}
.main-padding {padding:32px 0 0 0;}
a {color:#7cb15e; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}
.col-1 {width:318px;}
.col-indent {margin-right:59px;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:48px;}

.reg {text-transform:uppercase;}

.relet {position:relative;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#666;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot1 {margin-bottom:33px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-top1 {margin-top:15px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:41px;}
.indent-bot4 {margin-bottom:19px;}
.indent-bot5 {margin-bottom:21px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent-bot1 {margin-bottom:26px;}
.img-indent-bot2 {margin-bottom:24px;}
.img-indent-bot3 {margin-bottom:27px;}
.img-indent-bot4 {margin-bottom:29px;}

.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent1 {float:left; margin:0 26px 0px 0;}
.img-indent2 {float:left; margin:0 24px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot1 {margin-bottom:2px;}
.prev-indent-bot2 {margin-bottom:11px;}
.prev-indent-bot4 {margin-bottom:6px;}
.prev-indent-bot5 {margin-bottom:9px;}
.prev-indent-bot6 {margin-bottom:13px;}

.indent-top {margin-top:-4px;}
.buttons a:hover {cursor:pointer;}
.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
	min-height:160px; 
	width:100%;
	position:relative; 
	z-index:2;
}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	width:940px;
	padding: 0;
	background:#fff;
	box-shadow:0 0 9px rgba(39,30,30,.28);-moz-box-shadow:0 0 9px rgba(39,30,30,.28);-webkit-box-shadow:0 0 9px rgba(39,30,30,.28);
	overflow:hidden;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 188px;
	height: 491px;
	position:relative;
	box-shadow:0 0 11px rgba(0,0,0,.5);-moz-box-shadow:0 0 11px rgba(0,0,0,.5);-webkit-box-shadow:0 0 11px rgba(0,0,0,.5);

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0; /*Set to same as spacing option. */	
	float: left;
}
.kwicks li span{background:url(../images/caption.png) 0 0 repeat;position:absolute;bottom:0;left:0;width:100%;padding:19px 0 17px;}
.kwicks li strong{border-left:6px solid #fff;display:block;color:#FFF; font-size:16px; padding:8px 0 5px;}
.kwicks li.active strong{color:#fff;}
.kwicks li strong em {margin-left:10%;display:block;}

#kwick_1{background:url(/media/storitve/zelenice.jpg) 20% 0 no-repeat}
#kwick_2{background:url(/media/storitve/grede.jpg) 40% 0 no-repeat}
#kwick_3{background:url(/media/storitve/skalnjaki.jpg) 50% 0 no-repeat}
#kwick_4{background:url(/media/storitve/zive_meje.jpg) 47% 0 no-repeat}
#kwick_5{background:url(/media/storitve/vrtni_ribniki.jpg) 40% 0 no-repeat}


#page3 header {min-height:393px;}
h1 {
	padding:0; 
	position:absolute;
	left:61px;
	top:-15px;
	z-index:55;
}
h1 a {
	display:block; 
	width:314px; 
	height:138px; 
	text-indent:-5000px; 
	background:url(../images/logo.png) 0 0 no-repeat;
}

.menu {
	padding:24px 0 0 0; 
	float:right;
	min-height:32px;
	position:relative;
	z-index:2;
	margin-right:58px;
}
.menu li {
	float:left; 
	position:relative;
	text-transform:uppercase;
}
.menu > li {padding:0 1px 0 1px;}
.menu li.last {padding-right:30px;}
.menu li a {
	display:block; 
	color:#73a752; 
	padding:1px;
	font-size:16px;
	line-height:28px;
	letter-spacing:0px;
}
.menu li a strong {
	display:block;
	padding:0 6px;
	}

.menu li a.active,
.menu li a:hover,
.menu > li.sfHover > a {	color:#fff; background:#58803f;}
.menu li a.active strong,
.menu li a:hover strong,
.menu > li.sfHover > a strong {border:1px solid #8bba59; background:#6d9f4e; padding:0 5px;}
.menu ul {
	position:		absolute;
	padding:		1px;
	top:			-999em;
	width:			182px;
	background:		#fdfdfd;
}

.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {
	padding:0 0 1px 0;
	background:#fdfdfd;
	}
.menu li li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#779e5d;
	padding:		0 0 0 20px;
	line-height:	25px;
	text-align:		left;
	background:url(../images/menu-li-marker.gif) no-repeat 9px -17px #f1f4ed;
	text-transform:	none;
	letter-spacing:0px;
}
.menu li li.last1 {padding-bottom:0px;}
.menu li li a:hover, .menu li li.sfHover > a {background:url(../images/menu-li-marker.gif) no-repeat 9px 9px #466d3b; color:#fff;}
.menu li li.sfHover > a {}

.menu li:hover ul, .menu li.sfHover ul {
	left:			-2px;
	top:			35px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			184px;
	top:			0px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}
.img-padding {padding:14px 0 59px 61px;}

.call_us{
	position:absolute;
	right:61px;
	top:94px;
}
.call_us h4{
 padding-top:4px;
 float:left;
}
.call_us .button span{
	float:right;
}
.call_us .button span img{
	margin-top:4px;
	margin-left:3px;
}
/*********************************content*************************************/
#content {
	width:100%; 
	padding:0;
	position:relative;
	z-index:1;
}
.center-padding-1 {padding:38px 0 42px 0;}
.center-padding-2 {padding:38px 0 55px 0;}
.center-padding-3 {padding:40px 0 55px 0;}
.center-padding-4 {padding:28px 0 55px 0;}
h2 {
	font-size:39px;
	line-height:2em;
	color:#fff;
	background:url(../images/border-1.gif) repeat-x center bottom;
	padding-bottom:11px;
	margin-bottom:20px;
	}
h2 strong {
	display:inline-block;
	background:url(../images/marker-1.png) no-repeat left 12px;
	font-size:35px;
	line-height:2em;
	color:#fff;
	width:58px;
	height:67px;
	margin-right:12px;
	text-align:center;
	padding-top:5px;
	overflow:hidden;
	}
.list-1 li {
	font-size:14px;
	line-height:22px; 
	padding:3px 0 3px 24px; 
	background:url(../images/marker-2.png) 1px 10px no-repeat;
}
	.list-1 li a {display:inline-block;	color:#fff;	}
		.list-1 li a:hover {text-decoration:underline;}

.button-1-bg {
	display:block; 
	background:url(../images/button-1-bg.png) no-repeat left top;
	width:179px;
	height:62px;
}
.button-1 {
	font-size:16px;
	line-height:2em;
	color:#fff;
	display:block;
	text-transform:uppercase;
	background:url(../images/button-1.png) no-repeat -320px top;
	width:120px;
	text-align:center;
	position:relative;
	overflow:hidden;
	height:43px;
	z-index:1;
	letter-spacing:-1px;
	margin-left:30px;
	}
.button-1:hover {background-position:left top; padding-top:16px; height:47px;}
h3 {
	font-size:28px; 
	line-height:2em; 
	margin:0 0 10px 0; 
	color:#434343;
	letter-spacing:-2px;
}
h3 strong {display:block; margin-top:-31px;}
h6 {
	font-size:1.2em;
	line-height:20px;
	color:#7cb15e;
	margin-bottom:10px;
	}
.style-img {
	background:#fff;
	padding:1px;
	border:1px solid #eaebe8;
	margin-bottom:20px;
	}	
.style-center,
.style-center-1,
.style-center-2,
.style-center-3,
.style-center-4 {
	background:#fafbfb;
	padding:18px;
	}
.style-center-1 {padding-bottom:5px;}
.style-center-2 {padding-bottom:14px;}
.style-center-3 {padding-bottom:11px;}
.style-center-4 {padding:19px 19px 26px 18px;}
.border-1 {border:1px solid #fff;}
.button {
	display:inline-block;
	background:#8bba59;
	padding:1px;
	border:1px solid #58803f;
	font-size:13px;
	line-height:23px;
	cursor:pointer;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:0px;
	}	
.button strong {
	display:block;
	background:#6d9f4e;
	padding:0px 13px 2px 10px;
	}
.button:hover {	border:1px solid #58803f; background:#4f8632;}
.button:hover strong {background:#3e692c;}

.button3 {
	display:inline-block;
	background:#8bba59;
	padding:1px;
	border:1px solid #58803f;
	font-size:16px;
	line-height:23px;
	cursor:pointer;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:0px;
	width:100%;
	text-align:center;
	}	
.button3 strong {
	display:block;
	background:#6d9f4e;
	padding:20px 13px 20px 10px;
	}
.button3:hover {	border:1px solid #58803f; background:#4f8632;}
.button3:hover strong {background:#3e692c;}

.list-2 li {
	font-size:17px; 
	line-height:23px; 
	padding:2px 0 4px 0; 
	background:url(../images/list-line.gif) 0 bottom repeat-x;
}
	.list-2 li a {
		display:inline-block; 
		color:#7cb15e;
		background:url(../images/list-2-marker.png) 0 7px no-repeat;
		padding-left:25px;
		}
		.list-2 li a:hover {color:#a7cd03;}
	.list-2 .last {background:none;}
	.list-2 .active {color:#a7cd03;}
	
.margin-none {margin-bottom:0px;}	
.style-text-box	{
	float:left;
	width:51px;
	margin-right:19px;
	background:url(../images/style-text-box-bg.png) no-repeat left top;
	text-align:center;
	height:71px;
	overflow:hidden;
	}
.style-text-box strong {
	display:block;
	font-size:36px;
	line-height:50px;
	color:#fff;
	}	
.border-bot-1,
.border-bot-2 {
	width:100%; 
	padding-bottom:7px; 
	background:url(../images/border-bot-1.gif) 0 bottom repeat-x;
	margin-bottom:24px;
}
.border-bot-2 {padding-bottom:22px; margin-bottom:19px;}
.box-text {
	width:266px;
	border:1px solid #e8eae5;
	border-radius:12px;
	background:url(../images/box-text-bg.gif) repeat-x center top #dadcd6;
	position:relative;
	z-index:1;
	}	
.box-text-center {
	background:url(../images/box-text-center.png) no-repeat 18px 13px;
	padding:26px 10px 24px 34px;
	line-height:20px;
	}	
.box-text-bottom {
	background:url(../images/box-text-bottom.png) no-repeat 65px top;
	position:relative;
	z-index:2;
	margin-top:-1px;
	height:20px;
	}	
.box-text-link {
	text-align:right;
	padding-right:33px;
	margin-top:-4px;
	}	
.list-3 li {
	font-size:13px;
	color:#3e3d31;
	line-height:22px;
	padding:2px 0 2px 22px;
	background:url(../images/list-3-marker.png) no-repeat left 8px;
	}	
.list-3 li a {
	color:#3e3d31;
	text-decoration:none;
	display:inline-block;
	}
.list-3 li a:hover {color:#6D9F4E;}
.list-4 li {
	border:1px solid #ecedeb;
	background:#fff;
	margin-bottom:5px;
	padding:1px;
	}
.list-4 li a {
	display:block;
	line-height:41px;
	background:#fafbfb;
	color:#434343;
	font-size:18px;
	padding-left:11px;
	text-transform:uppercase;
	letter-spacing:-1px;
	}
.list-4 li a:hover {color:#fff; background:#7cb15e;}
.list-4 li:hover {border-color:#a9ca94;}	



/*submenu*/
.subnav .submenu li {
	border:1px solid #ecedeb;
	background:#fff;
	margin-bottom:5px;
	padding:1px;
	}
.subnav .submenu li a {
	display:block;
	line-height:41px;
	background:#fafbfb;
	color:#434343;
	font-size:18px;
	padding-left:11px;
	text-transform:uppercase;
	letter-spacing:-1px;
	}
.subnav .submenu li a:hover,.subnav .submenu li .active {color:#fff; background:#7cb15e;}
.subnav .submenu li:hover, .subnav .submenu .active {border-color:#a9ca94;}	

/*sub sub menu */
.subnav .submenu li ul{ margin-top:7px}
.subnav .submenu li li {
	font-size:17px; 
	line-height:23px; 
	padding:2px 0 4px 0;
	margin-left:15px;
	border:none;
}
.subnav .submenu li li a{
		display:inline-block; 
		color:#7cb15e;
		background:url(../images/list-2-marker.png) 0 7px no-repeat;
		padding-left:25px;
	    line-height:23px;
		text-transform:none;
		font-size:15px;
	letter-spacing:0px;
}
.subnav .submenu .submenu .active{background:none}
.subnav .submenu li li a:hover, .subnav .submenu .submenu li .active {color:#000;;background:url(../images/list-2-marker.png) 0 7px no-repeat;  text-decoration:none !important; border:none;}
/*
.submenu ul li ul li {
	font-size:17px; 
	line-height:23px; 
	padding:2px 0 4px 0; 
	background:url(../images/list-line.gif) 0 bottom repeat-x;
}
.submenu ul li ul li a {
		display:inline-block; 
		color:#7cb15e;
		background:url(../images/list-2-marker.png) 0 7px no-repeat;
		padding-left:25px;
		}
.submenu ul li ul .last {background:none;}
*/


.time {
	display:block;
	font-size:12px;
	line-height:20px;
	color:#7d7d7d;

	}	
.time span {color:#7cb15e; }	
.time2 {display:block;}
.list-5 dt {
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	color:#7cb15e;
	padding-bottom:20px;
	}
dl span {float:left; width:67px;}

.link:hover {text-decoration:underline;} 
.line-height-1 {line-height:20px;}
/********Slider********/
.slider-padding {padding:14px 20px 58px 61px; position:relative; z-index:1;}
#page3 .slider-padding {padding-bottom:57px;}
.slider-wrapper {
	width:440px;
	padding:0;
	position:relative;
	z-index:1;
	padding-bottom:20px;
}
.slider {
	width:420px;
}
.slider_bg {
	background-color:#FFFFFF;
	padding:10px;
}
.items {
	display:none;
}

.pagination {
	z-index:99;
	margin-top:20px;
	padding-bottom:20px;
	margin-left:140px;
	width:180px;
}
.pagination li {
	float:left;
	padding-right:10px;
	padding-bottom:5px;
}
	.pagination li a {
		display:block;
		width:19px;
		height:19px;
		text-indent:-5000px;
		background:url(../images/pagination.png) no-repeat -29px top;
		cursor:pointer;
	}
	.pagination li a:hover {background-position:0 0px;}
	.pagination li.current a {cursor:default; background-position:0 0px;}
	
/***** Contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label { min-height:45px;}
			#contact-form label.message {height:255px;}
			
			#contact-form input {
				width:355px;
				padding:9px 13px 8px 13px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#7d7d7d; 
				border:1px solid #fff;
				background:#fafbfb;
				outline:none;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:240px;
				margin:0;
				width:355px;
				padding:9px 13px 8px 13px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#7d7d7d; 
				border:1px solid #fff;
				background:#fafbfb;
				overflow:auto;
				outline:none;
			}
			#contact-form a {cursor:pointer;}
				#contact-form .success {display:none; margin-bottom:20px;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:11px;
					line-height:1.5em;
					display:none;
					overflow:hidden;
				}
		.link-form {text-align:right;padding:36px 0px 0 0;}
		.link-margin {margin-left:17px;}
		.form-border {display:inline-block; border:1px solid #ededec; margin:0px;}
		#contact-form label.message .form-border {height:259px;}
		
/****************************footer************************/
footer {
	width:100%; 
	padding:43px 0 48px;
	color:#fff;
}
.menu-footer li {
	float:left;
	padding-right:12px;
	}
.menu-footer li a {
	display:inline-block;
	color:#fff;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	text-decoration:none;
	}
	.menu-footer li.last {padding-left:3px;}
	.menu-footer li a:hover,
	.menu-footer li a.active {color:#B2D41F}
	.link-footer {
		float:right;
		font-size:12px;
		line-height:19px;
		color:#b7ee98;
		display:block;
		padding-top:1px;
		}
		.link-footer span {display:inline-block;}
	.link-footer a {
		color:#b7ee98; 
		display:inline-block; 
		text-decoration:none;
		margin-left:17px;
		}
			.link-footer a:hover {color:#fff;}