@import 'reset.css';
@import 'table.css';
html { background: #dce2c8 url(images/bg.png) repeat-x; }
body { width: 1002px; color: #33333b; font-size: 11px; font-family: Arial, Tahoma, sans-serif; margin: 0 auto; padding: 0 0 60px 0; }
#site { padding: 3px 0 0 0; }
a { color: #bb1247; text-decoration: none; }
a:hover { color: #db3267; }
#header { height: 158px; background: url(images/header.jpg) no-repeat; padding: 16px 0 0 0; position: relative; }
    #header h1 { float: left; padding: 0 34px 0 26px; }
    #header h1 a { display: block; height: 94px; width: 181px; background: url(images/logo.png) no-repeat; overflow: hidden; text-indent: -999em; }
    #banner { width: 750px; height: 100px; float: left; }
    #header ol { position: absolute; bottom: 0; left: 0; height: 41px; background: url(images/menu.png) repeat-x; width: 100%; }
    #header ol > li { z-index: 200; position: relative; padding: 2px 0 0 0; float: left; margin: -2px 0 0 0; height: 41px; }
    #header ol > li:first-child { background: url(images/menu-l.png) no-repeat; }
    #header ol > li:first-child b { border-left: none; }
    #header ol > li.last { float: right; width: 117px; background: url(images/menu-r.png) right top no-repeat; margin: -2px 0 0 0; padding: 2px 0 0 0; height: 42px; }
    #header ol > li.last a { background: url(images/bonus.png) no-repeat; width: 95px; height: 42px; padding: 0; border: none; }
    #header ol > li.last b { background: none; border: none; text-align: center; white-space: nowrap; text-transform: lowercase; padding: 0; }
    #header ol > li.last a:hover, #header ol > li.last a:hover b { color: #ccc; padding: 0; }
    #header ol > li a { font-size: 12px; color: #fff; display: block; background: url(images/menu-hl.png) no-repeat 0 40px; height: 40px; text-align: center; padding: 0 0 0 11px; border-left: 1px #b60c42 solid; }
    #header ol > li a b { background: url(images/menu-hr.png) no-repeat 0 40px; padding: 1px 11px 0 0; display: block; height: 39px; line-height: 39px; cursor: pointer; border-right: 1px #de396c solid; }
    #header ol > li:hover a { color: #344451; background-position: top left; height: 42px; border-color: transparent; }
    #header ol > li:hover b { background-position: top right; height: 41px; border-right: none; padding-right: 12px; }

    #header ol :hover ul, #header ol a:hover ul { left: 0; top: 51px; width: 129px; background: #0f164a url(images/submenu-bg.png) repeat-x; }
    #header ol ul { position: absolute; left: -9999px; top: -9999px; }
    #header ol :hover ul li { height: 18px; float: none; padding: 0 4px; border-left: 1px #080e3b solid; border-right: 1px #080e3b solid; }
    #header ol :hover ul li:first-child { background: url(images/submenu-t.png) no-repeat 0 3px; padding: 11px 5px 0 5px; border: none; margin: -8px 0 0 0; }
    #header ol :hover ul li.last { background: url(images/submenu-b.png) no-repeat; padding: 0 5px 10px 5px; border: none; margin: 0 0 -5px 0; }
    #header ol :hover ul li a { background: none; height: 16px; line-height: 16px; color: #fff; font-weight: normal; font-size: 11px; border: 1px transparent solid; padding: 0; }
    #header ol :hover ul a:hover { border-color: #4c56a3; } /* hover submenu */
#content { overflow: hidden; padding: 8px 1px 10px 1px; }
#huge-column { width: 730px; float: left; }
#side-left { float: left; }
#side-right { float: right; overflow: hidden; }
#side-left, #side-right { width: 264px; }
h2.title { color: #820d3e; text-transform: uppercase; font-weight: bold; overflow: hidden; }
.side-left #side-center, .side-right #side-center { width: 730px; }
#side-center { width: 460px; overflow: hidden; float: right; }
    .side-left #side-center { margin-right: 0; }
    .side-left #huge-column { width: 1000px; }
    .news a.more { font-weight: bold; float: right; text-transform: lowercase; margin: 15px 0 0 0; }
    .news-category { float: left; overflow: hidden; margin: 0 6px 2px 0; border: 3px #186d96 solid; }
    .news-category img { display: block; }
    .table { background: #edf0e2; padding: 0 6px 13px 6px; border: 1px #a0a58f solid; border-top: none; margin: 0 0 8px 0; float: left; width: 446px; }
    .side-left .table { width: 716px; }
    .table > h2:first-child { background: url(images/table-tl.png) no-repeat; margin: 0 -7px 7px -7px; padding: 0 0 0 13px; }
    .table > h2:first-child > span { background: url(images/table-tr.png) top right no-repeat; height: 38px; line-height: 37px; display: block; padding: 0 13px 0 0; position: relative; }
    .table > h2:first-child > span > :not(a) { position: absolute; right: 13px; top: 7px; display: block; }
    .comments { overflow: hidden; }
    .comments li { background: url(images/comment.gif) repeat-y right top; overflow: hidden; margin: 0 0 10px 0; }
    .comments li > div { background: url(images/comment-b.gif) no-repeat right bottom; padding: 0 10px 9px 32px; display: block; overflow: hidden; width: 506px; float: right; }
    .comments h4 { background: url(images/comment-t.png) no-repeat right top; height: 35px; padding: 0 0 0 32px; overflow: hidden; line-height: 30px; }
    .comments h4 a { color: #3a3a3a; font-size: 13px; }
    .comments h4 span { color: #7e7e7e; font-size: 9px; font-weight: normal; }
    .comments h4 span a { font-size: 9px; }
    .comments li > img { width: 50px; float: left; }
#side-left .table, #side-right .table { width: 250px; }
#footer { overflow: hidden; position: relative; height: 45px; line-height: 45px; text-align: right; background: url(images/footer.png) no-repeat; margin: 0 0 8px 0; font-size: 12px; padding: 0 18px; }
    #footer > span:first-child { position: absolute; left: 18px; }
    #footer a { font-weight: bold; }
    #footer + p { color: #5e6156; padding: 9px 17px; background: url(images/footer-b.png) no-repeat; margin: 0 -1px; display: block; height: 36px; line-height: 17px; }
/* specyficzne */
#table-news li { float: left; width: 215px; border: 1px transparent solid; overflow: hidden; margin: 0 2px; }
    #table-news li.even { float: right; }
    #table-news li.border { border-color: #b5b9aa; background: #f8f9f3; }
    #table-news li a { padding: 0 14px; display: block; height: 19px; line-height: 19px; color: #333; background: url(images/news-dot.gif) no-repeat 7px 50%; }
    #table-news li a:hover { color: #d80d4c; }
    #table-news .banner { margin: 10px 0; }
#panel-tb li { overflow: hidden; clear: both; margin: 0 0 2px 0; }
    #panel-tb li a { height: 22px; line-height: 22px; border: 1px #c4cab1 solid; display: block; background: #fff url(images/tb.png) repeat-x; float: left; margin: 0 0 0 2px; color: #333; font-weight: bold; width: 85px; text-align: center; }
    #panel-tb li a:first-child { margin-left: 0; background-image: none; width: 102px; text-align: left; }
    #panel-tb li a:first-child + a { font-weight: normal; width: 53px; }
    #panel-tb li img { vertical-align: middle; margin: 0 0 0 9px; }
#site #panel-totd { height: 112px; background: url(images/totd.png) no-repeat; border: none; padding: 0 12px 0 13px; color: #fff; font-size: 12px; line-height: 27px; position: relative; width: 239px; }
    #panel-totd > h2:first-child, #panel-totd > h2:first-child span { background: none; color: #e2efff; }
    #panel-totd > h2:first-child { margin: 0 -12px 6px -13px; }
    #panel-totd strong { color: #ffd600; }
    #panel-totd a { width: 56px; height: 14px; line-height: 14px; text-align: center; color: #fff; position: absolute; right: 12px; bottom: 19px; font-size: 9px; }
#panel-user img { width: 50px; float: left; margin: 0 10px 0 0; }
    #panel-user ul { overflow: hidden; margin: 5px 0 0 0; }
    #panel-user ul li { min-height: 17px; line-height: 17px; float: right; width: 95px; }
    #panel-user ul li.odd { float: left; }
    #panel-user form { overflow: hidden; margin: 0 0 3px 0; }
    #panel-user form div { background: url(images/user-textbox.png) no-repeat; height: 19px; padding: 2px 0 9px 8px; }
    #panel-user input { background: url(images/pass.gif) no-repeat 0 50%; width: 145px; text-indent: 15px; border: none; float: left; }
    #panel-user input[type=submit], #panel-user form a { float: right; margin: -2px 0 0 0; width: 80px; border: 1px #c4cab1 solid; line-height: 25px; height: 25px; text-indent: 0; text-align: center; font-weight: bold; background: #e6e9db url(images/tb.png) repeat-x; color: #333; font-family: Arial; }
    #panel-user form div:first-child input:first-child { background-image: url(images/login.gif); }
    #panel-user form div a { width: 78px; line-height: 23px; height: 23px; }
    #panel-user a.lostpass { font-weight: normal; float: right; }
#panel-shoutbox > h2:first-child a { background: url(images/shoutbox-down.png); height: 23px; width: 22px; float: left; margin: 0 1px; }
    #panel-shoutbox > h2:first-child a:first-child  { background-image: url(images/shoutbox-refresh.png); }
    #panel-shoutbox > h2:first-child a:first-child + a { background-image: url(images/shoutbox-up.png); }
    #panel-shoutbox > div { overflow: hidden; height: 150px; position: relative; margin: 0 0 10px 0; }
    #panel-shoutbox li { padding: 2px 6px; border: 1px transparent solid; overflow: hidden; }
    #panel-shoutbox li.even { border: 1px #b5b8aa solid; background: #f8f9f3; }
    #panel-shoutbox li p { display: inline; }
    #panel-shoutbox li span a { font-weight: bold; }
    #panel-shoutbox li span b { display: inline-block; width: 10px; height: 10px; background: url(images/edit.png) no-repeat center center; margin: 0 0 0 5px; cursor: pointer; }
    #panel-shoutbox li span b + b { background-image: url(images/del.png); }
    #panel-shoutbox textarea { width: 440px; float: left; margin: 0 0 5px 0; height: 36px; }
    #panel-shoutbox input { float: left; }
    #panel-shoutbox input[type=text] { width: 250px; }
    #panel-shoutbox input[type=submit] { margin: 0 6px; }
    #panel-shoutbox input[type=submit], #panel-shoutbox textarea + a, #panel-shoutbox input + a { float: right; }
    #panel-shoutbox textarea + a, #panel-shoutbox input + a { text-transform: lowercase; height: 20px; line-height: 20px; }
    #panel-shoutbox textarea + span { float: left; height: 20px; line-height: 20px; padding: 0 5px 0 0; }
.last-seen { margin: 0 -7px; overflow: hidden; }
    .last-seen img { border: 3px #333 solid; width: 50px; height: 50px; display: block; }
    .last-seen a { float: left; padding: 1px; }
    .online { color: #0c0; }
    .offline { color: #f00; }
.loading { background: url(../../images/spinner.gif) no-repeat center center; height: 10px; }
.banner { text-align: center; }
#table-compare { padding-bottom: 0; }
    #table-compare h2 { margin-bottom: 0; }
    #table-compare table { width: 728px; margin: 0 -6px; }
    #table-compare td { height: 21px; border-bottom: 1px #888c7a solid; cursor: pointer; border-left: 1px #888c7a solid; background: center center no-repeat; text-align: center; color: #000; }
    #table-compare td:hover { background-color: #ddd; }
    #table-compare td.yes { background-image: url(images/yes.png); text-indent: -999em; }
    #table-compare td.no { background-image: url(images/no.png); text-indent: -999em; }
    #table-compare tr:first-child th { border-bottom: 1px #888c7a solid; background: #323330; }
    #table-compare tr:first-child td:first-child { text-align: left; text-indent: -999em; height: 26px; background: #323330; }
    #table-compare tr:first-child a { display: block; text-indent: -999em; overflow: hidden; height: 26px; background-position: center center; background-repeat: no-repeat; }
    #table-compare tr td:first-child { text-align: right; padding: 0 5px; white-space: nowrap; cursor: default; border-left: none; }
    #table-compare tr.sep td { text-transform: uppercase; font-weight: bold; padding: 20px 5px 5px 5px; background: #ccd2ba; border-right: none; border-left: none; }
    #table-compare tr.last td { border-bottom: none; }
    #table-compare tr.last a { background: url(images/bcomp-button-l.png) no-repeat; height: 30px; padding: 0 0 0 5px; white-space: nowrap; display: inline-block; margin : 10px 0 7px 0; }
    #table-compare tr.last b { display: block; background: url(images/bcomp-button-r.png) no-repeat right top; padding: 2px 5px 0 0; font-weight: normal; color: #000; height: 28px; min-width: 74px; }
    #table-compare tr.last span { display: block; font-weight: bold; }
#table-rooms {  }
    #table-rooms > h2 { height: 36px; }
    #table-rooms > h2 div { height: 11px; font-size: 10px; color: #737373; display: block; font-weight: normal; line-height: 11px; padding: 5px 0 0 0; }
    #table-rooms > h2 div img { margin: 0 0 0 4px; display: inline-block; }
    #table-rooms > h2 div img:first-child { margin-left: 7px; }
    #table-rooms > h2 + a img { float: left; border: 3px #a0a58f solid; width: 144px; height: 144px; margin: 0 0 18px 0; }
    #table-rooms > ul { float: right; border-bottom: 1px #cddee6 solid; width: 566px; position: relative; height: 149px; margin: 0 0 18px 0; }
    #table-rooms > ul li { float: left; width: 254px; height: 25px; line-height: 25px; padding: 0 10px; margin: 0 0 0 9px; }
    #table-rooms > ul li.gray { background: #eef0f2; }
    #table-rooms > ul li.last { width: 537px; height: 35px; line-height: 35px; background: #7a0202 url(images/bonus.gif); text-align: center; position: absolute; bottom: 4px; left: 0; }
    #table-rooms > ul li.last a { color: #fff; margin: 0; }
    #table-rooms > ul li span { font-weight: bold; }
    #table-rooms a.bonus { display: block; text-align: center; font-size: 13px; text-decoration: underline; margin: 18px 0; font-weight: bold; }
    #table-rooms div.banner { text-align: center; margin: 20px 0; }
    #table-rooms .plus, #table-rooms .minus { float: left; width: 321px; font-size: 15px; color: #026a11; font-weight: bold; background: url(images/plus.png) no-repeat 0 1px; padding: 0 0 0 25px; }
    #table-rooms .minus { float: right; color: #ad0000; background-image: url(images/minus.png); }
    #table-rooms .plus ul, #table-rooms .minus ul { overflow: hidden; border-top: 1px #97c09d solid; margin: 6px 0 0 -25px; padding: 6px 0 0 0; }
    #table-rooms .minus ul { border-top-color: #db9696; }
    #table-rooms .plus li, #table-rooms .minus li { height: 17px; line-height: 17px; display: block; font-size: 11px; color: #3a3a3a; font-weight: normal; }
    #table-rooms .plus span { color: #4e9111; margin: 0 10px 0 0; }
    #table-rooms .minus span { color: #ad0000; margin: 0 10px 0 0; }
.page-sitemap #side-center ol { padding: 5px 0 5px 10px; }
.page-shoutbox_archive #top-site + .table { padding-bottom: 0; border-bottom: none; }
.page-shoutbox_archive #top-site + .table textarea { height: 100px; width: 90%; }
.page-shoutbox_archive #top-site + .table > div { margin: 0 -6px; }
body.page-setuser { position: absolute; left: 50%; top: 50%; width: 1px; padding: 0; margin: 0; }
    body.page-setuser > div { position: absolute; left: -400px; top: -100px; height: 200px; width: 800px; text-align: center; background: #eee; border: 1px #333 solid; }
    body.page-setuser > div strong { line-height: 200px; height: 160px; display: block; }
.tooltip { background: #dff0f7; font-size: 11px; font-family: "Tahoma"; padding: 5px 10px; color: #365e82; min-width: 100px; }
    .tip-title { font-weight: bold; text-align: center; padding: 0 0 5px 0; }
.p24 { margin: 0 -5px; }
.p24 li { border-bottom: 1px #888 solid; padding: 6px; text-align: left; margin: 0 0 5px 0; }
.p24 h3 { display: block; font-size: 11px; margin: 3px 0; }
.p24 li h3 a { background: none; height: auto; line-height: normal; }
#panel-tags { text-align:justify; }
#panel-tags a { padding: 0 3px; vertical-align: middle; }
.tag1 { font-size: 12px; }
.tag2 { font-size: 14px; }
.tag3 { font-size: 16px; }
.tag4 { font-size: 18px; }
/* natywne klasy */
body .button, body input[type=submit], .textbox, input[type=text], input[type=password], textarea { background: #f3f5eb; border: 1px #a4a895 solid; height: 20px; }
body .button, body input[type=submit] { background: url(images/button.gif); font-weight: bold; height: 22px; cursor: pointer; padding: 0 11px; display: block; padding: 0 2px; line-height: 20px !important; }
input, select { font-size: 11px; }
.textbox, input[type=text], input[type=password] { line-height: 20px !important; }
body textarea { padding: 2px; margin: 0; height: auto; font-size: 11px; font-family: Arial, Tahoma, sans-serif; }
.tbl, .tbl td, .tbl th { padding: 4px; background: #fff; border: 1px #aeb2a2 solid; }
.tbl1, .tbl1 td, .tbl2, .tbl2 td, tbody.tbl1, tbody.tbl2 { padding: 7px 4px; border-bottom: 1px #aeb2a2 solid; }
.tbl2, .tbl2 td, tbody.tbl2 { background: #dce2c8 }
.tbl a, .tbl1 a, .tbl2 a, .tbl-border a { color: #bb1247; }
.quote { background: #fff; color: #1e1e1e; border: 1px #52585c solid; padding: 2px 4px; }
    .quote strong:first-child { display: block; }
.small { font-size: 10px; }
.small2 { font-size: 9px; }
.poll { background: #2c6178; border: 1px #52585c solid; }
.border, .tbl-border { border: 1px solid #aaa; }
.forum-caption { }
.shoutboxdate { color: #898467; } 
.shoutbox { color: #c8c8c8; } 
.comment-name a, .comment-name { font-weight: bold; color: #bb1247; }
.pagenav { color: #535353; font-size: 10px; padding: 10px 1px; }
.pagenav a, .pagenav strong { display: inline-block; padding: 0 6px; border: 1px #ccc solid; height: 18px; line-height: 18px; background: #eee; margin: 0 5px; }
.pagenav strong { font-weight: bold; color: #95174d; background: #f8f8f8; }