@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
 
body { font: 14px 'Arial', sans-serif;  background: url(images/bg.jpg) repeat-x;}
img { border: none; }



#page-wrap {	
	position: relative;
	width: 50%;
	width: 990px;
	margin: 0 auto 100px auto;
	bottom: 840px;
	float: none;
}



p {
	color: #202020;
	margin: 0;
	margin-left: 13px;
	padding: 0;
	letter-spacing: 0px;

}

#bg {
	height: 850px;
	margin:0;
}

#main-bg {
	margin: 0 -10px;
	z-index: 2;
	position: relative;
	background: url(images/main-bg.png) center;
	height: 159px;
	top: 303px;
	

	
	
}
#grass {
	margin: 0 -10px;
	z-index: 2;
	position: relative;
	background: url(images/grass.jpg) center;
	height: 225px;
	top: 303px;
}

#house {
	z-index: 2;
	position: relative;
	left: 480px;
	bottom: 50px;
	background: url(images/house.png);
	height: 110px; 
	width: 135px; 
	margin: 0 auto 0 auto;
	
}
#haven {
	position: relative;
	bottom: 502px;
	background: url(images/haven.png) no-repeat;
	height: 459px;
	width: 1183px; 
	margin: 0 auto 0 auto;
	}


#logo {

	width: 220px;
	height: 142px;
	z-index: 5;
	position: absolute;
	border: 0;
	top: -5px;
	left: 70px;
}

#chmura {
	background: url(images/chmura_1.png) no-repeat;
	z-index: 4;
	position: absolute;
	top:-15px;
	left: 50px;
	width: 439px;
	height: 242px;
}

nav {
	z-index: 4;
	position: absolute;
	left: 500px;
	top: 20px;
}


#main-foto {
	z-index: 5;
	position: absolute;
	height: 685px;
	width: 822px;
	top: 93px;
	left: 103px;
	background: url(images/main-foto.png) no-repeat;
}


#order {
	z-index: 4;
	position: absolute;
	width: 218px;
	height: 387px;
	top: 100px;
	right: -50px;
	
}

#first-akapit-content {
	
	z-index: 5;
	position: absolute;
	left: 110px;
	top: 100px;
	line-height: 16px;
	width: 240px;
	height: 120px;
	
}
a.black {
	
	font-weight: bold;
	text-decoration: none;
	color: #115289;
	
}

a.black:hover {
	
	font-weight: bold;
	text-decoration: none;
	color: #115289;
	
}

#first-akapit-content p {
	color: #1770a8;
}
#first-akapit-content a {
	
	font-weight: bold;

	text-decoration: none;
	color: #115289;
	
}

#first-akapit-content a:hover {
	
	font-weight: bold;
	text-decoration: none;
	color: #115289;
	
}
#first-akapit-content a:visited {
	
	font-weight: bold;
	text-decoration: none;
	color: #115289;
	
}
#first-akapit h2 {
	padding: 5px;

}

#first-akapit a {
	color: #105fa2;
	text-decoration: none;
	font-weight: bold;

}

#jak-wybrac-wode-foto {
	z-index: 2;
	position: absolute;
	height: 410px;
	width: 476px;
	top: 240px;
	left: 0px;
	background: url(images/jak-wybrac-wode.png) no-repeat;
}
#jak-text0 {
	position: absolute;
	left: 13px;
	
}
#jak-text1 {
padding: 5px 0 5px 0;
}
#jak-text2 {
	padding: 5px 0 5px 0;
}

#jak-text2 {
}

#kontakt-foto {
	z-index: 2;
	position: absolute;
	height: 490px;
	width: 460px;
	top: 220px;
	left: -50px;
	background: url(images/kontakt.png) no-repeat;
}
#wstep-foto {
	z-index: 2;
	position: absolute;
	height: 410px;
	width: 426px;
	top: 240px;
	left: 0px;
	background: url(images/wstep.png) no-repeat;
}

#page-frame {
	z-index: 2;
	position: absolute;
	top: 120px;
	left: 350px;
	height: 494px;
	width: 628px;
	background: url(images/page-frame.png) no-repeat;
	
}

#page-content {
	
	z-index: 4;
	position: absolute;
	top: 170px;
	left: 380px;
	width: 570px;
	height: 390px;
	
}

#page-content a {
	color: #347b98;
	text-decoration: none;
}

#page-content a:hover {
	color: #428eff;
	text-decoration: none;
}


#button {
	z-index: 4;
	position: absolute;
	top: 550px;
	left: 780px;
	height: 112px;
	width: 227px;
}

#page-h2 {
	z-index: 4;
	position: absolute;
	top: 140px;
	left: 380px;
}



#water {
	z-index: 2;
	position: absolute;
	left: 250px;
	background: url(images/water.png) no-repeat;
	width: 720px;
	height: 654px;
}
#right {
	z-index: 2;
	
	position: absolute;
	top: 200px;
	left: 250px;
	background: url(images/right.png) no-repeat;
	width: 269px;
	height: 401px;
	}
	
#left {
	z-index: 3;
	position: absolute;
	top: -10px;
	left: 500px;
	background: url(images/left.png) no-repeat;
	width: 269px;
	height: 401px;
}
#middle {
	z-index: 2;
	position: absolute;
	top: -70px;
	left: -20px;
	background: url(images/middle.png) no-repeat;
	width: 913px;
	height: 523px;
}


#opis {
	font-size: 13px;
	z-index: 4;
	position: absolute;
	top: 130px;
	left: 610px;
	width: 340px;
	height: 500px;
}

#opis ul {
	margin: 2px;
	margin-left: 14px;	
	padding: 0;
	

}
#opis li {
	margin: 1px;
	margin-left: 13px;
	
}


#product ul li {
	line-height: 18px;
	list-style-type: square;
}
#product ul li a {
	color: #105fa2;
	text-decoration: none;
}

#product1 {	
		z-index: 4;
		position: absolute;
		top: 320px;
		left: 260px;
	
}

#product1 ul li {
	line-height: 18px;
	list-style-type: square;
}
#product1 ul li a {
	color: #105fa2;
	text-decoration: none;
}

#bootle {
	z-index: 2;
	position: absolute;
	width: 980px;
	height: 533px;
	top: 170px;
	left: 35px;
	
}
#product-frame {
	position: absolute;
	left: -140px;
}
#product-example{
	z-index: 4;
	position: absolute;
	width: 230px;
	height: 400px;
	top: 150px;
	left: 350px;
}
#navbar {
	font-family: 'Arial';
	z-index: 4;
	position: absolute;
	left: 105px;
	top: 135px;
}

#button-product {
	z-index: 4;
	position: absolute;
	top: 550px;
	left: 778px;
}
h2 {

	z-index: 4;
	line-height: 0px;
	color: #105fa2;
	font-size: 16px;
	font-weight: 100;
	
}

h2 a {

	color: #105fa2;
	text-decoration: none;
}


h3 {
	line-height: 0px;
	color: #105fa2;
	font-size: 17px;
	font-weight: 100;
	
}

h3 a {
	color: #105fa2;
	text-decoration: none;
}

h4 {
	margin: 15px 0 15px 0;
	margin-right: 10px;
	line-height: 0px;
	color: #585858;
	font-size: 14px;
	font-weight: bold;
	
}

h4 a {
	color: #585858;
	text-decoration: none;
}

footer {
	z-index: 5;
	position: absolute;
	left: -100px;
	top: 5px;
		
}

footer  h2 {
	padding: 0px 0 10px 0;

		
}

footer ul li {
	padding: 0 0 0 10px;
	list-style: none;
	font-weight: 500;
}

footer ul li a {
	color: #347b98;
	text-decoration: none;
}


footer ul li a:hover{
	color: #428eff;
	text-decoration: none;
}
#copyrights {
	
	position: absolute;
	top: 850px;
	left: 195px;
	width: 800px;
	
}

#copyrights  p{
color: #a1a1a1;
}
#realizacja {
	width: 230px;
	position: absolute;
	top: 816px;
	left: 810px;
}
#realizacja p {
	color: #a1a1a1;
}

#realizacja a {


	color: #000000;
	text-decoration: none;
	font-family: 'palatino linotype';
	font-size: 18px;
}

#realizacja a:hover {
	color: #CC0000;
	text-decoration: none;
	font-family: 'palatino linotype';
}

a.wybierz{ 

	font-size: 19px;
	color: #105fa2;
	text-decoration: none; 

}

a.wybierz:hover{ 

	font-size: 19px;
	color: #428eff;
	text-decoration: none; 


}

#informacje {
	position: absolute;
	top: 690px;
	left: 200px;
	
}

#informacje ul li {
	margin: 0 0 0px 15px;
	color: #347b98;
	list-style: disc;
	
}

#kontakt {
	position: absolute;
	top: 690px;
	left: 535px;
	
}
#kontakt li {
	color: #347b98;
}
#partnerzy {
	position: absolute;
	top: 690px;
	left: 890px;


}

#partnerzy h2 {
	padding: 0 0 15px 0;
}