#iframeWindow {
  width: 100%;
  height: 100vh;
      
}

body  {
    margin: 0;
    overflow: hidden;
}
.linkHand {
    cursor: pointer;
}
#masterX {
    /* width: 100vh; */
    height: 100vh;
}
.backPage1 {
    background-image: url('img/page1_back.png');
    background-repeat: repeat-x; 
    background-size: auto;
    width: 100vw; /* 100% szerokości ekranu */
    height: 100vh; /* 100% wysokości ekranu */
    margin: 0; 
    z-index: 0;
}

.mainStartTable 
{
    background-image: url('img/page1_table.png');
    background-size: 95%;
    background-repeat: no-repeat;
    width: 1272px; 
    height: 741px; 
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index:1;
    
}
.page1StartBtnAbout {
    z-index: 2;
    position: absolute;
    top: 300px; /* Odległość od górnej krawędzi rodzica */
    left: 420px; /* Odległość od lewej krawędzi rodzica */
    width: 300px;
    height: 69px;
    background-image: url('img/page1_btn_black.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
 
}
.page1StartBtnAboutSelect {
    z-index: 2;
    position: absolute;
    top: 300px; /* Odległość od górnej krawędzi rodzica */
    left: 420px; /* Odległość od lewej krawędzi rodzica */
    width: 300px;
    height: 69px;
    background-image: url('img/page1_btn_red.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
 
}


.page1StartBtn {
    z-index: 2;
    position: absolute;
    top: 230px; /* Odległość od górnej krawędzi rodzica */
    left: 420px; /* Odległość od lewej krawędzi rodzica */
    width: 300px;
    height: 69px;
    background-image: url('img/page1_btn_black.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
}
.page1StartBtnSelect {
    z-index: 2;
    position: absolute;
    top: 230px; /* Odległość od górnej krawędzi rodzica */
    left: 420px; /* Odległość od lewej krawędzi rodzica */
    width: 300px;
    height: 69px;
    background-image: url('img/page1_btn_red.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;

    cursor: pointer;
}

.page1WrocBtn {
    z-index: 2;
    position: absolute;
    top: 300px; /* Odległość od górnej krawędzi rodzica */
    left: 420px; /* Odległość od lewej krawędzi rodzica */
    width: 300px;
    height: 69px;
    background-image: url('img/page1_btn_black.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;		
}

.page1WrocBtnSelect {
    z-index: 2;
    position: absolute;
    top: 300px; /* Odległość od górnej krawędzi rodzica */
    left: 420px; /* Odległość od lewej krawędzi rodzica */
    width: 300px;
    height: 69px;
    background-image: url('img/page1_btn_red.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;		
}

.page1OpcjeBtn {
    z-index: 2;
    position: absolute;
    top: 370px; /* Odległość od górnej krawędzi rodzica */
    left: 420px; /* Odległość od lewej krawędzi rodzica */
    width: 300px;
    height: 69px;
    background-image: url('img/page1_btn_black.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;	
}
.page1OpcjeBtnSelect {
    z-index: 2;
    position: absolute;
    top: 370px; /* Odległość od górnej krawędzi rodzica */
    left: 420px; /* Odległość od lewej krawędzi rodzica */
    width: 300px;
    height: 69px;
    background-image: url('img/page1_btn_red.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;	
}


.page1Finger {
    display: none;
    position: absolute;
    top: 220px; 
    left: 250px; 

}

.page1PolishBtn {
    z-index: 2;
    position: absolute;
    top: 480px; /* Odległość od górnej krawędzi rodzica */
    left: 330px; /* Odległość od lewej krawędzi rodzica */
    width: 250px;
    height: 70px;
    background-image: url('img/page1_btn_lang2.png');
    background-size: 97%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #000;
    cursor: pointer;	
}
.page1PolishBtnRed {
    z-index: 2;
    position: absolute;
    top: 480px; /* Odległość od górnej krawędzi rodzica */
    left: 330px; /* Odległość od lewej krawędzi rodzica */
    width: 250px;
    height: 70px;
    background-image: url('img/page1_btn_langred.png');
    background-size: 97%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;	
}




.page1EnglishBtn {
    z-index: 2;
    position: absolute;
    top: 480px; /* Odległość od górnej krawędzi rodzica */
    left: 580px; /* Odległość od lewej krawędzi rodzica */
    width: 250px;
    height: 70px;
    background-image: url('img/page1_btn_lang2.png');
    background-size: 97%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #000000;
    cursor: pointer;	
}
.page1EnglishBtnRed {
    z-index: 2;
    position: absolute;
    top: 480px; /* Odległość od górnej krawędzi rodzica */
    left: 580px; /* Odległość od lewej krawędzi rodzica */
    width: 250px;
    height: 70px;
    background-image: url('img/page1_btn_langred.png');
    background-size: 97%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;	
}


.top-right-container {
  position: absolute;
  right: 287px;
  top: 1px;
}
.page1Pizza {
  width: 287px;
  height: 284px;
  background-image: url('img/page1_pizza.png');
  background-position: top right;
  position: absolute;
  top: 0;
  left: 0;	
  z-index:1;
}

/* ----- */
.logoMaleRight {
  position: absolute;
  right: 87px;
  top: 30px;
  z-index: 4;
}

.mainPage2 {
    background-image: url('img/page2_back.png');
    background-repeat: repeat-x; 
    background-size: auto;
    height: 100vh;
}
  
.mainPage2Table {
    background-image: url('img/page2_table.png');
    background-size: 95%;
    background-repeat: no-repeat;
    width: 1272px; 
    height: 741px; 
    position: absolute;
    top: 55%;
    left:55%;
    transform: translate(-50%, -50%);
    z-index:1;
}
 .introTxt {
    position: relative;
    left: 160px;
    top: 140px;
    width: 800px;
    height: 600px;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    text-align: center;	 
 }
 
 
.page2InstrukcjaBtn {
    z-index: 3;
    position: absolute;
    top: 450px; /* Odległość od górnej krawędzi rodzica */
    left: 420px; /* Odległość od lewej krawędzi rodzica */
    width: 300px;
    height: 69px;
    background-image: url('img/page1_btn_black.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
}
.page2InstrukcjaBtnSelect {
    z-index: 3;
    position: absolute;
    top: 450px; /* Odległość od górnej krawędzi rodzica */
    left: 420px; /* Odległość od lewej krawędzi rodzica */
    width: 300px;
    height: 69px;
    background-image: url('img/page1_btn_red.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
}

.page2Finger {
	display: none;
	position: absolute;
	top: 220px; 
    left: 250px; 
}

.page2Finger2 {
    display: none;
    position: absolute;
    top: 220px; 
    left: 720px; 
}

/*-------------*/

.bodyPage3 {
  background-image: url('img/page3_loop.png');
  Xbackground-repeat: repeat-x; 
  Xbackground-size: auto;
  }
  
.mainPage3Table {
    background-image: url('img/instrukcja_table.png');
    background-size: 95%;
    background-repeat: no-repeat;
    width: 1272px; 
    height: 660px; 
    position: absolute;
    top: 55%;
    left:55%;
    transform: translate(-50%, -50%);
    z-index:1;
}  
.page3Title {
    position: relative;
    left: 10px;
    top: -40px;
    width: 1100px; 
    text-align: center;
    z-index: 3;
}
.instrukcjaPngClass, .PNGInstrukcja{
    width: 500px;
    
}
.txtIntro {
    position: relative;
    left: 160px;
    top: 130px;
    width: 820px;
    height: 320px;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    text-align: center;	 
    z-index: 3;
    display: grid;
    place-items: center;

}    

.txtInstrukcja {
    position: relative;
    left: 160px;
    top: -20px;
    width: 800px;
    height: 400px;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    text-align: center;	 
    z-index: 3;
      display: grid;
    place-items: center;
}    


.page3InstrukcjaBtn {
    z-index: 4;
    position: absolute;
    top: 490px; /* Odległość od górnej krawędzi rodzica */
    left: 330px; /* Odległość od lewej krawędzi rodzica */
    width: 450px;
    height: 69px;
    background-image: url('img/big_btn_black.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
}



.page3InstrukcjaBtn1 {
    z-index: 4;
    position: absolute;
    top: 450px; /* Odległość od górnej krawędzi rodzica */
    left: 370px; /* Odległość od lewej krawędzi rodzica */
    width: 450px;
    height: 69px;
    background-image: url('img/big_btn_red.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
}
.page3InstrukcjaBtn2 {
    z-index: 4;
    position: absolute;
    top: 520px; /* Odległość od górnej krawędzi rodzica */
    left: 370px; /* Odległość od lewej krawędzi rodzica */
    width: 450px;
    height: 69px;
    background-image: url('img/big_btn_black.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
}


.page3InstrukcjaBtnSelect {
    z-index: 4;
    position: absolute;
    top: 490px; /* Odległość od górnej krawędzi rodzica */
    left: 330px; /* Odległość od lewej krawędzi rodzica */
    width: 450px;
    height: 69px;
    background-image: url('img/big_btn_red.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
}

.page3Finger {
    display: none;
    position: absolute;
    top: 350px; 
    left: 170px; 
}

.page3Finger2 {
    display: none;
    position: absolute;
    top: 350px; 
    left: 780px; 
}

.page3Finger3 {
    display: none;
    position: absolute;
    top: 350px; 
    left: 780px; 
}

/* ----- */
 .txtRBInfo {
    position: relative;
    left: 190px;
    top: 150px;
    width: 820px;
    height: 280px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    text-align: center;	 
    display: grid;
    place-items: center; 
   
 }
 .mainPageRBTable {
    background-image: url('img/raportpoztab.png');
    background-size: 95%;
    background-repeat: no-repeat;
    width: 1272px; 
    height: 740px; 
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index:1;
 }
 .mainPageRBTableneg {
    background-image: url('img/raport_neg.png');
    background-size: 95%;
    background-repeat: no-repeat;
    width: 1272px; 
    height: 740px; 
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index:1;
 }
 .PNGRaportBranzowy {
    width: 500px;
    position: absolute;
    left: 350px;   
    top: 12px;
}
.bodyPageRaportBranzowyPozytyw {
  background-image: url('img/rbpoz.png');
  Xbackground-repeat: repeat-x; 
  Xbackground-size: auto; 
}
.bodyPageRaportBranzowyNeg {
  background-image: url('img/rbneg.png');
  Xbackground-repeat: repeat-x; 
  Xbackground-size: auto; 
}


/*-------------*/

.bodyPageSpin {
  background-image: url('img/spin_tlo.png');
  background-repeat: repeat-x; 
  /* background-size: 1920px 1080px;  */
  background-size: 100vw 100vh;
}

.mainPageSlot {
    background-image: url('img/slotramka.png');
    background-size: 95%;
    background-repeat: no-repeat;
    width: 1272px; 
    height: 740px; 
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index:2;	
}
.slotStartBtn {
    background-image: url('img/slotButton.png');
    background-size: 360px;
    padding: -0px; 
    width: 360px;
    height: 89px;
    background-repeat: no-repeat;
    position: relative;
    left: 100px;
    top: -140px;
    text-align: center;
    vertical-align: middle;
    text-align: center;
    display: flex;
    justify-content: center; 
    align-items: center; 
    color: #ffffff;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: bold;
}

.monthLabel {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #000;
    position: relative;
    top: -380px;
    left: 150px;
    width: 250px !important;
    text-align: center;
    z-index: 4;
}	

.week1Label {
	font-family: 'Poppins', sans-serif;
        font-size: 25px;
	font-weight: bold;
        font-style: italic;
	color: #000;
	position: relative;
	top: -235px;
	left: 0px;	
	z-index: 4;
	
}	

.week2Label {
	font-family: 'Poppins', sans-serif;
        font-size: 25px;
	font-weight: bold;
        font-style: italic;
	color: #000;
	position: relative;
	top: -273px;
	left: 150px;	
	z-index: 5;
	
}

.week3Label {
	font-family: 'Poppins', sans-serif;
        font-size: 25px;
	font-weight: bold;
        font-style: italic;
	color: #000;
	position: relative;
	top: -310px;
	left: 290px;	
	z-index: 4;
	
}

.week4Label {
	font-family: 'Poppins', sans-serif;
        font-size: 25px;
	font-weight: bold;
        font-style: italic;
	color: #000;
	position: relative;
	top: -347px;
	left: 430px;	
	z-index: 5;
	
}


.sumaPart {
    background-image: url('img/bandyta_ramka.png');
    background-size: 400px 155px;
    background-repeat: no-repeat;
    width: 400px;
    height: 185px;
    z-index: 4;
    position: fixed;
    top: 130px;
    right: 0;
}

.planPart {
    background-image: url('img/bandyta_ramka.png');
    background-size: 400px 155px;
    background-repeat: no-repeat;
    width: 400px;
    height: 185px;
    z-index: 4;
    position: fixed;
    top: 350px;
    right: 0;
}


.sumaPartLabel {
    width: 200px;
    z-index: 5;
    position: fixed;
    top: 100px;
    right: 100px;
}

.planPartLabel {
    width: 200px;
    z-index: 5;
    position: fixed;
    top: 320px;
    right: 100px;
}




.sumaPartTxt {
    display: flex;
    top: 160px;
    align-items: center;
    alignment-adjust: center;
    justify-content: center;
    width: 390px;
    color: red;
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    text-align: center; 

    margin-right: 60px;
    margin-top: 40px;
    z-index: 5;
}

.planPartTxt {
    display: flex;
    top: 160px;
    align-items: center;
    alignment-adjust: center;
    justify-content: center;
    width: 390px;
    color: red;
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    text-align: center; 

    margin-right: 60px;
    margin-top: 40px;
    z-index: 5;
}

.overlayBandyta {
    background-color: rgba(0, 0, 0, 0.5);
}
.bandytaSukcesTxt {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.0;
    text-align: center; 
    
    position: fixed;
    top: calc(45% - 50px);
    left: calc(50% - 420px);
    width:800px;
    border-color: #ffffff 2px;
    z-index: 8;
}

.bandytaFailTxt {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.0;
    text-align: center; 
    
    position: fixed;
    top: calc(45% - 50px);
    left: calc(50% - 400px);
    width:800px;
    border-color: #ffffff 2px;
    z-index: 8;}

.bandytaNextBtn {
    z-index: 6;
    position: relative; 
    top: -20px; /* Odległość od górnej krawędzi rodzica */
    left: 120px; /* Odległość od lewej krawędzi rodzica */
    width: 700px;
    height: 100px;
    background-image: url('img/bandyta_fail_btn.png');
    background-size: 700px 100px;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #000;
    cursor: pointer;
    font-weight: bold;
}


.bandytaNextBtn2 {
    z-index: 6;
    position: relative; 
    top: -20px; /* Odległość od górnej krawędzi rodzica */
    left: 120px; /* Odległość od lewej krawędzi rodzica */
    width: 700px;
    height: 100px;

    background-image: url('img/bandyta_fail_btn.png');
    background-size: 700px 100px;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #000;
    cursor: pointer;
    font-weight: bold;
}

.bandytaFinger {
  z-index: 99;  
  position: absolute;
  left: calc(50% - 550px);
  top: calc(50% + 80px);
  
}

.bodyPageKalendarz {
  background-image: url('img/kalendarz_back.png');
  Xbackground-repeat: repeat-x; 
  Xbackground-size: auto;
}
/* ------------------------ */
.mainPageKalendarzFrame {
    background-image: url('img/tabelaRok.png');
    background-size: 1100px 700px;
    background-repeat: no-repeat;
    width: 1200px;
    height: 800px;
    z-index: 4;
    position: fixed;
    top: 50px;
    left: calc((100% - 1100px)/2);
}

.mainPageKalendarzFrameEng {
    background-image: url('img/tabelaRokEng.png');
    background-size: 1100px 700px;
    background-repeat: no-repeat;
    width: 1200px;
    height: 800px;
    z-index: 4;
    position: fixed;
    top: 50px;
    left: calc((100% - 1100px)/2);
}

.mainKalendarzRok {
    z-index: 3;
    position: absolute;
    top: -5px; /* Odległość od górnej krawędzi rodzica */
    left: 200px; /* Odległość od lewej krawędzi rodzica */
    width: 700px;
    height: 100px;
    font-family: 'Poppins', sans-serif;
    font-size: 50px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #000;
    cursor: pointer;
    font-weight: bold;    
}


.kalendarzItem1 {
    z-index: 4;
    position: relative;
    left: 60px;
    top: 150px;
    width: 160px;
    height: 130px;
    }

.kalendarzItem1Wynik, .kalendarzItem2Wynik, .kalendarzItem3Wynik, .kalendarzItem4Wynik, .kalendarzItem5Wynik
, .kalendarzItem6Wynik, .kalendarzItem7Wynik, .kalendarzItem8Wynik, .kalendarzItem9Wynik, .kalendarzItem10Wynik
, .kalendarzItem11Wynik, .kalendarzItem12Wynik
{
    font-family: 'Poppins', sans-serif;     
    font-size: 35px;    
    text-align: center;    
    color: red;    
    position: relative;
    top: 1px;  
}

.kalendarzItem1Plan, .kalendarzItem2Plan, .kalendarzItem3Plan, .kalendarzItem4Plan, .kalendarzItem5Plan
, .kalendarzItem6Plan, .kalendarzItem7Plan, .kalendarzItem8Plan, .kalendarzItem9Plan, .kalendarzItem10Plan
, .kalendarzItem11Plan, .kalendarzItem12Plan
{
    font-family: 'Poppins', sans-serif;    
    font-size: 35px;    
    text-align: center;    
    color: white;    
    position: relative;
    top: 28px;    
}

.kalendarzItem2 {
    z-index: 5;
    position: relative;
    left: 267px;
    top: 20px;
    width: 160px;
    height: 130px;
    /* background-color: blue; */
}

.kalendarzItem3 {
    z-index: 6;
    position: relative;
    left: 475px;
    top: -110px;
    width: 160px;
    height: 130px;
    /* background-color: blue; */
}


.kalendarzItem4 {
    z-index: 7;
    position: relative;
    left: 685px;
    top: -240px;
    width: 160px;
    height: 130px;
    /* background-color: blue; */
}


.kalendarzItem5 {
    z-index: 8;
    position: relative;
    left: 895px;
    top: -368px;
    width: 160px;
    height: 130px;
   /* background-color: blue;  */
}



.kalendarzItem6 {
    z-index: 9;
    position: relative;
    left: 60px;
    top: -305px;
    width: 160px;
    height: 130px;
   /* background-color: blue; */
}
.kalendarzItem7 {
    z-index: 9;
    position: relative;
    left: 267px;
    top: -435px;
    width: 160px;
    height: 130px;
   /* background-color: blue; */
}
.kalendarzItem8 {
    z-index: 10;
    position: relative;
    left: 475px;
    top: -565px;
    width: 160px;
    height: 130px;
   /* background-color: blue; */
}
.kalendarzItem9 {
    z-index: 11;
    position: relative;
    left: 685px;
    top: -695px;
    width: 160px;
    height: 130px;
   /* background-color: blue; */

}
.kalendarzItem10 {
    z-index: 12;
    position: relative;
    left: 895px;
    top: -825px;
    width: 160px;
    height: 130px;
   /* background-color: blue; */
}
.kalendarzItem11 {
    z-index: 13;
    position: relative;
    left: 60px;
    top: -763px;
    width: 160px;
    height: 130px;
    /* background-color: blue;  */
}
.kalendarzItem12 {
    z-index: 14;
    position: relative;
    left: 267px;
    top: -893px;
    width: 160px;
    height: 130px;
    /* background-color: blue;  */
}


.zakonczButton {
   background-image: url('img/button.png'); 
   background-size: 100%;
   width: 400px;
   height: 61px;
   position: relative;
    left: 550px;
    top: -1020px;
  font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;  
}


.backPageRachunek {
    background-image: url('img/page1_back.png');
    background-repeat: repeat-x; 
    background-size: auto;
    width: 100vw; /* 100% szerokości ekranu */
    height: 100vh; /* 100% wysokości ekranu */
    margin: 0; 
    z-index: 0;
}

.mainPageRachunekFrame {
    background-image: url('img/rachunekTab.png');
    background-size: 1100px 620px;
    background-repeat: no-repeat;
    width: 1200px;
    height: 800px;
    z-index: 4;
    position: fixed;
    top: 50px;
    left: calc((100% - 1100px)/2);
}

.titleWlasnytransport {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: center;    
        color: red;    
        position: relative;
        top: 207px; 
        left: -100px;
        font-weight: bold;
}

.titleAlternatywnyWybor {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: center;    
        color: black;    
        position: relative;
        top: 170px; 
        left: 220px;
    font-weight: bold;
}
.titleKosztyZmienne {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: center;    
        color: black;    
        position: relative;
        top: 200px; 
        left: -400px;    
        font-weight: bold;
}

.titleKosztyStale {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: center;    
        color: black;    
        position: relative;
        top: 220px; 
        left: -400px;   
        font-weight: bold;
}
.titleKosztyStaleSuma {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: center;    
        color: black;    
        position: relative;
        top: 230px; 
        left: -400px;   
        font-weight: bold;
}
.titleKosztyKwota1 {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: right;    
        color: black;    
        position: relative;
        top: 90px; 
        left: -730px;   
        font-weight: bold;
}
.titleKosztyKwota3 {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: right;    
        color: black;    
        position: relative;
        top: 105px; 
        left: -750px;   
        font-weight: bold;
}

.titleKosztyKwota5 {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: right;    
        color: black;    
        position: relative;
        top: 120px; 
        left: -750px;   
        font-weight: bold;
}


.titleKosztyKwota2 {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: right;    
        color: black;    
        position: relative;
        top: -25px; 
        left: -550px;   
        font-weight: bold;
}

.titleKosztyKwota4 {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: right;    
        color: black;    
        position: relative;
        top: -8px; 
        left: -550px;   
        font-weight: bold;
}


.titleKosztyKwota6 {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: right;    
        color: black;    
        position: relative;
        top: 10px; 
        left: -550px;   
        font-weight: bold;
}

.titleKosztyKwota7 {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: right;    
        color: black;    
        position: relative;
        top: -140px; 
        left: -250px;   
        font-weight: bold;
}
.titleKosztyKwota8 {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: right;    
        color: black;    
        position: relative;
        top: -120px; 
        left: -250px;   
        font-weight: bold;
}
.titleKosztyKwota9 {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: right;    
        color: black;    
        position: relative;
        top: -100px; 
        left: -250px;   
        font-weight: bold;
}
.endComment {
        font-family: 'Poppins', sans-serif;     
        font-size: 25px;    
        text-align: center;    
        color: black;    
        position: relative;
        top: 200px; 
        aleft: -250px;   
        font-weight: bold; 
        z-index: 10;
}
.endCommentBtn {
   background-image: url('img/button.png'); 
   background-size: 100%;
   width: 400px;
   height: 58px;
   position: relative;
   
   left: 390px;
   top: -70px;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;  
    z-index: 12;
    cursor: pointer;
}
.titleZysk {
   z-index: 11;
   width: 500px;
   position: fixed;
   
   left: calc((100% - 500px)/2);
   top: 80px;
}

.pageEndTitle {
    
}

.soundClass {
    position: absolute;
    left: 40px;
    top: -5px;
    cursor: pointer;
}

.muzyczkaDiv1 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;    
}
.muzyczkaDiv {
    position: relative;
    left: 240px;
    top: 60px;
    width: 800px;
    height: 100px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    text-align: left;	 
    z-index: 5;
    Xdisplay: grid;
    place-items: center;
    
    
}

.txtAbout {
    position: relative;
    left: 160px;
    top: 80px;
    width: 800px;
    height: 400px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-align: left;	 
    z-index: 3;
    display: grid;
    place-items: center;
    
}