body, html { margin: 0px; padding: 0px; overflow: auto; }
body  { background-color: #8a8988; margin: 0 auto; background-color: #8a8988;
		font-family: Verdana; color: #fff; font-size: 12px; line-height: 16px; text-align: left;}

#overall_shadow {width: 1060px; height: 732px; margin: 0 auto; background-image: url(img/shadow.png); margin-top: 30px; padding-top: 30px;}
#overall {width: 1000px; height: 701px; margin: 0 auto; background-color: #fff;}
	#header {height: 50px; width: 1000px; background-image: url('img/header.jpg'); background-repeat: no-repeat;  z-index: 150;}
		ul.menu, ul.menu li.menu { display: block; list-style: none; margin: 0; padding: 0; height: 43px;  z-index: 150;}
		ul.menu { float: left;  z-index: 150;}
		ul.menu li.menu {float: left; padding: 20px 37px 0 37px; background-image: url("img/line.jpg");
			background-repeat: no-repeat; background-position: top right; cursor: pointer;  z-index: 150;}
		img.menu { z-index: 150;}
	#content {width: 1000px; height: 593px; padding-top: 7px;
		background-image: url(img/linia_gora.jpg); background-position: top center; background-repeat:no-repeat;
		position:relative;}
		#text {width: 780px; float: left; display: inline; background-image: url('img/bg-fot.jpg');
			background-repeat: no-repeat; height: 593px; }
			#brown {background-image: url('img/brown-bg.png'); background-repeat: repeat; margin-top: 10px;
				height: 593px; position:relative;  z-index: 500;}
			#brown #padding { padding: 10px 10px 10px 10px; }
			.cat_name {text-transform: uppercase; font-weight: bold; font-size: 14px;}
			#brown_line {background-color: #b3b1af; width: 340px ; margin-left: -30px; height: 1px; margin-top: 10px; margin-bottom: 10px;}
			#suwak {background-image: url('img/suwak.png'); 
					width: 39px; height: 25px; background-repeat: no-repeat; position: absolute; z-index: 1000;}
			#suwak_strefa {background-image: url('img/suwak_strefa.png'); 
					width: 139px; height: 25px; background-repeat: no-repeat; position: relative; z-index: 1000;}
					
			/* Strefa klienta */
			#klient_up, #klient, #klient_down {text-align: center; padding-top: 20px; text-transform: uppercase; cursor: pointer;}
			
			#klient_up {background-image: url('img/klient_up.png'); width: 148px; height: 56px; letter-spacing: 2px;}
			#klient {background-image: url('img/klient.png'); width: 148px; height: 52px; letter-spacing: 2px;}
			#klient_down {background-image: url('img/klient_down.png'); width: 148px; height: 70px; padding-top:15px;  letter-spacing: 2px;}
			
			#klient_up:hover {background-image: url('img/klient_up_hover.png');}
			#klient:hover {background-image: url('img/klient_hover.png');}
			#klient_down:hover {background-image: url('img/klient_down_hover.png');}
			
			#logowanie {background-image: url(img/logowanie/bg.png); height: 392px; width: 462px; z-index: 10000;}
			.input {width: 329px; height: 23px; background-image: url('img/logowanie/input.png');
				background-color: transparent; border: 0px; padding: 15px; font-size: 18px;}
			.submit {width: 161px; height: 29px; background-image: url('img/logowanie/submit.png');
				background-color: transparent; border: 0px;  margin-left: 100px; cursor: pointer;}
			
		#news{float:right; width: 217px; color: #fff; text-align: center; height: 593px; }

		/* slideshow */
		#box_slide {position:absolute; }
		#box_slide div.slideshow {width: 810px; height:593px; float:left;  position:relative;}
		.mask { width:810px; height:603px; overflow:hidden; position: absolute; top: -3px; left: 0px;}
	
	#dol {background-image: url(img/linia_dol.jpg); width: 1000px; height: 7px;}
	#footer {clear: both; width: 1000px; height: 38px; background-image: url('img/footer.jpg');
		background-repeat: no-repeat; padding-top: 8px;}
		ul.foot, ul.foot li.foot {display: block; list-style: none; margin: 0; padding: 0; height: 30px;}
		li.foot img { margin-top: 6px; }
		ul.foot { float: left; }
		ul.foot li.foot {float: left; background-image: url("img/line_foot.jpg");
			background-repeat: no-repeat; background-position: top right; margin-top: -8px; height: 30px;
			padding: 15px 39px 0 39px;}
	
	/*.intro {display: inline; padding: 0 9px 0 0; vertical-align: top;
			text-align: center; opacity: 0; filter: alpha(opacity = 0); background-color: transparent;}
	.intro span{display:inline-block;}*/

/* Style */
a {color: #fff;}
a:hover {text-decoration: underline;}
.upper {text-transform: uppercase;}
.bold {font-weight: bold;}
.date {font-size: 10px;}
.img {border: 1px solid #fff; padding: 4px; }
.contact {background-color: #d1d1d1; width: 170px; font-family: Verdana; border:0; color: #000;
	font-size: 12px; padding:2px;}
textarea { overflow: auto; }

#background {
	background: url(./img/intro/grn.png) no-repeat;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	/*z-index: 100;*/
	background-position: top right;
	opacity: 0; filter: alpha(opacity = 0);
}

#midground {
	background: url(./img/intro/grn.png) no-repeat;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	/*z-index: 100;*/
	opacity: 0; filter: alpha(opacity = 0);
}