html, body{
	margin:0px;
	padding:0px;
	color:rgb(53, 62, 61);
	font: 12px Arial, Helvetica, sans-serif;
}
body{
	text-align:center;
	background:rgb(244, 244, 236) url(img/bg.gif) 0 0 repeat-x;
}
#w1{
	width: 760px;
	margin: 0 auto;
}
#logo{
	height: 109px;
	background: url(img/logo.jpg) 0 0 no-repeat;
}
#top{
	height: 155px;
	background: url(img/top.gif) 0 0 repeat-x;
	font-size: 10px;
}
.top {
	float: left;
	width: 33%;
	height: 100%;
	text-align: left;
	color: rgb(228, 251, 255);
	background: url(img/spacer.gif) 6px 20px no-repeat;
}
.top img{
	float: left;
	border: 1px solid rgb(255, 255, 255);
	margin: 20px 10px 0 20px;
}
#top a{
	display: block;
	color: rgb(245, 255, 255);
	text-decoration: underline;
	font-size: 11px;
	margin: 20px 0 0 0;
}
#content{
}
#menu{
	position: absolute;
	top: 240px;
	left: 50%;
	width: 197px;
	margin: 0 0 0 -380px;
	padding-bottom: 6px;
	background: rgb(255, 255, 255) url(img/menu.gif) 0 100% no-repeat;
	text-align: left;
	z-index: 1;
}
#menu ul{
	padding:0px;
	margin: 10px 5px;
}
#menu li{
	height: 30px;
	padding: 0 0 0 20px;
	list-style: url(img/small.gif) inside;
	background: url(img/list.gif) 50% 25px no-repeat;
}
#menu a{
	color: rgb(43, 61, 71);
}
#main{
	width: 560px;
	margin: 0 0 0 200px;
	padding: 10px;
	text-align: left;
}
 #navigation{
	position: absolute;
	left: 50%;
	top: 60px;
	margin: 0 0 0 260px;
	z-index: 1;
}
#navigation a{
	display: block;
	height: 19px;
	color: rgb(255, 255, 255);
	text-indent: -1000em;
}
#navigation #ulubione{
	float: left;
	width: 30px;
	background: url(img/1.gif) 50% 50% no-repeat;
}
#navigation #mapa{
	float: left;
	width: 29px;
	background: url(img/2.gif) 50% 50% no-repeat;
}
#navigation #kontakt{
	float: left;
	width: 28px;
	background: url(img/3.gif) 50% 50% no-repeat;
}
 a{
 	text-decoration: none;
	font-weight: bold;
 }
 p{
 	padding:0 10px;
	text-indent: 30px;
	text-align: justify;
 }
