body { background-color: #FFFFFF; text-align: center;}
img { border: 0px; }

#container { background: url(gfx/w1.jpg) no-repeat; width: 576px; height: 399px; margin-right: auto; margin-left: auto;}

a.judo { width:188px; height:63px; float: left; background: url("gfx/j1.gif") no-repeat right top; margin-top: 70px; margin-left: 340px; }
a.kosz { width:188px; height:63px; float: left; background: url("gfx/k1.gif") no-repeat right top; margin-top: 30px; margin-left: 340px; }
a.reczna { width:188px; height:63px; float: left; background: url("gfx/pr1.gif") no-repeat right top; margin-top: 30px; margin-left: 340px; }
a.power { width:208px; height:18px; float: left; background: url("gfx/power.gif") no-repeat right top; margin-top: 45px; margin-left: 330px; }
a.judo:hover { background: url("gfx/j2.gif") no-repeat right top; }
a.kosz:hover { background: url("gfx/k2.gif") no-repeat right top; }
a.reczna:hover { background: url("gfx/pr2.gif") no-repeat right top; }
a.power:hover { background: url("gfx/power2.gif") no-repeat right top; }