ÿþbody, html {

	text-align: center;

	margin: 0;

	padding: 0;

	background: url(meble-agata-tlo.png) repeat-x white;

	}



div#top {

	position: relative;

	width: 750px;

	height: 200px;

	margin: 5px auto 0px auto;

	padding: 0;

	text-align: left;

	background: url(meble-agata-top.png) no-repeat;

	}



#top h1#xxf {

	position: absolute;

	display: block;

	padding: 0;

	margin: 0;

	top: 171px;

	left: 20px;

	font-size: 25px;

	color: brown;

	font-family: georgia, serif;

	}



#top span {

	position: absolute;

	font-style: italic;

	padding: 0;

	margin: 0;

	top: 136px;

	left: 12px;

	font-size: 20px;

	color: silver;

	font-family: 'trebuchet ms', tahoma, sans-serif;

	}



#top span a {

  font-weight: bold;

  }



#top img {

	display: block;

	position: absolute;

	border: 0;

	top: 20px;

	left: 340px;

	}



div#main {

	position: relative;

	width: 725px;

	margin: 0px auto;

	overflow: auto;

	padding: 15px 5px 0 20px;

	text-align: left;

	background: url(meble-agata-body.png) repeat-y;

	}



#main p {

	font-family: georgia;

	font-size: 15px;

	line-height: 20px;

	text-indent: 25px;

	}



#main p:first-letter {

	font-family: georgia;

	font-size: 22px;

	line-height: 20px;

	margin-right: 2px;

	}



#main div#left {

	display: block;

	float: left;

	width: 320px;

	margin: 0 5px 15px 0;

	padding: 0;

	}



#main div#right {

	display: block;

	float: left;

	width: 350px;

	margin: 0 0 0 0;

	padding: 0;

	}



#right ul {

  padding-left: 20px !important;

  }



#right ul li {

  background-color: white;

  background-image: none !important;

  list-style: circle;

	font-family: georgia;

	font-size: 15px;

	line-height: 20px;

  margin-top: 4px; 

  }



#main div a {

	text-decoration: none;

	color: #00c;

	}



#main ul {

	list-style: none;

	margin: 3px 0 0 0;

	padding: 0;

	}



#main li {

	list-style: none;

	margin: 0;

	padding: 0;

	background: url(menu-tlo.png) no-repeat white;

	}



#main li.top {

	background: url(menu-top-tlo.png) no-repeat white;

	}

	

#main ul li a {

	display: block;

	margin:  -2px 0 0 0;

	padding: 2px;

	width: 294px;

	height: 20px;

	border: 1px solid #ccc;

	background: url(menu-a-tlo.png) no-repeat transparent;

	font-family: tahoma, verdana;

	font-weight: normal;

	font-size: 14px;

	line-height: 21px;

	text-indent: 21px;

	color: #006;

	}



#main ul li a:hover {

	background: url(menu-a-h-tlo.png) no-repeat transparent;

	 }



#main ul li.top a {

	display: block;

	margin: -2px 0 0 0;

	padding: 2px;

	width: 294px;

	height: 20px;

	border: 1px solid #ccc;

	background: url(menu-a-top-tlo.png) no-repeat transparent;

	font-family: tahoma, verdana;

	font-weight: bold;

	font-size: 14px;

	line-height: 21px;

	text-indent: 21px;

	}



#main ul li.top a:hover {

	background: url(menu-a-top-h-tlo.png) no-repeat transparent;

	 }



div#trick {

  clear: both;

  height: 1px;

	background: url(meble-agata-body.png) repeat-y;

  }



div#foot {

	position: relative;

	width: 710px;

	height: 30px;

	margin: 0px auto;

	padding: 10px 20px 0 20px;

	text-align: center;

	background: url(meble-agata-foot.png) no-repeat;

	font-size: 14px;

	line-height: 26px;

	}



#foot a { color: gray; text-decoration: none; }