/*  RESET  */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

img{
	max-width: 100%;
	height: auto;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
a{
	text-decoration: none;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #3b4c53;
}
a:hover{
	
	color: #43a1c4;
}
body{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.6em;
	color: #3b4c53;
    background: url(images/tlo.jpg);
    text-align: justify;
}
.nag{
	color: #43a1c4;
	font-weight: 500;
	font-size: 21px;
	text-align: left;
}
.small-nag{
	font-size: 15px;
	text-align: left;
}
header{
	margin: 0 auto;
	height: 138px;
	border-bottom: #bcdcea 1px solid;
}
#header-wrapper{
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	height: 138px;
	background: #fff;
}
#header-wrapper #logo{
	float: left;
	width: 20%;
	margin-left: 2%;
}
#header-wrapper #logo h1 a{
	text-indent: -999em;
	display: block;
	background: url(images/logo.jpg) no-repeat;
	height: 133px;
	width: 176px;
}
#header-wrapper #logo h1 a:hover{
	opacity: .7;
}

/*-------------menu gorne--------------*/
header nav{
	float: left;
	margin-top: 57px;
	margin-left:5%;
	width: 55%;
}
header nav > ul{
	list-style-type: none;
	border-bottom: solid #43a1c4 8px;
	height: 74px;
	text-align: center;
}
header nav > ul > li{
	display: inline-block;
	padding-right: 35px;
}
header nav > ul > li > a{
	display: block;
	color: #3b4c53;
	font-size: 17px;
	font-weight: 400;
	padding: 8px 10px;
}
header nav > ul > li > a img{
	margin-bottom: 2px;
}
header nav > ul > li > a:hover{
	background: #6c797e;
	color: #fff;
}
header nav > ul > li:first-child{
	list-style-image: none;
	list-style-type: none;
}
header nav > ul > li:first-child > a{
	font-size: 24px;
	color: #43a1c4;
	padding: 3px;
	border-radius: none;
}
header nav > ul > li:first-child > a:hover{
	color: #3b4c53;
	background: none;
}
header nav ul > li:nth-child(5){
	padding-right: 5px;
}
#languages{
	float: right;
	width: 10%;
	margin-top: 55px;
	margin-right: 2%;
}
#languages img{
	padding-right: 10px;
}
header nav > ul > li.rozwin{
	position:relative;
	z-index: 100;
}
header nav > ul > li > ul.submenu{
	position: absolute;
	top: 35px;
	left: 0px;
	display:none;
	width: 200px;
	line-height: 26px;
	background: #6c797e;
	text-align: left;
	list-style-type: none;
}
header nav ul li ul.submenu a{
	font-size: 14px;
	display: block;
	padding: 10px;
	color: #fff;
}
header nav ul li ul.submenu a:hover{
	background: #869297;
	color: #fff;
}
header nav > ul > li.rozwin:hover .submenu{
	display: block;
}
/*----------------slider---------------*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/*---------------baner--------------*/
#baner{
	margin: 0 auto;
	border-bottom: #bcdcea 1px solid;
	clear: both;
}
#baner_wrapper{
  	margin: 0 auto;
  	max-width: 1200px;
  	height: auto;
  	background-color: #fff;
  }
/*---------------zawartosc - home--------------*/
#content{
	margin: 0 auto;
	border-bottom: #bcdcea 1px solid;
	clear: both;

}
#content_wrapper{
  	margin: 0 auto;
  	max-width: 1200px;
  	width: 100%;
   	background-color: #fff;
  	padding: 0px 60px;
  	height: auto;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
 }
#left,
#right{
	padding-top: 50px;
}
#left{
	float: left;
	width: 50%;
}
#right{
	background: url(images/tlo.jpg);
	float:right;
	width:35%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 40px;
	height: auto;
}
.icon{
	float: left;
	width: 10%;
}
span .fa-cogs, 
span .fa-wrench{
	font-size: 31px;
	color: #43a1c4;
	padding-right: 3%;
	float: left;
	width: 7%;
}
.padding{
	width:90%;
	float: left;
}
#left #image{
	margin-left: 30%;
}
#button a{
	background-color: #43a1c4;
	padding: 5px 0px 5px 20px;
	color: #fff;
	font-weight: 400;
	width: 110px;
	text-align: left;
	float: right;
}
#button a:hover{
	background-color: #6c797e;
}
span .fa-briefcase{
	padding-right: 5%;
}
span .fa-caret-right{
	padding-left: 3%;
}
.clear{
	clear: both;
}

/*---------------footer--------------*/
footer{
	margin: 0 auto;
	max-width: 1200px;
	background: #fff;
	height: 126px;
}
#footer-wrapper{
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	padding: 0 60px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
#dane,
#dane_de,
#menu_dln,
#menu_dln_de{
	padding-top: 30px;
	
}
#dane,
#dane_de{
	float: left;
	width: 50%;
	position: relative;
}
#menu_dln,
#menu_dln_de{
	float:right;
	width:50%;
}
#menu_dln ul,
#menu_dln_de ul{
	list-style-type: none;
	float: right;
}
#menu_dln ul li,
#menu_dln_de ul li{
	display: inline;
}
#image1{
	position: absolute;
	left: 280px;
	top: 0px;
}
/*---------------podstrona--------------*/
#full{
	width: 100%;
	padding-top: 50px;
	padding-bottom: 30px;
}
#full-kontakt{
	float: left;
	width: 50%;
	padding-top: 50px;
	padding-bottom: 30px;
}
#form{
	float: left;
	width: 50%;
	padding-top: 50px;
	padding-bottom: 30px;
}
/*---------------oferta--------------*/
.oferta-img{
	float: left;
	width: 33.33333%;
	padding-right: 2%;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	padding-bottom: 30px;
}
#full:nth-child(3){
	padding-right: 0;
}
.przycisk_oferta a {
	padding: 3px 15px;
	width: 60px;
	color: #fff;
	background: #4fa7c8;
	float: right;
	display: block;
	text-align: center;
	margin-right: 20px;
}
.przycisk_oferta a:hover{
	background-color: #6c797e;
}
.oferta-img > a:hover{
	opacity: .7;
}

.oferta-double{
	float: left;
	width: 50%;
	padding-right: 2%;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	padding-bottom: 30px;
}
.oferta-double ul{
	padding-left: 20px;
}
.oferta-double a{
	color: #43a1c4;
	text-decoration: underline;
}
.oferta-double a:hover{
	color: #3b4c53;
}
/*---------------galeria--------------*/
#galeria{
	padding-top: 30px;
	text-align: left;
}
#galeria a{
	padding-right: 4px;

}
#galeria a img{
	border: 3px solid #e9e9e9;
}
#galeria a:hover{
	opacity: .7;

}
#galeria a img:hover{
	border: 3px solid #f4f4f4;
}
.menu-button{ 
	display:none;
}
#map{padding-bottom: 20px;}

/*-----------------media 1100-------------------*/
@media only screen and (max-width: 1100px){

header nav > ul > li{padding-right: 13px;}

#image1{display: none;}
#dane, #dane_de{text-align: left;}
}
/*-----------------media 873----------------------*/
@media only screen and (max-width: 873px){

header nav{width: 62%;}
#languages{width: 3%;}
#languages img{padding-right: 0px;}
.icon{width: 20%;}
.padding{width:80%;}

}
/*-----------------media 777----------------------*/
@media only screen and (max-width: 777px){

header{height: 138px; overflow:hidden;  background-color: #fff;
	-moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
header.visible{height: 180px;}
#header-wrapper #logo{width: 80%;}
#languages{width: 10%;}
header nav{float: none;	margin-left:0%;	width: 100%; clear: both;}
header nav > ul{border-bottom: none;}
header nav > ul > li{padding: 0px 8px 0px 8px;}
header nav > ul > li.rozwin:hover .submenu{display: none;}
.menu-button{display: block; width: 85px; height: 45px; position: relative;
	padding: 12px 7px; margin: 10px; margin-top:-95px; margin-right: 130px;
	float: right; border: 1px solid gray; 
	border-radius: 5px; cursor: pointer; font-size: 11px;  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; box-sizing: border-box;}
    .menu-button:hover{background-color: #ececec; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
.menu-button span{display: block; height: 4px; width: 25px; 
	background-color: gray; margin-bottom: 4px;
	border-radius: 5px;}
#navi{position: absolute; top: 10px; left: 42px;}
.oferta-img{width: 100%; height: 270px; padding-right: 4%;}
.oferta-1{float: left; width: 50%;}
.oferta-2{float: left; width: 45%; padding-left: 5%;}
#content_wrapper{padding: 0px 20px;}
footer{height: 160px;}
#footer-wrapper{padding: 0 20px; height: auto;}
#dane, #dane_de{text-align: center; float: none; width: 100%; height: 50px;}
#menu_dln, #menu_dln_de{float:none; width:100%; height: 50px;}
#menu_dln ul, #menu_dln_de ul{float: none; text-align: center;}
.oferta-double{width: 100%;}

}

/*-----------------media 577----------------------*/
@media only screen and (max-width: 577px){
#left{width: 100%;}
#right{display: none;}
.icon{width: 10%;}
.padding{width:90%;}
#formularz textarea {height: 100px; width: 200px;}
.menu-button{margin-top:-75px;}
.menu-button:hover{background-color: #ececec; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
}
/*-----------------media 480----------------------*/
@media only screen and (max-width: 480px){
header{height: 130px;}
header.visible{height: 383px;}
header nav{padding-top: 0px;}
header nav > ul{background-color: #e0e4e6; height: 378px;}
header nav > ul > li{display: block; padding: 0px;}
header nav > ul > li > a{line-height: 33px; border-top: #fff dotted 1px;}
header nav > ul > li > a img{display: none;}
header nav > ul > li:first-child {padding: 0;}
header nav > ul > li:first-child > a{padding: 8px 47%; display: block;}
header nav > ul > li:first-child > a:hover{color: #fff; background-color: #3b4c53;}
header nav ul > li:nth-child(5){padding-right: 0px;}
.menu-button{width: 45px; height: 65px; margin-top:-90px; margin-right: 25%;}
.menu-button span{width: 28px;}
#navi{position: absolute; top: 37px; left: 6px;}
#baner{display: none;}
.oferta-img{width: 100%; height: auto; padding-right: 5%; margin: 0 auto;}
.oferta-1{float: none; width: 100%;}
.oferta-2{float: none; width: 100%; padding-left: 0%; }
#formularz textarea {height: 100px; width: 100%;}
#formularz input[type=text] {width: 100%;}
#full-kontakt{width: 100%;}
#form{width: 100%;}
#dane_de{height: 70px;}

}
/*-----------------media 390----------------------*/
@media only screen and (max-width: 390px){

.icon{width: 20%;}
.padding{width:80%;}

}
