/*<![CDATA[*/

  body        { background: url(../i/bg_main.gif); text-align: center; color: #fff; }
  body, td, th, form { font: 14px Times New Roman; color: #000}

  *       { text-align: left }

  #page   { margin: auto; width: 833px; }
  #header, #menu, #content, #maincontent, #conteiner { float: left;width: 833px }
  #header { background: url(../i/bg_header.gif) 0 51px repeat-x; margin-top: 50px; 
            padding-left: 12px; padding-right: 12px; wid\th/* */: 809px; }

  #header { height: 190px; heig\ht/* */: 140px }  /* fix unknown opera 8.50 padding bug*/  

  #header div     { float: left; width: 100%; background: url(../i/bg_header_div.gif) 0 51px repeat-x; }
  #header div div { float: left; padding:0; background: #b09a61; height: 50px; margin-top: 63px}

  #header .left  { width: 348px; padding-left: 49px; wid\th/* */: 299px}
  #header  img   { float: left; display: inline; }
  #header .right { width: 327px; padding-top: 16px; padding-left: 47px; heig\ht/* */: 34px; wid\th/* */: 280px  }

  #header a, #header span { color: #e0d4b1; font: 14px Times New Roman; text-decoration: none; font-size: 13px; margin-right: 11px }
  #header a:hover, #header span.active { color: #fff}

  #menu { background: #fff6e3; margin-top: 28px; padding-top: 16px; padding-bottom: 16px}
  #menu div { float: left; border-right: 1px solid #efe4c9; text-align: center; 
              padding-top: 4px; padding-bottom: 6px}
  #menu a       { color: #665938}
  #menu a:hover { color: #b09a61; text-decoration: none}

  #m1 { width: 123px }
  #m2 { width: 125px }
  #m3 { width: 102px }
  #m4 { width: 158px }
  #m5 { width: 179px }
  #m6 { width: 141px; border: 0 !important }
  #menu span, #menu a.active { color:#b09a61 }

  #footer     { float: left; width: 833px; padding-left: 33px; wid\th/* */: 800px}
  #footer div { float: left; }
  #ftitle, #fcontacts, #flogo, #footer a   { color: #665938}

  #ftitle, #fcontacts, #fcopyright, #flogo { padding-top: 23px; padding-bottom: 60px }

  #ftitle     { width: 174px; }
  #fcontacts  { width: 211px; }
  #fcopyright { width: 297px; color: #a69f8a  }
  #flogo      { margin-top: -15px }

  #conteiner { margin-top: 11px; color: #665938; background: #fffaee;
               border-top: 1px solid #e0d4b1; border-bottom: 1px solid #e0d4b1; 
               padding-top: 29px; padding-left: 39px; padding-bottom: 0px; wid\th/* */: 794px }

  #conteiner th, #conteiner td, a { color: #665938}

  #conteiner.main { background: #fffaee url(../i/bg_conteiner_main.jpg) 375px 0 no-repeat }
  #conteiner.main { padding-top: 0; padding-left: 29px; padding-right: 29px; padding-bottom: 39px; wid\th/* */: 775px }

  #conteiner #maincontent { float: left; background: #fffaee url(../i/bg_conteiner_main.jpg) 375px 0 no-repeat ;
                             height: 249px; padding-left: 33px; width: 360px; wid\th/* */: 338px }

  #conteiner #main { float: left; background: #f4edd9; padding: 11px }

  #conteiner .special { float: left; background: #fffaee; margin-right: 11px }
  #conteiner #main .special img { width: 263px; height: 136px }
  #conteiner .map     { float: left; }

  #conteiner #info { float: left; width: 775px ; background: #b09a61;}
  #conteiner #info h3 { color: #665938; font: bold 14px Times New Roman; margin-bottom: 5px}
  
  #conteiner #info .left   { float: left; padding-top: 17px; padding-left: 33px; padding-bottom: 17px; width: 400px}
  #conteiner #info .left a { color: #fff}

  #conteiner #info .right          { float: right; width: 293px; }
  #conteiner #info .right div.img  { float: left; width: 130px}
  #conteiner #info .right div      { float: left; }
  #conteiner #info .right div.text a  { margin-top: 29px; color: #fff; font: bold 12px Times New Roman; 
                                        display: block; width: 125px; }
  /* inner page */

  #navigation { width: 178px;  }
  
  #navigation     { float: left; padding-bottom: 40px; }
  #navigation div { float: left; width: 178px; margin-bottom: 11px }

  #navigation div.menu      { background: #b09a61; padding: 33px 33px 33px 33px; wid\th/* */: 112px}
  #navigation div.menu ul   { margin:0; padding:0; list-style: none}
  #navigation div.menu li   { margin:0; padding:0; margin-bottom: 5px; color: #665938}
  #navigation div.menu li a { color: #fff}
  #navigation div.menu li a.active { color: #665938}
  #navigation div.menu li a:hover { text-decoration: none; color: #665938}
  
  
  #navigation div.special  { background: #f4edd9; margin: 0; width: 178px; padding: 35px 16px; wid\th/* */: 145px; }

  #conteiner #content    { float: left; width: 587px; padding-bottom: 20px; padding-bottom: 0px; padding-left: 45px;  wid\th/* */: 542px }
  #conteiner #content h1 { float: left; margin:0; padding:0; margin-top: 15px; padding-bottom: 25px; }

  #conteiner #content div.bg  { float: left; padding:0; background: #f4edd9; display: inline; margin-left: -17px; padding-left: 17px; padding-top: 17px; width: 490px; padding-bottom: 17px}
  #conteiner #content h1, #conteiner #content div.content  { padding-left: 20px; padding-right: 20px }
  #conteiner div.content  { float: left; width: 500px }

  #conteiner #content div.content { padding-bottom: 50px; padding-bottom: 0px; }
  #conteiner #content div.content.map { padding-bottom: 30px }

  #conteiner #content div.services   { float: left; padding-left: 20px; padding-bottom: 30px; padding-bottom: 0; padding-right: 25px;  wid\th/* */: 500px }
  #conteiner #content div.services * { padding-right: 10px }
  #conteiner #content div.services .mt { margin-top: 15px }
  #conteiner #content div.services div.details { margin-right: -20px; }

  #conteiner #content div.rooms   { float:left; padding-left: 20px; padding-bottom: 40px; padding-bottom: 0px; padding-right: 25px; wid\th/* */: 500px; }
  #conteiner #content div.rooms div.details { width: 300px; margin-bottom: 20px; float: right; display: inline; margin-right: -10px}
  

  /* отступ правого края вниз */

  #content div.content, #content div.rooms, #content div.images, #content div.services { margin-bottom: 50px; } 

  table.price                    { margin-left: -17px; display: block; width: 520px; }
  table.price th, table.price td { width: 188px; padding: 10px; padding-left: 17px; wid\th/* */: 151px }
  table.price th                 { width: 352px; font-weight: normal; wid\th/* */: 332px }
  table.price td                 { text-align: center; font-size: 12px; }
  table.price th.bg              { background: #f4edd9; }
  table.price a                  { color: #665938 }

  table.contacts    { float: left; width: 250px; }
  table.contacts th, table.contacts td { padding: 0; }
  table.contacts th    { vertical-align: top; width: 85px; }
  table.contacts.right { width: 200px }

  div.contacts div.bg, table.contacts { margin-bottom: 10px}
  div.contacts div.bg table.contacts  { margin-bottom: 0 }
  div.contacts div.bg { margin-top: 10px; margin-bottom: 20px}

  div.content.contacts { float: left; }

  div.contacts a { color: #b09a61}

  div.mleft { margin-left: -17px; }

  div.images     { float: left; padding-left: 20px }
  div.images *   { padding-right: 20px }
  div.images * * { padding-right: 0}

  div.images .header { float: left; width: 500px; margin-bottom: 15px; padding-right: 0px }

  div.images div.outter { float: left; display: inline; margin-left: -20px; padding-left: 20px; margin-bottom: 20px}

  div.images div .header div.left    { float: left}
  div.images div .header div.right   { float: right }
  div.images div .header div.right a { color: #b09a61; font: 9px Times New Roman }

  div.images div .fotos { float: left; display: inline; margin-left: -7px}

  div.images div .fotos div.left  { float: left; padding-right: 10px}
  div.images div .fotos div.right { float: left}
  div.images div .fotos div.right img { margin-bottom: 10px}

  #content .content div.fotos     { float: left;  margin-bottom: 24px; padding-left: 20px; width: 520px; wid\th/* */: 500px;  }
  #content .content div.fotos img { float: left; cursor: pointer;  display: inline; margin-right: 29px; }

  div.form table      , div.booking table       { margin-left: -17px; display: block; margin-bottom: 25px; width: 520px }
  div.form table tr.bg, div.booking table tr.bg { background: #f4edd9; }

  div.form table th, div.form table td,
  div.booking table th, div.booking table td { padding: 10px; width: 250px}
  
  div.form table th, div.booking table th  { padding-left: 17px}
  div.form table td, div.booking table td  { text-align: right}

  div.form table td table, div.booking table td table { margin:0; width: 500px; margin-top: 5px; margin-bottom: 10px }
  
  div.booking table td table th, div.booking table td table td { width: auto; text-align: left; padding: 0}

  div.form div.submit  , div.booking div.submit   { text-align: right; padding-right: 7px}
  div.form div.submit a, div.booking div.submit a { font-size: 9px; color: #b09a61; background: url(../i/bg_booking_submit.gif) 0 3px no-repeat; padding-left: 18px }

  div.form table th       { width: 140px; }
  div.form table td       { width: 350px; text-align: left; }

  div.form table tr.nbgt th, div.form tr.nbgt td { padding-bottom:0; padding-top: 20px}
  div.form table tr.nbgb th, div.form tr.nbgb td { padding-bottom: 20px; padding-top: 10px }

  div.form table td input, div.form table td textarea { width: 98% }
  div.form table { margin-top: 20px }

  div.romantic { background: url(../i/romantic.jpg) 333px 70px no-repeat }

  img { border: 0; display: block; margin-left: -3px; margin-right: -3px; mar\gin/* */: 0}

  h1 { margin:0; margin-top: 46px; font: bold 24px Times New Roman }
  h2 { margin:0; font: bold 14px Times New Roman; color: #b09a61; margin-bottom: 13px}
  h3 { margin:0; font: normal 12px Times New Roman; }

  h1.mb { margin-bottom: 35px !important}

  #maincontent h1 { margin-bottom: 29px }

  a:hover  { text-decoration: none}
  br.clear { clear: both}

  form          { margin:0; padding: 0}
  form select   { font: 12px Times New Roman; }
  form input    { font: 12px Times New Roman; border: 1px solid #e0daca; background: #fff; }
  form textarea { font: 12px Times New Roman; border: 1px solid #e0daca; background: #fff; height: 100px; overflow: visible}
  
  #content p         { margin:0; padding-bottom: 24px; }
  #content p.dont    { padding-left: 15px}
  #content p.discont, #content p.taxes { font-size: 12px; padding-left: 3px; margin-top: 10px}
  #content p.discont { margin-bottom: 35px; margin-bottom: 0px; }
  #content p.taxes.margin { margin-top: 30px}

  div.romantic           { padding-top: 0px}
  div.romantic p.order   { text-align: right; }
  div.romantic p.order a { font-size: 12px; color: #b09a61 }
  div.romantic p.romatic { padding-left: 15px;  padding-bottom: 20px}

  div.partners div { float: left; padding-right: 9px; padding-bottom: 9px;}
  div.partners div.right { padding-right: 0}
  div.partners img { width: 243px; height: 112px}

  div.details { float: right; display: inline; margin-right: 10px; padding-right: 13px; width: 200px; text-align: right; border-top: 1px solid #f4edd9; padding-top: 5px; }
  div.details a { color: #b09a61; font: 9px Time New Roman; margin-left: 17px }

  div#actions   { float: right; width: 400px; margin-bottom: 10px; text-align: right; padding-right: 24px;padding-bottom: 24px;}
  div#actions a { font-size: 9px; color: #b09a61; float: right; margin-left: 17px; text-transform: uppercase ;
        background-position: 0 3px; background-repeat: no-repeat; padding-left: 18px
  }

  div#actions a.send { background-image: url(../i/bg_send_friend.gif)  }
  div#actions a.print { background-image: url(../i/bg_print_page.gif); background-position: 0 2px }

  span.contacts { padding-right: 40px}

  .error { color: red !important}

  /*]]>*/