/*  Main  */
body {
 background:#FCFCFC;
 color:#000;
 font-family: 'Roboto Condensed';
 font-size: 13px;
}
#top {
	width:100%;
	height:60px;
	background:#1c1c1c;
	border-top:5px solid #343434;
	position:fixed;
	top:0;
	left:0;
	opacity:0.95;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	z-index:999;
}
#top:hover {
	opacity:1;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
}
a.logo {
	color:#fff;
	line-height:60px;
	font-family:'Open Sans';
	text-decoration:none;
	font-size:24px;
	opacity:0.8;
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
}
a.logo:hover {
	opacity:1;
}
.wrapper {
	width:900px;
	margin:0 auto;
}
ul.menu {
	float:right;
	list-style:none;

}	
ul.menu li {
	float:left;
}
ul.menu li a {
	text-decoration:none;
	line-height:60px;
	padding:21px 20px;
	font-family:'Open Sans';
	font-weight:bold;
	color:#dfdfdf;
	text-transform:uppercase;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
}
ul.menu li a:hover {
	background:#323232;
	border-top:5px solid #e45925;
	color:#fff;
}
#slider {
	background:#222;
	width:100%;
	height:160px;
	margin-top:65px;
}
span.tekst_slider {
	float:left;
	color:#fff;
	font-size:12px;
	font-family:'Roboto Condensed';
	margin-top:50px;
	margin-left:20px;
}
#slider h1 {
	font-size:24px;
	font-weight:normal;
}
#slider h2 {
	font-weight:normal;
	margin-top:10px;
}

#sekcjawrap {
	background:#EDEDED;
	width:100%;
	height:80px;
	border-bottom:10px solid #E5E5E5;
}

.sekcja1 {
	width:300px;
	height:80px;
	background:#e96635;
	float:left;
	line-height:80px;
	text-align:center;
	font-family:'Open Sans';
	color:#fff;
	font-size:18px;
	transition:0.6s;
	-webkit-transition:0.6s;
	-moz-transition:0.6s;
	border-bottom:10px solid #ea5d28;
}
.sekcja2 {
	width:300px;
	height:80px;
	float:left;
	background:#e45925;
	line-height:80px;
	text-align:center;
	font-family:'Open Sans';
	color:#fff;
	font-size:18px;
	transition:0.6s;
	-webkit-transition:0.6s;
	-moz-transition:0.6s;
	border-bottom:10px solid #ce4e1f;

}
.sekcja3 {
	width:300px;
	height:80px;
	float:left;
	background:#d14c1a;
	line-height:80px;
	text-align:center;
	font-family:'Open Sans';
	color:#fff;
	font-size:18px;
	transition:0.6s;
	-webkit-transition:0.6s;
	-moz-transition:0.6s;
	border-bottom:10px solid #c24314;
}
#omnie {
	margin-top:30px;
	float:left;
	width:98%;
	padding:10px;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	background:#ededed;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	font-size:16px;
}

#omnie span {
	width:720px;
	float:left;
}
#omnie h1 {
	font-size:18px;
	font-weight:normal;
	text-shadow:0px 1px #fff;
}
#skills {
	float:left;
	width:47%;
	margin-top:30px;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	padding:10px;
	background:#ededed;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
}

#skills h1 {
	font-weight:normal;
	font-size:18px;
	margin-bottom:20px;
}
#skills h2 {
	font-weight:normal;
	font-size:16px;
	margin-bottom:20px;
}
#kontakt {
	float:right;
	width:47%;
	margin-top:30px;
	padding:10px;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	background:#ededed;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
}

#kontakt h1 {
	font-weight:normal;
	font-size:18px;
	margin-bottom:20px;
}
#kontakt h2 {
	font-size:16px;
	font-weight:normal;
}
#realizacje {
	width:100%;
	padding:10px;
           
	float:left;
	margin-top:30px;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	background:#ededed;
}


#realizacje h1 {
	font-weight:normal;
	font-size:19px;
	margin-bottom:20px;
}
#partnerzy {
	float:left;
	background:#222;
	width:100%;
	height:150px;
	margin-top:30px;
}
#partnerzy img {
	opacity:0.8;
	transition:0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	float:left;
	margin-left:40px;
}
#partnerzy img:first-child {

}
#partnerzy img:hover {
	transition:0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	opacity:1;
}

span.copyright {
	font-size:14px;
	color:#777;
	text-shadow:0px 1px #fff;
	float:left;
	line-height:60px;
	text-align:center;
}



#praca1 {
	background:url('../images/praca1.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca1 a {
	text-decoration:none;
}

#praca2 {
	background:url('../images/praca2.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca2 a {
	text-decoration:none;
}
#praca3 {
	background:url('../images/praca3.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca3 a {
	text-decoration:none;
}
#praca4 {
	background:url('../images/praca4.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca4 a {
	text-decoration:none;
}
#praca5 {
	background:url('../images/praca5.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca5 a {
	text-decoration:none;
}
#praca6 {
	background:url('../images/praca6.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca6 a {
	text-decoration:none;
}
#praca7 {
	background:url('../images/praca7.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca7 a {
	text-decoration:none;
}
#praca8 {
	background:url('../images/praca8.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca8 a {
	text-decoration:none;
}
#praca9 {
	background:url('../images/praca9.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca9 a {
	text-decoration:none;
}

#praca10 {
	background:url('../images/praca10.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca10 a {
	text-decoration:none;
}
#praca11 {
	background:url('../images/praca11.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca11 a {
	text-decoration:none;
}
#praca12 {
	background:url('../images/praca12.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca12 a {
	text-decoration:none;
}
#praca13 {
	background:url('../images/praca13.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca13 a {
	text-decoration:none;
}
#praca14 {
	background:url('../images/praca14.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca14 a {
	text-decoration:none;
}
#praca15 {
	background:url('../images/praca15.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca15 a {
	text-decoration:none;
}
#praca16 {
	background:url('../images/praca16.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca16 a {
	text-decoration:none;
}
#praca17 {
	background:url('../images/praca17.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca17 a {
	text-decoration:none;
}
#praca18 {
	background:url('../images/praca18.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca18 a {
	text-decoration:none;
}
#praca19 {
	background:url('../images/praca19.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca19 a {
	text-decoration:none;
}
#praca20 {
	background:url('../images/praca20.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca20 a {
	text-decoration:none;
}
#praca21 {
	background:url('../images/praca21.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca21 a {
	text-decoration:none;
}
#praca22 {
	background:url('../images/praca22.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca22 a {
	text-decoration:none;
}
#praca23 {
	background:url('../images/praca23.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca23 a {
	text-decoration:none;
}
#praca24 {
	background:url('../images/praca24.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca24 a {
	text-decoration:none;
}
#praca25 {
	background:url('../images/praca25.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca25 a {
	text-decoration:none;
}
#praca26 {
	background:url('../images/praca26.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca26 a {
	text-decoration:none;
}
#praca27 {
	background:url('../images/praca27.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca27 a {
	text-decoration:none;
}
#praca28 {
	background:url('../images/praca28.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca28 a {
	text-decoration:none;
}
#praca29 {
	background:url('../images/praca29.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca29 a {
	text-decoration:none;
}
#praca30 {
	background:url('../images/praca30.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca30 a {
	text-decoration:none;
}
#praca31 {
	background:url('../images/praca31.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca31 a {
	text-decoration:none;
}
#praca32 {
	background:url('../images/praca32.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca32 a {
	text-decoration:none;
}
#praca33 {
	background:url('../images/praca33.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca33 a {
	text-decoration:none;
}
#praca34 {
	background:url('../images/praca34.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca34 a {
	text-decoration:none;
}
#praca35 {
	background:url('../images/praca35.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca35 a {
	text-decoration:none;
}
#praca36 {
	background:url('../images/praca36.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca36 a {
	text-decoration:none;
}
#praca37 {
	background:url('../images/praca37.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca37 a {
	text-decoration:none;
}
#praca38 {
	background:url('../images/praca38.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca38 a {
	text-decoration:none;
}
#praca39 {
	background:url('../images/praca39.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca39 a {
	text-decoration:none;
}

#praca40 {
	background:url('../images/praca40.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca40 a {
	text-decoration:none;
}
#praca41 {
	background:url('../images/praca41.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca41 a {
	text-decoration:none;
}
#praca42 {
	background:url('../images/praca42.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca42 a {
	text-decoration:none;
}
#praca43 {
	background:url('../images/praca43.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca43 a {
	text-decoration:none;
}
#praca44 {
	background:url('../images/praca44.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca44 a {
	text-decoration:none;
}

#praca45 {
	background:url('../images/praca45.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca45 a {
	text-decoration:none;
}
#praca46 {
	background:url('../images/praca46.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca46 a {
	text-decoration:none;
}
#praca47 {
	background:url('../images/praca47.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca47 a {
	text-decoration:none;
}
#praca48 {
	background:url('../images/praca48.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca48 a {
	text-decoration:none;
}
#praca49 {
	background:url('../images/praca49.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca49 a {
	text-decoration:none;
}

#praca50 {
	background:url('../images/praca50.jpg');
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:25px;
}
#praca50 a {
	text-decoration:none;
}

#overlay    {  background:rgba(255,165,0,.64);
               text-align:center;
               padding:25px 0 56px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;}

#praca1:hover #overlay {
               opacity:1;}
#praca2:hover #overlay {
               opacity:1;}
#praca3:hover #overlay {
               opacity:1;}
#praca4:hover #overlay {
               opacity:1;}
#praca5:hover #overlay {
               opacity:1;}
#praca6:hover #overlay {
               opacity:1;}
#praca7:hover #overlay {
               opacity:1;}
#praca8:hover #overlay {
               opacity:1;}
#praca9:hover #overlay {
               opacity:1;}
#praca10:hover #overlay {
               opacity:1;}
#praca11:hover #overlay {
               opacity:1;}
#praca12:hover #overlay {
               opacity:1;}
#praca13:hover #overlay {
               opacity:1;}
#praca14:hover #overlay {
               opacity:1;}
#praca15:hover #overlay {
               opacity:1;}
#praca16:hover #overlay {
               opacity:1;}
#praca17:hover #overlay {
               opacity:1;}
#praca18:hover #overlay {
               opacity:1;}
#praca19:hover #overlay {
               opacity:1;}
#praca20:hover #overlay {
               opacity:1;}
#praca21:hover #overlay {
               opacity:1;}
#praca22:hover #overlay {
               opacity:1;}
#praca23:hover #overlay {
               opacity:1;}
#praca24:hover #overlay {
               opacity:1;}
#praca25:hover #overlay {
               opacity:1;}
#praca26:hover #overlay {
               opacity:1;}
#praca27:hover #overlay {
               opacity:1;}
#praca28:hover #overlay {
               opacity:1;}
#praca29:hover #overlay {
               opacity:1;}
#praca30:hover #overlay {
               opacity:1;}
#praca31:hover #overlay {
               opacity:1;}
#praca32:hover #overlay {
               opacity:1;}
#praca33:hover #overlay {
               opacity:1;}
#praca34:hover #overlay {
               opacity:1;}
#praca35:hover #overlay {
               opacity:1;}
#praca36:hover #overlay {
               opacity:1;}
#praca37:hover #overlay {
               opacity:1;}
#praca38:hover #overlay {
               opacity:1;}	
#praca39:hover #overlay {
               opacity:1;}	
#praca40:hover #overlay {
               opacity:1;}
#praca41:hover #overlay {
               opacity:1;}
#praca42:hover #overlay {
               opacity:1;}
#praca43:hover #overlay {
               opacity:1;}
#praca44:hover #overlay {
               opacity:1;}	
#praca45:hover #overlay {
               opacity:1;}	
#praca46:hover #overlay {
               opacity:1;}
#praca47:hover #overlay {
               opacity:1;}
#praca48:hover #overlay {
               opacity:1;}	
#praca49:hover #overlay {
               opacity:1;}	
#praca50:hover #overlay {
               opacity:1;}			   
			   
#plus       {  font-family:Helvetica;
               font-weight:900;
               color:rgba(255,255,255,.85);
               font-size:96px;}
			   #plus a {
				text-decoration:none;
			   }
			   a.fancybox {
				text-decoration:none;
			   }

			   
.progress {
	background:#fff;
	border-radius:10px;
	width:200px;
	height:12px;
}
.progress-bar {
	background:#e45925;
	height:12px;
	border-radius:10px;
}


 {
}