body {
	margin: 0;
	padding: 0;
}
#app {
	width: 1024px;
	height: 600px;
	overflow: hidden;
	position: relative;
}

.border {
	position: absolute;
	width: 1024px;
	height: 600px;
	top: 0px;
	left: 0px;
	background: url('img/border.png');
}

.border2 {
    position: absolute;
    width: 1024px;
    height: 600px;
    top: 0px;
    left: 0px;
    background: url('img/border_eng.png');
}

.teamnr {
	font-family: 'rajdhanilight';
	color: #fff;
	position: absolute;
	top: 80px;
    left: 491px;
    font-size: 35px;
}


.napis {
    font-family: 'rajdhanilight';
    color: #fff;
    position: absolute;
    top: 142px;
    width: 196px;
    left: 415px;
    font-size: 35px;
    text-align: center;
}
.backgrounds {
	width: 5120px;
	height: 600px;
	position: absolute;
    top: 0px;
    left: 0px;
}

.bg {
	float: left;
	width: 1024px;
	height: 600px;
}

.misja {background: url('img/misja.jpg');}
.misjae {background: url('img/misja_eng.jpg');}
.dokumentacja {background: url('img/doki.png'); position: relative;}
.postacie {background: url('img/postacie.png'); position: relative;}
.mapa {background: url('img/mapa.jpg');}
.skaner{background: url('img/tlo.png');position: relative;}


.gz-left {
	top: 240px;
	left: 0px;
}

.gz-right {
	top: 240px;
	right: 0px;
}

.gz {
	width: 59px;
    height: 232px;
    cursor: pointer;
	position: absolute;
}

.inner{
overflow: auto;
    width: 833px;
    height: 336px;
    position: absolute;
    top: 239px;
    left: 101px;
    scroll-behavior: smooth;
    color: #fff;
    z-index: 99999999999;
}

.inner p, .inner ol {
	font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {    
	background: #1781c3;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #125b8e;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
   background: #125b8e;
}

.scanerapp {
	position: absolute;
	top: 300px;
	left: 413px;
	width: 100px;
	height: 100px;
	z-index: 999999999;
}

.scanerapp input {
 width: 200px;
    height: 100px;
    background-color: #11578a;
    color: #fff;
    font-family: 'rajdhanilight';
    font-size: 35px;
    border: none;

}

#reader {
	    position: absolute;
    top: 200px;
    left: 400px;
}
.doki {position: absolute;width: 204px;height: 188px;}
#d1 {
	background: url('img/d1.png');
    top: 220px;
    left: 113px;
}
#d2 {
	background: url('img/d2.png');
    top: 305px;
    left: 262px;
}
#d3 {
	background: url('img/d3.png');
    top: 220px;
    left: 410px;
}
#d4 {
	background: url('img/d4.png');
top: 307px;
    left: 559px;
}
#d5 {
	background: url('img/d5.png');
top: 221px;
    left: 706px;
}
#d6 {
	background: url('img/d6.png');
top: 391px;
    left: 708px;
}

.powodzenie-oni {
	color: #fff;
	 font-family: 'rajdhanilight';
    font-size: 35px;
    position: absolute;
top: 90px;
    left: 270px;
}


.powodzenie-inni {
color: #fff;
    font-family: 'rajdhanilight';
    font-size: 19px;
    position: absolute;
    top: 100px;
    left: 690px;
}