html * { margin: 0; padding: 0; border: 0; }
body {
	font: normal 13px/16px Verdana, Arial, Sans-Serif;
	color: #000;
	padding-top: 4px;
	padding-bottom: 5px;
	width: 100%;
	margin: 0 auto;
	background:#ccc;
}
a {
	font-size: 100%;
	color: #e3edd2;
	text-decoration: none;
	}
a:hover {
	font-size: 100%;	
	color: #e3edd2;
	text-decoration: underline;
	}
img {
	border: 0;
}
#wrapper {	
	width: 800px;
	margin: 0 auto;
	/* background: transparent url(i/cien.gif) repeat-y right top; */
}
#wrapper div#top {
	width: 800px;
	height: 120px;
	float: left;
}
#top div#topLeft {
	width: 800px;
	background: #fff;
	float: left;
	height: 120px;
}
#topLeft div#leftTopLogo {
	float: left;
	width: 201px;
	height: 120px;
	}
#topLeft div#rightTopLogo {
	float: right;
	width: 599px;
	height: 120px;
	}
#top div#topRight {
	width: 600px;
	background: #444;
	float: right;
	height: 120px;
}
#wrapper div#nav {
	width: 800px;
	height: 30px;
	background: url(i/pasek.jpg) repeat-x left center;
	margin: 0 auto;
	display: block;
		float: left;
}
#nav ul.menu4 {float: right; height: 30px; width: 594px; }
ul.menu4 li {display: inline; height: 30px; float: left;}
ul.menu4 li a.ofirmie {
	background: url(i/ofirmie.jpg) no-repeat 0 0;
	width: 120px;
	height: 30px;
	display: block;
	}
ul.menu4 li a.ofirmie:hover {
	background: url(i/ofirmie.jpg) no-repeat 0 -30px;
	height: 30px;
	width: 120px;
	background-position: 0 -30px;
	}
ul.menu4 li a.uslugi {
		width: 117px;
			display: block;
	background: transparent url(i/uslugi.jpg) 0 0 no-repeat;
			height: 30px;
}
ul.menu4 li a.uslugi:hover {
	background-position: 0 -30px;
	height: 30px;
	background: transparent url(i/uslugi.jpg) 0 -30px no-repeat;
}
ul.menu4 li a.galeria {
		width: 117px;
			display: block;
	background: transparent url(i/galeria.jpg) 0 0 no-repeat;
			height: 30px;
}
ul.menu4 li a.galeria:hover {
	background-position: 0 -30px;
	height: 30px;
	background: transparent url(i/galeria.jpg) 0 -30px no-repeat;
}
ul.menu4 li a.referencje {
		width: 117px;
			display: block;
	background: transparent url(i/ref.jpg) 0 0 no-repeat;
			height: 30px;
}
ul.menu4 li a.referencje:hover {
	background-position: 0 -30px;
	height: 30px;
	background: transparent url(i/ref.jpg) 0 -30px no-repeat;
}
ul.menu4 li a.kontakt {
		width: 123px;
			display: block;
	background: transparent url(i/kontakt.jpg) 0 0 no-repeat;
			height: 30px;
}
ul.menu4 li a.kontakt:hover {
	background-position: 0 -30px;
	height: 30px;
	background: transparent url(i/kontakt.jpg) 0 -30px no-repeat;
}

#wrapper div#content {
	width: 800px;
	background: #3f6084;
	float: left;
	overflow: auto;
	min-height: 600px;
	
}
#content div.leftContent {
	width: 200px;
	float: left;
	background: #3f6084;
	min-height: 600px;
}
#content div.rightContent {
	width: 600px;
	float: right;
	background: #628cb7 url(i/t1.jpg) bottom center no-repeat;
	min-height: 600px;
}
#content div.rightContent2 {
	width: 600px;
	float: right;
	background: #628cb7 url(i/t1.jpg) bottom center no-repeat;
	height: 600px;
	overflow: visible;
	padding-top: 20px;
}
#content div.rightContent3 {
	width: 600px;
	float: right;
	background: #628cb7 url(i/t1.jpg) bottom center no-repeat;
	min-height: 700px;
}
#wrapper div#footer {
	width: 800px;
	height: 30px;
	margin: 0 auto;
	background: #000;
	float: left;
}
ul#portfolio {	list-style-type: none;}
h2#pasek {
	padding: 10px 0 0 25px;
}
h2#pasek2 {
	padding: 10px 0 0 10px;
}
div#tresc {
	padding: 10px;
	color: #e3edd2;
}
div#tresc2 {
	padding: 5px;
	color: #e3edd2;
}
#tresc h2 {
	color: #e3edd2; 
	padding-bottom: 15px; 
	font-size: 17px; 
}
#tresc h3 {
	color: #e3edd2; 
	padding-bottom: 4px; 
	float: left; 
	width: 500px; 
	font-size: 14px; 
}
td img {padding: 2px; background: #fff; border: 2px solid #e3edd2; }
p {color: #fff; padding-bottom: 5px; padding-top: 5px;}
ul.lista {
	padding-left: 20px; 
	list-style-type: circle; 
color: #fff;}
ul.lista44 {
	padding-left: 2px; 
	list-style-type: none;
	 color: #fff;}
ul.lista44 li {
	font-style: italic;
	font-size: 12px;
	}
ul.lista66 {
	padding-left: 2px; 
	list-style-type: none;
	 color: #fff;}
ul.lista66 li {
	font-style: italic;
	font-size: 12px;
	}
div.galeria {}
.galeria h2 {
	color: #e3edd2; 
	padding-bottom: 10px; 
	float: left; width: 500px; 
	border-bottom: 1px solid #e3edd2; 
	margin-bottom: 4px;}
.galeria h3 a {
	color: #e3edd2; padding-bottom: 4px; float: left; width: 500px; border-bottom: 1px solid #e3edd2; margin-bottom: 4px; }
.galeria h3 a:hover { 
	text-decoration: none; 
	color: #e3edd2; 
	padding-bottom: 4px;
	float: left; 
	width: 500px; 
	border-bottom: 1px solid #e3edd2; 
	margin-bottom: 4px;
	 }
div.miniatury {
	width: 480px; 
	display: block; 
	margin-bottom: 20px;
	}
.miniatury div.obrazek {
	float: left; 
	width: 160px;
}
.miniatury div.obrazek img {
	padding: 2px; 
	background: #fff; 
	border: 2px solid #e3edd2;
}
div#dane {
	background: url(i/kontakt33.jpg) top left no-repeat;
	display: block;
	
	width: 180px;
	margin-left: 10px;
	color: #e3edd2;
}
div#dane6 {
	display: block;
	width: 180px;
	margin-left: 10px;
	color: #e3edd2;
}
div#dane7 {
	display: block;
	width: 180px;
	margin-left: 10px;
	color: #e3edd2;
}
div#dane8 {
	display: block;
	width: 180px;
	margin-left: 10px;
	color: #e3edd2;
}
div#dane9 {
	display: block;
	width: 180px;
	margin-left: 10px;
	color: #e3edd2;
}

img.pasek {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}


div#dane1 {
	
	display: block;
	
	width: 175px;
	padding-left: 10px;
	color: #e3edd2;
}
div#dane2 {
	background: url(i/kontakt33.jpg) top left no-repeat;
	display: block;
	height: 300px;
	width: 170px;
	padding-left: 20px;
	color: #e3edd2;
}
#dane span, #dane9 span, #dane8 span, #dane7 span, #dane6 span {font-weight: bold;
text-align: center;}
#footer2 {
	width: 800px;
	float: left;
	}
#licznik {
	float: left;
	width: 560px;
	padding-left: 20px;
	padding-top: 5px;
	}
#realizacja {
	color: #3f6084;
	font-size: 11px;
	float: right;
	padding-right: 20px;
	padding-top: 5px;
	width: 180px;
	text-align: right;
	 }
#realizacja a {color: #3f6084;}
#realizacja a:hover {
	color: #3f6084;
	text-decoration: none;
	}
.obrazekb {
	padding: 20px 0 10px 25px;
}
ul.obrazekb2 {
	padding: 3px 0 3px 25px;
	color: #fff;
}
ul.obrazekb2 li {
	list-style-type: none;
}
div.referencjeBlok {
	width: 500px;
	display: block;
	height: 270px; 
	float: left;
}
.referencjeBlok div.refLeft { 
	width: 230px;
	float:left;
	padding-left: 20px;
	}
.referencjeBlok div.refRight {
		width: 230px;
	float:right;
}
.refRight img, .refLeft img {
	padding: 3px; 
	border: 1px solid #e3edd2;
	background: #fff; }