/*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: 105%;
	list-style-type:none;
	color:#FFFFFF;
	text-align: justify;
}

b {
	font-size: 100%;
	list-style-type:none;
	font-weight:normal;
	color:#676767;
}

strong {
	font-size: 100%;
	list-style-type:none;
	font-weight:bolder;
	color:#3480de;
}

body{
	background:#001f31;
	font-size:11px;
	font-family:Tahoma, Verdana ,sans-serif;
	text-align: left;
}
#wrap{width:100%;margin:0 auto;}
.clear{clear:both}

a {text-decoration:none; color:#3480de; font-weight:}
a:hover {text-decoration:underline;}

.link_folio {margin:10px 10px 0 0; text-align:right;}
.text_folio {margin:10px auto;}

/*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:10px;left:125px;z-index:100;padding-left:240px;padding-top:26px;}
#top ul li{padding-right:24px;}
#slideshow {
    position:relative;
    height:300px;
}
 
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow IMG.last-active {
    z-index:9;
}

/*BANNER*/

#top_banner {z-index:-1;width:100%;margin: 0 auto 0;position: relative;}
.banner_kontakt {background-image:url(../images/kontakt_banner.jpg); height:241px; background-position:center;}
.banner_portfolio {background-image:url(../images/portfolio_banner.jpg); height:241px; background-position:center;}
.banner_portfolio_one {background-image:url(../images/portfolio_one_banner.jpg); height:241px; background-position:center;}
.banner_onas {background-image:url(../images/onas_banner.jpg); height:241px; background-position:center;}
.banner_klienci {background-image:url(../images/klienci_banner.jpg); background-repeat:no-repeat; height:241px; background-position:center;}
#napis{text-align:center;margin:-28px auto 0; position:relative;}
#napis_klienci{text-align:center;margin:-104px auto 0; position:relative;}
#napis_onas{text-align:center;margin:-68px auto 0; position:relative;}


/*FOLIO*/
#content {width:1000px;margin:0 auto;}
#content_klienci {width:900px;margin:0 auto;}
.content_tab {
	width:300px;
	padding:0 30px 30px 0;
	float:left;
	text-align: justify;
}
.fti_tab {width:800px; margin-left:190px;}
.content_tab p {
}
.fadein {width:300px; padding:0 30px 30px 0; float:left;}


/*PROJEKT*/
#projekt{width:1000px;margin:0 auto 30px auto;}
.flasz {margin:-154px auto 0; position:relative; text-align:center; float:left; width:590px; height:300px;}
.napis_obok_flasza{margin:122px auto 0 10px; position:relative; float:left;}
.separator {float:left;}
.png_obok_flasza{margin:10px 0 20px 0; position:relative; line-height:1.5em; float:left; width:290px; height:80px;}
.text2_obok_flasza{
	margin:10px 0 20px 20px;
	position:relative;
	line-height:1.5em;
	float:left;
	width:330px;
}
.services_textboxes{margin:10px 0 20px 0; position:relative; line-height:1.5em; float:left; width:290px; text-align:justify;}
.services_textboxes_dave{
	margin:10px 0 20px 0;
	position:relative;
	line-height:1.5em;
	float:left;
	width:1000px;
	text-align:justify;
}
.odstep {padding-bottom:30px;}

/*ONAS*/
#content_onas {width:900px;margin:0 auto; padding:50px 0 20px 0;}
.text_onas {width:650px; float:left;}
.text_onas p {padding-bottom:10px;}

.onas_bg {background-image:url(../images/bg_onas.jpg); background-repeat:repeat-x;height:300px; background-position:center; z-index:-1;width:100%;margin: 0 auto 0;position: relative;}

.onas_menu {margin: -25px 0 0 0; float:left; padding:0 0 20px 20px;}
.onas_menu li {padding:5px 0 5px 10px; border-bottom:1px #CCCCCC dotted; width:200px;}
.onas_menu a {color:#0d1319; font-size:12px;}
.onas_menu a:hover {color:#bdc7d1; text-decoration:none;}

.link_onas {color:#09141a;}



#onas_bottom {background-color:#0d1319; width:100%;}
.onas_bottom {width:900px; margin:0 auto;}

/*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%;background:#09141a;position: relative;}
#footer ul li{float:left;} 
#footer ul {padding-left:100px;}
#footer a.design{float:right;padding-top:17px;padding-right:88px}
#footerContent{width:1100px;margin:0 auto;}

/* FORMS */
inputs {font-size: 9pt; font-family: arial; font-style: italic; width: 200px; border-style: solid; border-color: #E7E7E7; border-width: 1px; margin-bottom:10px;}
.r {float:left;}

/*podstrona kontakt*/



.kontakt_box {
	border-top: 1px solid #3A3A3A;
	border-bottom: 1px solid #3A3A3A;
	padding: 23px 0 23px 237px;
	margin-bottom: 29px;
	width: 742px;
}

address {
	font-style: normal;
	float: left;
	width: 180px;
	margin-right: 10px;
}



.mail_box {
	float: left;
	margin-right: 10px;
	margin-top: 30px;
}

.kont_op {
	float: left;
	width: 380px;
	margin-top: 30px;
}

.kont_form {
	width: 900px;
	margin: 0 auto;
	
}	

.kont_form form input.nondisp {
	display: none;}



.kont_form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.kont_form form {
	margin: 0;
	padding: 27px 37px 33px 37px;
}



.kont_form form label {
	display: block;
}



.kont_form form .left_form	 {
	padding-top: 8px;
	float: left;
	width: 300px;
	color:#fff;
}



.kont_form form .right_form {
	float: left;
	width: 500px;
	margin-top: 10px;
	padding: 0;
	color:#fff;
}



.kont_form form input, .kont_form form textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2c3237;
	border: none;
	color: #fff;
	padding: 2px 3px;
	display: block;
	margin-top: 5px;
	width: 230px;
}

.kont_form form textarea {
	width: 498px;
	height: 158px;
	margin-bottom: 1px;
	overflow: auto;
}

.kont_form h1 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	margin-bottom: 29px;
	color:#fff;

}

.kont_form form input.send_bt {
margin-top:10px;
background-color: #8c1c66;
width: 6em;

float: right;
color: #Fff;
}




/*slider */

#top_down {
	background-color:#001f31;
	height:22px;
	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:#00FF00;
}
#epMainContainer1 {
	background: #000;
}
#epMainContainer2 {
	background: #2d0f2a;
}
#epMainContainer3 {
	background: #171a29;
}
#epMainContainer4 {
	background: #7daf00;
}
#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;
}