body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: Arial, Verdana, Helvetica, Seans-serif;
}

#page {
	margin: 0;
	margin-top: 54px;
	margin-left: 175px;
	padding: 0;
	border: 0;
}


	#koder-logowanie {
		width: 170px;
		height: 100%;
		overflow: hidden;
		margin: 20px auto;
		padding: 10px;
		font-size: 16px;
		font-style: italic;
		color: #666666;
		border: 1px solid #dddddd;
		background: url('../obr/top_02.jpg');
		background-repeat: repeat-x;
		background-position: 0% 0%;
		position: relative;
	}

		#koder-logowanie-logo {
			width: 72px;
			height: 44px;
			position: absolute;
			left: 0px;
			top: 0px;
			display: block;
			background: url('../obr/top_logo.jpg');
		}

		#koder-logowanie form {
			margin: 15px 0;
			padding: 0;
			font-style: normal;
			font-size: 12px;
			color: #444444;
		}

		#koder-logowanie input, #koder-logowanie label {
			display: block;
			margin: 2px;
			padding: 1px;
		}

		#koder-logowanie span {
			font-size: 11px;
			margin: 0;
			padding: 4px;
			display: block;
			text-align: left;
		}

		#koder-logowanie p {
			margin: 0;
			padding: 0;
		}

		#koder-logowanie b {
			margin: 0;
			margin-top: 20px;
			padding: 4px;
			font-style: normal;
			font-size: 13px;
			background: #ffdc5b;
			border: 1px solid #ffcd11;
			display: block;
		}

	#zalogowany {
		position: fixed;
		right: 255px;
		bottom: 0;
		padding: 8px;
		margin: 0;
		width: 320px;
		height: 42px;
		font-size: 12px;
		color: #6f6f6f;
		background: url('../obr/maska_biala.png');
		border: 1px solid #a2a2a2;
		text-align: left;
		z-index: 20;
	}

	#wygenerowane-konkatencje {
		display: none;
		position: fixed;
		top: 55px;
		left: 170px;
		padding: 8px;
		margin: 0;
		width: 320px;
		height: 200px;
		font-size: 12px;
		color: #6f6f6f;
		background: url('../obr/maska_biala.png');
		border: 1px solid #a2a2a2;
		text-align: left;
		z-index: 20;
		-moz-box-shadow: 0px 0px 25px #000000;
  		-webkit-box-shadow: 0px 0px 25px #000000;
  		box-shadow: 0px 0px 25px #000000;
	}

		#wygenerowane-konkatencje-x {
			position: fixed;
			left: 465px;
			top: 65px;
			font-size: 13px;
			font-weight: bold;
			color: #454545;
			z-index: 21;
			display: block;
		}

		#wygenerowane-konkatencje-ajax {
			width: 320px;
			height: 200px;
			margin: 0;
			padding: 0;
			overflow: auto;
		}

	#wyszukaj {
		position: fixed;
		right: 0;
		bottom: 25px;
		padding: 4px;
		margin: 0;
		width: 240px;
		font-size: 12px;
		color: #6f6f6f;
		background: url('../obr/maska_biala.png');
		border: 1px solid #a2a2a2;
		text-align: left;
		z-index: 20;
	}
	
		#wyszukaj-x {
			position: fixed;
			right: 25px;
			bottom: 215px;
			font-size: 13px;
			font-weight: bold;
			color: #454545;
			z-index: 21;
			display: none;
		}
	
		.zaznacz-wynik {
			font-weight: bold;
			background: #ffff00;
		}
	
		.wyszukaj-z-wynikami {
			height: 200px;
		}
		
		.wyszukaj-bez-wynikow {
			height: 25px;
		}
	
		#wyszukaj-wyniki {
			overflow: auto;
			height: 170px;
		}
		
			#wyszukaj-wyniki a {
				font-size: 12px;
				color: #00298a;
				padding: 3px;
				margin: 0;
				width: 200px;
				overflow: hidden;
				display: block;
			}
		
		.wyszukaj-wyniki-pokaz {
			display: block;
			border: 0;
			border-bottom: 1px solid #a2a2a2;
			padding: 0;
			margin: 0;
			margin-bottom: 4px;
		}
		
		.wyszukaj-wyniki-schowaj {
			display: none;
		}
		
		#wyszukaj-form input {
			width: 190px;
		}

	#statystyki {
		position: fixed;
		right: 0;
		bottom: 0;
		padding: 4px;
		margin: 0;
		width: 240px;
		height: 12px;
		font-size: 10px;
		color: #6f6f6f;
		background: url('../obr/maska_biala.png');
		border: 1px solid #a2a2a2;
		text-align: left;
		z-index: 5;
	}

	#top {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 44px;
		background: url('../obr/top_02.jpg');
		z-index: 4;
	}
	
		#logo {
			margin: 0;
			padding: 0;
			width: 170px;
			height: 44px;
			background: url('../obr/top_01.jpg');
			float: left;
			clear: none;
			position: relative;
		}
			#logo-index {
				width: 76px;
				height: 44px;
				margin: 0;
				padding: 0;
				float: left;
				display: block;
			}
		
			#rodzaj-kodera {
				margin: 0;
				margin-top: 20px;
				margin-right: 10px;
				padding: 0;
				width: 84px;
				height: 12px;
				font-size: 10px;
				font-weight: normal;
				color: #828282;
				text-decoration: none;
				overflow: hidden;
				background: url('../obr/lista_koderow_max.png');
				background-repeat: no-repeat;
				background-position: 100% 1px;
				display: block;
				float: right;
			}
			
			#lista-koderow {
				width: 120px;
				height: 400px;
				border: 1px solid #828282;
				background: url('../obr/maska_biala.png');
				position: absolute;
				left: 75px;
				top: 20px;
				display: none;
				z-index: 10;
			}
			
			#lista-koderow ul {
				margin: 2px;
				padding: 1px;
				list-style: none;
			}
			
			#lista-koderow li {
				margin: 0;
				padding: 2px;
			}
			
			#lista-koderow a {
				color: #484848;
				font-size: 11px;
				text-decoration: none;
			}
			
			#lista-koderow-min {
				margin: 1px;
				padding: 5px;
				width: 12px;
				height: 10px;
				background: url('../obr/lista_koderow_min.png');
				background-repeat: no-repeat;
				background-position: 50% 50%;
				display: block;
				float: right;
			}
		
		#menu {
			margin: 0;
			padding: 0;
			float: left;
		}
		
			.sekcja {
				float: left;
				clear: none;
				margin: 2px;
				margin-left: 25px;
				margin-bottom: 10px;
				padding: 0px;
			}
			
			.sekcja-tytul {
				float: none;
				clear: both;
				margin: 0;
				padding: 0;
				font-size: 10px;
				color: #797979;
			}
			
			.sekcja input {
				display: block;
				float: left;
				clear: none;
				margin: 0;
				padding: 3px;
				font-size: 10px;
				width: 130px;
				height: 13px;
				border: 1px solid #b2b2b2;
			}
			
			.sekcja a {
				display: block;
				float: left;
				margin: 2px;
				padding: 0;
				width: 18px;
				height: 18px;
			}
			
			.sort-nazw-asc {
				background: url('../obr/sort_nazw_asc.jpg');
			}
			
				.sort-nazw-asc-a {
					background: url('../obr/sort_nazw_asc_a.jpg');
				}
			
			.sort-nazw-desc {
				background: url('../obr/sort_nazw_desc.jpg');
			}
			
				.sort-nazw-desc-a {
					background: url('../obr/sort_nazw_desc_a.jpg');
				}
			
			.sort-grup-asc {
				background: url('../obr/sort_grup_asc.jpg');
			}
			
				.sort-grup-asc-a {
					background: url('../obr/sort_grup_asc_a.jpg');
				}
			
			.sort-grup-desc {
				background: url('../obr/sort_grup_desc.jpg');
			}
			
				.sort-grup-desc-a {
					background: url('../obr/sort_grup_desc_a.jpg');
				}
			
			.sort-id-asc {
				background: url('../obr/sort_id_asc.jpg');
			}
			
				.sort-id-asc-a {
					background: url('../obr/sort_id_asc_a.jpg');
				}
			
			.sort-id-desc {
				background: url('../obr/sort_id_desc.jpg');
			}
			
				.sort-id-desc-a {
					background: url('../obr/sort_id_desc_a.jpg');
				}
				
				
				
			.ukrywanie-min {
				background: url('../obr/ukrywanie_min.jpg');
			}
			
				.ukrywanie-min-a {
					background: url('../obr/ukrywanie_min_a.jpg');
				}
			
			.ukrywanie-max {
				background: url('../obr/ukrywanie_max.jpg');
			}
			
				.ukrywanie-max-a {
					background: url('../obr/ukrywanie_max_a.jpg');
				}
				
		#opis-zaznaczenia {
			display: none;
			margin: 10px 20px;
			padding: 0;
			width: 113px;
			height: 21px;
			background: url('../obr/opis_zaznaczenia_button.png');
			float: right;
			clear: none;
		}
		
		
			#opis-zaznaczenia-chmurka {
				position: absolute;
				display: none;
				width: 450px;
				padding: 10px;
				right: 50px;
				top: 30px;
				border: 2px solid #ffa800;
				background: url('../obr/maska_biala.png');
			}
			
				#opis-zaznaczenia-x {
					float: right;
					font-size: 15px;
					font-weight: bold;
					color: #515151;
					text-decoration: none;
				}
				
				#opis-zaznaczenia-tytul {
					font-size: 14px;
					text-align: left;
					font-weight: bold;
				}
				
				#opis-zaznaczenia-tresc {
					font-size: 12px;
					text-align: left;
					font-weight: normal;
				}
		
		#firefox {
			display: block;
			margin: 0;
			padding: 0;
			width: 145px;
			height: 44px;
			background: url('../obr/top_03.jpg');
			float: right;
			clear: none;
		}
		
		#zrodla {
			display: block;
			margin: 0;
			padding: 15px;
			width: 35px;
			height: 14px;
			float: right;
			clear: none;
			font-size: 10px;
			font-weight: normal;
			text-decoration: underline;
		}
		
		#menu-firefox {
			margin: 0;
			padding: 0;
			height: 44px;
			overflow: hidden;
		}
	
	#left {
		position: fixed;
		top: 44px;
		left: 0;
		width: 170px;
		height: 94%;
		background: #ffffff;
		overflow: auto;
		overflow-x: hidden;
	}
	
		#wygenerowany-kod {
			width: 156px;
			margin: 7px auto;
			padding: 1px;
			background: #ffd355;
			float: none;
			clear: both;
		}
		
			#wygenerowany-kod span {
				display: block;
				padding: 2px;
				padding-left: 5px;
				font-size: 10px;
				color: #7f7f7f;
				font-weight: normal;
				font-style: italic;
			}
			
			#wygenerowany-kod textarea {
				display: block;
				width: 150px;
				height: 50px;
				padding: 0;
				margin: 1px auto;
			}
			
			.schowek-flash {
				position: relative;
				width: 0px;
				height: 0px;
				padding: 0;
				margin: 0;
			}
			
			.schowek-flash-box {
				position: absolute;
				width: 156px;
				height: 20px;
				left: 0px;
				top: 0px;
				margin: 0;
				padding: 0;
				z-index: 4;
				overflow: hidden;
			}
			
		#definicje {
			width: 156px;
			margin: 7px auto;
			padding: 1px;
			background: #414141;
			float: none;
			clear: both;
		}
		
			.definicje-span {
				display: block;
				padding: 2px;
				padding-left: 5px;
				font-size: 10px;
				color: #ffffff;
				font-weight: normal;
				font-style: italic;
			}
			
			#definicje-spis {
				background: #ffffff;
				margin: 1px auto;
				width: 154px;
				height: 690px;
			}
			
				#definicje-spis ul {
					list-style: none;
					margin: 0;
					padding: 0;
				}
				
				#definicje-spis li {
					margin: 0;
					margin-left: 4px;
					padding: 0;
					font-size: 13px;
					position: relative;
				}
				
				#definicje-spis a {
					text-decoration: none;
				}
				
				.def-opis {
					display: block;
					position: absolute;
					top: 16px;
					left: 160px;
					width: 180px;
					padding: 2px;
					color: #7f7f7f;
					font-size: 9px;
					border: 1px solid #b0b0b0;
					background: #ffffcc;
					z-index: 100;
				}
				
				.def-opis-schowaj {
					display: none;
				}
				
				.def {
					color: #000000;
					font-size: 11px;
					font-weight: normal;
				}
				
				.def-a {
					color: #000c5e;
					font-size: 15px;
					font-weight: bold;
				}
			
			
			
	.g-1 {
		clear: both;
		float: none;
		margin: 3px 10px;
		margin-left: 3px;
		padding: 0;
		background: url('../obr/grupa_09.jpg');
	}
	
	.g-2 {
		clear: both;
		float: none;
		background: url('../obr/grupa_07.jpg');
		background-repeat: repeat-x;
		background-position: 0% 100%;
		padding: 0;
		margin: 0;
	}
	
	.g-3 {
		clear: both;
		float: none;
		background: url('../obr/grupa_02.jpg');
		background-repeat: repeat-x;
		background-position: 0% 0%;
		padding: 0;
		margin: 0;
	}
	
	.g-4 {
		clear: both;
		float: none;
		background: url('../obr/grupa_04.jpg');
		background-repeat: repeat-y;
		background-position: 0% 0%;
		padding: 0;
		margin: 0;
	}
	
	.g-5 {
		clear: both;
		float: none;
		background: url('../obr/grupa_05.jpg');
		background-repeat: repeat-y;
		background-position: 100% 0%;
		padding: 0;
		margin: 0;
	}
	
	.g-6 {
		clear: both;
		float: none;
		background: url('../obr/grupa_03.jpg');
		background-repeat: no-repeat;
		background-position: 100% 0%;
		padding: 0;
		margin: 0;
	}
	
	.g-7 {
		clear: both;
		float: none;
		background: url('../obr/grupa_08.jpg');
		background-repeat: no-repeat;
		background-position: 100% 100%;
		padding: 0;
		margin: 0;
	}
	
	.g-8 {
		clear: both;
		float: none;
		background: url('../obr/grupa_06.jpg');
		background-repeat: no-repeat;
		background-position: 0% 100%;
		padding: 0;
		margin: 0;
	}
	
	.g-9 {
		clear: both;
		float: none;
		background: url('../obr/grupa_01.jpg');
		background-repeat: no-repeat;
		background-position: 0% 0%;
		padding: 0;
		padding-bottom: 4px;
		padding-top: 1px;
		margin: 0;
	}
	
		.g-mini {
			display: block;
			width: 21px;
			height: 35px;
			margin: 0;
			margin-right: 10px;
			padding: 0;
			float: left;
			background: url('../obr/grupa_01a.jpg');
		}
		
		.g-maxi {
			display: block;
			width: 21px;
			height: 35px;
			margin: 0;
			margin-right: 10px;
			padding: 0;
			float: left;
			background: url('../obr/grupa_01b.jpg');
		}
		
		
		.box-lista-pojemnik {
			margin: 10px;
			margin-top: 0px;
			margin-bottom: 2px;
			padding: 2px;
			padding-top: 0px;
			overflow: hidden;
		}
		
			.box-lista {
				width: 1350px;
				list-style: none;
				padding: 0;
				margin: 0;
				clear: both;
				float: none;
			}
			
			.box-pozycja {
				float: left;
				clear: none;
			}
			
			.box {
				border: 1px solid #000000;
				overflow: hidden;
				background: #000000;
				width: 260px;
				height: 100%;
				margin: 7px;
				margin-bottom: 0;
				margin-right: 0;
				margin-top: 1px;
				padding: 0;
			}
			
			.box-tytul {
				width: 100%;
				height: 22px;
				clear: both;
				float: none;
				padding: 3px 0;
			}
			
				.box-id {
					float: left;
					margin: 2px 5px;
					width: 20px;
					height: 15px;
					background: url('../obr/box_id.png');
				}
				
				.box-opcje {
					float: right;
					margin: 2px 5px;
					width: 35px;
					height: 15px;
					background: url('../obr/box_opcje.png');
				}
				
				.box-pole-opcji {
					display: none;
					font-size: 10px;
					padding: 4px 10px;
					width: 240px;
					height: 20px;
					border: 0;
					border-bottom: 1px solid #cccccc;
					background: #e9e9e9;
				}
				
				.box-sortowanie {
					display: block;
					float: left;
					clear: none;
					padding: 3px 6px;
					color: #727272;
				}
				
				.box-sortowanie-asc {
					display: block;
					float: left;
					clear: none;
					padding: 3px 12px;
					padding-left: 6px;
					color: #002d80;
					font-weight: bold;
					background: url('../obr/box_sortowanie_asc.png');
					background-repeat: no-repeat;
					background-position: 100% 65%;
				}
				
				.box-sortowanie-desc {
					display: block;
					float: left;
					clear: none;
					padding: 3px 12px;
					padding-left: 6px;
					color: #002d80;
					font-weight: bold;
					background: url('../obr/box_sortowanie_desc.png');
					background-repeat: no-repeat;
					background-position: 100% 65%;
				}
				
				.box-mini {
					float: right;
					margin: 2px 5px;
					width: 15px;
					height: 15px;
					background: url('../obr/box_min.png');
				}
				
				.box-tytul-tekst {
					display: block;
					padding: 3px;
					font-size: 9px;
					font-weight: bold;
					color: #ffffff;
				}
			
			.box-tabela {
				margin: 0;
				clear: both;
				float: none;
				width: 100%;
				background: #ffffff;
			}
			
			.box-tabela-schowaj {
				display: none;
			}
			
			.box-wiersz {
				background: none;
				color: #6e6e6e;
				position: relative;
			}
			
			.box-wiersz-a {
				background: #f0f2ff;
				cursor: pointer;
				color: #6e6e6e;
			}
			
			.box-wiersz-kod {
				background: #0149b6;
				cursor: pointer;
				color: #ffffff;
			}
			
			.box-komorka {
				padding: 1px;
				font-size: 11px;
				position: relative;
			}

				.box-komorka-opis-znacznik {
					display: block;
					float: right;
					clear: none;
					width: 29px;
					height: 12px;
					background: url('../obr/opis_znacznik.png');
					background-repeat: no-repeat;
				}
			
			
			
	.g-pasek-min-max {
		height: 10px;
		margin: 5px;
		margin-bottom: 0px;
		padding: 0;
		clear: both;
		float: none;
		overflow: hidden;
	}
			
	.g-pasek-max {
		margin: 0;
		padding: 0;
		height: 9px;
		position: relative;
		background: url('../obr/pasek_max_02.jpg');
		background-position: 50% 0%;
		background-repeat: repeat-x;
	}
		.g-pasek-max-link {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 9px;
		}
	
		.g-pasek-max-prawo {
			width: 17px;
			height: 9px;
			background: url('../obr/pasek_max_03.jpg');
			float: right;
		}
		
		.g-pasek-max-lewo {
			width: 20px;
			height: 9px;
			background: url('../obr/pasek_max_01.jpg');
			float: left;
		}
		
	.g-pasek-min {
		margin: 0;
		padding: 0;
		height: 10px;
		position: relative;
		background: url('../obr/pasek_min_02.jpg');
		background-position: 50% 0%;
		background-repeat: repeat-x;
	}
	
		.g-pasek-min-link {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 10px;
		}
	
		.g-pasek-min-prawo {
			width: 17px;
			height: 10px;
			background: url('../obr/pasek_min_03.jpg');
			float: right;
		}
		
		.g-pasek-min-lewo {
			width: 13px;
			height: 10px;
			background: url('../obr/pasek_min_01.jpg');
			float: left;
		}
			
	.scroll-tlo {
		margin: 7px;
		margin-bottom: 2px;
		padding: 0;
		position: relative;
		height: 8px;
		background: url('../obr/scroll_tlo_02.jpg');
		background-position: 50% 0%;
		background-repeat: repeat-x;
		display: none;
		overflow: hidden;
		clear: both;
		float: none;
	}
	
		.scroll-tlo-lewe {
			width: 13px;
			height: 8px;
			float: left;
			background: url('../obr/scroll_tlo_01.jpg');
		}
		
		.scroll-tlo-prawe {
			width: 17px;
			height: 8px;
			float: right;
			background: url('../obr/scroll_tlo_03.jpg');
		}
			
	.pasek {
		cursor: pointer;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100px;
		height: 8px;
		background: url('../obr/scroll.jpg');
		z-index: 10;
	}