body {
  background: #1b1b1b url('../_img/tlo.gif') repeat top center;
  text-align: left;
  font-size: 10px; 
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
}
/*
a {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #fec501;
	text-decoration: underline;
}
*/


a {
	/*color: #cd8f01;*/
	color: #e7a201;
}

a:hover {
	text-decoration: none;
}


img {
	border: 0;
}

.clear {
	clear: both;
}

.TXTsrodek {
	text-align: center !important;
}

.TXTparwa {
	text-align: right !important;
}

.TXTlewa {
	text-align: left !important;
}

.prawa {
	display: inline;
	float: right;
}

.lewa {
	display: inline;
	float: left;
}

.listaPozioma {
	list-style: none;
	margin: 0 5px;
	padding: 0;
}

.listaPozioma li {
	float: left;
	padding: 0 5px 0 0;
}

.button {
	margin: 0;
	padding: 0 !important;
	height: 20px;
	background: url('../_img/submit-lewa.gif') no-repeat left;
	float: right;
	clear: both;
}

.button a {
	background: url('../_img/submit-prawa.gif') no-repeat right;
	border: 0px;
	padding: 2px 10px 6px 10px;
	height: 12px;
	margin: 0;
	font-size: 0.8em;
	color: #773c00;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.button a:hover {
	text-decoration: underline;
}



/**********************************
	Ogólny układ nagłówka i stopki
**********************************/

#naglowek {
	background: #1b1b1b url('../_img/tlo-gora.jpg') repeat-x top center;
	height: 335px;
	margin: 0;
	padding: 0;
}

#naglowek-srodek {
	background: transparent url('../_img/top.jpg') no-repeat top center;
	width: 987px;
	height: 335px;
	margin: 0 auto;
	float: none;
	padding: 0;
	position: relative;
}

#naglowek-srodek a img {
	border: 0;
}

#stopka {
	margin: 0;
	padding: 0;
	clear: both;
	background: transparent url('../_img/tlo-dol.jpg') repeat-x bottom center;
}

#stopka-srodek {
	background: #0B0B0B url('../_img/stopka.jpg') no-repeat top center;
	width: 957px;
	margin: 0 auto;
	padding: 90px 15px 0 15px;
	color: white;
}


/**********************************
	KONKURS
**********************************/

#konkurs {
	width: 687px;
	margin: 0 auto 25px;
	padding: 10px 5px;
	text-align: center;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #ae5700;
	background: #242424;
}

#konkurs a {
	text-decoration: none;
}

#konkurs a:hover {
	text-decoration: underline;
}

/**********************************
	Układ ogólny środka
**********************************/

#kontener {
	width: 987px;
	margin: 0 auto;
	padding: 0;
}

#kolumna-duza {
	width: 797px;
	margin: 0;
	padding: 0;
}

#kolumna-duza #tresc {
	width: 607px;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #3a3a3a;
}

#kolumna-duza #tresc a {
	font-weight: bold;
}

#kolumna-duza #kolumna-menu{
	width: 190px;
	margin: 25px 0 0 0;
	padding: 0;
}

#kolumna-mala {
	width: 190px;
	margin: 25px 0 0 0;
	padding: 0;
}



/**********************************
	Układ dla layout nr 1
**********************************/

#lay-1 #kolumna-duza {
	float: left;
	clear: left;
}

#lay-1 #kolumna-duza #tresc {
	float: right;
}

#lay-1 #kolumna-duza #kolumna-menu{
	float: left;
}

#lay-1 #kolumna-mala {
	float: right;
}


/**********************************
	Układ dla layout nr 2
**********************************/

#lay-2 #kolumna-duza {
	float: right;
}

#lay-2 #kolumna-duza #tresc {
	float: left;
}

#lay-2 #kolumna-duza #kolumna-menu{
	float: right;
}

#lay-2 #kolumna-mala {
	float: left;
}

/**********************************
	Układ dla layout nr 3
**********************************/

#lay-3 #kolumna-duza {
	float: left;
}

#lay-3 #kolumna-duza #tresc {
	float: left;
}

#lay-3 #kolumna-duza #kolumna-menu{
	float: right;
}

#lay-3 #kolumna-mala {
	float: right;
}


/**********************************
	Menu główne
**********************************/


#naglowek-srodek #menu-glowne {
	display: block;
	width: 987px;
	height: 62px;
	margin: 0;
	padding: 0;
}

#naglowek-srodek #menu-glowne li {
	margin: 0 1px 0 0;
	padding: 0;
	display: inline;
	float: left;
	width: 136px;
	height: 62px;
}

#naglowek-srodek #menu-glowne li a {
	display: block;
	width: 86px;
	height: 38px;
	margin: 0;
	padding: 24px 0 0 50px;
	background: url('../_img/button.png') no-repeat top center;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: left;
	position: relative;
	font-family: arial;
}

#naglowek-srodek #menu-glowne li a:hover,
#naglowek-srodek #menu-glowne li.aktywny a {
	width: 86px;
	height: 43px;
	margin: 0;
	padding: 19px 0 0 50px;
	background: url('../_img/button.png') no-repeat bottom center;
}

#naglowek-srodek #menu-glowne li a span {
	display: block;
	color: #666;
	margin: -2px 0 0 0;
	font-family: tahoma;
	font-size: 0.8em;
}

#naglowek-srodek #menu-glowne li span.cyf1 {
	position: absolute;
	top: 14px;
	left: 9px;
	color: #5c5c5c;
	font-size: 1.7em;
}

#naglowek-srodek #menu-glowne li a:hover span.cyf1,
#naglowek-srodek #menu-glowne li.aktywny a span.cyf1 {
	position: absolute;
	color: #313131;
	top: 9px;
	left: 9px;
}

#naglowek-srodek #menu-glowne li span.cyf2 {
	position: absolute;
	top: 26px;
	left: 30px;
	color: #FFAF00;
	font-size: 1.1em;
	font-weight: bold;
	font-family: arial;
}

#naglowek-srodek #menu-glowne li a:hover span.cyf2,
#naglowek-srodek #menu-glowne li.aktywny a span.cyf2 {
	position: absolute;
	top: 21px;
	left: 30px;
}

/**********************************
	Panel rejestracji i logowania w nagłówku
**********************************/

#naglowek-boks {
	position: absolute;
	top: 0;
	right: 0;
	width: 360px;
	height: 130px;
}

#naglowek-boks #naglowek-buttony {
	width: 370px;
	height: 18px;
	margin: 22px 0 0 0;
}

#naglowek-boks ul {
	padding: 0;
	margin: 0;
}

#naglowek-boks ul li {
	display: inline;
	margin: 0;
	padding: 0 30px 0 0;
	font-size: 1.2em;
}

#naglowek-boks ul li a {
	background: url('../_img/punktator-duzy.png') no-repeat center left;
	padding: 0 0 0 20px;
	color: #cecece;
	text-decoration: none;
}

#naglowek-boks ul li a:hover {
	text-decoration: none;
	color: #fec501;
}

/**********************************
	Wyszukiwarka
**********************************/

#naglowek-boks form {
	margin: 25px 0 0 0;
}

#naglowek-boks form p {
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 0;
}

#naglowek-boks form label {
	color: #666;
	margin: -3px 0 10px 0;
	font-family: tahoma;
	font-size: 1em;
	display: block;
	font-weight: bold;
}

#naglowek-boks form input {
	border: 1px solid #606060;
	background: #3e3e3e;
	float: left;
	width: 180px;
	padding: 2px 5px;
	color: #d8d8d8;
}

#naglowek-boks form input.submit {
	border: 0;
	width: 80px;
	height: 19px;
	line-height: 20px;
	font-size: 1em;
	padding: 0 0 3px 0;
	margin: 2px 0 0 15px;
	background: url('../_img/button-form.png') no-repeat top center;
	cursor: pointer;
	color: #773c00;
	font-weight: bold;
}

/**********************************
	Panel Logowania pod nagłówkiem
**********************************/

#panel-logowania {
	background: #fff url('../_img/naglowek-belka.jpg') no-repeat top center;
	width: 987px;
	height: 50px;
	margin: 0;
	padding: 0;
}

#panel-logowania form {
	display: inline;
	float: left;
	padding: 13px 0 0 10px;
	width: 400px;
}

#panel-logowania form#form-zalogowany {
	padding: 5px;
}

#panel-logowania form#form-zalogowany img {
	margin: 0;
	float: left;
}

#panel-logowania form#form-zalogowany input.submit {
	float: right;
	margin: 0;
}

#panel-logowania form div {
	margin: 0;
	padding: 0;
}

#panel-logowania form#form-zalogowany p {
	margin: 0 0 0 5px;
	padding: 5px 0 0 0;
	float: left;
	font-size: 1.0em;
	overflow: hidden;
}

#panel-logowania input {
	display: inline;
	float: left;
	border: 1px solid #cdcdcd;
	padding: 2px 5px;
	width: 100px;
	margin: 0 10px 0 5px;
}

#panel-logowania label {
	display: inline;
	float: left;
	line-height: 22px;	
}

#panel-logowania input.submit {
	border: 0;
	width: 80px;
	height: 19px;
	line-height: 20px;
	font-size: 0.9em;
	padding: 0 0 3px 0;
	margin: 2px 0 0 5px;
	background: url('../_img/button-form.png') no-repeat top center;
	cursor: pointer;
	color: #773c00;
	font-weight: bold;
}

#panel-logowania ul#status-userow {
	float: left;
	width: 420px;
	margin: 8px 0 0 60px;
	padding: 0;
}

#panel-logowania ul#status-userow  li {
	background: url('../_img/punktator-duzy.png') no-repeat center left;
	display: inline;
	float: left;
	margin: 0;
	padding: 4px 20px 3px 20px;
	font-size: 1.2em;
}

/**********************************
	Lokalizator / navigator
**********************************/
#navigator {
	margin: 7px 0 0 0;
	font-size: 1.1em;
	clear: both;
}

#navigator #nav {
	color: #fec501;
	padding: 0 10px 20px 0;
	float: left;
}

#navigator ul {
	display: inline;
	padding: 0;
	margin: 0;
}

#navigator ul li {
	display: inline;
	color: #fff;
	padding: 0 13px 0 0px;
	*padding: 0 13px 0 4px;
	background: url('../_img/punktator-nav.gif') no-repeat center right;
}

#navigator ul li.ostatni {
	background: none;
}

#navigator ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

#navigator ul li a:hover {
	color: #fec501;
}

/**********************************
	Układ bocznych boksów
**********************************/

.boks {
	background: #141414 url('../_img/boks-gora.jpg') no-repeat top center;
	width: 190px;
	margin: 0;	
}

.boks .belka,
.boks .belka a {
	margin: 0;
	padding: 14px 0 0 0;
	text-align: center;
	color: #cecece;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 1.1em;
}

.boks .boksSrodek,
.boks .boksSrodek2 {	
	background: url('../_img/boks-dol.jpg') no-repeat bottom center;
	margin: 0;
	padding: 20px 0 50px 0;
	color: #cecece;
}

.boks .boksSrodek2 {
	padding: 20px 7px 50px 7px;
}

/**********************************
	menu boczne
**********************************/

ul.menuBoczne {
	margin: 0;
	padding: 10px;
	font-family: verdana;
	font-size: 1.2em;
}

ul.menuBoczne li {
	list-style: none;
	padding: 3px 0;
}

ul.menuBoczne li a {
	display: block;
	text-decoration: none;
	color: #cecece;
	background: url('../_img/punktator-menu.gif') no-repeat 0px 4px;
	padding: 0 0 0 15px;
}

ul.menuBoczne li a:hover,
ul.menuBoczne li a.aktywny {
	color: #fec501;
	padding: 0 0 0 15px;
	background: url('../_img/punktator-menu.gif') no-repeat 4px 4px;
}

/* link1 */

ul.menuBoczne li a.link1 {
	color: #f8e827;
	font-weight: bold;
}



/**********************************
	RSS
**********************************/

#rss {
	font-family: verdana;
	font-size: 1.2em;
}

#rss p {
	text-align: center;
}

#rss ul {
	padding: 0 0 0 10px; 
	margin: 0;
}

#rss ul li {
	list-style: none;
	padding: 3px 0;
}

#rss ul li a {
	display: block;
	text-decoration: none;
	color: #cecece;
	background: url('../_img/feed.png') no-repeat 0px 1px;
	padding: 2px 0 2px 20px;
}

#rss ul li a:hover{
	color: #fec501;
}


/**********************************
	ogolne ustawienia boksu duzego ;]
**********************************/

.boks-duzy {
	width: 591px;
	margin: 0 auto;
	line-height: 1.5;
	overflow: hidden;	
}

#boks-duzy-gora {
	background: #F1F0F0 url('../_img/boks-duzy-gora2.jpg') no-repeat top left;
	width: 591px;
	margin: 0;
	padding: 12px 0 0 0;
	min-height: 40px;
}

#boks-duzy-tytul {
	background: #F8AB01 url('../_img/boks-duzy-gora.jpg') no-repeat top left;
	padding: 13px 20px 8px;
	width: 551px;
	margin: 0;
	color: #fff;
	font-size: 1.2em;
}

#boks-duzy-tresc {
	margin: 0 0 4px 0;
	clear: both;
	text-align: justify;
	padding: 10px 15px 5px 15px;
	background: #EDEDED url('../_img/art-dol.jpg') no-repeat bottom left;
}

#boks-duzy-gora div {
	display: inline;
	background: #EDEDED url('../_img/boks-tlo-gora.gif') repeat-x top;
	margin: 0;
	float: left;
	width: 591px;
}


#boks-duzy-gora div div {
	border-bottom: 1px solid #959595;
	padding: 0px 140px 5px 0px;
	width: 421px;
	margin: 0 15px;
	text-align: justify;
	background: url('../_img/gnat.png') no-repeat bottom right;
	min-height: 41px;
}

.sgboks {
	margin: 0;
	padding: 0 0 10px 0;
	background: url('../_img/art-dol.jpg') no-repeat bottom left;
	width: 591px;
	float: left;
	text-align: justify;
}

.sgboks div {
	margin: 0 0 4px 0;
	padding: 5px 15px 10px;
	background: #EDEDED url('../_img/boks-tlo-gora.gif') repeat-x top;
	float: left;
	width: 561px;
}

.sgboks div p {
	margin: 0;
	padding: 10px 0;
}

.sgboks h3,
.sgboks h2 {
	border-bottom: 1px solid #959595;
	padding: 0;
	margin: 0;
	background: url('../_img/gnat.png') no-repeat bottom right;
	font-size: 1.2em;
}

.sgboks h2 a,
.sgboks h3 a,
.sgboks h4 a {
	background: url('../_img/punktator-duzy.png') no-repeat center left;
	display: block;
	padding: 15px 0px 15px 20px;
	margin: 0 133px 5px 0;
	color: #3b3b3b;
	text-decoration: none;
}


.sgboks h2 a:hover,
.sgboks h3 a:hover,
.sgboks h4 a:hover,
.sgboks h5 a:hover {
	text-decoration: underline !important;
}


/**********************************
	Dokładny układ stopki
**********************************/

ul#stopka-menu {
	margin: 8px 0 14px 0;
	padding: 0;
	font-size: 1.1em;
}

ul#stopka-menu li {
	list-style: circle;
	display: inline;
	margin: 0;
	padding: 0 4px;
}

ul#stopka-menu li a {
	color: #d3d3d3;
	text-decoration: none;
}

ul#stopka-menu li a:hover,
ul#stopka-menu li a.aktywny {
	color: #fff;
	text-decoration: underline;
}

div#copyright {
	font-size: 1em;
	clear: both;
	padding: 10px 0 5px;
	text-align: center;
}

div#copyright a {
	color: #ff8000;
	text-decoration: none;
}

div#copyright a:hover {
	text-decoration: underline;
}

#stopka-srodek #statystyki {
	border-top: 2px solid #111111;
	border-bottom: 2px solid #111111;
	margin: 15px 5px 0;
}

#stopka-srodek #statystyki .statBoks {
	float: left;
	width: 236px;
	font-size: 1em;
}

#stopka-srodek #statystyki .statBoks h4 {
	font-size: 1.2em;
	text-align: center;
	margin: 0 0 5px 0;
}

#stopka-srodek #statystyki .statBoks ul {
	font-size: 0.9em;
	margin: 0 2px 0 0;
	padding: 0 2px 0 0;
	list-style: none;
	/*border: 1px solid black;*/
}

#stopka-srodek #statystyki .statBoks ul li {
	padding: 1px 0;
	margin: 0;
}

/**********************************
	Status serwera HashJama
**********************************/

.statusHJ .boksSrodek2 {
	color: #cecece;
}

.statusHJ .boksSrodek2 strong {
	color: #fec501;
}

.statusHJ .boksSrodek2 img {
	border: 1px solid #5c4a01;
	padding: 1px;
}

.statusHJ .boksSrodek2 p.TXTsrodek {
	margin-bottom: 0;
}


.statusHJ .boksSrodek2 table {
  margin: 0;
  padding: 0;
  width: 170px;
	margin: 0 auto;
  border-spacing: 1px;
  table-layout: fixed;
}

.statusHJ .boksSrodek2 table .kol_1 {
 background: #363636;
}

.statusHJ .boksSrodek2 table .kol_0 { 
 background: #242424;
}


.statusHJ .boksSrodek2 table .t-gorna-belka {
  background: #484848;
}

.statusHJ .boksSrodek2 table .t-gorna-belka td {
 font-weight: bold;
}

.statusHJ .boksSrodek2 table td {
 overflow: hidden;
}

.statusHJ .boksSrodek2 table .t-gorna-belka td.t-nr {
  width: 15px;
}
.statusHJ .boksSrodek2 table .t-gorna-belka td.t-nick {
 white-space: nowrap;
}
.statusHJ .boksSrodek2 table .t-gorna-belka td.t-fragi {
  width: 19px;
}



