/* Comment element properties */

a {
	color: #04688d; /* okreslamy kolor linków */
	text-decoration: none; /* okreslamy dekorację tekstu */
}

function closeside() {
   
   global $panel_collapse;

   if ($panel_collapse == true) { echo "</div>\n"; }   
   echo "</td>\n</tr>\n</table>\n";
   echo "</li>\n\n";

}

a:hover {
	color: #04688d; 
	text-decoration: underline;
}

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

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

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

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

body { /* Ogólne cialo dokumentu */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* okreslamy krój czcionki/ek */
	font-size: 11px; /* okreslamy wielkosć czcionki */
	color: #000; /* okreslamy kolor czcionki */
	background: #fff; /* okreslamy kolor tla strony */
	margin: 5px; /* okreslamy marginesy strony (4) */
}

hr { /* linia pozioma */
	height: 1px; /* okreslamy grubosć linii poziomej */
	border: 1px solid #eee; /* okreslamy kolor i rodzaj linii poziomej */
}

hr.side-hr { /* linia pozioma w panelach (dodaj...) */
	height: 1px; /* okreslamy grubosć linii poziomej w panelach bocznych */
	border: 1px solid #eee; /* okreslamy kolor i rodzaj linii poziomej w panelach bocznych */
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.alt { /* Maly podpisik z datą i autorem */
	color: #04688d; /* okreslamy kolor tekstu, maly podpisik pod np. galerią zdjęć */
}

.spacer {
	margin-bottom: 5px;
}

.admin-message { /* Wiadomosć dla admina (tylko w PA i ewentualnie, jeżeli istnieje plik setup.php) */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* okreslamy krój czcionki wiadomosci dla admina */
	font-size: 11px; /* okreslamy wielkosć tekstu */
	text-align: center; /* okreslamy wyrównanie tekstu */
	color: #555; /* okreslamy kolot tekstu */
	background-color: #f6f6f6; /* okreslamy tlo wiadomosci dla admina */
	border: 1px solid #e1e1e1; /* okreslamy obramowanie wiadomosci dla admina */
	padding: 3px 4px 5px 4px; /* okreslamy odstępy pomiędzy tekstem, a końcami wiadomosci dla admina */
	margin-bottom: 5px; /* okreslamy odstęp od dolnego elementu wiadomosci dla admina */
}

/* Form element properties */

form {
	margin: 0px;
}

.button { /* Przycisk na stronę (zaloguj, wyslij, szukaj, zarejestruj się, dodaj... */)
	font-family: Verdana, Arial, Helvetica, sans-serif; /* okreslamy krój czcionki/ek */
	font-size: 10px; /* okreslamy wielkosć czcionki */
	color: #fff; /* okreslamy kolor czcionki */
	background-image: url(images/button.jpg);
	background-repeat: no-repeat;
	height: 20px; /* okreslamy wysokosć przycisku */
	border: 1px solid #000;
	margin-top: 2px; /* okreslamy odstęp od górego elementu przycisku */
}

.bbcode { /* Wygląd naszych BBCode */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* okreslamy krój czcionki/ek */
	font-size: 10px; /* okreslamy wielkosć czcionki */
	color: #000; /* okreslamy kolor czcionki */
	background-color: #eee; /* okreslamy tlo naszego BBCode */
	border: 1px solid #ccc; /* okreslamy obramowanie naszego BBCode */
	margin-top: 2px; /* okreslamy odstęp od górego elementu przycisku */
}

.textbox { /* Pole tekstowe (prywatna wiadomosć, shoutbox, komentarz, login i haslo, kontakt, szukaj */ )
	font-family: Verdana, Arial, Helvetica, sans-serif; /* okreslamy krój czcionki w "textbox'ach" */
	font-size: 11px; /* okreslamy wielkosć czcionki */
	color: #000; /* okreslamy kolor tekstu */
	background-image: url(images/textbox.jpg); /* okreslamy tlo textbox'a */
	border: 1px solid #ccc; /* okreslamy obramowanie tekstboxa */
}

/* Header and footer properties */

.sub-header { /* Nawigacja pozioma strony */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* okreslamy krój czcionki/ek */
	font-size: 10px; /* okreslamy wielkosć czcionki */
	color: #fff; /* okreslamy kolor czcionki */
	background-color: #555; /* okrelamy kolor tla nawigacji poziomej */
	background-image: url(images/subheader-mid.gif); /* okreslamy tlo obrazkowe poziomej nawigacji  */
	padding: 7px 5px 8px 5px; /* okreslamy odstępy wewnątrz nawigacji, między tekstem, a innymi elementami */
}

.sub-header ul{ /* Lista nawigacji górnej */
	margin: 0; 
	padding: 0;
}

.sub-header ul li{ /* Lista porządkowa nawigacji górnej */
	display: inline; /* okreslamy sposób wyswietlania się linków w nawigacji poziomej */
}

.sub-header ul li.first-link .bullet{
	display: none;
}

.logo { /* Nasze logo strony */
	font-family: Georgia, Arial, Helvetica, sans-serif; /* okreslamy krój czcionki/ek */
	font-size: 11px; /* okreslamy wielkosć czcionki */
	color: #000;/* okreslamy kolor czcionki */
 background-image: url(images/logo.jpg);
	background-color: #fff; /* okreslamy tlo naszego logo */
	background-repeat: no-repeat;
	border: 0px;
	padding: 5px 0 0px 0; /* okreslamy poszczególne odstępy naszego logo */
}

.align_this {
  text-align: center;
}

.main-footer { /* Nasza stopka */
	font-family: Arial, Helvetica, sans-serif; /* okreslamy krój czcionki/ek */
	font-size: 9px; /* okreslamy wielkosć czcionki */
	color: #000; /* okreslamy kolor czcionki */
	background-image: url(images/stopka.jpg); /* okreslamy tlo naszej stopki */
	height: 150px;
	text-align: right;
	padding-top: 14px; /* okreslamy poszczególne odstępy w naszej stopce */
  padding-right: 4px;
  }

.bottom-footer { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #555;
	padding: 4px 4px 5px 4px;
}

.main-body { /* Nasze news'y */
	font-size: 11px; /* okreslamy wielkosć czcionki */
	color: #555; /* okreslamy kolor czcionki */
	background-image: url(images/news_tlo.jpg); /* okreslamy tlo news'ów */
	background-repeat: repeat;
	background-color: #fff;
	width: 748px;
	border: 1px solid #ddd; /* okreslamy obramowanie */
	padding: 3px 4px 3px 4px;; /* okreslamy wielkosć czcionki */
}

/* Side-Panel properties */

.reklama { 
	color: #777;
	background-image: url(images/ad-bkg.jpg);	
	background-color: #fff;
}

.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.tlo1 {
	background-image: url(images/news_bkg..jpg);
}

.side-border-left { 
	color: #777;
	background-image: url(images/podklad_lewy.jpg);
	background-color: #fff;
	padding: 10px 49px 10px 0px;
	width: 203px;
}

.side-border-right {
	color: #777;
	background-image: url(images/prawy.jpg);	
	background-color: #fff;
	padding: 10px 15px 10px 10px;
	width: 180px;
}

.scapmain {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	color: #757575;
	background-color: #000;
	background-image: url(images/panel.jpg);
	height: 55px;
	width: 203px;
	padding: 0px 4px 0px 4px;
}

.side-body { 
	font-size: 10px;
	color: #555;
	background-image: url(images/tlo-test.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #f6f6f6;
	border: 0px solid #ddd;
	padding: 3px 4px 10px 4px;
	margin-top: 2px;
	margin-left:3px;
	margin-right:3px;
}

/* Center-Panel properties */

.news-category {
	border: 0;
	margin: 3px 5px 0 0;
	float: left;
}

.news-footer {
	font-size: 10px;
	color: #555;
	background-image: url(images/news_stopka.jpg);
	background-repeat: no-repeat;
	width: 749px;
	height: 22px;
	border-width: 0px 0px 0px 0px;  
	border-color: #fff;
	border-style: none;
}

#news_body {
   color:#333;
   background-color:#ffffff;
}

.capmain {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
	color: #757575;
	background-color: #fff;
	background-image: url(images/news.jpg);
	height: 50px;
	width: 748px;
  background-repeat: repeat-x;
	padding: 0px;
}


.main-bg {
	color: #555;             
 	background-image: url(images/podklad_newsy.jpg);      
	background-color: #fff;
	padding: 10px 0 5px 0;
}

/* General table properties */

.center {
	margin: 0 auto;
}

.tbl-border {
	border: 1px solid #e1e1e1;
}

.tbl {
	font-size: 11px;
	color: #555;
	background-color: #ece9e9;
	padding: 4px;
}

.tbl1 {
	font-size: 11px;
	color: #555;
	background-color: #f3f3f3;
	padding: 4px;
}

.tbl2 {
	font-size: 11px;
	color: #555;
	background-color: #dfdfdf;
	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: #04688d;
}

.shoutboxname {
	font-weight: bold;
	color: #04688d;
}

.shoutbox {
	color: #777; 
}

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

.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;
}

.sides-small {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

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

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	font-weight: normal;
	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: #555;
	padding: 2px;
	text-decoration: none;
}

#navigation a:hover {
	color: #fff;
	background-color: #f6a504;
}

/* Page Navigation */

.pagenav {
	padding: 4px;
}

.pagenav span {
	color: #fff;
	background-color: #f6a504;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

.pagenav a {
	color: #555;
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #f6a504;
	margin: 2px;
	text-decoration: none;
}

.menu_list {   
   width: 150px;
}
.menu_head {
   padding: 5px 10px;
   cursor: pointer;
   position: relative;
   margin:1px;
    font-weight:bold;
    background: #eef4d3 url(left.png) center right no-repeat;
}
.menu_body {
   display:none;
}
.menu_body a{
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }

// pasek - kod1
#facebox .b {background:url(../../includes/facebox/b.png);}
#facebox .tl {background:url(../../includes/facebox/tl.png);}
#facebox .tr {background:url(../../includes/facebox/tr.png);}
#facebox .bl {background:url(../../includes/facebox/bl.png);}
#facebox .br {background:url(../../includes/facebox/br.png);}
#facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0;padding: 0;}
#facebox .body {padding: 10px;background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99;}
* html #facebox_overlay { /* ie6 hack */
position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
// pasek - kod1 koniec