html, body {
  margin: 0;
  padding: 0;
  background: #f7efe1;
  font-family: Verdana, sans-serif, Arial, Helvetica;
  font-style: normal;
  font-weight: normal;
  font-size: 9pt;
  color: #583802;
}
* html body { background: #f7eede; }

#wrap {
  position: relative;
  width: 800px;
  height: 600px;
  margin-left: -400px;
  left: 50%;
  background: #f7efe1 url(gfx/bg.png) no-repeat top center;
}
* html wrap { background: #f7eede; }

#topMenu { width: 100%; }
#topMenu ul { margin: 0; padding: 16px 0 0 0; list-style: none; }
* html #topMenu ul { padding: 0; margin: 15px 0 0 0; }
#topMenu li { padding: 0 14px 0 0px; float: right; }
#topMenu a { font-family: Verdana; text-decoration: none; font-weight: bold; color: #583802; }
#topMenu a:hover { color: #336633; }

#content { width: 100%; margin: 10px 0 5px 0; padding: 10px 0 5px 0; }
* html #content { margin-top: 7px; padding: 0; }
*+html #content { margin: 0; padding-top: 6px; }
#text { float: left; margin-left: 12px; padding: 0; width: 239px; text-align: center; }
#text p { font-size: 8pt; }
* html #text { margin: 0; padding-left: 12px; }
#photo { float: left; width: 538px; text-align: center; }

#foot { padding-top: 100px; text-align: center; }
#foot a {
  font-family: Verdana, sans-serif, Arial, Helvetica;
  font-style: normal;
  font-weight: normal;
  font-size: 7pt;
  letter-spacing: 1px;
  color: #583802;
  text-decoration: none;
}
#pokoje {
  width: 538px; height: 553px;
  background: url(gfx/pokoje.jpg) no-repeat top center;
}
#atrakcje {
  width: 538px; height: 553px;
  background: url(gfx/atrakcje.jpg) no-repeat top center;
}
#polozenie {
  width: 538px; height: 553px;
  background: url(gfx/polozenie.jpg) no-repeat top center;
}

#pokoje img, #atrakcje img, #polozenie img {
  margin: 7px;
  padding: 2px;
  border: 1px #ffffff solid;
}
#galeria img {
  margin: 5px;
  padding: 2px;
  border: 1px #ffffff solid;
}

p, h1, h2 { text-align: center; line-height: 135%; padding: 0 15px 0 15px; }
h1 { font-size: 190%; font-weight: normal; }

a {
  font-family: Verdana, sans-serif, Arial, Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 9pt;
  color: #583802;
  text-decoration: none;
}

img { border: 0; }

table { border: 1px #ffffff solid; }

#footer { font-size: 7pt; text-align: center; padding: 5px 0 5px 0; }
#footer a { font-size: 7pt; font-weight: normal; }
#footer a:hover { color: #777777; }

#resBg {
  width: 538px;
  height: 553px;
  background: url(gfx/rezerwacja.jpg) no-repeat top center;
}
* html #resBg, *+html #resBg { text-align: center; }
#resBg img {
  padding: 1px;
  border: 1px #ffffff solid;
  margin: 10px;
}
#resPhoto {
  position: relative;
  padding-top: 10px;
}
table#room {
  border: 0;
  margin: 10px 10px 10px 175px;
}
* html table#room { margin: 10px; }
*+html table#room { margin: 10px; }
table#pricelist, table#desc {
  border: 0;
  margin: 5px;
}
table#desc p {
  text-align: justify;
  margin: 5px;
}
* html table { margin: 10px 0 0 0; left: 0; }
*+html table { margin: 10px 0 0 0; left: -10px; }
table td {
  background: #f7efe1;
  border: 1px #583802 solid;
  padding: 2px;
  text-align: center;
}
td.h { width: 160px; }
td.h1 { width: 220px; }
td.f { width: 220px; font-size: 7pt; }
td.fr { width: 220px; font-size: 7pt; background: #e1b771; color: #336633; }
td.fa { width: 220px; font-size: 7pt; background: #667b30; color: #ffffff; }
td.n { background: none; }
td.r { background: #e1b771; color: #336633; }
td.a { background: #667b30; color: #ffffff; }