/*
#content
	[1]#top
		[1.1]#logo
		[1.2]#menu
			[1.2.1].activ
	[2]#center
		[2.1]#left
			[2.2] a img <- *****loga ****** ->
		[2.2]#box
			[2.2.1]#nacl
			[2.2.1].text
		[2.3]#right
			[2.3.1].act
	[3]#footer
*/
* {
	margin: 0;
	padding: 0;
}
body {
  	font-family: "arial";
	font-size: 14px;
	background-color: #000;
	background-image: url('img/bg.jpg');
	color:#fff;
	height:100%;
}

img{border:none;}
/*------------------ content --------------------------*/
#content{
	padding: 0px;
	background: url('img/top.jpg') no-repeat;
}
/*------------------ top --------------------------*/
#top{
	height:262px;
	clear:both;
}
	#logo{
		width:270px;
		float:left;
		padding:60px 0 70px 68px;
	}
	#logo img{border:0px;}
	#kontener{
		width:100%;
		height:58px;
		float:left;
		background-color:#4c4c4c;
	}
	#menu{
		margin:0px auto;
		padding:0px;
		width:670px;
		text-decoration:none;

	}
	#menu a{
		display:block;
		height:47px;
		width:120px;
		color:#D86038;
		float:left;
		padding:10px 0px 0px 0px;
		margin-left:8px;
		text-align:left;
		text-decoration:none;
		font-weight:bolder;
	}
	#menu a.activ,#menu a:hover{
		height:37px;
		border-bottom:10px solid #666666;
	}
	#menu a span{
		color:#f2f2f2;
		display:block;
		padding-left:15px;
	}
	#menu #cyfrowy{
		float:right;
		padding:30px 35px 0 0;
		width:193px;
		font-weight:lighter;
		color:#7f7f7f;
	}
/*-------------------- center ---------------------------*/
#center{
	clear:both;
	height:100%;
	margin:0 auto;
	width:1100px;
}
	#left{
		width:270px;
		float:left;
		padding-top:80px;
	}
		#left a img{
			padding:40px 30px 0px 100px;
		}
	#box{
		width:493px;
		border-left:1px solid #4c4c4c;
		border-right:1px solid #4c4c4c;
		float:left;
		padding:20px;
	}
		#box h1{
			color:#FF6633;
			font-size:55px;
			height:90px;

			width:330px;
			float:left;
		}
		#box a{
			color:#FF6633;
		}
		#box p#nacl{
			color:#FF6633;
			float:left;
			font-size:19px;
			font-weight:bolder;
			padding:10px;
			width:141px;
		}
		#box p.text{
			padding:20px;
			color:#ff6633;

		}
	#right{
		float:left;
		width:257px;
		padding-top:100px;
	}
		#right a{
			color:#e9e8e9;
			height:30px;
			display:block;
			float:left;
			clear:both;
			text-decoration:none;
		}
		#right a:hover{
			background-image: url('img/bg.jpg');
			padding:2px 2px 2px 2px;
			border-top:1px solid #4c4c4c;
			border-right:1px solid #4c4c4c;
			border-bottom:1px solid #4c4c4c;
			margin-left:-2px;
			display:block;
			height:23px;
			width:205px;
		}
		#right a.act{
			background-image: url('img/bg.jpg');
			padding:2px 2px 2px 1px;
			border-top:1px solid #4c4c4c;
			border-right:1px solid #4c4c4c;
			border-bottom:1px solid #4c4c4c;
			margin-left:-2px;
			display:block;
			height:23px;
			width:205px;
		}
		#right a span{
			display:block;
			height:18px;
			width:185px;
			padding:6px 9px;
		}
		#right a:hover span{
			background-color:#4c4c4c;
			display:block;
			height:21px;
			width:185px;
			padding:2px 10px 0px;
		}
		#right a.act span{
			background-color:#4c4c4c;
			display:block;
			height:21px;
			width:185px;
			padding:2px 10px 0px;
		}

/*------------------- footer -------------------*/
#footer{
	background-color:#000;
	clear:both;
	height:25px;
	padding-top:7px;
}
	#fo{
		width:6px;
		height:20px;
		background-color:#ff6633;
		float:left;
	}
	#footer span{
		display:block;
		float:left;
		color:#666666;
		padding-left:10px;
		font-size:10px;
	}
	#footer span a{
		color:#666666;
	}
.clear{
	line-height:1pt;
	clear:both;
}