/* CSS Document */

body {
	margin: 0 0 0 0;
	padding: 0;
	background: #000000 url(images/img1.gif) repeat-x;
	font: normal small Arial, Helvetica, sans-serif;
	color: #3399FF;
}
/*style dla textu H*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #3399FF;
}
p, ul, ol, blockquote {
	margin-top: 0;
	line-height: 160%;
}
/*text*/
a {
	text-decoration: none;
	color: #3399FF;
}
a:hover {
	text-decoration: underline;
}
#content {
	width: 900px;
	margin: 0 auto;
}
/* Menu */

#menu {
	width: 900px;
	height: 60px;
	margin: 0 auto;
}
/*pierwszy button*/
#menu1 {
  	position: absolute;
	top: 50px;
	left: 500px;
	float: right;
}
#menu1 ul {
	position: absolute;
	margin: 650;
	padding: 50;
	list-style: none;
	line-height: normal;
}
#menu1 li {
	display: inline;
}
#menu1 a {
	display: block;
	float: center;
	width: 171px;
	height: 60px;
	padding: 0 0 0 0;
	background: url(images/menu1.gif) no-repeat center center;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: x-small;
	font-weight: bold;
	color: #3399FF;
}
#menu1 a:hover, #menu1 .active a {
	background-image: url(images/menu2_01.gif);
	color: #FFFFFF;
}
/*drugi button*/
#menu2 {
  	position: absolute;
	top: 50px;
	left: 671px;
	float: right;
}
#menu2 ul {
	position: absolute;
	margin: 650;
	padding: 50;
	list-style: none;
	line-height: normal;
}
#menu2 li {
	display: inline;
}
#menu2 a {
	display: block;
	float: center;
	width: 171px;
	height: 60px;
	padding: 0 0 0 0;
	background: url(images/menu2.gif) no-repeat center center;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: x-small;
	font-weight: bold;
	color: #3399FF;
}
#menu2 a:hover, #menu2 .active a {
	background-image: url(images/menu2_02.gif);
	color: #FFFFFF;
}
/*trzeci button*/
#menu3 {
  	position: absolute;
	top: 50px;
	left: 842px;
	float: right;
}
#menu3 ul {
	position: absolute;
	margin: 650;
	padding: 50;
	list-style: none;
	line-height: normal;
}
#menu3 li {
	display: inline;
}
#menu3 a {
	display: block;
	float: center;
	width: 171px;
	height: 60px;
	padding: 0 0 0 0;
	background: url(images/menu3.gif) no-repeat center center;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: x-small;
	font-weight: bold;
	color: #3399FF;
}
#menu3 a:hover, #menu3 .active a {
	background-image: url(images/menu2_03.gif);
	color: #FFFFFF;
}
/*czwarty button*/
#menu4 {
  	position: absolute;
	top: 50px;
	left: 1013px;
	float: right;
}
#menu4 ul {
	position: absolute;
	margin: 650;
	padding: 50;
	list-style: none;
	line-height: normal;
}
#menu4 li {
	display: inline;
}
#menu4 a {
	display: block;
	float: center;
	width: 171px;
	height: 60px;
	padding: 0 0 0 0;
	background: url(images/menu4.gif) no-repeat center center;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: x-small;
	font-weight: bold;
	color: #3399FF;
}
#menu4 a:hover, #menu4 .active a {
	background-image: url(images/menu2_04.gif);
	color: #FFFFFF;
}

#colOne {
	float: left;
	width: 450px;
	margin: 0 auto;
}
#colTwo {
	position: absolute;
	top: 220px;
	left: 650px;
	float: right;
}
#colTwo {
	float: center;
	width: 450px;
	padding: 0 20px;
}

#colTwo2 {
	position: absolute;
	top: 225px;
	left: 450px;
	float: right;
}
#colTwo2 {
	float: center;
	width: 897px;
	padding: 0 20px;
}