/* ----- common ----- */
* {
   padding:0;
   margin:0;
}
html, body {
	height: 100%;

}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#3e3e3e;
	background: #000;
}

a:link, a:visited{
	color:#9a3600;
	text-decoration:none;
}
a:hover{
	color: #B94100;
	text-decoration:underline;
}
a span {
	cursor: pointer;
}

strong {
	color:#003C03;
}

h1 {
	color:#000;
	margin-bottom: 1em;
	font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	background: #e4f3e0 url(../images/cz_10.jpg) no-repeat left top;
	border-bottom: 1px solid #b9d3b0;
	padding: 7px 50px 6px;
}

h2 {
	font-size:1.2em;
	font-weight: bold;
	color:#006f08;
	background: url(../images/cz_19.gif) no-repeat 6px 18px;
	border-bottom: 1px solid #93b587;
	overflow: hidden;
	position: relative; /* overflow: hidden w ie6 zaczyna dzialac */
	margin-bottom: 15px;
	padding: 15px 0px 5px 30px;
	clear:both;
}
h2.none { clear:none;}
h3 {
	font-size:1.1em;
	font-weight: bold;
	color:#000;
	margin-bottom: 1em;
}
img{
	border:0;
}
p{
	margin-bottom:1em;
}

.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.hide {display: none;}


/* ----- accessibility ----- */
#skipToNav {position: absolute; left: -9999px; font-size: small;}
#skipToNav a:hover {color: #f00;}
#skipToNav a:focus {display: block; position: absolute; top: -120px; left: 9990px; font-size: large; background: #fff; border: solid 2px #1B6BD8; padding: 10px; width: 15em; z-index: 1;}


/* ----- wrappers ----- */
#wrapper{
	width:960px;
	margin:0 auto;
	background-color:#000;
}
	#wrapper2{
		width:960px;
		background: #000 url(../images/cz_15.jpg) repeat-x 0px 49px;
		padding-bottom: 20px;
	}
		#wrapper_left_margin{
			width:960px;
			background: url(../images/cz_08.jpg) no-repeat left top;
		}
			#wrapper_right_margin{
				width:960px;
				background: url(../images/cz_12.jpg) no-repeat right top;
			}
				#wrapper3{
					width:942px;
					margin:0 auto;
					background: #9bbf8e url(../images/cz_30.gif) repeat-y left top;
				}
					#wrapper3_bottom_margin{
						width:942px;
						clear: both;
						background: url(../images/cz_32.png) no-repeat left bottom;
						height: 12px;
					}

/* ----- header ----- */
#header{
	width:960px;
	height:271px;
	background: url(../images/cz_07.jpg) no-repeat right bottom;
}
	#top_header{
		width:960px;
		height:87px;
		background: url(../images/cz_02.jpg) no-repeat right top;
	}
		#logo {
			width:267px;
			height:87px;
			margin-left: 123px;
			background: url(../images/logo.jpg) no-repeat right 0px;
		}
			#logo a{
			width:267px;
			height:87px;
			display: block;
			}

/* ----- content ----- */
#main{
	width: 680px;
	float: right;
	display:inline;
	line-height:1.8em;
	margin-right: 11px;
}
	#page {
		padding: 5px 50px 35px;
		text-align: justify;
	}
		#page ul {
			margin-bottom:1em;
			padding-left: 19px;
		}

		#page li{
			 padding-left:4px;	
		}
		#page .image_right {
			border:1px solid #94B086;
			margin:10px 0px 5px 30px;
			float: right;
			background: #ebf6e8;
			padding: 5px;
		}
		#page .image{
			border:1px solid #94B086;
			margin:10px 0px 5px 0px;
			float: right;
			background: #ebf6e8;
			padding: 5px;
		}
		#page .imagebox_left {
	width: 170px;
	border:1px solid #94B086;
	float: left;
	background: #ebf6e8;
	padding: 6px;
	margin: 7px 13px 7px 0px;
		}
		#page .imagebox_left_last {
	width: 170px;
	border:1px solid #94B086;
	float: left;
	background: #ebf6e8;
	padding: 6px;
	margin: 7px 0px;
		}
		#page .imagebox_left a, #page .imagebox_left_last a{
	width: 170px;
	display: block;
	text-align: center;
		}
		#page .imagebox_left img, #page .imagebox_left_last img{
	margin-bottom: 4px;
		}


/* footer */


#footer{
	text-align:center;
	color: #cde7c4;
}
	#footer span{
		padding:0px 20px 12px;
		background: url(../images/green_pixel.gif) repeat-x left bottom;
		line-height: 4em;
	}
	#footer a{
		color:#EAF376;
		text-decoration:none;
		font-weight:normal;
	}
	#footer a:hover{
	text-decoration:underline;
		color:#F2F8AD;
	}

/* ----- menu ----- */
#menu{
	width:230px;
	float:left;
	padding: 0px 0px 0px 11px;
	background: url(../images/cz_27.png) no-repeat 54px 190px;
	min-height: 410px;
	_height: 410px;
}

	#menu ul {
 		list-style: none;
 		margin: 0;
 		padding: 0;
		width: 230px;
	}
		#menu ul li{
			display:block;
		}
		#menu ul li span{
			display:block;
			padding: 16px 20px 15px;
			width: 190px;
			background: #1e7200 url(../images/cz_23.gif) repeat-x left bottom;
			text-align: center;
			text-transform: uppercase;
			color: #FFF;
			font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		#menu ul a:link, #menu ul a:visited{
			display:block;
			padding: 16px 20px 15px;
			width: 190px;
			background: #4b8138 url(../images/cz_23.gif) repeat-x left bottom;
			text-align: center;
			text-transform: uppercase;
			color: #FFF;
			font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		#menu ul a:hover{
			background: #1e7200 url(../images/cz_23.gif) repeat-x left bottom;
			color: #d2fe65;
			text-decoration: none;
		}
		#menu ul li ul span{
				padding: 11px 20px 10px;
				font-size: 0.9em;
				font-weight: normal;
				background: #1e7200 url(../images/cz2_23.gif) repeat-x left bottom;
			}
			#menu ul li ul a:link, #menu ul li ul a:visited{
				padding: 11px 20px 10px;
				font-size: 0.9em;
				font-weight: normal;
				background: #689A50 url(../images/cz2_23.gif) repeat-x left bottom;
			}
			#menu ul li ul a:hover{
				background: #1e7200 url(../images/cz2_23.gif) repeat-x left bottom;
				color: #d2fe65;
				text-decoration: none;
			}