#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10{
width:107px; height:75px; margin:0px;padding:0px;border:0px solid #aaaaaa;}
 .btn {
 border: 0;
outline:none;
background-color: transparent; 
  background: #aba08c;
  background-image: -webkit-linear-gradient(top, #aba08c, #514a38);
  background-image: -moz-linear-gradient(top, #aba08c, #514a38);
  background-image: -ms-linear-gradient(top, #aba08c, #514a38);
  background-image: -o-linear-gradient(top, #aba08c, #514a38);
  background-image: linear-gradient(to bottom, #aba08c, #514a38);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;

  text-decoration: none;
}

.btn:hover {
  background: #b88d42;
  background-image: -webkit-linear-gradient(top, #b88d42, #4d3b07);
  background-image: -moz-linear-gradient(top, #b88d42, #4d3b07);
  background-image: -ms-linear-gradient(top, #b88d42, #4d3b07);
  background-image: -o-linear-gradient(top, #b88d42, #4d3b07);
  background-image: linear-gradient(to bottom, #b88d42, #4d3b07);
  text-decoration: none;
}

.btn7{
position:absolute;
top: 700px;
left: 1060px;
  background: #514a38;
  background-image: -webkit-linear-gradient(top, #6e685c, #514a38);
  background-image: -moz-linear-gradient(top, #6e685c, #514a38);
  background-image: -ms-linear-gradient(top, #6e685c, #514a38);
  background-image: -o-linear-gradient(top, #6e685c, #514a38);
  background-image: linear-gradient(to bottom, #6e685c, #514a38);
  -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: #9b9b9b;
  background-image: -webkit-linear-gradient(top, #9b9b9b, #514a38);
  background-image: -moz-linear-gradient(top, #9b9b9b, #514a38);
  background-image: -ms-linear-gradient(top, #9b9b9b, #514a38);
  background-image: -o-linear-gradient(top, #9b9b9b, #514a38);
  background-image: linear-gradient(to bottom, #9b9b9b, #514a38);
  text-decoration: none;
}
 
 
 .img{
  z-index: 5;
  width:108px;
  height:75 px;
 }
   .imgd{
  z-index: 11;
  width:150px;
  height:126 px;
 }
 
 #scenki_ob1{
 position: absolute;
 top:100px;
 left: 250px;
  width:300px;
  height:228 px;
 }
  #scenki_ob2{
 position: absolute;
  top:380px;
 left: 250px;
  width:300px;
  height:228 px;
 }
  #scenki_ob3{
 position: absolute;
  top:510px;
 left: 250px;
  width:300px;
  height:228 px;
 }
 
 body{
 background-image: url(images/tlo.jpg);
 background-repeat: repeat-x;
 background-color: #aba08c;
 }
 #losuj{
 position: absolute;
 top: 700px;
 left: 350px;
 width: 100px;
 height: 50px;
 }
.button{

background-image: url(images/butt_d.png);
width: 50px;
height: 50px;
border: 0;
outline:none;
background-color: transparent; 
}
.button:hover{
background-position: 0px -50px;
}
 #Tabela_01 {
margin-top: -9px;
left: 50%;
  
   margin-left: -600px; /* połowa szerokości */

   position: absolute;
width:1200px;
height:886px;
background-image:url(images/sklepy.jpg);
}

#ramka_przedmioty{
position:absolute;
top: 50px;
left: 100px;
width: 1000px;
height:800px;
}


#scenki{
position:absolute;
top: 50px;
left: 200px;
width: 800px;
height:800px;
background-image: url(images/tlo_scenki.png);
z-index: 10;
display: none;
}
#scenki_but{
position:absolute;
top: 850px;
left: 550px;
width: 120px;
height:40px;
background-color: yellow;
z-index: 10;

}

#zad1_but{
position:absolute;
top: 850px;
left: 400px;
width: 120px;
height:40px;
background-color: yellow;
z-index: 10;

}  
#scenki_butX{
position:absolute;
top: 0px;
right: 0px;
width: 30px;
height:30px;
z-index: 20;
}
#metki{
position:absolute;
top: 50px;
left: 200px;
width: 800px;
height:800px;
background-image: url(images/tlo_scenki.png);
z-index: 10;
display: none;
}
#metki_but{
position:absolute;
top: 850px;
left: 700px;
width: 120px;
height:40px;
background-color: yellow;
z-index: 10;

}
#metki_butX{
position:absolute;
top: 0px;
right: 0px;
width: 30px;
height:30px;
background-color: ;
z-index: 20;

}



#divd1{
position: absolute;
left:0px;
top: 0px;
}
#divd2{
position: absolute;
left:0px;
top: 130px;
}
#divd3{
position: absolute;
left:0px;
top: 260px;
}
#divd4{
position: absolute;
left:0px;
top: 390px;
}
#divd5{
position: absolute;
left:0px;
top: 520px;
}
#divd6{
position: absolute;
left:0px;
top: 650px;
}


#droppabled1{
position: absolute;
right:0px;
top: 0px;
width: 150px;
height: 126px;
text-align: center;

}
#droppabled2{
position: absolute;
right:0px;
top: 130px;
width: 150px;
height: 126px;
text-align: center;

}
#droppabled3{
position: absolute;
right:0px;
top: 260px;
width: 150px;
height: 126px;
text-align: center;

}
#droppabled4{
position: absolute;
right:0px;
top: 390px;
width: 150px;
height: 126px;
text-align: center;

}
#droppabled5{
position: absolute;
right:0px;
top: 520px;
width: 150px;
height: 126px;
text-align: center;

}
#droppabled6{
position: absolute;
right:0px;
top: 650px;
width: 150px;
height: 126px;
text-align: center;

}

.d{
background-color: ;

}


















#droppable1{
position:absolute;
top: 250px;
left: 170px;
width: 216px;
height:150px;


}

#droppable2{
position:absolute;
top: 250px;
left:500px ;
width: 216px;
height:150px;


}

#droppable3{
position:absolute;
top: 250px;
left: 810px;
width: 216px;
height:150px;

}

#droppable4{
position:absolute;
top: 520px;
left:170px ;
width: 216px;
height:150px;

 }
 
#droppable5{
position:absolute;
top: 520px;
left: 500px;
width: 216px;
height:150px;


}

#droppable6{
position:absolute;
top:520px;
left:810px;
width: 216px;
height:150px;


}
