HTML, BODY {
  font: bold 1em arial, times new roman, serif, georgia;
  color: #000; 
  margin: 0;
  padding: 0;
  background-color: #bbb;
  font-size: 10pt;
  }
TABLE {
  table-layout: auto;
  margin: 0px;
  border: 0px;
  background: transparent;
  }
TH {
  border: 1px #000000 solid;
  font-size: 10pt;
  padding-left: 3px;
  padding-right: 3px;
  color: #000;
  background: #ff0;
  }
TH {
  border: 1px #000000 solid;
  font-size: 10pt;
  padding-left: 3px;
  padding-right: 3px;
  color: #000;
  background: #0ff;
  }

DIV {
  text-align: center;
  position: absolute;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
DIV#ekran {
  width: 100%;
  height: 100%;
  background: url('graf/tlo.gif');
}
DIV#plansza {
  top: 10px;
  width: 530px;
  height: 580px;
  margin-left: -265px;
}
DIV#info {
  top: 540px;
  width: 530px;
  height: 40px;
  left: 0px;
  background: #cba;
  color: #000;
}
DIV#forma {
  top: 480px;
  width: 530px;
  height: 60px;
  left: 0px;
  background: #abc;
  color: #000;
}


DIV.pole0, DIV.pole1, DIV.pole2, DIV.pole3, DIV.pole4, DIV.pole5, DIV.pole6, DIV.pole7, 
DIV.pole8, DIV.pole9, DIV.pole10, DIV.pole11, DIV.pole12, DIV.pole13, DIV.pole14, 
DIV.pole15, DIV.pole16, DIV.pole17, DIV.pole18, DIV.pole19, DIV.pole20, DIV.pole21,
DIV.pole22, DIV.pole23, DIV.pole24, DIV.pole25, DIV.pole26, DIV.pole27 {
  width: 24px; height: 24px;
}
DIV.pole0 {  background: url('graf/00.gif');  }
DIV.pole1 {  background: url('graf/01.gif');  }
DIV.pole2 {  background: url('graf/02.gif');  }
DIV.pole3 {  background: url('graf/03.gif');  }
DIV.pole4 {  background: url('graf/04.gif');  }
DIV.pole5 {  background: url('graf/05.gif');  }
DIV.pole6 {  background: url('graf/06.gif');  }
DIV.pole7 {  background: url('graf/07.gif');  }
DIV.pole8 {  background: url('graf/08.gif');  }
DIV.pole9 {  background: url('graf/09.gif');  }
DIV.pole10 {  background: url('graf/10.gif');  }
DIV.pole11 {  background: url('graf/11.gif');  }
DIV.pole12 {  background: url('graf/12.gif');  }
DIV.pole13 {  background: url('graf/13.gif');  }
DIV.pole14 {  background: url('graf/14.gif');  }
DIV.pole15 {  background: url('graf/15.gif');  }
DIV.pole16 {  background: url('graf/16.gif');  }
DIV.pole17 {  background: url('graf/17.gif');  }
DIV.pole18 {  background: url('graf/18.gif');  }
DIV.pole19 {  background: url('graf/19.gif');  }
DIV.pole20 {  background: url('graf/20.gif');  }
DIV.pole21 {  background: url('graf/21.gif');  }
DIV.pole22 {  background: url('graf/22.gif');  }
DIV.pole23 {  background: url('graf/23.gif');  }
DIV.pole24 {  background: url('graf/24.gif');  }
DIV.pole25 {  background: url('graf/25.gif');  }
DIV.pole26 {  background: url('graf/26.gif');  }
DIV.pole27 {  background: url('graf/27.gif');  }

DIV.m0, DIV.m1, DIV.m2, DIV.m3, DIV.m4, DIV.m5, DIV.m6, DIV.m7, DIV.m8, DIV.m9, DIV.m10, DIV.m11, DIV.m12 {
  width: 50px; height: 40px; left: 480px; border: solid 5px #888;
}
DIV.m0 {  background: url('graf/m00.gif');  }
DIV.m1 {  background: url('graf/m01.gif');  }
DIV.m2 {  background: url('graf/m02.gif');  }
DIV.m3 {  background: url('graf/m03.gif');  }
DIV.m4 {  background: url('graf/m04.gif');  }
DIV.m5 {  background: url('graf/m05.gif');  }
DIV.m6 {  background: url('graf/m06.gif');  }
DIV.m7 {  background: url('graf/m07.gif');  }
DIV.m8 {  background: url('graf/m08.gif');  }
DIV.m9 {  background: url('graf/m09.gif');  }
DIV.m10 {  background: url('graf/m10.gif');  }
DIV.m11 {  background: url('graf/m11.gif');  }
DIV.m12 {  background: url('graf/m12.gif');  }

DIV.c1, DIV.c2, DIV.c3, DIV.c4, DIV.c5, DIV.c6, DIV.c7, DIV.c8, DIV.c9, DIV.c10, DIV.c11, DIV.c12 {
  width: 50px; height: 40px; left: 480px; border: solid 5px #888;
}
DIV.c1 {  background: url('graf/c01.gif');  }
DIV.c2 {  background: url('graf/c02.gif');  }
DIV.c3 {  background: url('graf/c03.gif');  }
DIV.c4 {  background: url('graf/c04.gif');  }
DIV.c5 {  background: url('graf/c05.gif');  }
DIV.c6 {  background: url('graf/c06.gif');  }
DIV.c7 {  background: url('graf/c07.gif');  }
DIV.c8 {  background: url('graf/c08.gif');  }
DIV.c9 {  background: url('graf/c09.gif');  }
DIV.c10 {  background: url('graf/c10.gif');  }
DIV.c11 {  background: url('graf/c11.gif');  }
DIV.c12 {  background: url('graf/c12.gif');  }