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

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

a{ color: rgb(211,131,78); text-decoration: none; }
a:hover{ color: rgb(215,143,96); text-decoration: underline; }

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

/* =============================================================================
                                                                       WRAPER
============================================================================= */
#wraper{
  width: 700px;
  padding: 0px 0px 10px; margin: 15px auto 10px;
  background: rgb(246,244,239) url(graf/tlo_wraper.png) no-repeat 0px 0px;
  border: 4px rgb(255,255,255) solid;
}

#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 p{ 
  clear: both;
  margin: 0px; padding: 8px 25px 6px; 
  text-align: justify;
}

#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; } 

#wraper h2 a{ color: rgb(90,90,90); }

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

#wraper ul#menu{
  width: 700px; height: 18px;
  list-style: none;
  padding: 6px 0px 0px 0px; margin: 0px 0px 15px 0px;
  text-align: center;
/* background-color: rgb(195,85,13); */
/*  background-color: rgb(177,55,1); */
  background-color: rgb(42,42,42);
  border-bottom: 4px rgb(255,255,255) solid; 
}
ul#menu li{ display: inline; padding: 0px; margin: 0px; }
ul#menu a{ padding: 6px 27px 5px; margin:0px; color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; border-right: 1px rgb(96,96,96) solid; }
ul#menu a.last{ border: none; }
ul#menu a.active{ background-color: rgb(90,90,90); }


#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(196,194,189);
  margin: 0px 10px;
}

#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;
}