﻿/*RESET*/
html, body, div, span,object, h2,h3,h4, p, font, img, dd,dt,dl,a, ul,ol,li,form{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;list-style-type:none;font-weight:normal;color:#676767;}
b {font-size: 100%;list-style-type:none;font-weight:normal;color:#676767;}
body{background:#ffffff;font-size:11px;font-family:Tahoma, Verdana ,sans-serif}
#wrap{width:100%;margin:0 auto;}
.clear{clear:both}
a {text-decoration:none; color:#FF00FF; font-weight:}
a:hover {text-decoration:underline;}
.link_folio {margin:10px 10px 0 0; text-align:right;}
.text_folio {margin:10px auto;}
#fiocco{
	height:181px;
	width:400px;
	background-image:url(img/logo_home.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left: 620px;
	top: 0px;
	visibility: visible;
}
.clearer{ clear:both;}

/*TOP*/
#top{width:1000px;margin:0 auto;padding-left:100px;padding-top:10px;position:relative;}
#top img,#top ul, #top ul li{float:left;}
#top ul{
	position:absolute;
	top:6px;
	left:671px;
	z-index:100;
	padding-left:240px;
	padding-top:16px;
	width: 56px;
}
#top ul li{padding-right:24px;}

/*CONTENT*/
#content {width:1000px;margin:0 auto;}
#content_klienci {width:900px;margin:0 auto;}
.content_tab {width:300px; padding:0 30px 30px 0; float:left;}
.content_tab p {text-align:justify;}

/*SLIDE IMAGES*/
#slider {width: 100%;margin: 0 auto;position: relative; text-align:center;}
	#arrows{width:1100px;margin:0 auto;}
	
	.scroll {overflow: hidden;margin: 0 auto;position: relative;top:12px}
	.scrollContainer {position: relative;}
	.scrollContainer li.panel {height: 368px;margin:0 auto;}
	.scrollButtons {position: absolute;top: 281px;cursor: pointer;}
	.scrollButtons.left {left: 100px;}
	.scrollButtons.right {right: 100px;}
	.hide {display: none;}
	.panel_opis{width:1100px;position:relative;margin:0 auto; z-index:1;}
	#panel_1_opis img{position:absolute;top:150px;left:250px}
	#panel_2_opis img{position:absolute;top:180px;left:360px; z-index:1;}
	#panel_3_opis img{position:absolute;top:215px;left:600px}
	#panel_4_opis img{position:absolute;top:200px;left:700px}
	#panel_5_opis img{position:absolute;top:150px;left:245px}
	#panel_6_opis img{position:absolute;top:150px;left:730px}
	
/*TABS*/
#tabs{
	width:930px;
	margin:0 auto 0;
	z-index:1;
	position:relative;
	margin-top:20px;
}
#tab-1{position:absolute;top:20px;}
#tab-2{position:absolute;top:20px;left:313px}
#tab-3{position:absolute;top:20px;left:625px}
.tabs{width:275px;float:left;background:url(../images/divide.jpg) no-repeat right; padding-right:17px;padding-left:17px;}
.tabs img, .tabs p{float:left;}
.text{padding-top:9px;padding-left:15px;}
.tabs p{width:190px;padding-left:15px;}
.none{background-image:none;}

/*FOOTER*/
#footer{
	height:42px;
	width:100%;
	position: relative;
	text-align:center;
	margin-top: 120px;
}
#footer ul li{} 
#footer ul {}

/*slider */

#top_down {
	background-color:#fff;
	height:60px;
	background-image:url(../images/slider_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#featureTabs {
	margin:0 auto;
	width: 918px;
}

#ul_future_tabs {
	z-index:1000;
	position:relative;
	
}

#featureTabs li {
	
	text-align: center;
	float: left;
	display: inline;
	
}

#featureTabs li a {

	display: block;
	width: 153px;
	height: 60px;
	font-size: 18px;
	color: #e6e6e6;
	text-decoration: none;
}
#featureTabs li a span {
	display:none;
}
#featureTabs li a#btn6 {
	background-position: 0px 0px;
}
	#featureTabs li a#btn6:hover, #featureTabs li.active a#btn6 {
		background-position: 0px -60px;
	}
#featureTabs li a#btn4 {
	background-position: -153px 0px;
}
	#featureTabs li a#btn4:hover, #featureTabs li.active a#btn4  {
		background-position: -153px -60px;
	}
#featureTabs li a#btn3 {
	background-position: -306px 0px;
}
	#featureTabs li a#btn3:hover, #featureTabs li.active a#btn3  {
		background-position: -306px -60px;
	}
#featureTabs li a#btn5 {
	background-position: -459px 0px;
}
	#featureTabs li a#btn5:hover, #featureTabs li.active a#btn5  {
		background-position: -459px -60px;
	}
#featureTabs li a#btn2 {
	background-position: -612px 0px;
}
	#featureTabs li a#btn2:hover, #featureTabs li.active a#btn2  {
		background-position: -612px -60px;
	}
#featureTabs li a#btn1 {
	background-position: -765px 0px;
}
	#featureTabs li a#btn1:hover, #featureTabs li.active a#btn1  {
		background-position: -765px -60px;
	}
	
	
#feature.featureWrap {
	
	background:#000;
}
#epMainContainer1 {
	background: #000;
}
#epMainContainer2 {
	background: #000;
}
#epMainContainer3 {
	background: #000;
}
#epMainContainer4 {
	background: #000;
}
#epMainContainer5 {
	background: #000;
}
#epMainContainer6 {
	background: #000;
}

.feature {
	width: 672px;
	color:#ffffff;
	height:275px;
	margin-top:14px;
	margin-bottom:20px;
	float: right;
}

/* for home EP */
.featureWrap {
	background: #FFF; 
}
.featureWrap .feature {
	width: 918px;
	height:420px;
	float: none;
}
.featureWrap .feature {
	margin: 0px auto;
	height:420px;
}

