body {
	color: #000;
	margin: 0;	
	background: url(../images_zielony/stopka.jpg) #fff no-repeat bottom fixed;
	font: 12px Verdana, Arial, sans-serif;
	text-align: center;
}
div#container {
	width: 960px;
	margin: 0 auto;	 
}
* html div#logo {
	width: 955px;
	w\idth: 960px;
}
div#logo {
	height: 123px;
	width: 955px;
	margin: 0 auto;
	background:	#fff;
	padding-top: 0px;
	padding-right: 5px;	
}
div#sidebar {
	height: 32px;
	width: 960px;
	margin: 0 auto;
	margin-bottom: 3px;
	background: #fff;			
}
div#online {
	color: #000000;
	float: right;
	margin-right: 4px;
	font-size: 11px;
	text-align: right;
	padding-top: 2px;
}
div#lewaStrona {
	float: left;
	width: 615px;
}
div#prawaStrona {
	float: right;
	width: 345px;
}
div#calaStrona {	
	width: 960px;
	clear: both;
}
/* blok szary */
div#tresc {
	float: left;
	clear: both;
	margin-top: 25px;
	min-height: 300px auto;
	margin: 0 auto;		
	background: url(../images_zielony/ramki/globus.jpg) #f4f4f4 no-repeat top right;
	border: #cfcfcf 2px solid;
	border-bottom: 0;
	padding: 10px;
	padding-bottom: 0;
	width: 586px;
	text-align: justify;
	overflow: hidden; /* dzięki temu divy umieszczone w tym divie nie wystają poza blok */
}
* html div#tresc {
	width: 586px;
	w\idth: 606px;
}

div#trescDol {
	float: left;
	clear: both;
	height: 25px;
	width: 604px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 1px;
	padding-top: 0;	
	background: #f4f4f4;
	border: #cfcfcf 2px solid;
	border-top: 0;
	overflow: hidden;
}
* html div#trescDol {
	width: 604px;
	w\idth: 606px;			
}
div#trescNaglowek {
	font-weight: bold;
	font-size: 14px;
	font-family: Helvetica, Palatino, Arial;
	border-bottom: #e1e1e1 1px solid;
	margin-bottom: 3px;	
}

/* blok zielony */
div#tresc_zielony {
	float: left;
	clear: both;
	margin-top: 25px;
	min-height: 300px auto;
	margin: 0 auto;			
	background: url(../images_zielony/ramki/zarowka.jpg) #f1fedb no-repeat top right;	
	border: #99c700 2px solid;
	border-bottom: 0;
	padding: 10px;
	padding-bottom: 0;
	width: 586px;
	text-align: justify;
	overflow: hidden; /* dzięki temu divy umieszczone w tym divie nie wystają poza blok */
}
* html div#tresc_zielony {
	width: 586px;
	w\idth: 606px;
}

div#trescDol_zielony {
	float: left;
	clear: both;
	height: 25px;
	width: 604px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 1px;
	padding-top: 0;	
	background: #f1fedb;
	border: #99c700 2px solid;
	border-top: 0;
	overflow: hidden;
}
* html div#trescDol_zielony {
	width: 604px;
	w\idth: 606px;			
}
div#trescNaglowek_zielony {
	font-weight: bold;
	font-size: 14px;
	font-family: Helvetica, Palatino, Arial;
	border-bottom: #c5e26d 1px solid;
	margin-bottom: 3px;	
}
/* blok niebieski */
div#tresc_niebieski {
	float: left;
	clear: both;
	margin-top: 25px;
	min-height: 300px auto;
	margin: 0 auto;			
	background: url(../images_zielony/ramki/jojo.jpg) #ecf6fc no-repeat top right;	
	border: #acdaf4 2px solid;
	border-bottom: 0;
	padding: 10px;
	padding-bottom: 0;
	width: 586px;
	text-align: justify;
	overflow: hidden; /* dzięki temu divy umieszczone w tym divie nie wystają poza blok */
}
* html div#tresc_niebieski {
	width: 586px;
	w\idth: 606px;
}

div#trescDol_niebieski {
	float: left;
	clear: both;
	height: 25px;
	width: 604px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 1px;
	padding-top: 0;	
	background: #f1fedb;
	border: #acdaf4 2px solid;
	border-top: 0;
	overflow: hidden;
}
* html div#trescDol_niebieski {
	width: 604px;
	w\idth: 606px;			
}
div#trescNaglowek_niebieski {
	font-weight: bold;
	font-size: 14px;
	font-family: Helvetica, Palatino, Arial;
	border-bottom: #cce8f8 1px solid;
	margin-bottom: 3px;	
}
/* gradienty w blokach */
div#gradienty_zielony {
	background: url(../images_zielony/gradienty/zielony.png) repeat-x;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 25px;
}

div#gradienty_szary {
	background: url(../images_zielony/gradienty/szary.png) repeat-x;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 25px;
}

div#gradienty_niebieski {
	background: url(../images_zielony/gradienty/niebieski.png) repeat-x;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 25px;
}

/* blok niebieski */
div#blok {
	float: right;
	clear: both;
	margin-top: 25px;
	min-height: 300px auto;
	margin: 0 auto;			
	background: url(../images_zielony/ramki/jojo.jpg) #ecf6fc no-repeat top right;
	border: #acdaf4 2px solid;
	border-bottom: 0;
	padding: 10px;
	padding-bottom: 0;
	width: 316px;
	text-align: justify;
	overflow: hidden; /* dzięki temu divy umieszczone w tym divie nie wystają poza blok */
}
* html div#blok {
	width: 316px;
	w\idth: 334px;
	overflow: visible;
}

div#blok_dol {
	float: right;
	clear: both;
	height: 25px;
	width: 334px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 1px;
	padding-top: 0;	
	background: #ecf6fc;
	border: #acdaf4 2px solid;
	border-top: 0;
	overflow: hidden;
}
* html div#blok_dol {
	width: 334px;
	w\idth: 334px;
	overflow: visible;	
}

div#blokNaglowek {
	font-weight: bold;
	font-size: 14px;
	font-family: Helvetica, Palatino, Arial;
	border-bottom: #cce8f8 1px solid;
	margin-bottom: 3px;
}
* html div#blok_notka {
	width: 320px;
	w\idth: 340px;
	height: 288px; /* dodane 10px by w ie6 był odstęp od dolniego bloku */
}
div#blok_notka {
	width: 320px;
	height: 215px;
	margin: 0;	
	padding-top: 63px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background: url(../images_zielony/gif/notka.gif) no-repeat top;
	text-align: justify;	
	float: right;	
}
* html div#stopka {
	width: 940px;
	w\idth: 960px;			
}
div#stopka {
	width: 960px;
	text-align: left;	
	clear: both;	
	margin: 0 auto;
	margin-top: 10px;	
	/*background: url(../images_zielony/gif/stopka.png) no-repeat left top;*/		
	padding: 0px;
	padding-top: 5px;	
}
div#stopka_dol {	
	clear: both;
	background: #fff;
	color: #636363; /* kolor podaje zbliżony do białego ponieważ w operze gdy jest biały tekst to czasami znika on, jakis bug opery */
}
div#p_stopka {
	clear: both;
	width: 100%;	
	height: 160px;
	margin-top: 10px;
	background: #fff url(../images_zielony/gif/p_stopka.png) repeat-x top;
	filter: alpha(opacity=80);
	opacity: 0.8;	
}