HTML {height: 100%;}
BODY {min-height: 100%; height: 100%; color: #00609A; background: #FAFAFA; margin: 0; padding: 0;}
TD, BODY, DIV {font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 100%;}
IMG {border: 0;}
TD, FORM {padding: 0; margin: 0;}
TABLE {}
.clear {float: none; clear: both;}
#mainblock {height: auto !important; min-height:100%; height: 100%; width: 100%; /*background: url('/images/bodybg.gif') left bottom repeat-x;*/ min-width: 996px;}
* html #mainblock {width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) <= 998 ? "996px" : "auto");}
#footercol {height: 89px; clear: both;}
#footerblock {position: relative; clear: both; height: 89px; width: 100%; margin-top: -89px; text-align: center; background: #EEEEEE url('/images/footerblockbg.gif') 0 1px repeat-x; min-width: 996px;}
* html #footerblock {width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) <= 998 ? "996px" : "auto");}
#footer {width: 818px; height: 89px; margin: 0 auto; background: url('/images/footbg.jpg') 0 0 no-repeat; text-align: left;}
#footer {font-size: 10px; font-family: Verdana, sans-serif; color: #00609A; letter-spacing: 0; line-height: 11px;}
#tels {position: absolute; margin-left: 171px; padding-top: 14px;}
#cont {position: absolute; margin-left: 626px; padding-top: 14px;}
#footer a {color: #00609A;}
#top {width: 100%; padding-top: 9px; text-align: right; position: absolute; top: 0; left: 0;}
#top img {display: block; margin: 0 25px 0 auto;}
#ctr {text-align: center; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -204px; min-width: 996px;}
#tp {height: 235px; background: url('/images/tp1.jpg') 19px 0 no-repeat;}
#ct {background: url('/images/indextpbg.gif') 0 0 repeat-x; height: 133px; margin: 0 19px;}
#lf {height: 133px; background: url('/images/indexlfbg.gif') 0 0 no-repeat;}
#rg {height: 133px; background: url('/images/indexrgbg.gif') 100% 0 no-repeat; text-align: left; padding-left: 316px;}
#bt {height: 40px; background: url('/images/indexbtbg.gif') 19px 0 no-repeat;}
.w301, .w302, .w303 {float: left; overflow: hidden; padding-top: 20px;}
.w301 {width: 33%;}
.w302 {width: 26%;}
.w303 {width: 30%;}
.w301 ul, .w302 ul, .w303 ul, #menu ul {padding: 0; margin: 0; list-style: none;}
.w301 li, .w302 li, .w303 li {padding-left: 18px; background: url('/images/indexbill.gif') 0 10px no-repeat;}
.w301 a, .w302 a, .w303 a {color: #fff; font-size: 12px; line-height: 24px;}
.w301 a:hover, .w302 a:hover, .w303 a:hover {color: #00609A; text-decoration: underline;}
#rasporka {height: 468px;}

#logo {width: 157px; height: 27px; position: absolute; width: 100%; text-align: right; z-index: 0;}
#logo img {position: relative; left: -62px; top: 107px;}
#home {dislay: block; width: 11px; height: 12px; background: url('/images/homebg.gif'); position: absolute; margin: 143px 0 0 137px;}
#search {dislay: block; width: 11px; height: 11px; background: url('/images/searchbg.gif'); position: absolute; margin: 173px 0 0 137px;}
#toppic {height: 128px; background: url('/images/top.jpg') 0 0 no-repeat;}
#menubar {background: url('/images/menubarbg.gif') 0 0 repeat-x; height: 70px; overflow: hidden; padding-left: 40px; z-index: 99;}
#menubar .w301 {width: 26%;}
#menubar .w302 {width: 20%;}
#menubar .w303 {width: 21%;}
#menubar .w301, #menubar .w302, #menubar .w303 {padding: 0;}
#menubar .w301 a, #menubar .w302 a, #menubar .w303 a {color: #fff; font-size: 12px; line-height: 22px; padding: 0 0 0 18px; background: url('/images/indexbill.gif') 2px 4px no-repeat;}
#menubar .w301 li, #menubar .w302 li, #menubar .w303 li {padding-left: 0; background: none;}
#menubar .w301 a:hover, #menubar .w302 a:hover, #menubar .w303 a:hover {color: #00609A; text-decoration: underline; background: url('/images/indexbill2.gif') 2px 4px no-repeat;}
#menubar li.active {font-size:12px; height:22px; line-height:23px; padding:0px;background: url('/images/indexbill2.gif') 2px 8px no-repeat;}
#menubar li.active span {color:#fff; background: #00609a; margin-left:18px;}
#menubar li.active a {text-decoration: underline; color:#00609a;  background: url('/images/indexbill2.gif') 2px 4px no-repeat; padding:0 0 0 18px;}
#menubar li.active a:hover {color:#fff; background: #00609a; }

#contentblock {width: 100%; float: left;}
#contentblock2 {padding: 0 210px 0 225px;}
#sub #contentblock2 {padding: 0 30px 0 44px;}
#sub #contentblock2 p {padding-left: 180px; text-align: justify;}
#rightcol {width: 210px; float: left; margin-left: -210px; padding-top: 67px; text-align: right;}
#rightcol img {margin-bottom: 32px;}
#menu {position: absolute; left: 0; background: url('/images/menubg.gif') 0 0 repeat-y; margin-top: 22px; width: 210px;}
#menu li {font-size: 11px; line-height: 20px; font-weight: bold; padding-left: 15px; display: block; height:25px;}
#menu a {padding: 1px 0 5px 43px; margin: 0; background: url('/images/menupassive.gif') 0 2px no-repeat; display: block;}
#menu a:hover {background: url('/images/menuactive.gif') 0 2px no-repeat; color: #00609A;}
#menu li.active {background: url('/images/menuactive.gif') 15px 0px no-repeat; color: #00609A; text-decoration: none; padding: 0px 0 0px 58px; line-height: 20px; height:25px;}
#contentblock2, #contentblock2 p, #contentblock2 dd {font-size: 12px;}

#sub #toppic {background: none; height: 72px;}
#sub #logo img {top: 51px;}
#sub #home {margin: 87px 0 0 137px;}
#sub #search {margin: 117px 0 0 137px;}
.dat {width: 100%;}
.dat td {padding: 5px 5px 5px 5px; text-align: center; font-size: 15px; border: 1px solid #fff; color: #000000;}
.dat .green {background: #9BD6A4; text-align: left;}
.dat .season0 {background: #F4ABA5;}
.dat .season1 {background: #E2CBA4;}
.dat .season2 {background: #D0B7F4;}
span.f11 {display: block; font-size: 11px; padding-top: 3px;}
#conttab {margin: 0 auto 14px auto;}
#conttab .topic {background: #EBF3FB; text-align: center; font-size: 10px;}
#conttab td table {margin: 0 auto 10px auto;}
#conttab td {text-align: center;}
#conttab td td {padding-top: 10px; color: #0C0C0C; font-size: 10px; text-align: right;}
#conttab td td input {margin-left: 9px; width: 106px; font-size: 11px;}
#conttab textarea {width: 222px; height: 84px;}
#conttab .op {color: #D8D8D8; text-align: center;}
#rezerv a {display: block; margin-left:3px; margin-top:0px; font-size: 24px; text-transform: uppercase; color: #fff; font-weight: bold; background: #57B8F3; width: 310px; text-align: center; padding: 8px 0 10px 0; text-decoration: none;}
.w50 {width: 50%; text-align: center; padding: 15 0 28px 0;}
.w502 {width: 50%; text-align: right; padding: 15 0 28px 0; vertical-align: top;}
.lilgal {margin-right: 12px; margin-left: auto;}
.lilgal td {padding: 0 8px 10px 7px;}
.lilgal img {border: 1px solid #57B8F3;}
#morephoto {padding: 0 55px 6px 0; margin-top: 6px; background: url('/images/morephotobg.gif') 100% 1px no-repeat;}

/* #cat {padding-left: 22px; border-left: 1px solid #57B8F3; margin: 22px 0 18px 210px;} */
 #cat {padding-left: 22px;  margin: 22px 0 18px 210px; } 
.catitem {clear: both; width: 100%; padding: 2px 0 35px 0;}
.catitem .op {width: 100%; float: left;}
.catitem .op div {padding: 0 0 0 152px; font-size: 12px; color: #57B8F3;}
.catitem .pic {width: 138px; float: left; margin-left: -100%;}
.catitem .pic img {border: 1px solid #57B8F3;}
.lf, #sub h1.lf {text-align: left; padding-left: 225px;}
.lf td {font-size: 12px;}
.lf .tp {font-size: 12px; padding: 30px 0 14px 0;}
.lf input {width: 160px;}
.lf input.radio {width: 30px;}
.lf input.txt {width: 52px;}
.lf .f10 {font-size: 10px; color: #373737;}
.lf td table {margin: 4px 0 0 45px;}
.lf textarea {width: 345px; height: 140px;}
.send {text-align: center; padding: 18px 0;}
.star {color: #CC0000;}
.lf input.reset {width: 21px; height: 21px; background: url('/images/resetbg.gif') 0 0 no-repeat; border: 0;}
.prim {padding-top: 7px; vertical-align: top;}
.send input {margin: 0 auto; border: 0; font-size: 24px; text-transform: uppercase; color: #fff; font-weight: bold; background: #57B8F3; width: 310px; text-align: center; padding: 8px 0 10px 0;}
/* Headings (çàãîëîâêè)
----------------------------------------------- */

H1 {font-size: 16px; margin: 0; padding: 24px 0 0 0;}
#sub H1 {font-size: 24px; font-family: Verdana, sans-serif; margin: 0; padding: 20px 200px 6px 0; color: #57B8F3; text-align: center;}
H2 {font-size: 12px; padding: 0; margin: 0 0 10px 0;}

/* Links (ññûëêè)
----------------------------------------------- */

A {color: #57B8F3; text-decoration: underline;} 
A:hover {text-decoration: none;}

/* Tables (Îôîðìëåíèå òàáëèö) */
table td {border:1px solid #c7c7c7c;}
.table_head { background-color: #eee; padding: 4px 6px 2px; font-size: 14px; text-align:center;}
tr.table_head td { border:1px solid #c7c7c7;}
.table_body { color: #00609a; height:25px; line-height:20px; text-align:left;}
tr.table_body td { padding: 2px 8px 2px; border:1px solid #c7c7c7;}
td.table_body { padding: 2px 8px 2px;}
.red {  font-size: 14px; font-weight: bolder; color: #CC0000; font-family: arial}
.text {  font-family: tahoma; font-size: 13px;}
.hotel_name {  background-color: #c1e8ff; font-family: arial; font-size: 14px; padding-top: 10px; padding-bottom: 10px; font-weight: bolder; border: #00609a solid 1px}
.description { background-color: #FBFDFB}
.description_head { background-color: #eee; font-size:16px; font-weight:bold; text-align:center;}
.description_middle { background-color: #FBFDFB ; padding:2px 4px 1px; }
.description_date { background-color: #EEEEEE;  text-align: center}
.description_date_2 { background-color: #EEEEEE;  text-align: center }
.description_date_2 a { color: #00609a; }
.fonchik_hot_offer {  background-color: #F4F9FB; border: 1px #003366 solid}
._special_offer {  border: #00609a solid 2px; padding: 2px 5px; color:#000; background:#c1e8ff;}
._special_offer a { color:#00609a;}
.link_vverh { color:#00609a;}

/* îøèáêè */
.type_error {color:#FF0000;}