@import 'reset.css';
html { background: #053865 url(images/bg.png) repeat-x; }
body { background: url(images/bg2.jpg) no-repeat 50% 30px; color: #373737; font-size: 11px; font-family: Tahoma, Arial, sans-serif; }
#site { width: 1002px; margin: 0 auto; }
a { color: #053865; text-decoration: none; }
a:hover, a.active { color: #0d5d91; }
#header { height: 207px; }
    #header > p { display: block; height: 30px; line-height: 30px; color: #b4c4d1; padding: 0 0 0 12px; }
    #header > p a { font-weight: bold; color: #c2c6c8; }
    #header h1 { float: left; }
    #header h1 a { display: block; margin: 44px 0 0 15px; height: 62px; width: 212px; background: url(images/logo.png) no-repeat; overflow: hidden; text-indent: -999em; }
    #banner { width: 750px; height: 100px; float: right; overflow: hidden; margin: 20px 0 8px 0; }

    #menu { background: url(images/menu.jpg) no-repeat; clear: both; overflow: hidden; padding: 21px 17px 0 26px; height: 28px; }
    #menu ol, #menu ol li { float: left; height: 26px; margin: 0 8px 0 0; }
    #menu li a { display: block; background: no-repeat 0 7px; height: 26px; text-indent: -999em; overflow: hidden; }
    #menu li:hover a { background-position: 0 -19px; }
    #menu li.m1 a { background-image: url(images/strona-glowna.png); width: 110px; }
    #menu li.m2 a { background-image: url(images/artykuly.png); width: 73px; }
    #menu li.m3 a { background-image: url(images/download.png); width: 83px; }
    #menu li.m4 a { background-image: url(images/reklama.png); width: 72px; }
    #menu li.m5 a { background-image: url(images/kontakt.png); width: 68px; }
    #menu fieldset { float: right; background: url(images/search.png) no-repeat; padding: 0 3px 0 8px; }
    #menu input { border: none; font-style: italic; width: 206px; color: #80878e; float: left; padding: 0; height: 18px; margin: 3px 2px 0 0; font-size: 12px; background: none; }
    #menu .submit { height: 22px; width: 22px; float: right; margin: 0; text-indent: -999em; overflow: hidden;  }
#content { background: url(images/site.gif) repeat-y; overflow: hidden; }
#side-left { float: left; width: 209px; background: url(images/side-left.jpg) no-repeat; padding: 1px 0 0 18px; font-size: 12px; }
    .panel { clear: both; float: left; width: 189px; padding: 0 10px 20px 10px; }
    .panel > h2:first-child, .table > h2:first-child { background: url(images/arrow-up.gif) no-repeat 190px 50%; font-weight: normal; height: 22px; padding: 0 10px; color: #053865; line-height: 22px; font-size: 14px; white-space: nowrap; border-top: 2px #f0f0f0 solid; border-bottom: 1px #f0f0f0 solid; margin: 0 -10px 8px -10px; }
    .panel > h2:first-child a { color: #053865; }
    .panel:first-child { padding-left: 0; padding-right: 0; width: 209px; }
    .panel:first-child > h2:first-child { margin: 0 0 3px 0; }
    .panel:first-child li { background: url(images/li.png) no-repeat 0 19px; margin: 0 3px; overflow: hidden; display: block; }
    .panel:first-child li:hover { background-position: 0 0; margin: 0 3px; overflow: hidden; }
    .panel:first-child li a { display: block; height: 19px; line-height: 19px; padding: 0 10px 0 22px; background: url(images/arrow.gif) no-repeat 9px 50%; color: #053865; }
#side-center { width: 742px; padding: 0 24px 0 8px; background: url(images/side-right.jpg) no-repeat right top; float: right; }
    #side-center > div:first-child { height: 20px; padding: 5px 0 0 0; border-bottom: 1px #f0f0f0 solid; background: url(images/bar.gif) repeat-x 0 100%; margin: 0 -7px 7px -7px; }
    #panel-top { overflow: hidden; padding: 0 0 20px 0; }
    #panel-top > div { width: 368px; float: left; }
    #panel-top > div + div { width: 348px; float: right; border: 1px #99dfff solid; background: #d4f2ff url(images/top-l.png) repeat-x; padding: 10px 9px 0 9px; }
    #panel-top > div + div h2 { background: #f4fcff; }
    #panel-top .table { margin-bottom: 0px; padding-bottom: 4px; margin-top: 5px; }
    #panel-top a.article { position: relative; display: block; color: #fff; margin: 0 0 10px 0; }
    #panel-top a.article > span { position: absolute; display: block; top: 0; left: 0; width: 348px; height: 123px; background: url(images/article-trans.png) no-repeat; padding: 0 10px; }
    #panel-top a.article strong { font-weight: normal; height: 30px; line-height: 30px; margin: 0 0 61px 0; font-size: 14px; display: block; }
    #panel-top a.article > span > span { display: block; text-indent: -1px; }
    #panel-top a.article > span > span:first-line { font-weight: bold; }
    #panel-top li { height: 29px; }
    #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; }
    #panel-top > div + div li span { color: #a5a5a5; padding-right: 90px; height: 20px; background: url(images/update.jpg) no-repeat right top; }
    #panel-top > div + div li span.new { background-image: url(images/new.jpg); }
    #panel-top > div + div li a { width: 210px; }
    #panel-top > div + div li i { float: left; font-size: 26px; color: #829cb2; margin: 0 7px 0 0; font-style: normal; font-family: Arial; }
    #google { width: 365px; height: 250px; background: #f7f7f7 repeat-y 3px 0; padding: 0 1px; 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: 363px; width: 5px; }
    .col-1 { float: left; width: 368px; }
    .col-2 { float: right; width: 368px; }
    .news { background: #fff; margin: 0 0 30px 0; line-height: 14px; }
    .news > h2:first-child { overflow: hidden; font-size: 13px; padding: 2px 10px 0 59px; height: 18px; }
    .news > h2:first-child a { float: left; padding: 0 23px 0 0; white-space: nowrap; width: 290px; overflow: hidden; line-height: normal; }
    .news > cite { text-transform: lowercase; border-bottom: 1px #bebebe solid; font-style: normal; height: 18px; display: block; margin: -18px 0 6px 0; background: url(images/news1.jpg) no-repeat 1px 0; padding: 14px 0 0 59px; }
    .news.gray > cite { background-image: url(images/news2.jpg); background-position: 1px 2px; }
    .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 { margin: 0 0 10px 0; border-top: 1px #d5ddec solid; position: relative; padding: 16px 0 10px 0; }
    #side-center > .table { float: left; clear: both; width: 742px; }
    .table > h2:first-child { position: absolute; left: 10px; top: -11px; height: 18px; line-height: 18px; border: none; background: #fff; display: inline-block; padding: 0 10px 0 0; }
    .table > h2:first-child a { float: right; color: #333; }
    .table > h2:first-child * { float: right; font-weight: normal; font-size: 11px; }
    .table > h2:first-child span:first-child { float: left; font-size: 13px; font-weight: bold; padding: 0 5px 0 0; }
    .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 37px; 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 37px; 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; margin: 0 0 0 10px; }
    #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; }
#footer { line-height: 28px; background: #f3ffff url(images/footer.gif) repeat-x; border: 1px #a7bac5 solid; border-bottom: none; clear: both; margin: 0 17px 0 18px; }
    #footer > div { background: url(images/footer-r.jpg) no-repeat 100% 0; height: 66px; }
#content + div { background: url(images/footer-b.png) no-repeat; padding: 30px 11px 30px 11px; overflow: hidden; }
    #content + div > * { float: left; color: #829cb2; padding: 0 20px; }
    #content + div > a { margin: 9px 21px 0 0; height: 29px; width: 76px; background: url(images/logo-b.png) no-repeat; overflow: hidden; text-indent: -999em; }
    #content + div > a + p { width: 483px; height: 39px; border-left: 1px #6988a3 solid; border-right: 1px #6988a3 solid; }
    #content + div p + p { width: 298px; padding-right: 0; }
    #content + div > p a { color: #c1ced9; }
/* specyficzne */
.page-downloads .news, .page-find .news { height: 126px; overflow: hidden; }
.page-downloads .half1 { float: left; }
.page-downloads .half1 + div { float: right; }
.page-articles #panel-top + .table { font-size: 12px; line-height: 20px; }

#table-recommended { border: none; margin: 0 0 2px 0; clear: both; padding-top: 0; }
#table-recommended > h2 { margin-left: 0; margin-right: 0; }
ol.cat-list { margin: 0 0 0 -7px; overflow: hidden; font-size: 11px; line-height: normal; }
ol.cat-list > 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 6px; }
ol.cat-list ol { margin: 12px 0 0 0; }
ol.cat-list > li > a { color: #4b4b4b; display: block; position: relative; }
ol.cat-list > li > a span { position: absolute; right: 0; }
ol.cat-list > 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; vertical-align: middle; }
#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; color: #053865; }
#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; }

#panel-user { }
    #panel-user img { width: 50px; float: left; margin: 0 10px 0 0; }
    #panel-user ul { float: left; margin: 5px 0 0 0; }
    #panel-user ul li { color: #e5e5e5; height: 17px; line-height: 17px; }
    #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-last-articles h3 { padding: 8px 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; }
.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; }