body
{	text-align:center;
	background:url('images/header_bg.gif');
	background-repeat:repeat-x;
	font-family:trebuchet MS;
	font-size:12px;
	color:##3F4A4E;
	margin:0px;
}
.site-wrapper
{
text-align:left;
width:1024px;
margin-left:auto;
margin-right:auto;
}















.header-contact







{







	float:right;	







	margin-right:305px;







}















.header-wrapper







{

 





	position:relative;







	width:1024px;







	height:217px;







	background:url('images/header_bg.gif');







	background-repeat:repeat-x;







}















.body-wrapper







{

position:relative;





	margin-top:0px;  







	float:left;







	width:1024px;











background-image:url(images/tab1.gif);

background-position:left bottom;

background-repeat:repeat-y; 



}















.footer







{







	clear:left;







	width:1024px;







	height:189px;







	background:url(images/footer.gif);







}















.header-menu







{







	float:none;







	width:370px; 







	height:54px; 







}















.header-title { width:381px; }















.vsebina2_div-wrapper







{













	width:470px;







	margin-right:5px;







}







































.header-wrapper ul {display:inline; height:35px; position:absolute;  bottom:0px; padding:0px; margin:0px; left:58px;}







.header-wrapper ul li { width:152px; height:35px; display:inline; margin-left:2px; float:left; }







.header-wrapper ul li a { font-size:14px; font-weight:normal;font-family:"Franklin Gothic Medium", sans-serif;padding:0px; margin:0px;}



.header-wrapper ul li img {padding:0px; margin:0px; width:152px; height:35px}



.menu { width:152px; height:35px;}







.selected { }



















.header2







{







width:1024px;







height:222px;







background:url(images/zelena.gif);







background-repeat:repeat-x;







position:relative;

}


.slika


{







position:absolute;







right:37px;







bottom:0px;







}















.packa







{







	margin:0px;







	padding:0px;







	float:right;







}















.porto







{







float:right;







margin-top:101px;







}















.tab1







{



position:relative;

width:268px;



margin:0px;padding:0px;



background:url(images/tab1.gif);







background-repeat:repeat-y;







float:left;	





height:100%;







}















.tab2







{







margin-left:270px;







width:754px;







background:url(images/packa.gif);



background-position: top right;



background-repeat:no-repeat;



  

}















.tab1 h1







{







	padding:0;







	margin:0;







	color:#666666;







	font-family:trebuchet MS;







	font-weight:200;







	margin-left:22px;







	padding-top:21px;







	margin-bottom:11px;







	font-size:24px;







}















.tab2 h1







{







	padding:0;







	margin:0;







	color:#aad500;







	font-weight:200;







	margin-left:28px;







	padding-top:21px;







	margin-bottom:21px;







	font-size:24px;







	font-weight:500;	







	font-family:"Franklin Gothic Medium", sans-serif;







	







}















.tab1 a







{







	color:#5f5f5f;







	font-weight:bold;











	font-size:13px;







	text-decoration: none;







	margin-left:20px;







}















.tab1 form







{







	margin-left:16px;







	line-height:22px;







	







	font-size:12px;







	font-weight:700







}















.vsebina1







{







	margin-left:20px;







	color:#3F4A4E;







	font-size:12px;







	font-family:Verdana, Geneva, sans-serif;







	width:228px;







	top:4px;







}















.vsebina2_div
{	margin-left:28px;
width:655px;
}


.vsebina2 {color:#3F4A4E; font-size:12px; font-family:trebuchet MS;}


.crta { float:left; }







.crta2 { float:left; }















a img 







{







border-bottom-style:none;







border-bottom-width:0px;







text-decoration: none;







border:none;







}















a { text-decoration: none; color:white;
 }















.slika1 { margin-left:15px; padding:5px; padding-top:0px;}



.slika1 { margin-left:15px; padding:5px;}















.tab3







{







	width:242px;







	height:190px;







	float:left;















	border-color:#000;







}









.tab3 h1 {


color:#999999;

}

.footer h1 {}



.footer ul







{







	padding:0; 







	margin:0;







	list-style:none; 



	color:#bbbbbb;




}















.footer li { float:left; }















.footer h1







{







	padding:0;







	margin:0;







	color:#bbbbbb;







	font-family:trebuchet MS;







	font-weight:200;







	margin-left:10px;







	padding-top:21px;







	margin-bottom:11px;







	font-size:24px;







} 















.tab3 a







{







	color:#5f5f5f;







	font-weight:bold;







	







	font-size:13px;







	text-decoration: none;







	margin-left:10px;







}	















li a







{







	font-size:14px;







	







	color:#effaff;







	margin-left:13px;







}















.piltek{margin:0px;padding:0px; border:0px; float:left; margin-right:2px;}







.piltek2{position:absolute; left:3px; bottom:0px;margin-top:10px;}







.kontakt{margin-left:18px; float:left;}







.back{ float:left; margin-top:43px; margin-right:0px;}







.next{ float:left; margin-top:43px; margin-left:10px; }







.next2{ float:right; margin-top:0px; margin-top:15px;}







.border1{ border:4px; border-left:5px; border-color:#d3ec87; border-style:solid; margin-left:12px;}















p { margin:0px; padding:0px; color:#3F4A4E; }







	







.header_naslov {font-family:"Franklin Gothic Medium", sans-serif; font-size:24px; color:white; padding-left:99px; padding-top:7px; }







.header_naslov2 {float:left; font-size:16px; color:white; width:300px; margin-top:8px;font-weight:600}







.header_text {width:355px; height:45px;  margin-left:99px; }







.header_text2 {float:left; font-size:12px; color:#50621c; width:315px; font-family:Verdana, Geneva, sans-serif;}







.header_images_position {margin-left:59px; padding-top:4px;}







.header_images_div{ float:left; margin:0px; padding:0px; width:513px; height:120px; margin-left:0px;}







.stepcarousel{



position: relative; /*leave this value alone*/



overflow: hidden; /*leave this value alone*/



width: 485px; /*Width of Carousel Viewer itself*/



height: 130px; /*Height should enough to fit largest vsebina2_div's height*/



margin-left:29px; 







}







.stepcarousel .belt{



position: absolute; /*leave this value alone*/



left: 0;



top: 0;







}







.stepcarousel .panel{



float: left; /*leave this value alone*/



overflow: hidden; /*clip vsebina2_div that go outside dimensions of holding panel DIV*/



margin: 0px; /*margin around each panel*/



width: 160px; /*Width of each panel holding each vsebina2_div. If removed, widths should be individually defined on each vsebina2_div DIV then. */



}







.stepcarousel .panel img {



border:4px; border-left:5px; border-color:#d3ec87; border-style:solid; margin-left:8px;



}









		.vsebina2_div {



		



			width: 720px;



			padding: 0px 0 20px 0;



			font-weight:normal



		}



			.vsebina2_div .double-col a {





				text-decoration: underline;



			}



				.vsebina2_div .double-col a:hover {



					text-decoration: none;



				}



			.vsebina2_div .double-col ul,



			.vsebina2_div .double-col ol {



				list-style: none;



				font-size: 12px;



				line-height: 18px;



				margin: 0;



				padding: 5px 0 5px 20px;



			}



				.vsebina2_div .double-col ul li,



				.vsebina2_div .double-col ul li {



					padding: 0 0 0 15px;



					background: url(../images/dot-gray.png) left no-repeat;



				}



			.double-col {



				float: left;





				margin: 0 0 0 10px;



				display: inline;



			}



				.double-col p {



					font-size: 12px;



					line-height: 18px;



				}



			.col {
				float: left;
				width: 220px;
				margin: 0 20px 0 0px;
				display: inline;
			}
			
			.col1 {
				float: left;
				
				margin: 0 20px 0 0px;
				display: inline;
				width:29%; text-align:center
			}
		.col2 {
				float: left;
				
				margin: 0 20px 0 0px;
				display: inline;
				width:19%; text-align:center
			}
		.col3 {
				float: left;
				
				margin: 0 20px 0 0px;
				display: inline;
				width:19%; text-align:center
			}
			.col4 {
				float: left;
				
				margin: 0 20px 0 0px;
				display: inline;
				width:20%; text-align:center
			}




				.col img {



				width: 220px;

				height:100px;



				}



				.col h2{



				}



				.middle {



					margin: 0;



				}



				.col p {



					float: left;



					width: 100%;



					font-size: 12px;



					line-height: 18px;



					font-weight:normal



				}



				.btn-more {



					float: left;



					font-size: 12px;



					color: #ffffff;



					padding: 5px 8px 5px 8px;



					background-color: #2a738a;



				}



					.btn-more:hover {



						color: #ffffff;



						background-color: #4d99b1;



						text-decoration: none;



					}



				.col p.date {



					float: left;



					width: auto;





					padding: 3px 0 0 10px;



					margin: 0;



				}



				.vsebina2_div span.date {





					float: left;



					margin: 0 0 7px 0;



				}



			#icons {



				float: left;



				width: 100%;



				display: inline;



			}



				.waranty,



				.shipping,



				.call-us {



					float: left;



					width: 100px;



					margin: 30px 20px 0 20px;



					padding: 5px 0 5px 70px;



				}



				.waranty {



					background: url(../images/waranty.png) left no-repeat;



				}



				.shipping {



					margin: 30px 0 0 0;



					background: url(../images/shipping.png) left no-repeat;



				}



				.call-us {



					background: url(../images/call-us.png) left no-repeat;



				}



					.waranty:hover,



					.shipping:hover,



					.call-us:hover {





						text-decoration: none;



					}



					.sidebar-icon {



						margin: 10px 0 0 0;



					}

 
.casestudy {padding-top:10px; width:100%; float:left; }

.casestudy h2{color:white;

background-color:#bbbbbb; padding:5px; }

.casestudy img {float:left; width:210px; border:1px solid gray; margin:5px;}

.casestudy p {padding:3px;}



			#submenu {

				float: left;

				width: 210px;

				list-style: none;

				padding: 10px;

				margin: 0;

				display: inline;

			}
ul li {list-style:circle; color:#3F4A4E}

				#submenu li {

					float: left; 

					width: 100%;
					list-style:none

				}

				#submenu li a {

					float: left;

					width: 100%;

					color: #3F4A4E;

					padding: 8px 0 8px 0;

					font-size: 12px;

					border-bottom: 1px solid #999999;

					border-top: 1px solid #CCCCCC;

				}

				#submenu li a.first {

					border-top: none;

				}

				#submenu li a.last {

					border-bottom: none;

				}



.degriz {

font-size:19px;

font-weight:bold;

color:#a0d805;

}

			#questions {

				float: left;

				width: 230px;

				display: inline;

			}

				#questions input {

					float: left;

					width: 214px;

					border: 2px solid;

					font-size: 11px; 

					color: #bbbbbb; 

					padding: 3px;

				}

				#questions textarea {

					float: left;

					width: 214px;

					height: 44px;

					margin: 5px 0 5px 0;

					font: 11px Arial, Helvetica, sans-serif;

					color: #bbbbbb;

					border: 2px solid;

					padding: 3px;

				}

				.submit2 {

					background-color: gray;

					color: white !important;

					width: auto !important;

					padding: 1px 5px 1px 5px !important;

					border:0px !important;

					border-color:##AEADA6 !important;

				}

a {color:#AAD500}
a:visited {} 

#submenu li {list-style:none}
.paketi, .paketi li { margin-left:5px;padding-left:0px;list-style:none !important; padding:0px; margin:0px; } 




.paket_1 .col, .paket_2 .col, .paket_3 .col, .paket_4 .col, .paket_5 .col {float:none; display:inline-block; } 
.paket_1 .col img, .paket_2 .col img, .paket_3 .col img, .paket_4 .col img, .paket_5 .col img {width:12px; height:12px;} 
.paket_1 {}
.paket_2 {}
.paket_3 {}
.paket_4 {}
.paket_5 {}




.casestudy1 {padding-top:10px; width:100%; float:left; }

.casestudy1 h2{color:white;

background-color:#bbbbbb; padding:2px; font-size:16px }

.casestudy1 img {float:left; width:210px; border:1px solid gray; margin:5px;}

.casestudy1 p {padding:3px;}



			#submenu {

				float: left;

				width: 210px;

				list-style: none;

				padding: 10px;

				margin: 0;

				display: inline;

			}

.tab3 .vsebina2 {
	color:#666666;}
	
.kontakt_list{ float:left; width:50%}

.kontakt_list a{ color:#99C400; }

	
.kontakt {
			float:right;
			margin-right:30px;	
		 }
	
.kontakt_degriz { float:right; width:50%}

.kontakt_povp { margin-top:230px; font-size:11px; }

.kontakt_naslov { margin-left:10px; padding-bottom:10px; }
.paket_4 .col6 {
	
	float:none; display:inline-block;
				
}
.col6{
				float: left;
				width: 220px;
				margin: 0 20px 0 0px;
				display: inline;
				
			}
			
.paket_4 .col6 img{width:12px; height:12px;} 
			
.podrobnosti{padding-top:15px; float:right; padding-right:15px;}		

.prodajalna{width:19%; margin-top:42px; text-align:center}
.blagovnica{width:19%; margin-top:42px; text-align:center}
.trgovski{width:20%; margin-top:42px; text-align:center}

.prodajalna2{width:19%;margin-top:42px; text-align:center}
.blagovnica2{width:19%;margin-top:42px; text-align:center}
.trgovski2{width:20%; margin-top:42px;text-align:center}

.prodajalna3{width:19%; text-align:center}
.blagovnica3{width:19%; text-align:center}
.trgovski3{width:20%; margin-top:42px;text-align:center}

.prodajalna4{width:19%; margin-top:42px;text-align:center}
.blagovnica4{width:19%;margin-top:42px; text-align:center}
.trgovski4{width:20%; margin-top:42px;text-align:center}

.prodajalna5{width:19%; text-align:center; color:#333333}
.blagovnica5{width:19%; text-align:center; color:#333333}
.trgovski5{width:20%; margin-top:42px;text-align:center}

.prodajalna6{width:19%; text-align:center; color:#333333}
.blagovnica6{width:19%; text-align:center; color:#333333}
.trgovski6{width:20%; text-align:center; color:#333333}


.simply-scroll li {list-style:none}

.simply-scroll-container { 

	position: relative;

}



.simply-scroll-clip { 

	position: relative;

	overflow: hidden;

	z-index: 2;

}





.simply-scroll-list { 

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	overflow: hidden;

	margin: 0;

	padding: 0;

	list-style: none;

}

	

.simply-scroll-list li {

	padding: 0;

	margin: 0;

	list-style: none;

}

	

.simply-scroll-list li img {

	border: none;

	display: block;
 
}







.simply-scroll { 

	width: 265px;

	height: 40px;

	margin-bottom: 1em;
	background-color:white;

}



.simply-scroll .simply-scroll-clip {

	width: 265px;

	height: 40px;

}

	

.simply-scroll .simply-scroll-list li {

	float: left; /* Horizontal scroll only */

padding-left:30px;
}