@import 'reset.css';
@import 'table.css';
html { background: #d4d7ba url(images/bg.png) repeat-x; }
body { background: url(images/footer.png) repeat-x left bottom; color: #111; font-size: 11px; font-family: Tahoma, sans-serif; }
#site { width: 1000px; margin: 0 auto; }
a { color: #3f1f34; text-decoration: none; }
a:hover, a.active { color: #5f3f64; }
#header { height: 160px; padding: 10px 0 6px 0; }
    #header h1 { float: left; padding: 13px 11px 9px 9px; }
    #header h1 a { display: block; height: 88px; width: 221px; background: url(images/logo.png) no-repeat; overflow: hidden; text-indent: -999em; }
    #banner { width: 750px; height: 100px; float: left; text-align: center; }
    #header ol { clear: both; height: 49px; background: url(images/menu.png) repeat-x; padding: 4px 2px 0 2px; }
    #header ol li { z-index: 200; position: relative; float: left; }
    #header ol li.last b { font-weight: bold; color: #fbe318; }
    #header ol li a { font-size: 13px; text-transform: uppercase; color: #fff; display: block; background: url(images/menu-hl.png) no-repeat 0 49px; height: 49px; padding: 0 0 0 10px; }
    #header ol li a b { background: url(images/menu-hr.png) no-repeat 0 49px; padding: 0 10px 0 0; display: block; height: 49px; line-height: 49px; cursor: pointer; font-weight: normal; }
    #header ol li:hover a { color: #fbe318; background-position: top left; }
    #header ol li:hover b { background-position: top right; font-weight: bold; }

    #header ol :hover ul, #header ol a:hover ul { left: 0; top: 36px; width: 153px; padding: 0 0 2px 0; }
    #header ol ul { position: absolute; left: -9999px; top: -9999px; background: url(images/submenu-b.gif) no-repeat left bottom; }
    #header ol :hover ul li { height: 20px; border-top: 1px #c3cfd4 solid; float: none; padding: 0; background: #dff0f7; }
    #header ol :hover ul li:first-child { background: #dff0f7 url(images/submenu-t.gif) no-repeat; border-top: none; padding: 4px 0 0 0; }
    #header ol :hover ul li a { background: none; height: 20px; line-height: 20px; color: #375d81; font-weight: normal; font-size: 11px; text-transform: none; }
    #header ol :hover ul a:hover { background-color: #375d81; color: #fff; } /* hover submenu */
#content { overflow: hidden; padding: 4px 0 10px 0; }
#huge-column { width: 810px; float: left; }
#side-center, #side-left { float: left; }
#side-right { float: right; overflow: hidden; }
#side-left, #side-right { width: 182px; }
    #side-left a, #side-right a { color: #A8D8F8; }
h2.title { color: #820d3e; text-transform: uppercase; font-weight: bold; overflow: hidden; }
#side-center { width: 620px; overflow: hidden; margin: 0 8px 0 0; }
    .page-books #side-center { width: 810px; margin-right: 0; }
    .news, .table { overflow: hidden; padding: 15px 0 0 0; border-left: 1px #3f1f34 solid; border-right: 1px #3f1f34 solid; }
    #top-site + .news { background-image: url(images/news-b.png); background-repeat: repeat-x; padding-top: 35px; }
    .news > div, #table-rooms { background: url(images/news-b.png) repeat-x left bottom; padding: 0 11px 30px 11px; overflow: hidden; }
    .news > h2:first-child, .table > h2:first-child { overflow: hidden; font-size: 15px; padding: 0 11px 3px 11px; height: 15px; color: #3f1f34; }
    .news > h2:first-child a { background: 100% 2px no-repeat; float: left; padding: 0 23px 0 0; }
    .news > h2:first-child a.yes { background-image: url(images/plus.png); }
    .news > h2:first-child a.no { background-image: url(images/minus.png); }
    .news > div > h3:first-child { height: 17px; margin: 0 0 10px 0; border-bottom: 1px #5f3f64 solid; font-size: 10px; font-weight: normal; color: #737373; }
    .news > div > h3:first-child a { font-weight: bold; }
    .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 #3f1f34 solid; }
    .news-category img { display: block; }
    .table { background: url(images/table-b.png) 0 100% repeat-x; padding: 7px 11px 31px 11px; }
    .table > h2:first-child { margin: 0 -11px 8px -11px; height: 25px; border-bottom: 1px #5f3f64 solid; }
    .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 .panel:first-child { background: #000 url(images/panel-bb.gif) no-repeat left bottom; }
    #side-left .panel:first-child > div { background-image: url(images/panel-bt.png); text-align: center; }
    .panel { background: #370627 url(images/panel-b.gif) no-repeat left bottom; margin: 0 0 10px 2px; padding: 0 0 8px 0; color: #fff; }
    .panel > div { padding: 0 10px 0 12px; background: url(images/panel-t.png) no-repeat; margin: 0 0 0 -2px; overflow: hidden; }
    .panel > div > h2:first-child { height: 40px; line-height: 28px; text-indent: 23px; font-size: 13px; white-space: nowrap; text-align: left; }
#footer { overflow: hidden; position: relative; height: 62px; padding: 10px 0 0 0; color: #5a5a5a; text-align: right; margin: 0 0 70px;}
    #footer > a:first-child { position: absolute; left: 18px; top: 18px; color: #5a5a5a; }
    #footer > a:hover { color: #333;}
/* specyficzne */
#top-site + .table { border-top: 1px #3f1f34 solid; }
#table-comments { background: none; padding-bottom: 0; }
#panel-user img { width: 50px; float: left; margin: 0 10px 0 0; }
    #panel-user a { color: #fff; font-weight: bold; }
    #panel-user ul { float: left; margin: 5px 0 0 0; }
    #panel-user ul li { color: #e5e5e5; height: 17px; line-height: 17px; }
    #panel-user li a { color: #b4dced; font-weight: normal; }
    #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: 6px 7px 5px 8px; }
    #panel-user input { background: url(images/pass.gif) no-repeat 0 50%; width: 130px; text-indent: 15px; border: none; }
    #panel-user input[type=submit], #panel-user form a { float: right; width: 63px; line-height: 25px; height: 25px; background: url(images/login.png) no-repeat; text-indent: 0; text-align: center; font-weight: bold; color: #fff; }
    #panel-user form div:first-child input { background-image: url(images/login.gif); }
    #panel-user div form a { width: 87px; background-image: url(images/register.png); float: left; }
    #panel-user a.lostpass { font-weight: normal; float: right; }
.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; }
#table-analysises .image1 { float: left; margin: 0 0 5px 30px; }
    #table-analysises .image2 { float: right; margin: 0 30px 5px 0; }
    #table-analysises h3 { text-align: center; margin: 20px 0 0 0; }
    #table-analysises h4 { text-align: center; margin: 10px 0 5px 0; }
    #table-analysises h3 span { display: block; font-weight: normal; padding: 5px; }
    #table-analysises ul { margin: 0 0 10px 0; clear: both; background: #ededed; border: 1px #333 solid; padding: 2px; overflow: hidden; }
    #table-analysises li { width: 32%; float: left; border-left: 1px #333 solid; padding: 0 0 0 4px; text-align: center; font-size: 13px; }
    #table-analysises li:first-child { border: none; }
    #table-analysises a.buk { color: maroon; font-weight: bold; display: block; text-align: center; margin: 0 0 5px 0; font-size: 15px; }
    #table-analysises .banner { text-align: center; margin: 10px 0 0 0; }
    #table-analysises .score { vertical-align: middle; margin: 0 5px; }
    #table-analysises { padding-bottom: 50px; }
#table-compare td { height: 21px; border-bottom: 1px #6f4f64 solid; cursor: pointer; border-right: 1px #6f4f64 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 { background: url(images/bcomp-bar.gif) repeat-x; }
    #table-compare tr:first-child td:first-child { text-align: left; text-indent: -999em; border-bottom: none; border-right: none; background: url(images/bcomp-bar-l.gif) left top no-repeat; height: 26px; }
    #table-compare tr:first-child th.last { background: url(images/bcomp-bar-r.gif) right top no-repeat; }
    #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; }
    #table-compare tr.sep td { text-transform: uppercase; font-weight: bold; padding: 20px 5px 5px 5px; border-right: none; }
    #table-compare tr.last td {  }
    #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 { padding-top: 7px; }
    #table-rooms > h2 { height: 36px; }
    #table-rooms > h2 span { height: 11px; font-size: 10px; color: #737373; display: block; font-weight: normal; line-height: 11px; }
    #table-rooms > h2 span img { margin: 0 0 0 4px; display: inline-block; }
    #table-rooms > h2 span img:first-child { margin-left: 7px; }
    #table-rooms > h2 + a img { float: left; border: 3px #186d94 solid; width: 144px; height: 144px; }
    #table-rooms > h2 + a + ul { float: left; border-bottom: 1px #cddee6 solid; width: 446px; position: relative; height: 149px; margin: 0 0 18px 0; }
    #table-rooms > h2 + a + ul li { float: left; width: 194px; height: 25px; line-height: 25px; padding: 0 10px; margin: 0 0 0 9px; }
    #table-rooms > h2 + a + ul li.gray { background: #eef0f2; }
    #table-rooms > h2 + a + ul li.last { width: 419px; height: 35px; line-height: 35px; background: #7a0202 url(images/bonus.gif); text-align: center; position: absolute; bottom: 4px; left: 0; }
    #table-rooms > h2 + a + ul li.last a { color: #fff; margin: 0; }
    #table-rooms > h2 + a + 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: 270px; 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; }
.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; color: #CFCFCF;}
.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 php-fusion */
.button, input[type=submit] { background: #5f3f54; border: 2px #3f1f34 solid; color: #fff; font-weight: bold; height: 19px; line-height: 16px; cursor: pointer; padding: 0 8px; }
input, select { font-size: 11px; }
.textbox, input[type=text], input[type=password] { background: #ededed; border: 1px #bebebe solid; color: #585858; }
input.textbox { height: 17px; }
textarea { padding: 10px; }
.tbl, .tbl td, .tbl th { padding: 4px; border-top: 1px #3f1f34 solid; border-bottom: 1px #3f1f34 solid; background: #d4d7ba; }
.tbl1, .tbl1 td, .tbl2, .tbl2 td, tbody.tbl1, tbody.tbl2 { padding: 7px 4px; border-bottom: 1px #3f1f34 solid; background: #d4d7ba; }
.tbl2, .tbl2 td, tbody.tbl2 { }
.tbl a, .tbl1 a, .tbl2 a, .tbl-border a { color: #484848; }
.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 #3f1f34; }
.forum-caption { }
.shoutboxdate { color: #898467; } 
.shoutbox { color: #c8c8c8; } 
.shoutboxname a { color: #3191B9; }
.pagenav { color: #535353; font-size: 10px; padding: 10px 1px; }
.pagenav a, .pagenav strong { display: inline-block; padding: 0 6px; height: 18px; line-height: 18px; background: #34334c; margin: 0 5px; color: #fff; font-weight: bold; }
.pagenav strong { color: #95174d; background: #95958e; }
#float { position: fixed; bottom: 0; left: 0; width: 100%; }
    #float iframe { width: 1000px; }
    #float div { margin: 0 auto; width: 1000px; border: none; position: relative; }
    #float img { position: absolute; right: 0; top: 0; cursor: pointer; }