body { 
  color: #00000a; 
  background: #fffacd url(images/bg.gif) repeat-y 136px 0; /* Êîë³ð âåðòèêàëüíî¿ ñìóãè rgb(248,232,203)*/ 
  margin: 0; 
  padding: 0 0 20px 0;
  font: 9pt 'Trebuchet MS', sans-serif;
}
img { border-width: 0; }
a { text-decoration: none; color: #191970;}  /* cursor: url(images/mykey.cur),pointer; */
a:hover { text-decoration: underline;}
h1 { 
  margin: 0;
  padding: 5px 0 0 97px;
  font: bold 22pt "Palatino Linotype", "Book Antiqua", serif;
  letter-spacing: 1px;
  line-height:90%;
  position:relative;
  z-index: 1;
}
h2 { 
  position:relative;
  z-index: 1;
  margin: 0 0 0 570px;
  text-align: center;
  background: #F5DEB3; 
  font: italic 12pt "Comic Sans MS", cursive;
  letter-spacing: 2px;
}
h3 { 
  background: #FFFFE0;
  margin: 4px 0 3px;
  padding: 3px 12% 4px 3%;
  text-align: center;
  font: italic 15pt "Comic Sans MS", cursive;
  letter-spacing: 1px;  
}

button, input[type="submit"]  { 
  color: #00000a;
  cursor: pointer;
  font: italic bold 10pt "Comic Sans MS", cursive;
  letter-spacing: 1px;
  padding: 0 5px 1px;
  background: #F5F5F5;
  border:2px solid;
  border-color: #ffffff #D8BFD8 #D8BFD8 #ffffff;
}

/*   Ñ ò è ë ³   å ë å ì å í ò ³ â   ì å í þ   */
form {
  position:absolute;
  top:0;
  left:0;
  width:155px;
  padding-top:157px;
  background: url(images/logo.png) no-repeat 5px 0;
  text-align:right;
}
form a {
  display:inline-block;
  width:126px;
  text-align:right;
  padding: 1px 10px 1px 0;
  font-size: 10pt;
}
a#h4 { width:145px; }
form a:hover, a#h4:hover {background: #FFFFF0;}
form p {margin:0;}
form p input {margin:0;width:19px}
form p:hover a {background: #FFFFF0;}
form p:hover {background: rgb(201,165,116);}
form h4, a#h4  { 
  background: #F5DEB3; 
  margin: 9px 0 3px;
  padding: 4px 0 3px 10px;
  text-align: left;
  font: bold 10pt Arial, sans-serif;
}
input[type="submit"] { margin: 8px 29px 0 0; }
select { width:35px; position:relative; right:-4px; }
a[target="_blank"] { width:88px; margin: 70px 30px 0 0; padding: 0; }

/******  Ñ ò è ë ³   ï å ð ø î ¿   ñ ò î ð ³ í ê è   ******/
body#index { background-image: url(images/bg-map.png); }
#map { position: absolute; top: 0; left: 155px; }
#map a { position: absolute; }
#legend {
  position:relative;
  z-index: 1;
  margin-left:600px;
  font-size:10pt;
}
#legend table { position: relative; left: -37px; margin-bottom: 30px; }
#legend caption { font: bold 10pt Arial, sans-serif; text-align: left; padding: 0 0 4px 35px; }
#legend td { 
  background: rgb(248,232,203); 
  text-align: center; 
  padding: 5px 3px; 
  border: 1px solid;
  border-color: #FFF8DC #D8BFD8 #D8BFD8 #FFF8DC;
}
#legend th { text-align: left; font-weight: normal; padding-left: 6px; }
#legend p  { text-align: center; }
#legend h6 { 
  background: #FFFFE0;
  margin: 4px 0 3px;
  padding: 3px 0 4px;
  text-align: center; 
  font: bold 10pt "Comic Sans MS", cursive;
  letter-spacing: 1px;  
}

/******  Ñ ò è ë ³   ñ ò î ð ³ í ê è   a r e n d a   ******/
address {
  position:relative;
  top:-10px;
  margin: 0 0 0 165px;
  font-style: normal;
  letter-spacing: 2px;  
}
#content {
  margin-left:165px;
  position:relative;
  top:-10px;
}
#flats b, #flat b { 
  margin: 2px 4px 2px 0;
  font: bold 8pt Arial, sans-serif;
  letter-spacing: 1px;  
}
em { 
  font: italic bold 11pt "Comic Sans MS", cursive;
  letter-spacing: 1px;
  font-style: normal; 
}

/*  Ñ ò î ð ³ í ê à   â è á ³ ð ê è   ê â à ð ò è ð   */
#flats div a { 
  color: #00000a;
  display: inline-block;
  margin: 6px 4px;
  padding: 6px 6px;
  text-align: center;
  vertical-align: top;  
  font-size: 11pt; 
}
#flats div a:link { background: #FFFFE0; }
#flats div a:visited { background: #FFF8DC; }
#flats div a:hover, #flat div a:hover { background: #FFFFF0; }
#flats div strong { 
  display: block;
  margin: 0 0 1px 0;
  text-align: center;
  font-weight: normal;
}
#flats div strong:first-letter {font: italic 12pt "Comic Sans MS", cursive; letter-spacing: 1px;}
#flats div img {margin: 5px 2px 1px;}
#flats div b {font-weight: normal;}
#flats div em { font-size: 10pt; }

/*  Ñ ò î ð ³ í ê à   î ï è ñ ó   ê â à ð ò è ð è   */
#flat table {
  display:inline;
  width:50%;
}
#flat td { width:25%; vertical-align:top; }
ul {
  vertical-align: top;
  margin: 0;  
  padding: 0 3px 0 15px;
  list-style-type: square;
}
li { margin: 2px 0; }
#info { width:49%; float:right }
#info div { 
  border-left: 19px solid rgb(248,232,203); 
  padding:20px 0 20px 12px; 
  margin:30px;
}
#info p { font-size:11pt }
#flat div a { 
  display: inline-block;
  padding: 3px;
  vertical-align: top;
}
hr {
  color: rgb(248,232,203); 
  border: 1px solid rgb(248,232,203);
}

/*  Ñ ò î ð ³ í ê à   ï î ê à ç ó   â å ë è ê î ¿   ô î ò î ã ð à ô ³ ¿  */
#photo div div{
  text-align: center;
  padding: 3px 12% 4px 3%;  
}
button { margin-bottom: 8px; }

/*  Ñ ò î ð ³ í ê à   terms  */
#terms div p { font-size:10pt; padding-right: 20px; }
#reservation {
  width:50%; 
  float:right;
  border-left: 19px solid rgb(248,232,203);
  padding:20px 0 20px 12px;
  margin:0 0 20px 20px;
}
#trust-us { text-align:center; }