html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, object, address, form, input, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt { margin: 0; padding: 0; border: none; }
body { color: #252c31; font-size: 10px; font-family: 'Trebuchet MS'; background: #212223 url(./images/bg.jpg) repeat-x; }
table { border-collapse: collapse; }
#site {  }
h1 { font-size: 16px; }
h2 { font-size: 16px; margin: 7px 0; }
h3 { font-size: 12px; margin: 5px 0; color: #000; }
h4 { font-size: 11px; }
ul, ol { list-style: none; }
th { text-align: center; }
a { color: #059; text-decoration: none; }
a:hover { color: #c50808; }
#header { height: 306px; width: 900px; position: relative; }
#wrap { background: #1f1f1f url(images/content-bg.gif) repeat-x; }
#container { overflow: hidden; width: 900px; }
#side-border-left, #main-bg, #side-border-right { padding-bottom: 20000px; margin-bottom: -20000px; }
#side-border-left { background: #000 url(images/side-left-bg.jpg) repeat-x; float: left; width: 235px; }
#side-border-left .panel { border-left: 4px #ffe77b solid; }

.page-home #wrap { background: #000 url(images/news-bg.gif) repeat-x; }
.page-home #main-bg { background: transparent; }
.page-home #main-bg .panel { height: 214px; min-height: 214px; }
.page-home #main-bg .panel-top { background: transparent; display: none; }
.page-home #main-bg .panel-body { font-size: 10px; }
.page-home .news { margin: 0 0 9px 0; }
#site.page-home .info { border-left-color: #6ddde4; }
#site.page-home .news .panel-body div, #site.page-home .info .panel-body div { float: left; color: #686868; }
#site.page-home .news .panel-body div div, #site.page-home .info .panel-body div div { float: none; line-height: 12px; }
#site.page-home .wide { width: 358px; }
#site.page-home .wide div { border-right: 1px #000 solid; height: 172px; padding: 0 12px 0 0; margin: 0 12px 0 0; }
#site.page-home .wide .two-news div { border: none; padding: none; margin: none; }
#site.page-home .wide .news { display: block; clear: both; height: 86px; overflow: hidden; }
#site.page-home .news a { color: #c50808; text-transform: lowercase; font-weight: bold; line-height: 20px; }
.news-category, .news-category img { margin: 0 5px 0 0; float: left; max-width: 112px; max-height: 78px; }
#site.page-home a.news-category { height: 86px; }
.page-home #main-bg h2 { font-size: 14px; color: #000; }
#site.page-home #main-bg h3 a { text-transform: none; color: #000; line-height: 12px; }

.go-back { display: block; margin: 20px 0 0 10px; color: #c50808; overflow: hidden; width: 35px; font-size: 10px; text-transform: lowercase; }
#main-bg { background: #fff; }
.panel { overflow: hidden; }
#side-border-right { float: right; width: 388px; background: url(images/side-right-bottom.png) no-repeat right bottom; padding: 0 0 25px 0; }
.panel-body { overflow: hidden; }
/* panele srodkowe */
#main-bg .panel { border-top: 1px #b2c1e1 solid; border-left: 3px #ffe77b solid; min-height: 447px; background: #fff; }
#main-bg .panel-top { font-size: 14px; font-weight: bold; position: relative; padding: 0 25px; background: url(images/panel-top-sign.gif) no-repeat 12px 15px; height: 36px; line-height: 36px; margin: 0 0 10px 0; }
#main-bg .panel-top a { line-height: 32px; top: 10px; position: absolute; right: 20px; }
#main-bg .panel-top a.admin { right: 40px; top: 12px; }
#main-bg .panel-body { padding: 0 12px 12px 12px; border-right: 2px #f9f7f0 solid; font-size: 11px; }
#main-bg .panel-body ol, #main-bg .panel-body ul { margin: 0 0 0 16px; padding: 0 12px 2px 12px; }
#main-bg .panel-body ol { list-style: decimal; }
#main-bg .panel-body ul { list-style: circle; }

#side-border-left #panel-newsletter { height: 83px; background: url(images/newsletter-body.jpg) no-repeat; color: #cbeeff; padding: 4px 12px 8px 12px; }
#panel-newsletter span { display: block; height: 18px; padding: 8px 0 0 0; }
#side-border-left #panel-newsletter a { font-size: 11px; color: #cbeeff; }
#panel-newsletter input { border: none; background: none; color: #eee; width: 149px; }
#panel-newsletter .mailadr { height: 17px; width: 154px; background: url(images/newsletter-textbox.png) no-repeat; padding: 3px 0 0 5px; float: left; margin: 1px 9px 0 0; }
#panel-newsletter .subscribe { background: url(images/newsletter-submit.jpg) no-repeat; float: left; }
#panel-newsletter #subscribe { width: 21px; height: 21px;  }
#panel-newsletter span.info { color: red; display: inline; }

#side-border-left #panel-navigation { min-height: 100px; padding: 10px 0 10px 13px; }
#panel-navigation a, #panel-navigation2 a { display: block; height: 24px; line-height: 24px; text-decoration: none; }
#panel-navigation li, #panel-navigation2 li { height: 24px; }
#side-border-left #panel-navigation2 { margin: 9px 0 0 0; border-color: #c8eeff; padding: 10px 0 10px 13px; min-height: 195px; color: #c8eeff; }
#side-border-left #panel-navigation2 a { color: #c8eeff; }
#side-border-left #panel-navigation a:hover, #side-border-left #panel-navigation2 a:hover { color: #fff; }
#unsubscribe { }

#side-border-left .side-top { background: url(images/side-left-top.jpg) no-repeat top right; }
#side-border-left .panel { padding: 13px; color: #fff; font-size: 11px; color: #ffe77a; font-size: 13px; }
#side-border-left .panel a { color: #ffe77a; }

#side-border-right { } 
#side-border-right .panel { padding: 10px 25px 10px 15px; background: url(images/side-right-right.gif) repeat-y right top; }
#footer { height: 179px; line-height: 12px; color: #acacac; background: #0b121f url(images/footer-bg.jpg) repeat-x; font-size: 10px; }
	#footer div.footer { text-align: center; position: absolute; top: 136px; width: 100%; }
	#footer-content { width: 900px; background: url(images/footer-content-bg.jpg) no-repeat left bottom; height: 179px; position: relative; }
	#footer a { color: #fff; text-decoration: none; }
	#footer a:hover { color: #ccc; }
	#footer ul { position: absolute; right: 13px; top: 103px; font-family: Verdana; }
	#footer li { float: left; }
	#footer li span { float: left; padding: 0 7px 0 7px; }
#copyrights { position: absolute; right: 13px; top: 136px; color: #acacac; }
#copyrights a { color: #333; text-decoration: none; }
#copyrights span { clear: both; display: block; }
#copyrights a.artplafo { color: #acacac; display: block; background: url(images/artplafo.jpg) no-repeat top right; width: 178px; height: 12px; float: right; }

.side-both #main-bg { margin: 0 388px 0 235px; }
.side-left #main-bg { margin-left: 235px; }
.side-right #main-bg { margin-right: 388px; }
.side-left #side-border-right { display: none; }
.side-right #side-border-left { display: none; }

.article { overflow: hidden; margin: 0; }
.article h1 { float: left; font-size: 12px; }
.article .panel-top span { float: right; }

.progress { background: white url(images/progress.gif) no-repeat; background-position: 100% 0; width: 210px; margin: 0 5px 0 0;  }
.tbl-border { border : 1px solid #e1e1e1; }
.print { cursor: pointer; }
.panel-top h1 { font-size: 14px; font-weight: bold; }

.tbl { color : #555;	background-color : #fff; padding : 4px; }
.tbl1 { color : #555; background-color : #e1e1e1; padding : 4px; }
.tbl2 { color : #555; background-color : #f1f1f1; padding : 4px; }

.row { clear: both; }
.cell { float: left; }
.captcha { clear: both; }

#panel-poll strong, #panel-poll label { display: block; margin: 0 0 12px 0; }
#panel-poll span { display: block; }
.poll-opt { margin: 0 0 5px 0; }

.page-sitemap .panel-body div { width: 346px; float: left; padding: 0 0 0 10px; }
.page-sitemap .panel-body div:first-child { padding: 0 10px 0 0; }
.page-sitemap .panel-body h3 a { color: #093; font-size: 14px; }
.page-sitemap .panel-body h4 a { color: #c33; font-size: 12px; }
.page-sitemap .panel-body ol { margin: 0 0 0 10px; }

.page-home .article { border-bottom: 1px #7f7f7f solid; padding: 0 0 8px 0; margin: 0 0 12px 0; }
.page-home .article img { max-width: 200px; }
.page-home .article-date { margin: 6px 0 0 0; float: right; color: #37667c; font-weight: bold; text-align: center; display: block; width: 98px; height: 20px; line-height: 20px; background: url(images/article-date.png) no-repeat; }

a.side {
	color : #005599;
	text-decoration : none;
}

a:hover.side {
	color : #005599;
	text-decoration : underline;
}

a.white, li.white a {
	color: #ddd;
	text-decoration: none;
}

a:hover.white, li.white a:hover {
	color: #ddd;
	text-decoration: underline;
}

hr {
	height : 1px;
	border : 1px solid #eee;
}

hr.side-hr {
	height : 1px;
	border : 1px solid #eee;
}

.alt {
	color : #555;
}

.admin-message {
	text-align : center;
	color : #555;
	background-color : #f6f6f6;
	border : 1px solid #e1e1e1;
	padding : 3px 4px 5px 4px;
	margin-bottom : 5px;
}

.button {
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	height : 20px;
	border : 1px solid #ccc;
	margin-top : 2px;
}

.bbcode {
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	border : 1px solid #ccc;
	margin-top : 2px;
}

.textbox {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f8f8f8;
	border : 1px solid #ccc;
}

.center { margin: 0 auto; }

.ctr { text-align: center; }

.border {
	border : 1px solid #e1e1e1;
	margin-bottom : 5px;
}

.news-footer {
	text-align: center;
	font-size : 10px;
	color : #555;
	background-color : #f1f2f4;
	padding : 3px 4px 4px 4px;
}

.barmain {
	font-size : 10px;
	color : #aaa;
	padding : 4px;
}

.capmain {
	font-size : 11px;
	font-weight : bold;
	color : #666;
	background-color : #fff;
	padding : 2px 0px 4px 0px;
}

.scapmain {
	font-size : 10px;
	font-weight : bold;
	color : #666;
	background-color : #f1f1f1;
	border-bottom : 1px solid #e1e1e1;
	padding : 4px;
}

.forum-caption {
	font-size : 11px;
	font-weight : bold;
	color : #888;
	background-color : #f1f1f1;
	padding : 2px 4px 4px 4px;
}

.quote {
	font-size : 11px;
	color : #555;
	background-color : #f8f8f8;
	padding : 4px;
	margin : 0px 20px 0px 20px;
	border : 1px solid #bbb;
}

.poll {
	height : 12px;
	border : 1px solid #bbb;
}

.comment-name {
	font-weight : bold;
	color : #005599;
}

.shoutboxname {
	font-weight : bold;
	color : #005599;
	background-color : #f6f6f6;
}

.shoutbox {
	color : #777;
	background-color : #f6f6f6;
}

.shoutboxdate {
	font-size : 10px;
	color : #888;
	background-color : #f6f6f6;
}

.small {
	font-size : 10px;
	font-weight : normal;
}

.small2 {
	font-size : 10px;
	font-weight : normal;
	color : #555;
}

.side-small {
	font-size : 10px;
	font-weight : normal;
	color : #555;
	background-color : #f6f6f6;
}

.side-label {
	color : #555;
	background-color : #f1f1f1;
	padding : 2px 2px 3px 2px;
}

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	color : #555;
	background-color: #f1f1f1;
	margin: 0;
	padding: 4px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
	display: block;
	color: #005599;
	background-color: #f6f6f6;
	padding: 2px;
	text-decoration : none;
}

#navigation a:hover {
	color: #f6f6f6;
	background-color: #005599;
}

/* Page Navigation */

.pagenav-cont {
	margin: 5px 0 0 0;
	text-align: center;
}

.pagenav {
	padding: 0.4em;
}

.pagenav span {
	color: #fff;
	background-color: #005599;
	border: 1px solid #e1e1e1;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
}

.pagenav a {
	color: #005599;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #005599;
	margin: 0.2em;
	text-decoration: none;
}