@media screen, projection {
* { padding:0; margin:0; }
fieldset, img { border:0; }
label, a { cursor:pointer; }
body, textarea, input, table, select { font-size:100%; font-family:Arial, Helvetica, sans-serif; }
option { padding:0 .2em; }
.before, .after { line-height:0; }
.before img, .after img { margin:0 !important; }

ul, ol, dd { margin-left:2em; }
h1, h2, h3, h4, h5, h6 { font-size:1em; margin:1em 0; }
p { margin-bottom:1em; }
div {margin: 0; padding: 0;}

a { color:#2b5234; text-decoration:none; }
a:focus, a:hover { text-decoration:underline; }

.back, #WAI, hr, #menu ul li span, #page .text a.more span, #page2 .article a.more span { position:absolute; top:0; left:-1000em; }

/* lay */

html, body { height:100%; width:100%; }

body {
	background-color: #f2f1df;
}

* html #start {

}

#whitebody {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background: #ffffff url(img/tlo.gif) repeat-x;
	height: 88px;
}

#menubody {
	position: absolute;
	left:0px;
	top: 89px;
	width: 100%;
	background: url(img/menu_background.gif) 0 -2px repeat-x;
	border-top: 1px solid #2b5234;
	height: 33px;
}

#start {
	width:745px;
	padding:0 23px;
	position:relative;
	z-index:0;
	margin:0 auto;
	font-size:0.7em;
}

#top {
	position: relative;
	width: 745px;
	height: 90px;	
	font-size:0;
	margin: 0;
	padding: 0;
}

	#top img {
		border: 0;
		margin: 0;
		padding: 0;
	}

#menu {
	width: 745px;
	height: 33px;
}

	#menu ul {
		position: relative;
		width: 736px;
		height: 33px;
		background: url(img/menu03.gif) 0 0px no-repeat;
		list-style: none;
		margin: 0;
		padding:0 0 0 20px;
		border:0;
	}
	
		#menu ul li {
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			border:0;
		}
		
		#menu ul li a#M1{
			display: block;
			background: url(img/menu01.gif) 0 -1px no-repeat;
			width: 47px;
			height: 33px;
		}
		
		#menu ul li a#M1.checked,			
		#menu ul li a#M1:hover{			
			background: url(img/menu02.gif) 0 -1px no-repeat;
		}
		
		#menu ul li a#M2{
			display: block;
			background: url(img/menu01.gif) -47px -1px no-repeat;
			width: 124px;
			height: 33px;
		}
		
		#menu ul li a#M2.checked,
		#menu ul li a#M2:hover{			
			background: url(img/menu02.gif) -47px -1px no-repeat;
		}
				
		#menu ul li a#M3{
			display: block;
			background: url(img/menu01.gif) -171px -1px no-repeat;
			width: 77px;
			height: 33px;
		}
		
		#menu ul li a#M3.checked,
		#menu ul li a#M3:hover{			
			background: url(img/menu02.gif) -171px -1px no-repeat;
		}
		
		#menu ul li a#M4{
			display: block;
			background: url(img/menu01.gif) -248px -1px no-repeat;
			width: 150px;
			height: 33px;
		}
		
		#menu ul li a#M4.checked,
		#menu ul li a#M4:hover{			
			background: url(img/menu02.gif) -248px -1px no-repeat;
		}
		
		#menu ul li a#M5{
			display: block;
			background: url(img/menu01.gif) -398px -1px no-repeat;
			width: 106px;
			height: 33px;
		}
		
		#menu ul li a#M5.checked,
		#menu ul li a#M5:hover{			
			background: url(img/menu02.gif) -398px -1px no-repeat;
		}
		
		#menu ul li a#M6{
			display: block;
			background: url(img/menu01.gif) -504px -1px no-repeat;
			width: 152px;
			height: 33px;
		}
		
		#menu ul li a#M6.checked,
		#menu ul li a#M6:hover{			
			background: url(img/menu02.gif) -504px -1px no-repeat;
		}
			
		#menu ul li a#M7{
			display: block;
			background: url(img/menu01.gif) -656px -1px no-repeat;
			width: 80px;
			height: 33px;
		}
		
		#menu ul li a#M7.checked,
		#menu ul li a#M7:hover{			
			background: url(img/menu02.gif) -656px -1px no-repeat;
		}
				
#content {
	width: 725px;
	position: relative;
	float: left;
	padding: 15px 10px 15px 10px;
}		

	#left {
		width: 228px;
		position: relative;
		float: left;		
	}

	#leftmenu {
		position: relative;
		width: 228px;
		background: url(img/srodek_modul.gif) repeat-y;
	}
	
		#leftmenu .top {
			width: 228px;
			height: 10px;
			background: #f2f1df url(img/top_modul.gif) no-repeat;
			font-size: 0;
		}
		
		#leftmenu .top2 {
			width: 228px;
			height: 10px;
			background: #f2f1df url(img/top_modul2.gif) no-repeat;
			font-size: 0;
		}
		
		#leftmenu .bottom {
			width: 228px;
			height: 11px;
			background: #f2f1df url(img/dol_modul.gif) no-repeat;
			font-size: 0;
		}
			
		#leftmenu h2 {
			color: #564127;
			margin: 0;
			padding: 0 0 0 28px;
			font-weight: bold;
			text-decoration: none;
		}
		
		#leftmenu h2 a {
			color: #564127;
			text-decoration: none;
		}
		
		#leftmenu h2 a:hover {
			color: #2b5234;
		}
			
		#leftmenu h3 {
			color: #991000;
			margin: 0;
			padding: 0 0 0 22px;
			font-weight: bold;
			font-size: 9pt;
			text-decoration: none;
		}
		
		#leftmenu h3 a {
			color: #991000;
			text-decoration: none;
		}
		
		#leftmenu h3 a:hover {
			color: #2b5234;
		}
		
		#leftmenu h4 {
			color: #816745;
			margin: 0;
			padding: 0 0 0 22px;
			font-weight: bold;
			text-decoration: none;
		}
		
		#leftmenu h4 a {
			color: #564127;
			text-decoration: none;
		}
		
		#leftmenu h4 a:hover {
			color: #2b5234;
		}
		
		#leftmenu h5 {
			color: #2b5234;
			margin: 0;
			text-align: center;
			font-weight: bold;
			text-decoration: none;
		}		
		
		#leftmenu .line {
			display: block;
			font-size: 0;
			width: 228px;
			height: 8px;
			background: url(img/kreska_modul.gif) 22px 4px no-repeat;
		}
				
		#leftmenu .line2 {
			display: block;
			font-size: 0;
			width: 228px;
			height: 4px;
			background: url(img/kreska_modul.gif) 22px 4px no-repeat;
		}
		
		#leftmenu ul {
			list-style: none;
			margin: 0;
			padding: 0 0 0 23px;
		}
		
			#leftmenu ul li {
				padding: 0 0 0 0px;											
			}
			
			#leftmenu ul li a {
				color: #564127;
				font-weight: bold;
				text-decoration: none;
			}
			
			#leftmenu ul li a.checked,
			#leftmenu ul li a:hover {
				color: #2b5234;				
			}
			
			#leftmenu ul li a span {
				background: url(img/arrow_modul.gif) 0 2px no-repeat;
				width: 15px;
				height: 11px;
				display: block;
				float: left;
				clear: none;
			}
			
				#leftmenu ul li ul {
					list-style: none;
					margin:0;
					padding: 3px 0px 3px 14px;				
					position: relative;
				}
				
					#leftmenu ul li ul li{
						background:url(img/arrow_modul2.gif) 0 2px no-repeat;
						padding: 0 0 0 14px;						
					}									
					
				    #leftmenu ul li ul li a {
				    color: #2b5234;
				    font-weight: bold;
				    text-decoration: none;
			        }
			
					#leftmenu ul li ul li a.checked,
					#leftmenu ul li ul li a{
						font-weight: normal;
					}
					#leftmenu ul li a:hover {
				        color: #991000;				
			}

	#leftmenu2 {
		position: relative;
		width: 228px;
		background: url(img/modul2left-srodek.gif) repeat-y;
	}
	
		#leftmenu2 .top {
			width: 228px;
			height: 10px;
			background: #f2f1df url(img/modul2left-top.gif) no-repeat;
			font-size: 0;
		}
			
		#leftmenu2 .bottom {
			width: 228px;
			height: 11px;
			background: #f2f1df url(img/modul2left-dol.gif) no-repeat;
			font-size: 0;
		}
			
		#leftmenu2 h5 {
			color: #2b5234;
			margin: 0;
			text-align: center;
			font-size: 9pt;
			font-weight: bold;
			text-decoration: none;
		}	
	
	.break {
		position: relative;
		width: 228px;
		height: 10px;
		margin:0;
		font-size: 0;
	}
	
	.banner {
		width: 228px;
		font-size:0;
		position: relative;
		padding: 10px 0 0 0;
	}
	
	.banner2 {
		width: 228px;
		font-size:0;
		position: relative;
		padding: 0px 0 0px 0;
		background: #ffffff url(img/back.jpg) repeat-y;
		text-align: center;
		height: 84px;
	}
	
		.banner2 .top {
			position: absolute;
			top: 0;
			left: 0;
			width: 228px;
			height: 10px;
			background: url(img/bottom.jpg) no-repeat;
		}
		
		.banner2 .bottom {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 228px;
			height: 9px;
			background: url(img/top.jpg) no-repeat;
		}		
		

	#page2 {
		position: relative;
		float: right;
		width: 446px;			
		padding: 12px 20px 10px 20px;
	}
	
	#page {
		position: relative;
		float: right;
		width: 486px;
		height: 359px;
		background: #f2f1df url(img/modul2-srodek.gif) repeat-y;			
	}
	
		#page .top {
			width: 486px;
			height: 10px;
			display: block;
			background: #f2f1df url(img/modul2-top.gif) no-repeat;
			font-size: 0;
		}
		
		#page .bottom {
			position: absolute;
			width: 486px;
			height: 18px;
			bottom: 0;
			left:0;
			display: block;
			background: url(img/modul2-dol.gif) 0 7px no-repeat;
			font-size: 0;
			float: left;
		}	
		
		#page .bussines,
		#page .welcome {
			padding: 9px 0 0 20px;
		}	
		
		#page2 .welcome {
			padding: 0 0 8px 0px;
		}
		
		#page .text {
			position: relative;
			float: left;
			padding: 6px 20px 0px 20px;
			width: 446px;			
			display: block;
		}
		
		#page .textwork {
			position: relative;
			float: left;
			padding: 6px 20px 0px 20px;
			width: 446px;			
			display: block;
		}
		
		#page h1 {
			color: #000000;
			margin: 0 0 0 20px;
			padding: 0 0 0 0px;
			font-weight: normal;
			font-size: 22pt;
			font-family: Tahoma;
			text-decoration: none;
		}
		
		#page2 h1 {
			color: #000000;
			margin: 0 0 0 0px;
			padding: 0 0 0 0px;
			font-weight: normal;
			font-size: 22pt;
			font-family: Tahoma;
			text-decoration: none;
		}
		
		#page2 h2 {
			color: #991000;
			margin: 0 0 0 0px;
			padding: 0 0 0 0px;
			font-weight:normal;
			font-size: 16pt;
			font-family: Tahoma;
			text-decoration:none;
		}
		
		#page2 h3 {
			color: #000000;
			margin: 0 0 0 0px;
			padding: 0 0 0 0px;
			font-weight: normal;
			font-size: 16pt;
			font-family: Tahoma;
			text-decoration: none;
		}
		
		#page2 h4 {
			color: #991000;
			margin: 0 0 0 0px;
			padding: 0 0 0 0px;
			font-weight: normal;
			font-size: 16pt;
			font-family: Tahoma;
			text-decoration: none;
		}
		
		#page2 h5 {
			color: #2b5234;
			margin: 0 0 0 0px;
			padding: 0 0 0 0px;
			font-weight: bold;
			font-size: 9pt;
			font-family: Arial;
			text-decoration: none;
		}		
		
			#page .space,
			#page2 space {
			font-size: 0;
			height: 9px;

		    }
				
			#page2 .text .left,
			#page2 .text .right,
			#page .text .left, 
			#page .text .right {
				position: relative;
				width: 215px;
			}
			
			.contacttable {
				position: relative;
				padding: 110px 0 0 80px;
			}
			
			#page2 .text .left, 
			#page .text .left {
				float: left;
			}
			
			#page2 .text .right,
			#page .text .right {
				float: right;
			}
			
			#page2 div.article a.mright {
				padding-top: 12px;
				background: url(img/arrow2_modul.gif) 0 14px no-repeat;
				float: right;
			}
			
			#page2 .article a.more,
			#page .text a.more {
				clear: both;
				display: block;
				padding: 4px 0 0 15px;
				background: url(img/arrow2_modul.gif) 0 6px no-repeat;
				color: #5a8263;
				text-decoration: none;				
			}
			
			#page2 .article a.more:hover,
			#page .text a.more:hover {
				text-decoration: underline;				
			}

			#page2 div.article a.mright2 {
				padding-top: 0px;
				background: url(img/arrow2_modul.gif) 2px no-repeat;
				float: right;
			}
		
			#page2 .article a.more2,
			#page .text a.more2 {
				clear: both;
				display: block;
				padding: 4px 0 0 15px;
				background: url(img/arrow2_modul.gif) 0 6px no-repeat;
				color: #5a8263;
				text-decoration: none;				
			}
			
			#page2 .article a.more2:hover,
			#page .text a.more2:hover {
				text-decoration: underline;				
			}	
			
			#page2 .article a.more3,
			#page .text a.more3 {
				clear: both;
				display: block;
				padding: 2px 0 0 25px;
				background: url(img/arrow2_modul.gif) 10px 6px no-repeat;
				font-size: 10pt;
				color: #5a8263;
				text-decoration: none;				
			}
			
			#page2 .article a.more3:hover,
			#page .text a.more3:hover {
				color: #991000;				
			}
			
			
			#page2 .article a.more4,
			#page .text a.more4 {
				clear: both;
				display: block;
				padding: 2px 0 0px 40px;
				background: url(img/arrow2_modul.gif) 20px 6px no-repeat;
				font-size: 11pt;
				color: #2b5234;
				text-decoration: none;				
			}
			
			#page2 .article a.more4:hover,
			#page .text a.more4:hover {
				color: #991000;				
			}
			
			#page .text span.bold {
				font-size: 11pt;
				color: #756858;
			}
			
			#page2 img {
				behavior:url(pngHack.htc);
			}
			
	#contentbackground {
		position: absolute;
		top: 123px;
		left: 0;
		width:100%;
		height: 221px;
		background: url(img/tlo-skrzydla.jpg) 50% 0 no-repeat;
	}
	
	.article {
		width: 446px;
		position: relative;
		padding: 20px 0 0 0;
	}
	
		.article .text {
			padding: 2px 0 2px 0; 
		}
			
		.article ul li {
 			color:#2b5234;
 			font-weight: bold;
		}
		
		.article ul li span {
 			color:black;
 			font-weight: normal; 			
		}		
		
		.article .space {
			font-size: 0;
			height: 6px;
		    }
		
		.article .spacemore4 {
			font-size: 0;
			height: 9px;
		    }
		
#footer2 {
	width: 100%;
	margin: 0 auto;
	height: 64px;
	background: url(img/footer.gif) no-repeat 50% 0;
	position: relative;	
	clear: both;
	z-index: 20;
}
	
			
#footer {
	width: 745px;
	margin: 0 auto;
	height: 64px;
	background: #4f7659 url(img/tlo-dol.png) no-repeat 0 0;
	position: relative;	
	clear: both;
	z-index: 20;
	font-size:0.7em;	
}

	#footer ul {
		list-style: none;
		position: absolute;
		display: block;
		top: 16px;
		left: 270px;
		margin: 0;
		padding: 0;
		z-index: 30;
	}
	
		#footer ul li {
			position: relative;
			float: left;
			padding: 0 7px;
			border-left: 1px solid #b9b88c;
			font-size: 0.8em;
		}
		
			#footer ul li.first {
				border-left: 0;
			}
		
		#footer ul li a {
			font-size: 1.2em;
			color: #b9b88c;
			text-decoration: underline;
		}
		
		#footer ul li a.checked,
		#footer ul li a:hover {
			color: #ffffff;
			text-decoration: underline;
		}
			
	#footer span {
		color: #96ad9b;
		position: absolute;
		display: block;
		top: 35px;
		left: 277px;
		z-index: 30;
	}
	
	#footer em{
		width: 130px;
		position: absolute;
		display: block;
		top: 35px;
		left: 620px;
		font-style: normal;
		color: #96ad9b;
		z-index: 30;
	}
	
	#footer em a{
		color: #96ad9b;
	}
	
	#footer em a:hover,
	#footer em a.checked {
		color: #ffffff;
		text-decoration: underline;
	}

.hidden {
	display:block;
}

.show {
	display:block;
}

.menubrake {
	font-size: 0;
	height: 10px;
}

.menubottombrake {
	font-size: 0;
	height: 5px;
}

#smallmenu {
	height: 21px;
	padding-top: 6px;
	border-bottom: 1px solid #c8c8c2;
	border-top: 1px solid #c8c8c2;
	width: 100%;
	color: #927e66;
	font-weight: bold;
}

	#smallmenu a {
		color: #927e66;		
		text-decoration: none;
		font-weight: bold;
	}
	
	#smallmenu a.checked,
	#smallmenu a:hover {
		color: #2b5234;
		text-decoration: none;
		font-weight: bold;
	}

#training {
	height: 3px;
	width: 100%;
	color: #927e66;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c8c8c2;
}

div.alignleft {
	padding-left: 20px;
}

div.mail span {
	position: absolute;
	left: 120px;
}

a.close {
	position: absolute;
	bottom: 28px;
	right: 55px;
	color: #5b8263;
	text-decoration: none;
	font-size: 0.7em;
}

a.close:hover {
	text-decoration: underline;
}

}