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

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

a{ color: rgb(195,229,96); text-decoration: none; }
a:hover{ text-decoration: underline; }

.strong{ font-weight: bold; }
.center_in{ text-align: center};
.clr{ clear: both; height:0px; padding:0px; margin: 0px; }

/* =============================================================================
                                                                       WRAPER
============================================================================= */


h1#logo{ height: 59px; width: 700px; margin: 0px auto; background: url(../img/logo.gif) no-repeat 20px 18px; overflow: hidden;}
h1#logo a{ display: block; height: 0px; width: 200px; padding-top: 59px; }

ul#menu{ display: block; width: 700px; height: 39px; padding: 0px; margin: 0px auto; list-style: none; }
ul#menu li{ display: block; float: left; padding: 0px; margin: 0px;  border-right: 2px rgb(146,179,0) solid;}
ul#menu li.out{ background: url(graf/tlo_menu_li.jpg) no-repeat top right;}
ul#menu a{ display: block; padding: 13px 13px; font: bold 11px tahoma, arial, sans-serif; background: url(graf/tlo_a.gif) no-repeat bottom center; color: #FFFFFF; }
ul#menu a:hover{ background-position: top center ; text-decoration: none; }
ul#menu a.active{ background-position: top center ; }

#wraper{
  width: 724px;
  padding: 15px 0px 0px; margin: 0px auto 10px;
  background: url(graf/tlo_wraper.gif) repeat-y center center;
}
#wraper p{ clear: both; margin: 0px; padding: 6px 35px 6px; text-align: justify; /* color: rgb(236,245,216); */ }
#wraper h2{ font-size: 13px; color: rgb(236,245,216); padding: 5px 35px ; margin: 10px 0px 0px 0px; }
#wraper h2 span{ font-size: 11px; }
#wraper h1{ font-size: 16px; color: rgb(236,245,216); padding: 5px 35px ; margin: 10px 0px 0px 0px; }
#wraper h1 span{ font-size: 11px; }

#wraper li.sect{
  text-align: center;
  font-weight: bold;
  padding: 8px 0px 4px;
}

#stopka{
  text-align: center;
  margin: 0px 0px 15px;
}
#stopka a{
  color: rgb(195,229,96);
  margin: 0px 10px;
  font-size: 9px;
}

#wraper p.question{
  font-weight: bold;
  padding-bottom: 0px;
  padding-top: 10px;
}

#wraper p.autor{ text-align: right; }
#wraper p.autor span{ font-weight: bold; }
/*
#wraper p.rights{
  border-top: 2px rgb(236,234,229) solid;
  margin-top: 30px;
  font-size: 10px;
  color: rgb(120,120,120);
}
#wraper p.autor{
  padding-top: 15px;
  text-align: center;
}

#wraper ol, #wraper ul, #wraper dl{
  padding: 0px 20px; margin: 0px; margin-left: 25px;
  text-align: justify;
}
#wraper dt{ margin-top: 8px; font-weight: bold; }
#wraper li{ padding: 1px 0px; }



#wraper h1{ font-size: 15px; color: rgb(144,29,32); text-align: center; padding: 10px 0px; margin: 0px; }
#wraper h2{ font-size: 13px; color: rgb(90,90,90); padding: 5px 25px 5px 25px; margin: 10px 0px 0px 0px; background-color: rgb(236,234,229);}
#wraper h3{ font-size: 11px; color: rgb(90,90,90); padding: 15px 25px 2px; margin: 0px; } 
*/