html, body {
	margin: 0;
	padding: 0; }

body {
	font-size: 12px;
	color: #BCCFDD;
	font-family: Arial;
	background: #000000; }

div, p, ul, h1, h2, h3, h4, h5, h6, img, form, input {
	margin:0px;
	padding:0px; }

img, input, textarea { border: 0px; }

textarea, input, select {
	font-size: 11px;
	font-family: Arial; }

a { text-decoration: none; }

.c { clear: both; }

ul, ul li { list-style: none; }

#body1 { background: url("images/body1.jpg") no-repeat 50% 150px;}

#top {
	margin: 0 auto 0 auto;
	width: 994px;
	height: 150px;
	overflow: hidden; }

#menu {
	margin: 0 auto 0 auto;
	width: 904px;
	padding: 25px 0 0 90px;
	height: 104px; }

	#menu a {
		float: left;
		margin-right: 24px; }

#prz {
	margin: 0 auto 0 auto;
	width: 502px;
	padding: 0 0 0 492px;
	height: 121px; }

	#prz img { float: left; }

#content {
	background: url("images/content.jpg") no-repeat 50% 101px;
	clear: both; }

#content1 {
	margin: 0 auto 0 auto;
	width: 994px; }

.col1 {
	position: relative;
	width: 288px;
	float: left;
	padding: 63px 0 0 0;
	margin-top: 130px;
	text-align: right; }

.kropki {
	position: absolute;
	top: 20px;
	left: 52px; }

	.kropki img {
		float: left;
		margin-right: 5px; }

.col1a {
	position: absolute;
	top: 0;
	left: 185px; }

.col1 h1 {
	font-size: 16px;
	font-weight: normal;
	color: #2FA0F0;
	padding-bottom: 17px; }

.col1 p {
	width: 234px;
	padding: 0 0 17px 52px; }

.col1 a { color: #2FA0F0; }

#col2 {
	position: relative;
	width: 360px;
	float: left;
	padding: 94px 0 0 59px; }

#col2a {
	position: absolute;
	top: 28px;
	left: 119px; }

#col2 p {
	width: 299px;
	padding: 0 0 26px 0; }

.krok1 {
	width: 66px;
	height: 18px;
	float: left;
	text-align: center;
	padding-top: 3px;
	background: url("images/krok.gif") no-repeat;
	margin-right: 12px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold; }

	.krok1 a {
		color: #ffffff;
		font-size: 11px;
		font-weight: bold; }

.krok2 {
	width: 66px;
	height: 18px;
	float: left;
	text-align: center;
	padding-top: 3px;
	background: url("images/krok2.gif") no-repeat;
	margin-right: 12px;
	color: #2FA0F0;
	font-size: 11px; }

	.krok2 a {
		color: #2FA0F0;
		font-size: 11px; }

#hr {
	margin: 9px 0 6px 36px;
	float: left; }

#col2 ul li {
	float: left;
	width: 270px;
	height: 20px;
	padding: 5px 0 0 31px;
	margin-top: 5px; }

.li1 { background: url("images/li1.gif") no-repeat 7px 5px; }

	.li1 a { color: #FFFFFF; }

.li2 { background: url("images/li2.gif") no-repeat; }

	.li2 a { color: #2FA0F0; }

#hr2 {
	margin: 13px 0 0 47px;
	float: left; }

#next {
	margin: 16px 0 0 117px;
	float: left; }

.col3 {
	position: relative;
	width: 270px;
	float: left;
	padding: 63px 0 0 0;
	margin-top: 130px; }

.kropki1 {
	position: absolute;
	top: 20px;
	left: 150px; }

	.kropki1 img {
		float: left;
		margin-right: 5px; }

.col3a {
	position: absolute;
	top: 0;
	left: 0; }

.col3 h1 {
	font-size: 16px;
	padding-bottom: 17px;
	font-weight: normal; }

	.col3 h1 a { color: #2FA0F0; }

.col3 ul { padding: 8px 0 17px 0; }

.col3 a { color: #2FA0F0; }

#foot {
	margin: 0 auto 0 auto;
	width: 866px;
	height: 110px;
	background: url("images/foot.gif") no-repeat;
	text-align: center;
	clear: both; }

	#foot ul {
		height: 26px;
		padding: 15px 0 0 133px;
		background: url("images/foot.gif") no-repeat 0 100%; }

		#foot ul li {
			float: left;
			font-size: 10px;
			padding: 0 12px 0 12px; }

			#foot ul li a { color: #BAC7D1; }

				#foot ul li a:hover { color: #2FA0F0; }

	#foot p {
		text-align: center;
		padding-top: 16px;
		font-size: 10px;
		color: #6E7F8B; }

#body2 { background: url("images/body2.jpg") no-repeat 50% 150px; }

#menu1 {
	margin: 0 auto 0 auto;
	width: 904px;
	padding: 25px 0 0 90px;
	height: 97px; }

	#menu1 a {
		float: left;
		margin-right: 24px; }

#prz1 {
	margin: 0 auto 0 auto;
	width: 523px;
	padding: 0 0 0 471px;
	height: 56px;
	overflow: hidden; }

#content2 {
	background: url("images/content2.jpg") no-repeat 50% 73px;
	padding-bottom: 40px;
	clear: both; }

#content2a {
	margin: 0 auto 0 auto;
	width: 960px; }

#colp1 {
	position: relative;
	width: 361px;
	float: left;
	padding: 67px 0 0 15px; }

#colp1a {
	position: absolute;
	top: 0;
	left: 30px; }

#colp1 p {
	width: 299px;
	padding: 0 0 26px 15px; }

#colp1 ul li {
	float: left;
	width: 270px;
	height: 20px;
	padding: 5px 0 0 31px;
	margin-top: 5px; }

#colp2 {
	position: relative;
	width: 525px;
	float: left;
	padding: 166px 0 0 0; }

#colp2a {
	position: absolute;
	top: 102px;
	left: 0; }

#colp2 h1 {
	font-size: 16px;
	color: #2FA0F0; }

	#colp2 h1 a { color: #2FA0F0; }
	
	#colp2 li a { color: #2FA0F0; font-weight: bold; }		

#colp2 h2 {
	font-size: 12px;
	padding-bottom: 7px;
	color: #FFFFFF; }

	#colp2 h2 a { color: #2FA0F0; }

.oferujemy {
	padding-top: 14px;
	clear: both; }

	.oferujemy li {
		float: left;
		width: 492px;
		padding: 7px 0 0 23px;
		background: url("images/li.gif") no-repeat 15px 13px; }

#colp2 h3 {
	font-size: 16px;
	padding: 25px 0 0 0;
	color: #FFFFFF;
	font-weight: normal;
	clear: both; }

	#colp2 h3 a { color: #2FA0F0; }

.etapy li {
	float: left;
	width: 461px;
	padding: 2px 0 3px 36px;
	background: url("images/e.jpg") no-repeat 7px 0;
	position: relative;
	margin-top: 10px; }

	.etapy li b {
		position: absolute;
		top: 2px;
		left: 14px;
		color: #FFFFFF; }

ul.etapy {
	margin: 25px 0 0 0;
	clear: both; }

.etapy1 li {
	width: 461px;
	padding: 2px 0 3px 36px;
	background: url("images/e.jpg") no-repeat 7px 0;
	position: relative;
	margin-top: 10px; }

	.etapy1 li b {
		position: absolute;
		top: 2px;
		left: 14px;
		color: #FFFFFF; }

ul.etapy1 {
	margin: 0 0 15px 0;
	clear: both;
	background: url("images/hr2.jpg") no-repeat 45% 100%;
	padding: 4px 0 20px 0; }

#colp2 p {
	padding: 0px 0 5px 0;
	clear: both; }

	#colp2 p a { color: #2FA0F0; }

#kontakt {
	position: relative;
	padding: 10px 0 0 50px; }

	#kontakt td {
		width: 185px;
		height: 20px;
		color: #2FA0F0;
		font-size: 11px; }

	#kontakt input {
		width: 320px;
		height: 14px;
		padding: 1px 0 1px 4px;
		border: 1px solid #2FA0F0;
		background: #EFF6FB;
		margin-bottom: 8px; }

	#kontakt textarea {
		width: 320px;
		height: 146px;
		padding: 3px 0 0 4px;
		border: 1px solid #2FA0F0;
		background: #EFF6FB;
		margin-bottom: 8px; }

	#kontakt b {
		font-weight: normal;
		color: #2FA0F0; }

#kontakt1 {
	padding: 0 0 0 125px;
	height: 70px; }

#kontakt2 b {
	color: #2FA0F0;
	font-weight: normal; }

#skroty {
	padding: 50px 0 0 0;
	background: url("images/hr2.jpg") no-repeat 0 38px; }

	#skroty h2 a {
		font-weight: normal;
		background: url("images/sk.gif") no-repeat 0 6px;
		float: left;
		width: 531px;
		padding-left: 14px; }

#czym_sie_zajmujemy {
	position: relative;
	width: 270px;
	float: left;
	padding: 193px 0 0 0; }

#zdb img { }

.zd1 {
	clear: both;
	padding-top: 9px; }

	.zd1 div {
		width: 160px;
		height: 100px;
		background-position:
		top center;
		float: left;
		margin-right: 8px;
		cursor: pointer; }

	.zd1 span {
		float: left;
		margin-left: -10px; }


#ostatnie_realizacje	{
position: relative;	width: 270px;	float: left; padding: 193px 0 0 0;
}
iframe {
_margin-left:-29px; background-color: transparent;
}
.port {
	width: 240px;
	height: 150px;
	overflow: hidden;
}