@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/GdZvpAq9shJukTEvSQbePw.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/hpORcvLZtemlH8gI-1S-7hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

body {
	margin: 0px;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
}
.container{ width: 1000px; max-width: 100%; margin: 0 auto; box-sizing: border-box; }
.container:before, .container:after{ content: " "; display: table; }
.container:after{ clear: both; }

.img-fluid{ max-width: 100%; height: auto; display: block; }

.f_left {
	float:left;
}
.text-right{ text-align: right; }

header {
	height:314px;
	background: url('../images/bg.jpg') repeat;
	width: 100%;
    margin: 0px;
	border-bottom: 5px solid #ddb119;
}

nav {
	float:right;
	margin-top:16px;
}

nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
	font-size: 16px
}

nav li {
	float:left;
	padding:30px 30px 30px 30px;
	text-align:center;
	background: url('../images/sep.png') no-repeat right;

}

nav li:first-child {
	margin-left:30px;
	
}

nav li:last-child {
	background:none;
	padding-right:0;
	
}


nav ul li a {
	text-decoration: none; 
	color: #b3b3b3;
	color: #fff;
	font-weight:700;
}

nav ul li a:hover {
	color:#ddb119;
}


#wrapper {
    width: 1000px;
    height: auto;
    margin: 0px auto;
    position: relative;
}

#slider-bg {
	background: url('../images/sliderbg.png') no-repeat top center;
	padding: 12px 0; margin: -208px 0 12px 0;
	position: relative ;
	z-index: 1;
}
#slider-bg .container{ position: relative; z-index: 1; }
#slider-bg .container::before, #slider-bg .container::after{ content: ""; width: 67%; height: 92.5%; position: absolute; z-index: 0; display: block; }
#slider-bg .container::before{ background: #dedede; top: -12px; right: 0; left: auto; }
#slider-bg .container::after{ background: #ddb119; top: auto; bottom: -12px; left: 0; }

#header-bg {
	background: url('../images/headerbg.png') no-repeat top center;
	height: 227px;
	margin-top: -208px;
	padding-top:12px;
	position: relative ;
	z-index: 1;
}


#slider {
	background: #fff;
	width: 100%; position: relative; z-index: 1;
}

#header-podstrona {
	height: 203px;
	background: url('../images/header-img.jpg') no-repeat top center;
	width: 100%; max-width: 1000px;
	 padding-top: 90px;
	z-index:0;
}

#nazwa {
	width:360px;
	height:80px;
	background: rgba(0, 0, 0, 0.6);;
}

#nazwa h1{
		margin:0;
		padding:10px 0 0px 20px;
		font-size:26px;
		color:  #fff;
		font-weight:normal;

}

#nazwa h2 {
	color:#c0c0c0;
			margin:0;
		padding:0px 0 0px 20px;
		font-size:16px;
		font-weight:normal;
}


#logo {
	padding-top:36px;
	padding-bottom:36px;


}

#slogan {
	font-size:14px;
	color: #3e3f43;
	margin-top:50px;

}

#kontakt-box {
-webkit-box-shadow: inset 0px 0px 47px 22px rgba(0,0,0,0.27);
-moz-box-shadow: inset 0px 0px 47px 22px rgba(0,0,0,0.27);
box-shadow: inset 0px 0px 47px 22px rgba(0,0,0,0.27);
width:100%;
height:203px;
margin-top:-12px;

}

#tresc {
-webkit-box-shadow: inset 0px 0px 47px 22px rgba(0,0,0,0.27);
-moz-box-shadow: inset 0px 0px 47px 22px rgba(0,0,0,0.27);
box-shadow: inset 0px 0px 47px 22px rgba(0,0,0,0.27);
width:100%;
height:auto;
margin-top:-31px;
font-family:arial;
text-align: justify;
font-size:16px;
color:#000;
line-height:30px;
padding-top:20px;

}

#tresc ul {

	font-family: Arial;
	
	font-size:11px;
 list-style: none;
	padding-top: 20px; 
		padding-bottom: 20px; 

	
}

#tresc li {
	padding: 0px 0 0px 0;
		background: url('../images/arrow.png')  10px 13px no-repeat;
	padding-left:30px;
}


.mniejszy {
	font-size:11px;
}

#oferta-box {
	width:320px;
	height:215px;
	background: #191919;
	margin-top:-12px;
	margin-left:-1px;
	float:right;
	color:#fff;
}

#oferta-box h1 {
	font-size:16px;
	font-weight: normal;
	margin-left:10px;
}

#oferta-box ul {

	font-family: Arial;
	font-size:11px;
	width:100%;
 list-style: none;
	padding: 0px; 
	margin: 0px;
	
}

#oferta-box li {
	padding: 9px 0 9px 0;
		background: url('../images/arrow.png')  10px 14px no-repeat;
	border-bottom: 1px solid #292929;
	padding-left:30px;
}

#oferta-box li:last-child{
	border:none;
}
#man {
		background: url('../images/man.png') no-repeat;
		width:401px;
		height:346px;
		margin-top:-143px;
		margin-left:-116px;
		position: relative ;
		z-index: 2;
}

#dane {
	width:450px;
	padding: 12px 0 0 0;
	margin-left:-100px;
	color: #393939

}

#dane h1 {
	font-size:21px;
	font-weight: 300;
	text-align:right;
}

.bold {
	font-weight:bold;
	color: #393939;
}

#dane h2 {
	font-size:17px;
	color: #9a9a9a;
	font-weight:300;
	text-align:right;
	margin-top:-15px;
}

.adres {
	font-size: 19px;
	color: #000;
	text-align:right;
}

#dane a {
	text-decoration:none;
	color: #393939
}

footer {
	margin-top:6px;
}

#partnerzy {
	height:108px;
}

#partnerzy ul {
    margin: 0px;
	margin-top: -16px;
    padding: 0px;
    list-style: none outside none;
}

#partnerzy li {
	float:left;
	text-align:center;
	padding: 20px 19px 20px 19px;


}

#partnerzy li:first-child {
	padding-left:0;
	
}

#partnerzy li:last-child {
	padding-right:0;

	
}


#partnerzy ul li a {
	text-decoration: none; 

}

#partnerzy ul li a:hover {

}


#partnerzy h3 {
	color:#a1a1a1;
	font-size:15px;
	font-weight: normal;
}

#copyright {
	border-top: 1px solid #e8e8e8;
	height:70px;

}


#szybkie_linki ul {
    margin: 0px;
	margin-top: 8px;
	font-family:Arial;
	font-size:11px;
    padding: 0px;
    list-style: none outside none;
}

#szybkie_linki li {
	float:left;
	text-align:center;
	padding: 0px 9px 0px 9px;
	border-right: 1px solid #bdbdbd;


}

#szybkie_linki li:first-child {
	padding-left:0;
	
}

#szybkie_linki li:last-child {
	padding-right:0;
	border:none;
	
}


#szybkie_linki ul li a {
	text-decoration: none; 
	color:#bdbdbd;

}

#szybkie_linki ul li a:hover {

}

#szybkie_linki {
	font-size:11px;
	font-family:Arial;
	color:#bdbdbd;
	line-height: 13px;

}

#himedia {
		font-size:11px;
	font-family:Arial;
	color:#bdbdbd;
	line-height: 13px;
	text-align:center;
	float:right;
	margin-top:8px;
}

#himedia a{
	text-decoration:none;
	color:#bdbdbd;
}

.yel {
	color:#ddb119;
}


/** client logos **/
#clients {
  display: block;
  margin-bottom: 15px;
}

#clients .clients-wrap {
  display: block;
  width: 700px;
  margin: 0 auto;
  overflow: hidden;
}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 140px;
  height: 55px;
  line-height: 55px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65); 
  opacity: 0.65;
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}



/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



@media(max-width: 1024px){
	#slider-bg{ background: none; }
	#man{ display: none; }
	#dane{ width: 67%; padding: 12px 24px; margin: 0; box-sizing: border-box; }
	#oferta-box{ width: 33%; }
	header, footer{ padding-left: 15px; padding-right: 15px; }
	#tresc .container{ padding: 30px; }
}
@media(max-width: 767px){
	header{ height: auto; box-sizing: border-box; }
	#logo{ width: 100%; text-align: center; }
	nav{ width: 100%; margin: 0 0 24px 0; }
	nav li{ background: none; padding: 7px 0; margin: 0; float: none; }
	nav li:first-child{ margin: 0; }
	#header-bg{ margin-top: 0; }
	#slider-bg{ display: none; }
	#kontakt-box{ height: auto; }
	#dane{ width: 100%; }
	#oferta-box{ width: 100%; }
	#tresc ul{ padding-left: 10px; }
	#copyright > div{ width: 100%; text-align: center; }
	#szybkie_linki > ul{ display: none; }
}