@import 'reset.css';
html { background: #eaeaea url(images/bg.png) repeat-x; }
body { color: #4b4b4b; font-size: 11px; font-family: Arial, Tahoma, sans-serif; }
#site { width: 980px; margin: 0 auto; }
a { color: #0d5d91; text-decoration: none; }
a:hover, a.active { color: #3387ae; }
#header { height: 220px; }
    #header > p { display: block; height: 10px; background: url(images/bar.png) no-repeat; color: #c2c6c8; padding: 10px 22px; }
    #header > p span { padding: 0 28px; float: right; border-left: 1px #6e797f solid; height: 10px; line-height: 10px; }
    #header > p span:first-child { float: left; border-right: 1px #6e797f solid; border-left: none; }
    #header > p span.center { text-align: center; float: none; display: block; border: none; }
    #header > p a { font-weight: bold; color: #c2c6c8; }
    #header h1 { float: left; }
    #header h1 a { display: block; margin: 46px 0 0 -1px; height: 50px; width: 218px; background: url(images/logo.png) no-repeat; overflow: hidden; text-indent: -999em; }
    #banner { width: 750px; height: 100px; float: right; overflow: hidden; margin: 20px 0; }

    #menu, #footer { background: url(images/menu.png) no-repeat; clear: both; overflow: hidden; padding: 6px 10px; }
    #menu ol, #menu ol li { float: left; height: 28px; }
    #menu ol li a { font-size: 13px; color: #fff; display: block; background: url(images/menu-hr.gif) no-repeat 0 28px; height: 28px; padding: 0 10px 0 0; }
    #menu ol li a b { background: url(images/menu-hl.jpg) no-repeat 0 28px; padding: 0 0 0 10px; min-width: 86px; text-align: center; display: block; height: 28px; line-height: 28px; cursor: pointer; font-weight: normal; }
    #menu ol li:hover a { color: #006695; background-position: top right; }
    #menu ol li:hover b { background-position: top left; }
    #menu fieldset { float: right; background: url(images/search.png) no-repeat; padding: 2px; }
    #menu input { width: 170px; border: none; float: left; padding: 0; height: 18px; margin: 3px 2px 0 0; font-size: 13px; background: none; }
    #menu .submit { width: 174px; height: 24px; width: 24px; float: right; background: none; margin: 0; text-indent: -999em; overflow: hidden; }
#content { float: left; background: #fff ; border-left: 1px #cacaca solid; border-right: 1px #cacaca solid; width: 978px; margin: 0 0 10px 0; }
#content > div { background: url(images/content-b.png) no-repeat left bottom; margin: 0 -1px 0 -1px; overflow: hidden; padding: 0 0 3px 0; }
#side-left { float: left; width: 217px; background: url(images/side-left-t.gif) no-repeat; padding: 3px 10px 0 3px; }
    .panel { overflow: hidden; background: #f1f1f1 url(images/panel-b.gif) no-repeat left bottom; margin: 0 0 10px 0; }
    .panel > div { overflow: hidden; background: url(images/panel-t.gif) no-repeat; padding: 10px; }
    .panel > h2:first-child, .table > h2:first-child, h2.title { height: 30px; padding: 0 0 2px 0; line-height: 30px; text-indent: 10px; font-size: 13px; white-space: nowrap; background: #fff url(images/panel.jpg) no-repeat; color: #fff; }
    .panel > h2:first-child a { color: #fff; }
    .panel:first-child, .panel:first-child > div { background: none; padding: 0; }
    .panel:first-child li { background: #d9e6eb url(images/li.gif) no-repeat; margin: 0 0 2px 0; overflow: hidden; }
    .panel:first-child li a { display: block; font-weight: bold; height: 24px; line-height: 24px; padding: 0 9px; }
    .panel:first-child li span { float: left; }
    .panel:first-child li i { font-style: normal; font-weight: normal; float: right; color: #92989b; }
#side-center { width: 747px; padding: 3px 3px 0 0; background: url(images/content-t.png) no-repeat right top; float: right; }
    #panel-top { overflow: hidden; }
    #panel-top .table { width: 367px; float: left; }
    #panel-top .table > h2 { background-image: url(images/top.jpg); padding-bottom: 2px; }
    #panel-top .table > div { background-image: url(images/top-b.png); padding-bottom: 7px; }
    #panel-top .table + .table { float: right; }
    #panel-top li { height: 29px; border-top: 1px #e0e0e0 solid; padding: 6px 0 0 0; }
    #panel-top li:first-child { border-top: none; }
    #panel-top li a { float: left; color: #4b4b4b; font-size: 9px; line-height: 12px; overflow: hidden; width: 300px; white-space: nowrap; }
    #panel-top li a:first-line { color: #0c5d91; font-size: 11px; font-weight: bold; }
    #panel-top li a b { background: url(images/pl.png) no-repeat right top; width: 25px; height: 11px; display: inline-block; text-indent: -999em; overflow: hidden; vertical-align: 0; }
    #panel-top li span { float: right; margin: 5px 0 0 0; }
    #panel-top .table + .table li span { color: #a5a5a5; padding-right: 54px; height: 15px; background: url(images/update.png) no-repeat right top; }
    #panel-top .table + .table li span.new { background-image: url(images/new.png); }
    #panel-top .table + .table li a { width: 230px; }
    #google { width: 358px; height: 250px; background: #f7f7f7 repeat-y 3px 0; padding: 0 1px; margin: 0 -6px; position: relative; border-top: 1px #e0e0e0 solid; border-bottom: 1px #e0e0e0 solid; }
    #google div { background: url(images/google-bl.gif) no-repeat; position: absolute; top: -1px; left: 0px; width: 6px; height: 252px; z-index: 999; }
    #google > div + div { background-image: url(images/google-br.gif); left: 355px; width: 5px; }
    .col-1 { float: left; width: 371px; }
    .col-2 { float: right; width: 371px; }
    .news { background: #fff; float: left; border-left: 1px #e0e0e0 solid; border-right: 1px #e0e0e0 solid; width: 347px; padding: 0 10px; margin: 0 0 10px 0; }
    .news.gray { background: #f7f7f7; }
    .news > div { padding: 10px 0; overflow: hidden; border-top: 1px #bebebe solid; border-bottom: 1px #bebebe solid; text-align: justify; }
    .news > h2:first-child { overflow: hidden; font-size: 13px; padding: 11px 10px 0 45px; height: 16px; background: url(images/news-t.gif) no-repeat; margin: 0 -11px; }
    .news > h2:first-child a { float: left; padding: 0 23px 0 0; white-space: nowrap; width: 290px; overflow: hidden; }
    .news > cite { font-style: normal; height: 15px; display: block; margin: -14px 0 6px -4px; background: url(images/doc.gif) no-repeat; padding: 16px 0 0 38px; }
    .news > h3 { margin: 0 -11px; overflow: hidden; padding: 10px; font-size: 11px; font-weight: normal; color: #a5a5a5; background: url(images/news-b.gif) no-repeat left bottom; }
    .news > h3 span { display: block; background: url(images/calendar.png) no-repeat; height: 16px; line-height: 16px; padding: 0 0 0 24px; float: left; }
    .news > h3 a { float: right; width: 35px; }
    .news a.more { font-weight: bold; float: right; text-transform: lowercase; margin: 15px 0 0 0; }
    .news-category, .news > div > img:first-child, #table-news > div > img:first-child { float: left; overflow: hidden; margin: 2px 10px 1px 0; }
    .news-category img { display: block; }
    .table { border-left: 1px #e0e0e0 solid; border-right: 1px #e0e0e0 solid; margin: 0 0 10px 0; }
    .table > div { background: url(images/table-b.png) 0 100% repeat-x; padding: 0 10px 10px 10px; margin: 0 -1px; overflow: hidden; }
    .table > h2:first-child, h2.title { background: url(images/table.jpg) no-repeat; margin: 0 -1px; padding: 0 10px 10px 10px; text-indent: 0; }
    .table > h2:first-child a { color: #fff; }
    .table > h2:first-child * { float: right; font-weight: normal; font-size: 11px; }
    .table > h2:first-child a { float: right; }
    .table > h2:first-child span:first-child { float: left; font-size: 13px; font-weight: bold; }
    .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.png) no-repeat right bottom; padding: 0 10px 9px 32px; display: block; overflow: hidden; width: 635px; 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, .comments h4 strong { 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; min-height: 50px; float: left; }
    #table-comments form { overflow: hidden; border-top: 1px #e0e0e0 solid; }
    #table-comments fieldset { float: left; margin: 10px 10px 0 0; width: 200px; }
    #table-comments fieldset:first-child { float: left; width: 392px; border-right: 1px #e0e0e0 solid; }
    #table-comments fieldset:first-child input.textbox { width: 150px; margin: 0 0 0 5px; float: right; }
    #table-comments fieldset:first-child label { float: left; width: 191px; margin: 0 0 3px 0; }
    #table-comments fieldset:first-child label:first-child { width: 186px; padding: 0 5px 0 0; }
    #table-comments textarea { width: 360px; height: 65px; }
    #table-comments textarea + div { text-align: center; }
    #com_captcha { float: left; margin: 3px 0 0 0; }
    #com_captcha + a img, #com_captcha + a + a img { float: left; border: 1px #e0e0e0 solid; margin: 3px 0 0 0; }
    #com_captcha + a + a + label { display: block; clear: both; padding: 6px 0 10px 0; }
    h2.title { margin: 0; background-image: url(images/table-gray.jpg); }
#footer { line-height: 28px; }
    #footer > a:first-child { float: right; height: 28px; background: url(images/top.png) no-repeat; width: 94px; text-transform: uppercase; text-indent: 10px; }
    #footer li { float: left; border-left: 1px #6e797f solid; height: 10px; padding: 0 10px; margin: 9px 0 15px 0; line-height: 10px; }
    #footer li:first-child { border-left: none; }
    #footer li a { color: #fff; }
    #footer div { background: url(images/footer-b.jpg) no-repeat 100px 0; height: 54px; clear: both; }
    #footer div a { font-weight: bold; color: #4b4b4b; }
    #footer div p { float: right; }
    #footer div p:first-child { float: left; }
/* specyficzne */
.page-downloads .news > h2:first-child, .page-find .news > h2:first-child { height: 20px; padding-left: 11px; }
.page-downloads .news > h2:first-child a, .page-find .news > h2:first-child a { background: url(images/globe-medium.png) no-repeat left center; padding-left: 18px; width: 250px; }
.page-downloads .news > div, .page-find .news > div { height: 76px; }
.page-downloads .table > h2:first-child { background-image: url(images/table-gray.jpg); }
.page-downloads .half1 { float: left; }
.page-downloads .half1 + div { float: right; }
#table-search > div { padding: 0; background-image: none; }

#table-recommended, #table-search { border: none; margin: 0 0 2px 0; clear: both; }
#table-recommended > h2 { margin-left: 0; margin-right: 0; }
#table-recommended > div { padding: 0; margin: 0 0 0 -8px; background-image: none; }
#table-recommended > div > ol > li { font-weight: bold; float: left; height: 100px; width: 221px; background: url(images/recommended.png) no-repeat; padding: 11px 11px 0 11px; margin: 0 0 9px 8px; }
#table-recommended ol ol { margin: 12px 0 0 0; }
#table-recommended > div > ol > li > a { color: #4b4b4b; display: block; position: relative; }
#table-recommended > div > ol > li > a span { position: absolute; right: 0; }
#table-recommended li li a { background: url(images/li-recommended.gif) no-repeat 0 4px; height: 13px; display: block; font-weight: normal; padding: 0 0 0 16px; overflow: hidden; }
#table-related li { border-top: 1px #e0e0e0 solid; padding: 0 0 5px 0; line-height: 18px; height: 60px; overflow: hidden; }
#table-related li h3 { font-size: 11px; }
#table-related li:first-child { border-top: none; }
#table-file table { width: 515px; float: left; }
#table-file td { border-bottom: 1px #e0e0e0 solid; height: 29px; }
#table-file td:first-child { font-weight: bold; width: 180px; }
#table-file table + img, #table-file table + a img { float: right; width: 200px; height: 190px; }
#table-file .desc { clear: both; line-height: 18px; text-align: justify; padding: 0 0 10px 0; }
#table-file .desc:first-line { font-weight: bold; }
#table-file .download { display: block; height: 49px; background: url(images/download.jpg) no-repeat; padding: 0 0 0 60px; line-height: 24px; font-size: 13px; margin: 0 0 0 -5px; }
#table-file div + .download { width: 61px; overflow: hidden; text-indent: -999em; margin: 0; float: left; padding: 0; }
#table-file .download + div { padding: 0 0 0 10px; float: left; }
#table-file .ad { font-size: 13px; font-weight: bold; padding: 5px 0 10px 0; display: block; clear: both; }
#table-file > h2:first-child { background-image: url(images/table.jpg); }

#panel-user { background: #5b5b5b; }
    #panel-user > div { background: nonerss; }
    #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; }
#panel-recommended > h2:first-child { background-image: url(images/panel-y.jpg); }
#panel-recommended h3 { margin: 0 0 5px 0; }
#panel-recommended h3.pl { background: url(images/pl.png) no-repeat right top; padding: 0 20px 0 0; }
#panel-recommended a { color: #a42500; }
.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; }
.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; }
.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: #237ca9 url(images/button.gif); border: 2px #237ca9 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; }
input.textbox { height: 17px; }
textarea { padding: 10px; }
.tbl, .tbl td, .tbl th { padding: 4px; background: #fff; border-top: 1px #e7e7e7 solid; border-bottom: 1px #e7e7e7 solid; }
.tbl1, .tbl1 td, .tbl2, .tbl2 td, tbody.tbl1, tbody.tbl2 { padding: 7px 4px; background: #f5f5f5; border-bottom: 1px #3c8aac solid; }
.tbl2, .tbl2 td, tbody.tbl2 { background: #fff; }
.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 #555; }
.forum-caption { }
.shoutboxdate { color: #898467; } 
.shoutbox { color: #c8c8c8; } 
.shoutboxname a { color: #3191B9; }
.pagenav { color: #535353; font-size: 10px; padding: 10px 1px; clear: both; text-align: center; }
.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; border-color: #ebebeb; }