/* =============================================================================
                                                                       OGOLNE
============================================================================= */
html, body{
  width: 100%;
  padding: 0px; margin: 0px;
  background: rgb(254,254,254) url(graf/tlo_body.png) repeat-x top center;
  font: normal 11px tahoma, Arial, geneva, sans-serif;
  color: rgb(30,30,30);
}

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

a{ color: #9E600E;  }
a:hover{  background-color: rgb(229,219,182); }

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

/* =============================================================================
                                                                       WRAPER
============================================================================= */
#top{ width: 770px; height: 120px; margin: 10px auto 0px; padding: 0px 0px 10px; background: url(graf/logo.gif) no-repeat top right; }
#top h1{ margin: 0px; padding: 15px 0px 10px; font: normal 28px Garamond, Tahoma, Arial, sans-serif}
#top p{ margin: 0px; padding: 2px 0px; width: 500px;}

#belt{ height: 70px; width: 100%; margin: 10px 0px; background-color: #EB8E15; }
#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(106,125,143) solid; }
#belt input.submit{ background-color: rgb(219,209,162); margin-left: 8px; width: 80px; }

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

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

#left ul.alfabet{ list-style: none; padding: 0px 0px 15px; margin: 0px; }
#left ul.alfabet li{ float: left; padding: 2px 0px; border-right: 1px rgb(134,159,182) solid; }
#left ul.alfabet li a{ padding: 2px 7px; font-weight: bold; }

#left h2{ font: bold 13px verdana, sans-serif; }

#left p.stron{
  clear:both; text-align: center; font-size: 11px; font-weight: bolder;
  padding-top: 15px;
}
#left h2.opisany{
clear:both; padding:10px 10px; margin:10px 0px; border: 2px red solid;
color: red; font-size: 12px;
}


#lista{
  float: left;
  list-style: none;
  padding: 5px 0px 10px;
  margin: 0px;
}
#lista li{
  float: left;
  width: 550px;
  padding: 1px 0px;
}
#lista li.tint{
  background-color: rgb(248,248,248);
}
#lista a{
  display: block;
  float: left;
  width: 504px;
  padding: 3px 10px;
}
#lista img{ float:left; margin-right: 10px; }

#right{
  float: right;
  width: 200px;
  border-left: 1px #EB8E15 solid;
}
#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;
}