body{
background-color: #638383;
overflow-y:hidden;
overflow-x:hidden;
}
#ramka_osoba{
position: absolute;
top: 50px;
left:350px;
width:322px;
height:465px; 
background-color:white;
z-index: 99;
display: none;
}
#menu_pyt{
position: absolute;
top: 600px;
left:0px;
width:530px;
height:30px; 
background-color: ;
z-index: 5;
display:none;
}
#wynik{
position: absolute;
top: 200px;
left:350px;
width:300px;
height:150px; 
background-image: url(images/rodzaj.png);
z-index: 69;
display:none;
}

#wynik_but{
width:300px;
height:50px; 
font-family: Arial;
  color: black;
  font-size: 20px;
  padding: 0px 0px 0px 0px ;
  text-decoration: none;
  border: 0;
  font-style: bold;
outline:none;
background-color: transparent; 
z-index: 69;
}
#wynik_restart{
width:300px;
height:50px; 
font-family: Arial;
  color: black;
  font-size: 20px;
  padding: 0px 0px 0px 0px ;
  text-decoration: none;
  border: 0;
  font-style: bold;
outline:none;
background-color: transparent; 
z-index: 69;
}
#wynik_restart:hover{
color: #3e4f28;
}



.but_menu_pyt{
width:20px;
height:20px; 
  background: #e29f1e;
  background-image: -webkit-linear-gradient(top, #e29f1e, #a97105);
  background-image: -moz-linear-gradient(top, #e29f1e, #a97105);
  background-image: -ms-linear-gradient(top, #e29f1e, #a97105);
  background-image: -o-linear-gradient(top, #e29f1e, #a97105);
  background-image: linear-gradient(to bottom, #e29f1e, #a97105);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  outline:none;
 
  border: 0;
}

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








.popup_menu{
text-align: center;
font-family: Arial;
  color: black;
  font-size: 18px;
  font-weight: bold;
}


.btn{
 font-family: Arial;
  color: black;
  font-size: 18px;
  font-weight: bold;
   text-decoration: none;
    border: 0;
outline:none;
background-color: transparent; 
text-align: left;
}
.btn:hover{
color: #3e4f28;
}


.btn7 {
position:absolute;
top: 700px;
left: 1000px;
  background: #830308;
  background-image: -webkit-linear-gradient(top, #830308, #530c10);
  background-image: -moz-linear-gradient(top, #830308, #530c10);
  background-image: -ms-linear-gradient(top, #830308, #530c10);
  background-image: -o-linear-gradient(top, #830308, #530c10);
  background-image: linear-gradient(to bottom, #830308, #530c10);
  -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;

}

.btn7:hover {
  background: #cb0009;
  background-image: -webkit-linear-gradient(top, #cb0009, #530c10);
  background-image: -moz-linear-gradient(top, #cb0009, #530c10);
  background-image: -ms-linear-gradient(top, #cb0009, #530c10);
  background-image: -o-linear-gradient(top, #cb0009, #530c10);
  background-image: linear-gradient(to bottom, #cb0009, #530c10);
  text-decoration: none;
}


.btn8 {
position:absolute;
top: 700px;
left: 900px;
  background: #830308;
  background-image: -webkit-linear-gradient(top, #830308, #530c10);
  background-image: -moz-linear-gradient(top, #830308, #530c10);
  background-image: -ms-linear-gradient(top, #830308, #530c10);
  background-image: -o-linear-gradient(top, #830308, #530c10);
  background-image: linear-gradient(to bottom, #830308, #530c10);
  -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;

}

.btn8:hover {
  background: #cb0009;
  background-image: -webkit-linear-gradient(top, #cb0009, #530c10);
  background-image: -moz-linear-gradient(top, #cb0009, #530c10);
  background-image: -ms-linear-gradient(top, #cb0009, #530c10);
  background-image: -o-linear-gradient(top, #cb0009, #530c10);
  background-image: linear-gradient(to bottom, #cb0009, #530c10);
  text-decoration: none;
}


#Tabela_01 {
margin-top: 20px;
left: 50%;
  
   margin-left: -500px; /* połowa szerokości */

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

}
#menu{
position: absolute;
top: 150px;
left:350px;
width:300px;
height:150px; 

z-index: 70;
display: ;
background-image: url(images/rodzaj.png);
}
#ramka{
position: absolute;
top: 50px;
left:-100px;
width:1200px;
height:671px; 
background-image: url(images/tlo.png);
}
#losuj{
position: absolute;
top: 140px;
left: 410px;

background-image:url(images/pytajnik.png);
width: 60px;
height: 95px;
   text-decoration: none;
    border: 0;
outline:none;
background-color: transparent;
background-repeat: no-repeat;
}
#losuj:hover{
background-position: 0px -95px;
}

#odp1{
position: absolute;
top: 80px;
left: 880px;
background-image:url();
width: 240px;
height: 50px;
z-index:66;
}

#odp2{
position: absolute;
top: 130px;
left: 870px;
background-image:url();
width: 240px;
height: 50px;
z-index:66;
}


#odp3{
position: absolute;
top: 180px;
left: 860px;
background-image:url();
width: 240px;
height: 50px;
z-index:66;
}

#obr {
position: absolute;
top: 130px;
left:510px;
width:200px;
height:160px; 
}
#obr2 {
position: absolute;
top: 10px;
left: 10px;
width:302px;
height:445px; 
}
#odb {
position: absolute;
top: 90px;
left:473px;
width:275px;
height:155px; 
z-index: 5;
}
#ch_tom{
position: absolute;
top: 20px;
left:800px;
width:333px;
height:271px; 
z-index: 50;
background-image: url(images/ch_tom.png);
display: none;
}
#ch_tina{
position: absolute;
top: 35px;
left:100px;
width:300px;
height:310px; 
z-index: 2;
background-image: url(images/ch_tina.png);
display:none;
display:none;
}



#pytanie{
font-family: Arial;
position: absolute;
top: 70px;
left: 50px;
background-color: transparent;
border: 0;
color: black;
width: 200px;
height: 300px;
text-align: center;
font-size: 18px;
  font-weight: bold;
  overflow:hidden;
  border: 0;
  resize:none; 
}