html, body  
	{
	background: #FFFFFF; 
	margin: 0 auto 0 auto;  
	padding: 0px;
	text-align: center; 
	font-size: 1em; 
	font-family: verdana, arial, helvetica, sans-serif;
	}
 
 
body *
	{
	 margin: 0px; 
	 padding: 0px; 
	 font-size: 1em; 
	 text-align: left;
	}

	
img 
	{
	border-style: none;
	}	
	
	
div#cialo
	{
	background: #FFFFFF; 
	width: 994px;
  height: 575px;
	position: relative; left: 0px; top: 0px;
	overflow:hidden;
	margin:auto;
	}

h1
	{
	color:  #676767;
	text-align: center;
	letter-spacing: 2px;
	padding-bottom: 0px;
	}

h1#gabinet
	{
  color:  #676767;
	font-size: 26px; 
	font-weight: bold;
	position: absolute; left: 170px; top: 42px;
	letter-spacing: 2px;
	}
	
h2
	{
		font-size: 15px; 
	color:#8A9DC7;
	letter-spacing: 2px;
	}
	
h2.daty
	{
	color:#8A9DC7;
	letter-spacing: 2px;
	padding-top: 15px;
	padding-bottom: 0px;}
	
h2#janskorupa
	{
	color:#676767;
  letter-spacing: 1px;
	font-size: 17px;
	font-weight: bold;
	position: absolute; left: 170px; top: 69px;
}

	
p
	{
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 30px;
	line-height: 25px;
	color:  #676767;
	font-weight: normal;
	}

p.oferta	
		{	font-size: 13px;
	padding-top: 14px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 30px;
	line-height: 25px;
	color:  #676767;
	font-weight: normal;
	}
	
p.kwal
	{
	
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 30px;
	line-height: 25px;
	color:  #8A9DC7;
	font-weight: bold;
	}	

p.opis
	{
	width: 288px;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 30px;
	line-height: 15px;
	color:  #8A9DC7;
	font-weight: bold;
	}	
	
a {
color: #A1A1A1;
text-decoration: none;
}

a:hover {
color: #8A9DC7;
text-decoration: none;
}
	
	
span#logo
	{
	position: absolute; left: 90px; top: 32px;
	background-image: url("logo.gif");
	width: 68px;
	height: 67px;
	}	



div#ramka
	{
	position: absolute; left: 85px; top: 130px; z-index:1;
	background-image: url("ramkan.gif");
	width: 150px;
	height: 431px;
	}


div#drzewol
	{
	position: absolute; left: 0px; top: 254px;  
	background-image: url("drzewol.gif");
	width: 393px;
	height: 343px;
	}


div#drzewop
	{
	position: absolute; left: 542px; top: 63px; 
	background-image: url("drzewop.gif");
	width: 433px;
	height: 506px;
	}

	
div#cytat
	{
	
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
	color: #8A9DC7;
	letter-spacing: 0px;
	line-height: 25px;
	text-align: center;
	position: absolute; left: 400px; top: 160px;
	width: 409px;
	}


div#podpis
	{
	font-size: 11px;
	font-weight: normal;
	color: #A1A1A1;
	position: absolute; left: 537px; top: 245px;
	letter-spacing: 2px;
}


div#menu
	{
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 2px;
	position: absolute; left: 250px; top: 155px;
	width: 80px;
	z-index: 1;
}


li#start, li#omnie, li#oferta, li#kontakt, li#linki
	{
	border-left: 1px solid #8A9DC7;
}

ul, ul li 
	{
display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 80px;
}


ul li 
	{
	border-bottom: 0px solid #8A9DC7;
	width: 80px;
}

	
ul a:link
	{
	display: block;
	width: 176px;
	text-decoration: none;
	padding: 7px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #A1A1A1;
	border-left: 0px solid #8A9DC7;
	width: 80px;}

ul a:visited 
	{
	display: block;
	width: 176px;
	text-decoration: none;
	padding: 7px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #A1A1A1;
	border-left: 0px solid #8A9DC7;
	width: 80px;}

ul a:hover 
	{
	width: 176px;
	background-color: #FFFFFF;
	color: #676767;
	border-left: 30px solid #8A9DC7;
	width: 80px;}



div#stopka
	{
letter-spacing: 2px;
	color:  #8A9DC7;
	font-size: 8px;
	text-align: center;
	position: absolute; left: 375px; top: 527px;
	}

	
div#ramkaszara
	{
	position: absolute; left: 420px; top: 130px; z-index:1;
	background-image: url("ramkaszara.gif");
	width: 543px;
	height: 333px;
	}
	
	
div#poletext
	{
	height:300px;
	width:512px;
	overflow: auto;
	position: absolute; left: 30px; top: 18px;
	}

	
div#anim
	{
	position: absolute; left:585px; top: 40px;
	width: 40px; 
	height: 85px; 
	z-index:0;
	}

div#anim2
	{
	position: absolute; left:103px; top: 148px;
	width: 121px; 
	height: 403px; 
	z-index:0;
	}
	
	
div#polekontakt
	{
	height:300px;
	width:512px;
	overflow: auto;
	position: absolute; left: 30px; top: 18px;
	}

	
div#guzik
	{
	position: absolute; left: 300px; top: 220px;
	color:#FFC240;
	font-weight: bold
	}
	
div#ofertap
	{
	position: absolute; left:10px; top: 80px;
	color:#FFC240;
	font-weight: bold
	}	
p#opisp	
	{
	position: absolute; left: 0px; top: 160px;
	width: 200px;
	}	
	
	
	
div#ofertas
	{
	position: absolute; left: 260px; top: 80px;
	color:#FFC240;
	font-weight: bold
	}
p#opiss	
	{
	position: absolute; left: 250px; top: 160px;
	width: 200px;
	}	
	
	
	
	div#js
	{
	position: absolute; left: 265px; top: 25px;
	background-image: url("js.jpg");
	width: 225px;
	height: 182px;
	}

	
	
span#mapad
	{
	position: absolute; left: 420px; top: 130px; z-index:1;
	background-image: url("mapadn.gif");
	width: 543px;
	height: 333px;
	}
	
a#pp
	{
	position: absolute; left: 10px; top: 30px;
	}
p#opis1	
	{
	position: absolute; left: 150px; top: 50px;
	}	
	
	
a#pol
	{
	position: absolute; left: 10px; top: 140px;
	}			
p#opis2	
	{
	position: absolute; left: 150px; top: 140px;
	}	

	
a#pip
	{
	position: absolute; left: 10px; top: 220px;
	}		
p#opis3	
	{
	position: absolute; left: 150px; top: 230px;
	}		

	
a#d
	{
	position: absolute; left: 10px; top: 300px;
	}	
p#opis4	
	{
	position: absolute; left: 150px; top: 300px;
	}		


	
	
	
p#val
	{
	position: absolute; left: 560px; top: 460px;
	}
	
p#val2
	{
	position: absolute; left: 630px; top: 460px;
	}