/* =============================================================================
                                                                       OGOLNE
============================================================================= */
html, body{
  width: 100%;
  padding: 0px; margin: 0px;
  background-color: rgb(5,5,5);
  font: normal 11px tahoma, Arial, geneva, sans-serif;
  color: rgb(245,245,245);
}

img{ display: block; border: none; }
form{ margin: 0px; padding:0px;}

a{ color: rgb(255,126,163);  }
a:hover{  background-color: rgb(90,90,90); }

.strong{ font-weight: bold; }
.center_in{ text-align: center; }
.clr{ clear: both; }

/* =============================================================================
                                                                       WRAPER
============================================================================= */
#top{ width: 770px; height: 190px; margin: 0px auto; padding: 0px 0px 10px; background: url(graf/tlo_top.jpg) no-repeat top right;}
#top h1{ margin: 0px; padding: 15px 0px 10px; font: italic 32px Garamond, Tahoma, Arial, sans-serif}
#top h1 a{ text-decoration: none; }
#top h1 span{ color: rgb(255,255,255); }
#top p{ width: 550px; margin: 0px; padding: 8px 0px;}
#top p a{ color: rgb(245,245,245); text-decoration: none; }

#belt{ height: 70px; width: 100%; margin: 0px 0px 10px; background-color: rgb(0,51,153); }
#belt div.wrap{ width: 770px; height: 100%; margin: 0px auto; }
#belt div.adsense{ 
  float: right; 
  height: 60px; width: 470px; 
  padding: 5px 10px; 
  border-left: 1px rgb(106,125,143) solid;
}

#belt ul{ float: left; width: 260px; padding: 5px 10px 5px 0px; margin: 0px; list-style: none; }
#belt label{ display: block; width: 250px; padding: 2px 0px 5px; font: normal 18px Garamond, Tahoma, Arial, sans-serif; color: rgb(254,254,254); }
#belt li{ float: left; }
#belt input{ width: 160px; border: 2px rgb(56,46,120) solid; }
#belt input.submit{ background-color: rgb(167,197,237); color: rgb(56,46,120); margin-left: 8px; width: 80px; }

#content{ width: 770px; margin: 0px auto;}

#left{ float: right; width: 570px; padding-right: 9px;}

#left ul.alfabet{ list-style: none; padding: 0px 0px 15px; margin: 0px; }
#left ul.alfabet li{ float: left; padding: 0px 0px; border-right: 1px rgb(134,159,182) solid; }
#left ul.alfabet li a{ padding: 0px 6px; }
#left ul.liczby{ margin-top: 4px;}
#left ul.liczby li a{ color: #B36B81;}

#lista{
  float: left;
  list-style: none;
  padding: 15px 0px;
  margin: 0px;
}
#lista li{
  float: left;
  width: 550px;
}
#lista li.tint{ background-color: rgb(50,50,50); }
#lista a{ display: block; float: left; width: 530px; padding: 3px 10px; color: rgb(200,200,200) }
#lista a strong{  }

#right{ float: right; width: 190px; }
#right h3{ font: bold 12px Tahoma, Arial, sans-serif; padding: 5px 0px 5px 10px; margin: 0px;}
#right ol{ margin-top: 0px; padding-top: 0px; }
#right ol li{ padding: 2px 0px; }

.linkstopka a{ color: rgb(224,224,224); text-decoration: none;}

#toplayer { color: #000; background-color: #FFF; padding: 5px; position:absolute; top: 50%; left: 50%; margin-left: -212px; margin-top: -150px;}
#toplayer a{ padding-top: 293px; display: block; height: 0px; width: 424px; background: url(../img/zarabianie.gif) no-repeat center center; overflow: hidden;}
#toplayer div.up{ padding: 0px 0px 5px; font-weight: bold; text-align: right; }
#toplayer div span{ cursor: pointer; }
#toplayer div.down{  padding: 10px 0px; color: #fff; background-color: #000; font-weight: bold; text-align: center; }