html, body{
   margin:0px;
   padding:0px;
   background:rgb(234, 234, 234);
   color:rgb(138, 138, 138);
   font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body{
   text-align:center;
}
/* ---- menu ---- */
ul#menu{
   clear: left;
   float: left;
   width: 200px;
   list-style: none;
   margin: 0 0 10px 23px;
   padding: 0 0 22px 0;
   border: 0;
   text-indent: 0;
   text-align: right;
   background: url(img/menu.gif) 0 100% no-repeat;
}
ul#menu li{
   list-style: none;
   margin: 0;
   padding: 0;
   border: 0;
   text-indent: 0;
   text-align: right;
}
ul#menu li.kategoria{
   height: 36px;
   margin-top:3px;
   padding: 3px 10px 0 0; 
   background: url(img/kategoria.gif) 0 0 no-repeat;
   color: rgb(100, 6, 92);
   font-weight: bold;
}
ul#menu li ul{
   margin: 0;
   padding: 0;
   border: 0;
   text-indent: 0;
}
ul#menu li ul li{
   height: 22px;
   background: url(img/pozycja.gif) 0 0 no-repeat;
   padding: 4px 20px 0 0;
}
ul#menu li.wybrana a{
   color: rgb(216, 216, 216);
   font-weight: bold;
}
/* ---- content ---- */
#content{
   margin: 0 23px 0 243px;
   padding: 0;
   text-align: justify;
}
/* -- cornered box -- */
.m1{
   clear: right;
   margin-top: 10px;
   background: rgb(255, 255, 255) url(img/m1.gif) 0 0 no-repeat;
}
.m2{
   padding: 10px;
   background: url(img/m2.gif) 0 100% no-repeat;
   text-align: center;
}
.m2 table{
   width: 460px;
   margin: 0 auto;
}
.m2 table img{
   border: 0;
}
.m2 table a{
   font-weight: bold;
   font-size: 12px;
   color: rgb(95, 5, 87);
}
/* ---- wrapper & backgrounds ---- */
#w1{
   position: absolute;
   z-index: 1;
   left: 50%;
   width:796px;
   margin: 0 0 0 -398px;
   padding: 338px 0 0 0;
   background: url(img/w1.jpg) 0 0 no-repeat;
}
#b1{
   position: absolute;
   z-index: 0;
   width: 50%;
   height: 371px;
   left: 0;
   background: url(img/bg1.gif) 100% 0 repeat-x; 
}
#b2{
   position: absolute;
   z-index: 0;
   width: 50%;
   height: 374px;
   right: 0;
   background: url(img/bg2.gif) 0 0 repeat-x; 
}
/* ---- footer ---- */
#footer{
   clear: both;
   width: 750px;
   height: 59px;
   margin: 20px auto 0 auto;
   padding: 20px 0 0 0; 
   background: url(img/footer.gif) 0 0 no-repeat;
}
#dev{
   margin-top:5px; 
   color: rgb(195, 195, 195);
   text-align: center;
   font-size: 10px;
}
#dev a{
   color: rgb(195, 195, 195);
   font-weight: bold;
}
#copy{
   color: rgb(109, 109, 109);
}
#copy a{
   font-weight: bold;
   color: rgb(254, 201, 111);
}
#copy span{
   color: rgb(74, 74, 74);
}
/* ---- baner zone ---- */
.adbox{
}
#topbaner{
   clear: both;
   margin: 20px auto;
}
#topbaner a img{
   border: 1px dashed rgb(255, 255, 255);
}
/* ---- all the rest ---- */
.left{
   float: left;
}
.right{
   float: right;
}
a{
   text-decoration: none;
   color: rgb(138, 138, 138);
}
p{
   margin: 15px 0;
}