body{
overflow: hidden;
background-color: #638383;
background-image:;
background-repeat: repeat-x;


}
.img{
  z-index: 5;
  width:144px;
  height:156px;
 }
 
 
 
 
 
 .btn3 {
position:absolute;
top: 620px;
left: 1000px;
   background: #f1b672;
  background-image: -webkit-linear-gradient(top, #f1b672, #df9b5a);
  background-image: -moz-linear-gradient(top, #f1b672, #df9b5a);
  background-image: -ms-linear-gradient(top, #f1b672, #df9b5a);
  background-image: -o-linear-gradient(top, #f1b672, #df9b5a);
  background-image: linear-gradient(to bottom, #f1b672, #df9b5a);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Times New Roman;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: 0;
outline:none;
background-color: transparent; 
z-index: 10;

}

.btn3:hover {
  background: #ecda8b;
  background-image: -webkit-linear-gradient(top, #ecda8b, #df9b5a);
  background-image: -moz-linear-gradient(top, #ecda8b, #df9b5a);
  background-image: -ms-linear-gradient(top, #ecda8b, #df9b5a);
  background-image: -o-linear-gradient(top, #ecda8b, #df9b5a);
  background-image: linear-gradient(to bottom, #ecda8b, #df9b5a);
  text-decoration: none;
}

.popup{
text-align: justify;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
#Tabela_01 {
margin-top: 20px;
left: 50%;
  
   margin-left: -540px; /* połowa szerokości */

   position: absolute;
width:1080px;
height:900px;

}
#ramka{
position: absolute;
top: 50px;
left:-70px;
width:1200px;
height:595px; 
background-image: url(images/tlo.png);
}
#klaps{
position: absolute;
top: 0px;
left:150px;
width:800px;
height:852px; 
background-image: url(images/klaps_o.png);
z-index: 2;
display:none;
}
#x{
position: absolute;
top: 440px;
left:400px;
width:70px;
height:70px; 
}
#x2{
position: absolute;
top: 565px;
left:400px;
width:70px;
height:70px; 
}

#x3{
position: absolute;
top: 565px;
left:500px;
width:70px;
height:70px; 
}
#x5{
position: absolute;
top: 565px;
left:600px;
width:70px;
height:70px; 
}
#akcja{
position: absolute;
top: 705px;
left:300px;
width:220px;
height:70px; 
}
.btn{
 font-family: Arial;
  color: white;
  font-size: 60px;
  font-weight: bold;
   text-decoration: none;
    border: 0;
outline:none;
background-color: transparent; 
}
.btn:hover{
color: #3e4f28;
}
#ch_tina{
position: absolute;
top: 0px;
left:0px;
width:156px;
height:104px; 
background-image: url(images/ch_tina.png);
}

#ch_tom{
position: absolute;
top: 50px;
left:1050px;
width:156px;
height:104px; 
background-image: url(images/ch_tom.png);
}
.btn_ch{
 font-family: Arial;
  color: black;
  font-size: 30px;
  font-weight: bold;
   text-decoration: none;
    border: 0;
outline:none;
background-color: transparent; 
}
.btn_ch:hover{
color: #3e4f28;
}
#k1{
position: absolute;
top: 132px;
left:198px;
width:144px;
height:156px; 


}

#k2{
position: absolute;
top: 132px;
left:363px;
width:144px;
height:156px;

}
#k3{
position: absolute;
top: 132px;
left:531px;
width:144px;
height:156px;

}
#k4{
position: absolute;
top: 132px;
left:698px;
width:144px;
height:156px;

}
#k5{
position: absolute;
top: 132px;
left:866px;
width:144px;
height:156px;

}

#k3x{
position: absolute;
top: 132px;
left:531px;
width:144px;
height:156px;
display: none;
}
#k4x{
position: absolute;
top: 132px;
left:698px;
width:144px;
height:156px;
display: none;
}
#k5x{
position: absolute;
top: 132px;
left:866px;
width:144px;
height:156px;
display: none;
}