html { background-color: white; font-family: Arial; font-size: 12px; }

#kontener { width: 923px; margin: auto; }
#menu-top { background: url(gfx/top.jpg) no-repeat; width: 923px; height: 202px; }
#main { border-collapse: collapse; width: 100%;}
#main td { vertical-align: top; }
#kategorie { width: 209px; }
.kategoria { margin-bottom: 10px; }
.kategoria .srodek { padding: 5px 25px 10px 10px; background: url(gfx/srodek.jpg) repeat-y; }
.kategoria .gora { background: url(gfx/kat.jpg) no-repeat; height: 25px; padding-left: 8px; padding-top: 7px; font-size: 16px; font-weight: bold;}
.kategoria .gora a { color: white; text-decoration: none; }
.kategoria .dol { background: url(gfx/dol.jpg) no-repeat; height: 11px; }

.kategoria .podkat { font-size: 11px; }
.kategoria .podkat a { display: block; text-decoration: none;  color: #686868; padding-left: 12px; background: url(gfx/znaczek.jpg) 0px 7px no-repeat; border-bottom: 1px solid #d7d7d7; text-align: left; }
.kategoria .podkat a:hover { background-color: #f4f4f4; }

#content { text-align: left; }
#content .title { background: url(gfx/title.jpg) left center no-repeat; padding-left: 25px; margin: 0px; color: #B47903; font-size: 22px; }
#content .content { padding: 10px 10px 10px 10px; }
#stopka { background: url(gfx/stopka.jpg) no-repeat; width: 914px; height: 29px; margin: auto; color: #989898; text-align: center; padding-top: 5px; }
#stopka a { color: #989898; text-decoration: none; }

#podpis { font-size: 11px; color: #989898; text-align: center; }
#podpis a { color: #989898; text-decoration: none; font-weight: bold;}