* { margin: 0; padding: 0 }

body { background-color: #ffffff; background-repeat: repeat-x; font-family: Verdana, Arial, Tahoma; font-size: 12px }
a { outline: none }

#top, #nawigacja, #main, #foot { width: 980px; margin: 0 auto }

#topb { background: url('images/index_02.gif') repeat-x }
#nawigacjab { background: url('images/index_05.gif') repeat-x }
#footb { background: url('images/index_15.gif') repeat-x }

#top { height: 93px; overflow: hidden }
#logo { width: 585px; height: 93px; float: left }
#oboklogo { width: 190px; height: 93px; float: left }
#newsletter { width: 205px; height: 93px; float: left; background: url('images/index_04.gif') no-repeat }
#nawigacja { height: 30px; background: url('images/index_05.gif') repeat-x }
#nawigacjal { width: 726px; float: left }
#nawigacjar { width: 254px; float: right; text-align: right }
#main { overflow: hidden; background-color: #ffffff }
#mainl { width: 230px; height: auto; float: left; margin-top: 20px }
#mainr { width: 750px; height: auto; float: left }
#foot { height: 33px; overflow: hidden; background: url('images/index_15.gif') repeat-x; color: #ffffff }
#footl { width: 660px; float: left; padding: 10px 0 0 10px }
#footr { width: 300px; float: right; padding: 10px 10px 0 0; text-align: right }

#foot a { color: #ffffff; text-decoration: underline }
#foot a:hover { color: #ffff00 }

#nawigacja ul { list-style-type: none }
#nawigacja li { display: inline }
#nawigacja li.kreska { float: left; width: 2px; height: 30px; background: url('images/index_08.gif') no-repeat; padding: 0 }
#nawigacja a { color: #ffffff; text-decoration: none; float: left; padding: 8px 20px; display: block }
#nawigacja li a:hover { background-color: #000000 }

#mainl ul { list-style-type: none; background: url('images/index_13.gif') repeat-y }
#mainl li {  }
#mainl li.tytul { padding: 8px 0 8px 0; color: #ffffff; background: url('images/index_09.gif') repeat-y; text-align: center; border-bottom: 2px solid #000000 }
#mainl a { display: block; font-size: 11px; width: 215px; padding: 4px 5px 4px 10px; border-bottom: 1px solid #adadad; font-weight: normal; color: #000000; text-decoration: none }
#mainl li a:hover { background-color: #ffffff; width: 213px; border-left: 1px solid #adadad; border-right: 1px solid #adadad }

#kategoria, #ebook { width: 730px; padding: 20px 0 20px 20px }

table.ebooki { width: 730px; border-collapse: collapse }
td.okladka { width: 82px; padding: 15px; vertical-align: top; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; border-left: 1px solid #adadad }
td.opis { width: 603px; padding: 15px 15px 15px 0; vertical-align: top; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; border-right: 1px solid #adadad }
td.przerwa { height: 15px }
td.recenzja { width: 700px; padding: 15px; border: 1px solid #adadad }
td.szukaj { width: 730px; height: 31px; text-align: right; padding-right: 12px; background: url('images/search.gif') right no-repeat }

table.polecam { width: 730px; border-collapse: collapse; text-align: center }
td.pol1, td.pol2, td.pol3, td.pol4 {
    vertical-align: top;
    width: 153px;
    padding: 15px;
    border: 1px solid #adadad ;
}
td.pol2, td.pol3 { 
    width: 152px;
}
table.polecam p { text-align: center }

p { font-size: 11px; padding-bottom: 15px; text-align: justify }
p.zobacz { float: left }
p.cena { float: right }

table a:link, a:visited, a:active { color: #000000; text-decoration: underline }
table a:hover { color: #ff0000; text-decoration: none }

#kategoria h1,
#ebook h2.title
{
    font-family: Verdana, Arial; font-size: 17px; color: #000000; padding: 4px 0 6px 15px; font-weight: normal; height: 30px; background-image: url('images/h1.gif'); background-repeat: no-repeat
}
#ebook h2.title a:link,
#ebook h2.title a:visited {
    font-family: Verdana, Arial; font-size: 17px; color: #000000;
    color: #000;
    text-decoration: none;
}
#ebook h2.title a:hover,
#ebook h2.title a:active {
    color: #000;
    text-decoration: underline;
}
#kategoria h2 { font-family: Verdana, Arial; font-size: 15px; color: #da060f; padding-bottom: 8px }
#kategoria h3 { font-family: Verdana, Arial; font-size: 12px; color: #000000; padding-bottom: 15px }

#ebook h1 { font-family: Verdana, Arial; font-size: 15px; color: #da060f; padding-bottom: 8px }
#ebook h2 { font-family: Verdana, Arial; font-size: 12px; color: #000000; padding-bottom: 15px }
#ebook h3 { font-family: Verdana, Arial; font-size: 17px; color: #000000; padding: 4px 0 6px 15px; font-weight: normal; height: 30px; background-image: url('images/h1.gif'); background-repeat: no-repeat }
#ebook p { line-height: 20px }

img { display: block; border: 0px none }
img.okladka_mini { width: 82px; height: 122px; margin: 0 auto }
img.okladka { width: 152; height: 200px; margin: 0 auto }

input { border: 1px solid #9a9a9a; font-size: 11px; padding: 2px; margin-top: 3px }
.zapisz { border: 1px solid #9a9a9a; width: 144px; padding: 2px 0; font-size: 10px; font-weight: bold; text-align: center; margin-top: 2px }
.search { border: 1px solid #9a9a9a; width: 100px; padding: 2px 0 1px 0; font-size: 10px; font-weight: bold; text-align: center; margin-top: 5px }
#mainl input { border: 1px solid #9a9a9a; width: 200px; padding: 2px 0; font-size: 11px; margin-left: 5px }

#page {
    padding: 20px 00px 10px 20px;
}
#page h1 {
    font-family: Verdana, Arial; font-size: 17px; color: #000000; padding: 4px 0 6px 15px; font-weight: normal; height: 30px; background-image: url('images/h1.gif'); background-repeat: no-repeat
}
#page .page-content
{
    border: solid 1px #adadad;
    padding: 15px;
}
#chunk-header {
    padding: 0 0 0 20px;
    width: 730px;
}
.pager {
    width: 730px;
}
.pager td {
    vertical-align: top;
    padding: 5px 0 15px 0;
}
.pager a:link,
.pager a:visited
{
    margin: 0;
    padding: 0;
    color: #000;
    text-decoration: underline;
    font-size: 12px;
}
.pager a:hover,
.pager a:active
{ 
    text-decoration: none;
    color: #f00;
}
.pager td.prev {
    text-align: left;
}
.pager td.next {
    text-align: right;
}
ul.szukaj {
    margin-bottom: 0px;
}
ul.szukaj li.szukaj {
    padding: 5px 0 10px 10px;
}