/* Таблица стилей */
/* Вспомогательные стили */
.yb  { border: 1px solid yellow; }
.gb  { border: 1px solid green; }
.rb  { border: 1px solid red; }
.bb  { border: 1px solid blue; }
.ybg { background-color: yellow; }
.gbg { background-color: green; }
.rbg { background-color: red; }
.bbg { background-color: blue; }

/* Общие стили */
.wide { width: 100%; }
.fill { width: 100%; height: 100%; }
.frame { border: solid 1px black; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.small { font-size: 80%; }
.x-small { font-size: 60%; }
.big { font-size: 120%; }
.x-big { font-size: 140%; }
.no-padd { padding: 0px; margin: 0px }
.bottom-padd { padding-bottom: 20px; }
.top-padd { padding-top: 20px; }
.no-border { border: none; }
a img { border: none; }
a { text-decoration: none; color: #00468C; }
a:visited { color: #00468C; }
a:hover { text-decoration: none; color: #ffaa00; }
.h20 { height: 20px; }
.tip { font-size:9pt; color: #999999; }
.gray { color: #999999; }
.hard { font-weight: bold; }

/* Основные стили */
body {
    margin: 0px;
    padding: 0px;
    color: black;
    font-size:10pt;
/*    font-family: Times New Romain; */
  font-family: tahoma;
}

td { font-size: 10pt; }

h1, h2, h3, h4 {
  font-family: tahoma;
  color: rgb(0, 124, 195);
}

h1 a, h2 a, h3 a, h4 a {
  font-family: tahoma;
  color: rgb(0, 124, 195);
}


h1 { font-size: 14pt; }
h2 { font-size: 13pt; }
h3 { font-size: 12pt; }
h4 { font-size: 11pt; }

#header {
  width: 100%;
  height: 200px;
  background: url('/i/sky.jpg') no-repeat right bottom;
}

#header #rodina{
  left:10px;
  position:absolute;
  background:url('/i/rm3.gif') no-repeat bottom left;
  width:120px;
  height:200px;
}

#header #logo {
  left:150px;
  top:20px;
  position:absolute;
  height: 200px;
  font-size: 22pt;
  font-weight: bold;
  font-family: times new romain;
  color: rgb(0, 124, 195);
  line-height: 16pt;
}

#header #domiki {
  right:0px;
  position:absolute;
  background:url('/i/domiki3.gif') no-repeat bottom right;
  width:1280px;
  height:200px;
}

#header #fontan {
  right:100px;
  position:absolute;
  background:url('/i/rm2.gif') no-repeat top right;
  width:400px;
  height:200px;
}

#header #bordur {
  position: absolute;
  top: 185px;
  width: 100%;
  height: 15px;
  background:url('/i/bordur.gif') repeat-x top;
}

.page {
  padding-left:10px;
  padding-right: 10px;
}

.page .hotels-list {
  vertical-align: top;
  width: 170px;
}

.page .hotels-list ul, .r-pane .text ul {
  list-style: none;
  margin-left:5px;
  margin-right: 5px;
  padding:0px;
}

.page .hotels-list ul li, .r-pane .text ul li {
  margin:0px;
  font-size: 80%;
  padding-bottom: 6px;
  padding-top: 6px;
  border-bottom: 1px solid #CCCCCC;
}

.page .r-pane {
  vertical-align: top;
  width: 170px;
}

.page .content {
  vertical-align: top;
  margin-left: 10px;
  margin-right: 10px;
  font-family: tahoma;
}

.page .more {
  margin-left: 10px;
  margin-right: 10px;
}

.page .item {
  float:left;
  width: 270px;
  padding: 10px;
  height: 350px;
}

.l {
    display:none;
}

.page .item .image {
}

.page .item .image img {
  padding:5px;
  margin: 5px;
  border:1px solid #CCCCCC;
}

.page .item h2 {
  font-family: tahoma;
  font-size: 10pt;
}

.page .item .descr {
  font-size: 80%;
}

.page .item h2 .title {
  padding-bottom: 3px;
}

.r-pane .text {
}

.phones {
  font-size:12pt;
}

.footer {
  clear: both;
  padding-top: 20px;
  height: 70px;
  background-color: #CCCCCC;
}

.hoteldescr table {
}

.hoteldescr table td {
  padding: 5px;
}

.nitem {
  font-size: 80%;
}

.nitem .date {
  font-weight: bold;
  font-size: 95%;
  color: red;
}