body	{ 
		font-family: Arial;
		font-size: 10pt;
		color: black; 
		margin: 0px; 
		background: url(grafika/bg.png) repeat-y left;
		}
		
	a			{ text-decoration: none; color: red; }
	a:hover		{ text-decoration: underline; color: gray; } 
	a:visited	{ color: red; }
	form			{ padding:0px; margin: 0px; }

	.help img	{ border: none; margin-left: 30px; }
	
	#header	{ height: 100px; width: 100%; background-color: #f0f0f0; background: url(grafika/header_bg.png) repeat-x top; }
	#header #logo	{ position: absolute; top: 0px; left: 0px; }
	#header #generator	{ position: absolute; top: 12px; left: 320px; }
	#header #generator p	{ color: white; font-weight: bold; font-size: 24pt; margin-bottom: 0; margin-top: 0; }
	#header #generator2	{ position: absolute; top: 50px; left: 320px; }
	#header #generator2 p	{ color: white; font-weight: bold; font-size: 12pt; margin-bottom: 0; margin-top: 0; }
	#header #version		{ position: absolute; top: 20px; right: 20px; padding: 5px; background-color: transparent; }
	#header #version	p	{ color: yellow; font-weight: bold; font-size: 10pt; margin-bottom: 0; margin-top: 0; }
	/*#header #version	p	{ color: white; font-weight: bold; font-size: 10pt; margin-bottom: 0; margin-top: 0; }*/

	#menu	{ width: 250px; height: 500px; float: left; font-size: 10pt; background-color: #f0f0f0; background: url(grafika/menu_bg.png) no-repeat top left; }
	#menu ul	{ margin-top: 0px; list-style: none; margin: 0px; padding: 0px; }
	#menu li	{ margin-left: 10px; margin-bottom: 10px; }
	#menu b	{ /*font-weight: normal;*/ }
	#menu a	{ color: black; display: block; width: 225px; padding-left: 10px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; cursor: pointer; }
	#menu a:hover	{ color: red; text-decoration: none; }
	#menu a.menu		{ font-weight: bold; }
	#menu a.menu:hover	{ background-color: #f0f0f0; }
	#menu a.selected	{ background-color: #ffffff; font-weight: bold; }
	#menu a.selected:hover	{ background: #ff0000; color: white; }
	#menu #system	{ background-color: #ccff99; width: 170px; margin-left: 80px; padding-top: 5px; padding-bottom: 5px; }
	#menu #system a	{ color: black; display: block; width: 135px; padding-left: 30px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; cursor: pointer; }
	#menu #system a:hover	{ color: yellow; text-decoration: none; background-color: #66cc00; }
	#menu #system span.inactive	{ color: #c0c0c0; display: block; width: 135px; padding-left: 30px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; }
	#menu p.smaller	{ text-align: center; font-size: 9pt; }


	#askquestion	{ }
	#askquestion div	{ margin-bottom: 10px; }
	#askquestion .err	{ display: none; font-weight: bold; color: red; }
	#askquestion .mustbe	{ color: red; font-weight: bold; vertical-align: top; }
	#askquestion .label	{ display: block; float: left; width: 150px; }
	#askquestion .label2	{ display: block; float: left; width: 420px; }
	#askquestion input	{ width: 300px; border: 1px solid #d0d0d0; background-color: #f0f0f0; }
	#askquestion .error	{ background-color: #ffcfcf; border: 1px solid #ff0000; }
	#askquestion .ok		{ }
	#askquestion textarea	{ width: 450px; height: 200px; border: 1px solid #d0d0d0; background-color: #f0f0f0; font-family: arial; font-size: 10pt; overflow: auto; }
	#askquestion input.button	{ width: 150px; border: 1px solid #ff0000; color: #ff0000; font-weight: bold; background-color: white; padding: 2px; cursor: pointer; }
	#askquestion input.button:hover	{ width: 150px; border: 1px solid #ff0000; color: white; font-weight: bold; background-color: #ff0000; padding: 2px; cursor: pointer; }
	
	
	#content	{ position: absolute; top: 120px; left: 290px; background-color: white; padding-bottom: 20px; padding-right: 20px; }
	#content p	{ margin-top: 0px; margin-bottom: 0px; }
	#content p.tbrl	{ margin-top: 1em; }
	#content p.tbrl2	{ margin-top: 2em; }
	#content p.tbrl3	{ margin-top: 3em; }
	#content p.tbrl4	{ margin-top: 4em; }
	#content p.brl	{ margin-bottom: 1em; }
	#content p.brl2	{ margin-bottom: 2em; }
	#content p.brl3	{ margin-bottom: 3em; }
	#content p.brl4	{ margin-bottom: 4em; }
	#content .srodek	{ text-align: center; }
	#content .italic { font-style: italic; }
	#content .podkreslony { text-decoration: underline; }
	#content .prawo	{ text-align: right; }
	#content .gruby	{ font-weight: bold; }
	#content .justify	{ text-align: justify; }
	#content .small	{ font-size: 8pt; }
	#content .red	{ color: red; }
	#content .gray	{ color: #c0c0c0; }
	#content .black	{ color: black; }
	
	#content .news			{ width: 650px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #a0a0a0; }
	#content .news .data		{ font-size: 8pt; color: #7f7f7f; }
	#content .news .tresc	{ font-size: 10pt; color: black; }
	#content .news .link		{ text-align: right; }
	#content .news .link a	{ font-size: 8pt; color: #ff0000; padding: 1px 5px 1px 5px; }
	#content .news .link a:hover	{ font-size: 8pt; color: white; background-color: #ff0000; }
	
	#content .wciecie	{ padding-left: 30px; }
	#content h2	{ color: #505050; margin-bottom: 1em; font-size: 12pt; margin-top: 0; }
	#content h3	{ color: #505050; margin-bottom: 1em; font-size: 10pt; margin-top: 2em; }
	
	#content #formularz 	{ }
	#content .pole		{ background-color: #ffffcf; border: 1px solid #e0e0e0; font-family: Arial; font-size: 10pt; }
	#content p.sekcja	{ margin-bottom: 5px; margin-top: 30px; font-weight: bold; }
	#content p.element	{ margin-bottom: 10px; }
	#content p.element2	{ margin-bottom: 0px; }
	#content tr.element td	{ padding-bottom: 10px; }
	#content tr.element2 td	{ padding-bottom: 0px; }
	#content table.grid td	{ border: 1px solid gray; padding: 3px; }
	#content .xbig		{ width: 650px; }
	#content .big		{ width: 500px; }
	#content .medium		{ width: 300px; }
	#content .xmedium	{ width: 400px; }
	#content .small		{ width: 200px; }
	#content .xsmall		{ width: 100px; }
	#content .xxsmall	{ width: 70px; }
	#content .inactive	{ background-color: #f0f0f0; }
	#content .active		{ background-color: #ffffcf; }
	
	#content input[type="text"]{ font-family: Arial; font-size: 10pt; }
	
	#content .tabelka		{ border: 1px solid #d0d0d0; margin-bottom: 10px; }
	#content .tabelka td.pierwszy { background-color:#f0f0f0; font-weight: bold; padding-left: 10px; }
	#content .tabelka input.close { width: 30px; background-color: #c0c0c0; color: red; border: 1px solid #d0d0d0; font-weight: bold; margin-left: 10px; }

	#content .tabelka2 td { border: 1px solid #d0d0d0; padding: 3px; background-color: #ffffcf; }
	#content .tabelka2 input[type="text"]{ border: none; }
	#content .tabelka2 .edit { border: none; }
	#content .tabelka2 input.close { width: 30px; background-color: #c0c0c0; color: red; border: 1px solid #d0d0d0; font-weight: bold; }
	#content .tabelka2 th { border: 1px solid #d0d0d0; padding: 3px; font-weight: bold; background-color: #f0f0f0; }
	#content .tabelka2 td.szare { border: 1px solid #d0d0d0; padding: 3px; background-color: #f0f0f0; }
	#content .tabelka2 td.hollow { border: 1px solid white; padding: 3px; background-color: white; }

	#content .tabelka3	{ border: 1px solid #d0d0d0; font-family: Arial; font-size: 10pt; background-color: white; }
	#content .tabelka3 td { border: 1px solid #d0d0d0; padding: 0px; background-color: #ffffcf; margin: 0px; }
	#content .tabelka3 input[type="text"]{ border: none; }
	#content .tabelka3 .edit { border: none; background: transparent; font-family: Arial; font-size: 10pt; }
	#content .tabelka3 input.close { width: 30px; background-color: #c0c0c0; color: red; border: 1px solid #d0d0d0; font-weight: bold; }
	#content .tabelka3 th { border: 1px solid #d0d0d0; padding: 0px; font-weight: bold; background-color: #c0c0c0; }
	#content .tabelka3 td.szare	{ border: 1px solid #d0d0d0; padding: 0px; background-color: #f0f0f0; }
	#content .tabelka3 td.dark	{ border: 1px solid #d0d0d0; padding: 0px; background-color: #d0d0d0; }
	#content .tabelka3 td.szare2	{ border: 1px solid #d0d0d0; padding: 0px; background-color: #e0e0e0; }
	#content .tabelka3 td.szare3	{ border: 1px solid #d0d0d0; padding: 0px; background-color: #c0c0c0; }
	#content .tabelka3 td.hollow	{ border: 1px solid white; padding: 0px; background-color: white; }
	#content .tabelka3 .w600	{ width: 600px; }
	#content .tabelka3 .w400	{ width: 400px; }
	#content .tabelka3 .w300	{ width: 300px; }
	#content .tabelka3 .w200	{ width: 200px; }
	#content .tabelka3 .w150	{ width: 150px; }
	#content .tabelka3 .w100	{ width: 100px; }
	#content .tabelka3 .w70	{ width: 70px; }
	#content .tabelka3 .w55	{ width: 55px; }
	#content .tabelka3 .w25	{ width: 25px; }
	#content .tabelka3 .w20	{ width: 20px; }
	
	#content #bledy { 
		background-color: #ffcfcf;
		display: block;
		color: black;
		height: 100px;
		width: 650px;
		border: #CC0000 1px solid; /*none;*/
		font-size: 9pt;
		margin-bottom: 20px;
		padding: 10px;
		overflow: auto;
	}
	#content #warning_kom { 
		background-color: #FFCC99;
		display: block;
		color: black;
		height: 75px;
		width: 650px;
		border: #FF9966 1px solid; /*none;*/
		font-size: 9pt;
		margin-bottom: 20px;
		padding: 10px;
		overflow: auto;
	}
	#content #ok_kom { 
		background-color: #cfffcf;
		display: block;
		color: black;
		height: 75px;
		width: 650px;
		border: #00CC99 1px solid; /*none;*/
		font-size: 9pt;
		margin-bottom: 20px;
		padding: 10px;
		overflow: auto;
	}
	
	#content #zmiany	{
		background-color: #f0f0f0;
		border: solid 1px #c0c0c0;
		font-family: arial;
		font-size: 8pt;
	}
	#content #zmiany	th { font-weight: bold; padding: 7px; border: solid 1px #c0c0c0; margin: 0px; background-color: #c0c0c0; }
	#content #zmiany	tr.jasny td { background-color: white; }
	/*#content #zmiany	tr.ciemny td { background-color: #c0c0c0; }*/
	#content #zmiany	td { text-align: center; padding: 7px; border: solid 1px #c0c0c0; margin: 0px; }
	#content #zmiany	td.lewo { text-align: left; }
	
	#content p.textinfo { border: 0px; color: #a0a0a0; text-align: right; font-family: arial; font-size: 8pt; display: block; margin: 0px; padding: 0px; }
	#content p.textinfo_red { border: 0px; color: red; text-align: right; font-family: arial; font-size: 8pt; display: block; margin: 0px; padding: 0px; }
	
	/*#footer	{ position: absolute; bottom: 5px; left: 5px; }*/
	#footer	{ padding-left: 5px; }
	
	a.download		{ display: block; background: url(grafika/dot.png) no-repeat left center; padding-left: 15px; }
	.download img	{ border: none; padding-left: 5px; vertical-align: text-bottom; }
	ol.lista	li		{ padding-bottom: 1em; }
	ul.lista	li		{ padding-bottom: 1em; }
	ul.lista2		{ list-style: url(grafika/dot_gray.png) disc; }
	ul.lista2 li		{ padding-bottom: 1em; }
	div.separator	{ height: 10px; border-bottom: 1px dashed #0a0a0a; margin-bottom: 10px; }

	#content #formularz table.zalaczniki td { padding: 5px; font-family: Arial; font-size: 10pt; color: black; }
	#content #formularz table.zalaczniki tr.jasny td { background-color: white; }
	#content #formularz table.zalaczniki tr.ciemny td { background-color: #f0f0f0; }
	
/*  popup   */
	#layer1 {
		position: absolute;
		display: block;
		visibility: hidden;
		width: 600px;
		height: 250px;
		left: 20px;
		top: 50px;
		background-color: #f0f0f0;
		border: 1px solid #d0d0d0;
		padding: 15px;
		color: white;
		background-color: red;
	}
	#layer1 a { color: white; text-decoration: none; }
	#layer1 a:hover { color: yellow; text-decoration: none; }

	#close {
		float: right;
	}