#odp2{
position: absolute;
top:742px;
left:425px;
z-index: 60;
background-color: transparent;  border: 0;  color: black; font-weight: 500; font-size: 25px;
outline:none;
display: none;
}

#odp2:hover{
font-size: 26px;
color: #04736c;
 outline:none;
 }
 
 
 #god{
position: absolute;
top:520px;
left:-20px;
width: 50px;
height: 50px;
z-index: 60;
background-color: transparent;  border: 0; 
outline:none;
}

 #cit{
position: absolute;
top:520px;
left:907px;
width: 50px;
height: 50px;
z-index: 60;
background-color: transparent;  border: 0; 
outline:none;



}
 
 
 #pytanie{
 position: absolute;
top:300px;
left:350px;
z-index: 60;
color: #04736c;
font-size: 27;
 font-weight: 50px;
 }

.btn {
position:absolute;
top: 747px;
left: 10px;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -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;

}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



body{
overflow: hidden;
background-color: #04736c;
background-image:url(images/tlo.png);
background-repeat: repeat-x;


}
#chm1{
position:absolute;
height: 304px;
width: 2000px;
left:-600px;
top: 0px;
background-image:url(images/near-clouds.png);
background-repeat: repeat-x;
}
#chm2{
position:absolute;
height: 304px;
width: 2000px;
left:-600px;
top: 200px;
background-image:url(images/far-clouds.png);
background-repeat: repeat-x;
}
#chm3{
position:absolute;
height: 304px;
width: 2000px;
left:-600px;
top: 400px;
background-image:url(images/near-clouds.png);
background-repeat: repeat-x;
z-index: -1;
}

#godz{
position:absolute;
left:-170px;
top:460px;
z-index: 0;
}

#tick_1{position:absolute;
left:-380px;
top:280px;
z-index: 8;
display: none;
}

#cross_1{position:absolute;
left:-350px;
top:270px;
z-index: 8;
display: none;
}




#tick_3{position:absolute;
left:130px;
top:280px;
z-index: 8;
display: none;
}

#cross_3{position:absolute;
left:150px;
top:270px;
z-index: 8;
display: none;
}
#pt2_ob{
position: absolute;
left:150px;
top:250px;
width:392px;
height:295px;
opacity:0.1;}

#licz2{
position: absolute;
left:15px;
top:0px;
background-image: url(images/butt_d.png);
width: 50px;
height: 50px;
z-index: 60;
background-color: transparent;  border: 0; 
outline:none;

}

#pyt1, #pyt2, #pyt3{
position:absolute;
left:-250px;
top:-150px;
width:392px;
height:295px;
} 
#b_pyt1_odp1{
position:absolute;
left:0px;
top:175px;
width:300px;
height:150px;
z-index: 6;
background-color: transparent;  border: 0;  color: black; font-weight: 500; font-size: 25px;
outline:none;
}
#b_pyt1_odp1:hover{font-size: 35px; color: #04736c;outline:none;}

#b_pyt1_odp2{
position:absolute;
left: -450px;
top:175px;
width:300px;
height:150px;
z-index: 6;
background-color: transparent;  border: 0;  color: black; font-weight: 500; font-size: 25px;
outline:none;
}
#b_pyt1_odp2:hover{font-size: 35px; color: #04736c;outline:none;}

#b4{
position: absolute;
top: 60px;
left: 30px;
background-image: url();
background-repeat: no-repeat;
width: 300px;
height: 100px;
background-color: transparent;  border: 0;  color: black; font-weight: 500; font-size: 25px;
outline:none;
}
#b4:hover{font-size: 35px; color: #04736c; outline:none;}

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

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

}
#chmurka{
position:absolute;
left:600px;
top:10px;
width:508px;
height:376px;
background-image: url(images/chmurka.png);
background-repeat: no-repeat;
z-index: 6;
}

.menu{
position:absolute;
left: -25px;
top:565px;
width:727px;
height:176px;

}


#pt1{
position:absolute;
left:150px;
top:100px;
width:1000px;
height:1006px;
background-image: url(images/ramka.png);
background-repeat: no-repeat;
display: ;
}
#pt2{
position:absolute;
left:150px;
top:100px;
width:1000px;
height:1006px;
background-image: url(images/ramka.png);
background-repeat: no-repeat;
display: none;
}
#pt3{
position:absolute;
left:150px;
top:100px;
width:1000px;
height:1006px;
background-image: url(images/ramka.png);
background-repeat: no-repeat;
display: none;
}
#pt3_ram{
position:absolute;
left:300px;
top:400px;
}

#pt1_1{
position:absolute;
left:400px;
top:400px;
width:400px;
height:200px;
display: none;
}
#pt1_2{
position:absolute;
left:400px;
top:400px;
width:400px;
height:200px;
display: none;
}

#pt1_3{
position:absolute;
left:400px;
top:400px;
width:400px;
height:200px;
display: none;
}
#b_pt3_ob1{
position:absolute;
left:-250px;
top:200px;
border: 0;
width: 130px;
height: 109px;
background: url();
background-repeat: no-repeat;
z-index: 6;
outline:none;
}
#b_pt3_ob2{
position:absolute;
left:-20px;
top:200px;
border: 0;
width: 130px;
height: 109px;
background: url();
background-repeat: no-repeat;
z-index: 6;
outline:none;
}
#b_pt3_ob3{
position:absolute;
left:200px;
top:200px;
border: 0;
width: 130px;
height: 109px;
background: url();
background-repeat: no-repeat;
z-index: 6;
outline:none;
}


