html, body{
   margin:0px;
   padding:0px;
   background:rgb(255, 255, 255);
   color:rgb(148, 148, 148);
   font: 14px/18px "Times New Roman", Times, serif;
}
body{
   text-align:center;
}
#w1{
   position: absolute;
   z-index: 1;
   left: 50%;
   width:751px;
   margin: 0 0 0 -377px;
   padding: 0 3px 0 0;
   background: url(img/w1.gif) 0 0 no-repeat;
}
#b1{
   position: absolute;
   z-index: 0;
   width: 50%;
   height: 260px;
   left: 0;
   background: url(img/bg1.gif) 0 0 repeat-x; 
 }
 #b2{
   position: absolute;
   z-index: 0;
   width: 50%;
   height: 100px;
   right: 0;
   border-bottom: 1px solid rgb(192, 192, 192);
 }
#topmenu{
   float: right; 
   margin-top: 50px;
   color:rgb(74, 74, 74);
}
#topmenu a{
   display: block;
   float: left;
   width: 94px;
   height: 50px;
   color: rgb(74, 74, 74);
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: 0 0; 
   border-bottom: 10px solid rgb(140, 140, 140);
   text-indent: -1000em;
}
#topmenu a:hover{
   background-position: 0 100%; 
}
#topmenu a#oferta{
   background-image: url(img/oferta.gif);
}
#topmenu a#newsy{
   background-image: url(img/newsy.gif);
}
#topmenu a#forum{
   background-image: url(img/forum.gif);
}
#topmenu a#kontakt{
   background-image: url(img/kontakt.gif);
}
#logo{
   float: left;
   width: 365px;
   height: 175px;
   margin: 50px 10px 0 0;
   padding: 0 10px 10px 0;
   background: rgb(255, 255, 255) url(img/logo.jpg) 0 0 no-repeat;
}
#menu{
   clear: left;
   float: left;
   width: 157px;
}
#menu a{
   display: block;
   width: 157px;
   height: 30px;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: 0 0; 
   text-indent: -1000em;
}
#menu a:hover{
   background-position: 0 100%; 
}
#menu a#tworzenie{
   background-image: url(img/tworzenie.gif);
}
#menu a#zarzadzanie{
   background-image: url(img/zarzadzanie.gif);
}
#menu a#promocja{
   background-image: url(img/promocja.gif);
}
#menu a#hosting{
   background-image: url(img/hosting.gif);
}
#menu a#platnosci{
   background-image: url(img/platnosci.gif);
}
#content{
   margin: 230px 0 0 167px;
   padding: 10px;
   background: rgb(224, 224, 224);
   text-align: justify;
}
#footer{
   clear: both;
   height: 50px;
   padding: 30px 0 0 0; 
}
#linki{
   float: left;
   width: 107px;
   height: 50px;
   padding: 0 30px;
}
#linki a{
   display: block;
   float: left;
   width: 52px;
   height: 7px;
   background-color: transparent;
   background-position: 70% 0;
   background-repeat: no-repeat;
   text-indent: -1000em;
}
#linki a#linki_kontakt{
   background-image: url(img/linki_kontakt.gif);
}
#linki a#linki_oferta{
   background-image: url(img/linki_oferta.gif);
}
#pytanie {
   float: left;
   width: 190px;
   height: 50px;
}
#pytanie a{
   display: block;
   width: 190px;
   height: 50px;
   background: url(img/pytanie.gif) 0 0 no-repeat;
   text-indent: -1000em;
}
#dev{
   float: right;
   width: 390px;
   margin: -30px 0 0 0;
   color: rgb(224, 224, 224);
   text-align: right;
   text-transform: uppercase;
   font-size: 10px;
   line-height: 30px;
   vertical-align: middle;
}
#dev a{
   color: rgb(224, 224, 224);
}
#copy{
   float: right;
   width: 390px;
   height: 49px;
   border-top: 1px solid rgb(74, 74, 74);
   font: 11px/49px Verdana, Geneva, Arial, Helvetica, sans-serif;
   vertical-align: middle;
}
#copy a{
   font-weight: bold;
   color: rgb(199, 15, 97);
   text-transform: lowercase;
}
#copy span{
   color: rgb(74, 74, 74);
}
#flash{
   position: absolute;
   width: 310px;
   height: 90px;
   top: 115px;
   left: 50%;
   margin: 0 0 0 30px;
   z-index: 4;
}
a{
   text-decoration: none;
   color: rgb(148, 148, 148);
}
p{
   margin: 15px 0;
}
img.left{
   float: left;
   padding: 5px 10px 5px 0;
}
img.right{
   float: right;
   padding: 5px 0 5px 10px;
}