@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin-ext);

html, body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	font-size: 16.56px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: rgb( 0, 0, 0 );
	line-height: 1.222;
	text-align: center;
	color: black;
	background-color: #ffffff;
}

html {
    height: 100%;
}

body {
	min-height: 100%;
    position: relative;
}
div {
	padding: 0px;
	margin: 0px;
	width: 100%;
	overflow: hidden;
}
a {
	text-decoration: none;
    color: inherit;
}
ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}





.zawartosc {
	max-width: 1200px;
	margin: auto;
	text-align: center;
}
.menu {
	position: fixed;
	top: 0px;
	left: 0px;
	width:100%;
	background-color: #000000;
	opacity: 0.9;   
	z-index: 99999;
}

.menu_fir {
	
  font-size: 0.411cm;
  font-family: "Lato";
  color: rgb( 0, 0, 0 );
  font-weight: bold;
  line-height: 1.876;
  background-color: #fdf5cc;
  opacity: 0.8;
  z-index: 92;
}
.menu_fir span	{
		float: right;
}
.menu_fir span:first-child	{
		float: left;
}

.menu_sub ul li {
	float: left;
	color: #ffffff;
	padding: 20px 20px;
}
.menu_sub ul li:last-child {
	padding-right: 0px;
}
.menu_sub ul {
	float: right;
	overflow: hidden;
}

.jezyki {
    float: left;
    margin-top: 20px;
    width: auto;
}
.jezyki img {
	width: 30px;
}


.banery {
	height: 100vh;
	background-image: url(glowna_start.png);
	background-attachment: fixed;
	color: #ffffff;
	background-repeat: no-repeat;
    background-size: auto 100;
	background-position-y: 88px;
}
.banery ul {
	width: 100%;
	margin-top: 15vw;
}
.banery ul li{
    width: 30%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.6);
    min-height: 50vh;
    margin-right: 30px;
    color: black;
	border-bottom: 10px solid black;
}
.banery ul li h2{
	margin-bottom: 0px;
	margin-top: 50px;
}
.banery ul li h3{
    margin-top: 0px;
    border-bottom: 4px solid black;
    width: 76px;
    margin: auto;
    margin-bottom: 25px;
}

.opis {
    height: 100vh;
    background-image: url(o_nas_bg.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: auto 100;
    background-position-y: 9vh;    
	padding-top: 25vh;
    color: white;
}
.opis h1{
	width: 200px;
    border-bottom: 4px solid white;
    margin: auto;    
	margin-top: 40px;
    margin-bottom: 68px;
}
.opis ul li{
    width: 45%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
	    text-align: justify;
}
.opis ul li:first-child{
	margin-right: 30px;
}

.oleje {
    height: 80vh;
    background-image: url(zakres_dzialanosci.png);
    background-attachment: fixed;
    color: #00000;
    background-repeat: no-repeat;
    background-size: auto 100;
    background-position-y: 9vh;
}
.oleje h1{
	width: 325px;
    border-bottom: 4px solid black;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 68px;
}
.oleje ul li{
    width: 45%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
	text-align: justify;
	line-height: 30px;
}
.oleje ul li:first-child{
	margin-right: 30px;
}
.wysylka {
    height: 80vh;
    background-image: url(zakres_dzialanosci.png);
    background-attachment: fixed;
    color: #00000;
    background-repeat: no-repeat;
    background-size: auto 100;
    background-position-y: 9vh;
}
.wysylka h1{
	width: 225px;
    border-bottom: 4px solid black;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 68px;
}
.wysylka ul li{
    width: 45%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
	text-align: justify;
	line-height: 30px;
}
.wysylka ul li:first-child{
	margin-right: 30px;
}
.transport {
    height: 100vh;
    background-image: url(skup_tlo.png);
    background-attachment: fixed;
    color: #00000;
    background-repeat: no-repeat;
    background-size: auto 100;
    background-position-y: 9vh;
}
.transport h1{
	width: 280px;
    border-bottom: 4px solid black;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 68px;
}
.transport ul li{
    width: 45%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
	text-align: justify;
	line-height: 30px;
}
.transport ul li:first-child{
	margin-right: 30px;
}

.kontakt ul li{
    width: 45%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
	text-align: justify;
	line-height: 30px;
}
.kontakt ul li:first-child{
	margin-right: 30px;
}

.kontakt {
    min-height: 71vh;
    background-image: url(mapa.png);
    background-attachment: fixed;
    color: white;
    background-repeat: no-repeat;
    background-size: auto 100;
    background-position-y: 9vh;
}
.kontakt h1{
	width: 135px;
    border-bottom: 4px solid white;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 10px;
}
.zolc {
	background: black;
	padding: 21px;
	height: 100vh;
}
.kontakt textarea, .kontakt input {
    width: 93%;
    margin: auto;
	height: 37px;
}
.layer {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 21px;
    height: 100vh;
}
.stopka {
	background: black;
	padding: 20px 0px;
	color: white;
}
.wyslij {
	width: 150px!important;
    float: left;
	font-weight: bold;
	background: #c9351d;
	border: #c9351d;
	cursor: pointer;
}
input, textarea {
    padding-left: 15px;
}
.kontakt textarea {
	height: 220px;
	font-family: 'Open Sans', sans-serif;
}

.kontakt input {
	margin-bottom: 20px;
}




.flag_kont img {
	width: 27px;
}

.kontakt img {
	width: 27px;
}