html { height:100% }
body { position:relative; min-height:100%; height:auto !important; height:100%; color:#3A4345; background-color:White; margin:0px; padding:0px; font-size:75%; font-family:Arial, Geneva, Helvetica, Sans Serif }
/* Top */
.Top { position:relative; min-height:100% }
* html .Top { height:100% }
#header { height:111px }
#content { background:url(/img/bg.png) repeat-x top left; padding-bottom:160px }
/* Footer */
/* FireFox */
@-moz-document url-prefix()
{
.Footer { background:url(/img/footer_bg.png) repeat-x top left; font-size:90%; position:absolute; height:150px; margin-top:-150px; min-width:100%; left:0px; bottom:0px }
}
/* Opera */
@media all and (min-width: 0px) {
.Footer {background:url(/img/footer_bg.png) repeat-x top left; font-size:90%; position:absolute; height:150px; margin-top:-150px; min-width:100%; left:0px; bottom:0px } }
/* IE 6 */
* html .Footer {background:url(/img/footer_bg.png) repeat-x top left; font-size:90%; height:150px; margin-top:-150px; min-width:100%; left:0px; bottom:0px }
/* IE 7 */
*+html .Footer {background:url(/img/footer_bg.png) repeat-x top left; font-size:90%; position:absolute; height:150px; margin-top:-150px; min-width:100%; left:0px; bottom:0px }
.FooterTab { }
.FooterTab .Phone { text-align:left; padding-top:20px }
.FooterTab .Phone .head { font-size:80%; color:#3A4345; font-weight:bold }
.FooterTab .Phone .number { margin-top:5px; font-size:160%; color:#2180D1; font-weight:bold; white-space:nowrap }
.FooterTab .Phone .number .code { font-size:70%; color:#949292 }
.FooterTab .Phone .icq { margin-top:5px }
a { color:#569201; text-decoration:none }
a:hover { color:#4C7D02; text-decoration:underline }
a.blue { color:#5FACEF; text-decoration:none }
a.blue:hover { color:#3F8DD1; text-decoration:underline }
a.dotted { color:#FFCC33; border-bottom:#FFCC33 1px dotted; text-decoration:none }
a.dotted:hover { color:#FAF598; border-bottom:#FAF598 1px dotted; text-decoration:none }
img { border:0px }
h1 { font-size:110%; color:#4E8700; padding:0px 0px 10px 0px; margin:0px }
h2 { font-size:100%; color:#a61b0a; margin:10px 0 5px 0 }
h1.special {font-size:120%; color:#a91d0c; background-color:White }
h1.catalogue {font-size:120%; color:#528C00 }
p { padding:0px; margin:0px }
div { padding:0px; margin:0px }
/* Navigation */
.Navigation { font-size:90% }
.Navigation .nav-na a { padding:5px 10px; color:#5FACEF; text-decoration:none }
.Navigation .nav-na a:hover { padding:5px 10px; color:#2180D1; text-decoration:none }
.Navigation .nav-a { background:#D9D9D9; padding:5px 10px; color:White }
.Navigation .border { border-left:#D9D9D9 1px Solid; border-right:#D9D9D9 1px Solid }
/* ContactsTop */
.ContactsTop { width:auto; position:relative; overflow:hidden; font-size:100%; white-space:nowrap }
.ContactsTop .Container { float:left; left:50%; position:relative }
.ContactsTop .Container .Blocks { float:left; left:-50%; position:relative }
/* ContactsTop */
.ContactsTop .Phone { float:left; padding:0 20px }
.ContactsTop .Phone .head { font-size:80%; color:#3A4345; font-weight:bold }
.ContactsTop .Phone .number { margin-top:5px; font-size:160%; color:#2180D1; font-weight:bold }
.ContactsTop .Phone .number .code { font-size:70%; color:#949292 }
.ContactsTop .Phone .icq { margin-top:5px }
/* MenuTop */
.MenuTop { height:27px; width:auto; position:relative; overflow:hidden; font-size:100%; white-space:nowrap; font-weight:bold; text-align:center }
.MenuTop .Container { float:left; left:50%; position:relative; text-align:center }
.MenuTop .Container .Buttons { position:relative; left:-50%; float:left }
.MenuTop .a { float:left; height:27px; width:auto; display:block; margin:0px 1px }
* html .MenuTop .a { float:left; height:27px; width:1px; display:block; margin:0px 1px }
.MenuTop .a .left { background:url(/img/zl_on.png) no-repeat top left }
.MenuTop .a .left div { background:url(/img/zr_on.png) no-repeat top right; height:27px; line-height:27px; color:White; padding:0px 15px; white-space:nowrap }
.MenuTop .a .left div a { color:White; text-decoration:none; cursor:pointer }
.MenuTop .a .left div a:hover { color:White; text-decoration:none; cursor:pointer }
.MenuTop .na { float:left; height:27px; width:auto; display:block; margin:0px 1px }
* html .MenuTop .na { float:left; height:27px; width:1px; display:block; margin:0px 1px }
.MenuTop .na .left { background:url(/img/zl_off.png) no-repeat top left }
.MenuTop .na .left div { background:url(/img/zr_off.png) no-repeat top right; height:27px; line-height:27px; padding:0px 15px; white-space:nowrap }
.MenuTop .na .left div a { color:#616769; text-decoration:none; cursor:pointer }
.MenuTop .na .left div a:hover { color:#3A4345; text-decoration:none; cursor:pointer }
/* MenuLeft */
.MenuLeft { margin-top:30px; font-size:11px; font-weight:bold; text-align:left;
min-width: 190px; /* для нормальных браузеров*/
max-width: 210px; /* для нормальных браузеров*/
width:expression(document.body.clientWidth < 190? "190px" : document.body.clientWidth > 210? "210px" : "auto"); /* для ie*/
}
.MenuLeft a { color:#569201; text-decoration:none; text-transform: uppercase; }
.MenuLeft a:hover { color:#3A4345; text-decoration:none; }
.MenuLeft .a { background:url(/img/menu_left_a.gif) no-repeat top left; height:31px; padding-left:25px; line-height:31px; margin-bottom:-1px; position:relative; z-index:2; cursor:pointer; cursor:pointer; text-transform: uppercase; }
.MenuLeft .a div { background:url(/img/menu_right_a.gif) no-repeat top right; height:31px; line-height:31px; margin-bottom:-1px; position:relative; z-index:2; }
.MenuLeft .na { background:url(/img/menu_left_na.gif) no-repeat top left; height:31px; padding-left:25px; line-height:31px; margin-bottom:-1px; cursor:pointer; cursor:pointer }
.MenuLeft .na div { background:url(/img/menu_right_na.gif) no-repeat top right; height:31px; line-height:31px; margin-bottom:-1px }
.MenuLeft div.ie { background:url(/img/menu_bottom_ie.gif) no-repeat top left; height:1px; font-size:1px }
/* Sky */
.sky { background:url(/img/sky_bg.png) repeat-x top left; height:9px }
.sky img { margin:0px; padding:0px }
/* Ground */
.gr { background:url(/img/gr_bg.png) repeat-x top left; height:9px }
.gr img { margin:0px; padding:0px }
/* MainBlock */
.MainBlock { padding-top:139px }
/* GreenBlock */
.brd_gr_box { background:url(/img/brd_gr_tl.png) no-repeat top left; font-size:90% }
.brd_gr_top { background:url(/img/brd_gr_tr.png) no-repeat top right }
.brd_gr_bottom { background:url(/img/brd_gr_bl.png) no-repeat bottom left }
.brd_gr_bottom div { background:url(/img/brd_gr_br.png) no-repeat bottom right }
.brd_gr_content { background:url(/img/brd_gr_r.png) top right repeat-y }
.brd_gr_content div.head { background:url(/img/green_bg.gif) repeat-x top left; height:28px; line-height:28px; color:White; font-size:150%; white-space:nowrap; margin-left:0px; padding-left:15px }
.brd_gr_content div.head div { background:url(/img/green_r.gif) no-repeat top right; height:28px; padding-right:20px }
.brd_gr_top div, .brd_gr_top { width:100%; height:15px; font-size:1px }
.brd_gr_bottom div, .brd_gr_bottom { width:100%; height:10px; font-size:1px }
/* FireFox */
@-moz-document url-prefix() {
.brd_gr_content { margin:0 0 -10px 0; padding-top:3px }
.brd_gr_bottom { margin:0px }
}
/* Opera */
@media all and (min-width:0px) {
head~body .brd_gr_content { margin:0 0 -10px 0; padding-top:3px }
head~body .brd_gr_bottom { margin-top:0px }
}
/* IE 7 */
*+html .brd_gr_content { margin:0 0 -10px 0; padding-top:3px }
*+html .brd_gr_bottom { margin-top:10px }
/* IE 6 */
* html .brd_gr_content { padding:0 0 -10px 0 }
* html .brd_gr_bottom { padding-top:0px }
/* GreenBlock_Google */
.brd_gr_box_r { background:url(/img/brd_gr_tl_r.png) no-repeat top left; font-size:90%; text-align:left;
min-width: 190px; /* для нормальных браузеров*/
max-width: 210px; /* для нормальных браузеров*/
width:expression(document.body.clientWidth < 190? "190px" : document.body.clientWidth > 210? "210px" : "auto"); /* для ie*/
}
.brd_gr_top_r { background:url(/img/brd_gr_tr_r.png) no-repeat top right }
.brd_gr_bottom_r { background:url(/img/brd_gr_bl.png) no-repeat bottom left }
.brd_gr_bottom_r div { background:url(/img/brd_gr_br_r.png) no-repeat bottom right }
.brd_gr_content_r { background:url(/img/brd_gr_r.png) top right repeat-y }
.brd_gr_top_r, .brd_gr_top_r div, .brd_gr_bottom_r, .brd_gr_bottom_r div { width:100%; height:10px; font-size:1px }
.brd_gr_box_r a.head { color:#569201; font-size:110%; font-weight:bold; text-decoration:none }
.brd_gr_box_r a.head:hover { color:#4C7D02; font-size:110%; font-weight:bold; text-decoration:underline }
.brd_gr_box_r a.web { color:#569201; font-size:90%; text-decoration:none }
.brd_gr_box_r a.web:hover { color:#4C7D02; font-size:90%; text-decoration:underline }
/* FireFox */
@-moz-document url-prefix() {
.brd_gr_content_r { margin:0px; padding:0 10px 0 15px }
.brd_gr_content_r p { padding:5px 0 }
.brd_gr_bottom_r { margin:0px }
}
/* Opera */
@media all and (min-width:0px) {
head~body .brd_gr_content_r { margin-left:10px; padding:0 10px 0 15px }
head~body .brd_gr_content_r p { padding:5px 0 }
head~body .brd_gr_bottom_r { margin-top:0px }
}
/* IE 7 */
*+html .brd_gr_content_r { margin:0 0 -10px 0; padding:0 10px 0 15px }
*+html .brd_gr_content_r p { padding:5px 0 }
*+html .brd_gr_bottom_r { margin-top:10px }
/* IE 6 */
* html .brd_gr_content_r { margin:0 0 -10px 0; padding:0 10px 0 15px }
* html .brd_gr_content_r p { padding:5px 0 }
* html .brd_gr_bottom_r { margin-top:10px }
/* BlueBlock Reklama */
.rcb_box { background:#5facef; margin-top:3px }
.rcb_box_i { background:#5facef url(/img/rcb_bg_i.gif) repeat-x top left }
.rcb_box_r { background:#5facef; margin-top:3px;
min-width: 190px; /* для нормальных браузеров*/
max-width: 210px; /* для нормальных браузеров*/
width:expression(document.body.clientWidth < 190? "190px" : document.body.clientWidth > 210? "210px" : "auto"); /* для ie*/
}
.rcb_top { background:url(/img/rcb_tl.gif) no-repeat top left }
.rcb_top div { background:url(/img/rcb_tr.gif) no-repeat top right }
.rcb_bottom { background:url(/img/rcb_bl.gif) no-repeat bottom left }
.rcb_bottom div { background:url(/img/rcb_br.gif) no-repeat bottom right }
.rcb_top div, .rcb_top, .rcb_bottom div, .rcb_bottom { width:100%; height:10px; font-size:1px }
.rcb_content { margin:0 10px; text-align:center; color:White }
.rcb_top_i { background:url(/img/rcb_tl_i.gif) no-repeat top left }
.rcb_top_i div { background:url(../img/rcb_tr_i.gif) no-repeat top right }
.rcb_top_i div, .rcb_top_i { width:100%; height:10px; font-size:1px }
/* Search */
.search { background:url(/img/search_bg.gif) repeat-x top left; height:54px; margin-top:10px; line-height:37px; color:White; font-size:110%; font-weight:bold }
.search div { background:url(/img/search_r.gif) no-repeat top right; height:54px; padding:0px 10px }
/* BlockGreen : News, Articlies */
.block_green { font-size:90%; text-align:left;
min-width: 190px; /* для нормальных браузеров*/
max-width: 210px; /* для нормальных браузеров*/
width:expression(document.body.clientWidth < 190? "190px" : document.body.clientWidth > 210? "210px" : "auto"); /* для ie*/
}
.block_green .head { font-size:110%; color:#4E8700; font-weight:bold; padding-left:8px; margin-bottom:5px }
.block_green .data { font-size:100%; color:#4E8700; font-weight:bold }
.block_green .year { font-size:120%; color:#61696A; font-weight:bold }
.block_green p { margin-top:5px }
.block_green .tl { background:url(/img/gray_tl.gif) no-repeat top left; padding:12px 10px 10px 15px }
.block_green .c { background:url(/img/gray_c.gif) no-repeat top left; height:5px; font-size:1px }
.block_green .b { background:url(/img/gray_b.gif) no-repeat left; height:18px }
.block_green .b .more { background-color:White }
.b .more .green { background:url(/img/green_btn_bg.gif) no-repeat bottom left; height:18px; margin-right:10px; cursor:pointer; cursor:pointer }
.b .more .green div { background:url(/img/green_btn_r.gif) no-repeat bottom right; height:18px; line-height:16px; padding:0px 10px 0 25px }
.b .more .green div a, .b .more .green div a:hover { color:White; text-decoration:none }
/* BlockBlue : Weather, Calculator, Payment */
.block_blue { font-size:90%; text-align:left;
min-width: 190px; /* для нормальных браузеров*/
max-width: 210px; /* для нормальных браузеров*/
width:expression(document.body.clientWidth < 190? "190px" : document.body.clientWidth > 210? "210px" : "auto"); /* для ie*/
}
.block_blue .head { font-size:110%; color:#3F8DD1; font-weight:bold; padding-left:8px; margin-bottom:5px }
.block_blue .day { font-weight:bold }
.block_blue .data { color:#3F8DD1; font-weight:bold }
.block_blue p { margin-top:5px }
.block_blue .tl { background:url(/img/block_tl.gif) no-repeat top left; width:100%; height:5px; font-size:1px }
.block_blue .bl_weather { background:url(/img/block_weather.gif) no-repeat bottom left; padding:5px 5px 20px 5px }
.block_blue .bl_weather .content { padding:0 0 0 90px }
.block_blue .bl_currency { background:url(/img/block_currency.gif) no-repeat bottom left; padding:5px 5px 20px 5px }
.block_blue .bl_currency .content { padding:0 0 0 90px }
.block_blue .bl_calculator { background:url(/img/block_calculator.gif) no-repeat bottom left; padding:5px 5px 20px 5px }
.block_blue .bl_calculator p { padding:0px 10px }
.block_blue .bl_calculator .content { padding:10px 0 0 90px }
.block_blue .bl_calculator .content .calc td { font-size:10px; margin:0px; padding:0px }
.block_blue .bl_calculator .content .calc td a, .block .bl_calculator .content .calc td a:hover { color:#3A4345; text-decoration:none }
.block_blue .bl_calculator .content .calc .a { background:url(/img/ic_a_bg.gif) no-repeat top left; height:19px; padding-left:6px }
.block_blue .bl_calculator .content .calc .na { background:none; padding-left:6px }
.block_blue .bl_payment { background:url(/img/block_payment.gif) no-repeat bottom left; padding:5px 5px 20px 5px }
.block_blue .bl_payment .content {
padding:5px 0 10px 100px;
min-height: 55px; /* для нормальных браузеров*/
-height: 55px /* для ie6 достаточно этого, т.к. он воспринимает свойство "height" как min-height*/ min-height: 55px;
height:auto !important;
height:55px; /* последние 3 строчки — для ie7 */
}
.block_blue .bl_payment .content .left { float:left; display:table; padding:1px }
.block_blue .b .more { background-color:White; margin-top:-9px }
.b .more .blue { background:url(/img/blue_btn_bg.gif) no-repeat bottom left; height:18px; margin-right:15px; cursor:pointer; cursor:pointer }
.b .more .blue div { background:url(/img/blue_btn_r.gif) no-repeat bottom right; height:18px; line-height:16px; padding:0px 10px 0 25px }
.b .more .blue div a, .b .more .blue div a:hover { color:White; text-decoration:none }
/* Special */
.Special { margin-bottom:10px}
.Special .head_l { background:url(/img/special_bg.gif) no-repeat top left;
min-height: 140px; /* для нормальных браузеров*/
-height: 140px /* для ie6 достаточно этого, т.к. он воспринимает свойство "height" как min-height*/ min-height: 140px;
height:auto !important;
height:140px; /* последние 3 строчки — для ie7 */
}
.Special .head_l .head_r { background:url(/img/special_r.gif) no-repeat top right;
min-height: 140px; /* для нормальных браузеров*/
-height: 140px /* для ie6 достаточно этого, т.к. он воспринимает свойство "height" как min-height*/ min-height: 140px;
height:auto !important;
height:140px; /* последние 3 строчки — для ie7 */
}
.Special .head_l .head_r div.id { float:left; display:block; width:45px; text-align:center; line-height:28px; color:White; font-size:120% }
.Special .head_l .head_r div.preview { float:left; display:block; width:182px; margin:5px 0 0 2px; padding:2px; background-color:White }
.Special .head_l .head_r div.preview img { border:#B43503 1px Solid }
/* IE 7 */
*+html .Special .head_l .head_r .content { float:left; display:table; margin-left:10px }
/* IE 6 */
* html .Special .head_l .head_r .content { float:left; display:table; margin-left:10px }
/* FireFox */
@-moz-document url-prefix() {
.Special .head_l .head_r .content { display:table; padding-left:10px }
}
/* Opera */
@media all and (min-width:0px) {
head~body .Special .head_l .head_r .content { display:table; padding-left:10px }
}
.Special .head_l .head_r .content .name { font-size:130%; color:White; line-height:28px }
.Special .head_l .head_r .content .name a { color:White; text-decoration:none }
.Special .head_l .head_r .content .name a:hover { color:White; text-decoration:underline }
.Special .head_l .head_r .content .description { margin-top:5px }
.Special .head_l .head_r .content .description div span { font-size:90% }
.Special .head_l .head_r .content .description ul { list-style-type:none; margin:5px 20px; font-size:90% }
/* FireFox */
@-moz-document url-prefix() {
.Special .head_l .head_r .content div.description ul { list-style-type:none; padding:10px 20px; margin:0px; font-size:90% }
}
/* Opera */
@media all and (min-width:0px) {
head~body .Special .head_l .head_r .content div.description ul { list-style-type:none; padding:10px 20px; margin:0px; font-size:90% }
}
/* Catalogue */
.Catalogue { margin-bottom:10px}
.Catalogue .head_l { background:url(/img/catalogue_bg.gif) no-repeat top left;
min-height: 140px; /* для нормальных браузеров*/
-height: 140px /* для ie6 достаточно этого, т.к. он воспринимает свойство "height" как min-height*/ min-height: 140px;
height:auto !important;
height:140px; /* последние 3 строчки — для ie7 */
}
.Catalogue .head_l .head_r { background:url(/img/catalogue_r.gif) no-repeat top right;
min-height: 140px; /* для нормальных браузеров*/
-height: 140px /* для ie6 достаточно этого, т.к. он воспринимает свойство "height" как min-height*/ min-height: 140px;
height:auto !important;
height:140px; /* последние 3 строчки — для ie7 */
}
.Catalogue .head_l .head_r div.id { float:left; display:block; width:45px; text-align:center; line-height:24px; color:White; font-size:110% }
.Catalogue .head_l .head_r div.preview { float:left; display:block; width:140px; margin:5px 0 0 2px; background:url(/img/gallery_bg.gif) no-repeat bottom left }
.Catalogue .head_l .head_r div.preview div img { border:White 2px Solid }
.Catalogue .head_l .head_r div.preview .gallery { background-color:White; margin-top:4px }
/* Btn small Gallery green */
.gallery .btn { background:url(/img/gallery_btn_bg.gif) no-repeat bottom left; height:18px; cursor:pointer; cursor:pointer }
.gallery .btn div { background:url(/img/green_btn_r.gif) no-repeat bottom right; height:18px; line-height:16px; padding:0px 10px 0 25px }
.gallery .btn div a, .gallery .btn div a:hover { font-size:90%; color:White; text-decoration:none }
/* IE 7 */
*+html .Catalogue .head_l .head_r .content { float:left; display:table; margin-left:10px }
/* IE 6 */
* html .Catalogue .head_l .head_r .content { float:left; display:table; margin-left:10px }
/* FireFox */
@-moz-document url-prefix() {
.Catalogue .head_l .head_r .content { display:table; padding-left:10px }
}
/* Opera */
@media all and (min-width:0px) {
head~body .Catalogue .head_l .head_r .content { display:table; padding-left:10px }
}
.Catalogue .head_l .head_r .content .name { font-size:130%; color:White; line-height:24px }
.Catalogue .head_l .head_r .content .name a { color:White; text-decoration:none }
.Catalogue .head_l .head_r .content .name a:hover { color:White; text-decoration:underline }
.Catalogue .head_l .head_r .content .description { margin-top:5px }
.Catalogue .head_l .head_r .content .description div span { font-size:90% }
.Catalogue .head_l .head_r .content .description ul { list-style-type:none; margin:5px 20px; font-size:90% }
/* FireFox */
@-moz-document url-prefix() {
.Catalogue .head_l .head_r .content div.description ul { list-style-type:none; padding:10px 20px; margin:0px; font-size:90% }
}
/* Opera */
@media all and (min-width:0px) {
head~body .Catalogue .head_l .head_r .content div.description ul { list-style-type:none; padding:10px 20px; margin:0px; font-size:90% }
}
/* Btn Booking */
.booking { margin:10px 0 0 15px }
.booking .buttons { margin-top:-5px }
.booking .buttons .bg { background:url(/img/booking_btn_bg.gif) no-repeat bottom left; height:21px; cursor:pointer; cursor:pointer }
.booking .buttons .bg div { background:url(/img/red_btn_r.gif) no-repeat bottom right; height:21px; line-height:19px; padding:0px 15px 0 35px }
.booking .buttons .bg div a, .b .booking .bg div a:hover { color:White; text-decoration:none; white-space:nowrap }
/* Btn View */
.view { margin:10px 0 0 15px }
.view .buttons { margin-top:-5px }
.view .buttons .bg { background:url(/img/view_btn_bg.gif) no-repeat bottom left; height:21px; cursor:pointer; cursor:pointer }
.view .buttons .bg div { background:url(/img/red_btn_r.gif) no-repeat bottom right; height:21px; line-height:19px; padding:0px 10px 0 30px }
.view .buttons .bg div a, .view .buttons .bg div a:hover { font-size:90%; color:White; text-decoration:none; white-space:nowrap }
/* Btn small Key green */
.price_green { margin-top:30px }
.price_green .keys_green_pic { background:url(/img/keys_green.gif) no-repeat top left; height:36px }
.price_green .keys_green { background:url(/img/keys_green_bg.gif) no-repeat top left; margin-left:41px; height:23px }
.price_green .keys_green div { background:url(/img/keys_green_r.gif) no-repeat top right; height:23px; line-height:22px; padding:0px 10px 0 15px; font-size:120%; color:White; white-space:nowrap }
/* Btn small Key gray */
.price_gray { margin-top:-7px }
.price_gray .keys_gray_pic { background:url(/img/keys_gray.gif) no-repeat top left; height:36px }
.price_gray .keys_gray { background:url(/img/keys_gray_bg.gif) no-repeat top left; margin-left:41px; height:23px }
.price_gray .keys_gray div { background:url(/img/keys_gray_r.gif) no-repeat top right; height:23px; line-height:22px; padding:0px 10px 0 15px; font-size:120%; white-space:nowrap }
/* Btn small Key blue */
.price_blue { margin-top:-7px }
.price_blue .keys_blue_pic { background:url(/img/keys_blue.gif) no-repeat top left; height:36px }
.price_blue .keys_blue_pic .guest { margin-left:41px; font-size:80% }
.price_blue .keys_blue { background:url(/img/keys_blue_bg.gif) no-repeat top left; margin-left:41px; height:23px }
.price_blue .keys_blue div { background:url(/img/keys_blue_r.gif) no-repeat top right; height:23px; line-height:22px; padding:0px 10px 0 15px; font-size:120%; color:White; white-space:nowrap }
/* GreenBlock_Flat */
.brd_gr_box_i { background:url(/img/brd_gr_tl_r.png) no-repeat top left; font-size:90%; margin-top:3px }
.brd_gr_top_i { background:url(/img/brd_gr_tr_r.png) no-repeat top right }
.brd_gr_bottom_i { background:url(/img/brd_gr_bl.png) no-repeat bottom left }
.brd_gr_bottom_i div { background:url(/img/brd_gr_br_r.png) no-repeat bottom right }
.brd_gr_content_i { background:url(/img/brd_gr_r.png) top right repeat-y }
.brd_gr_content_i .head_l { background:url(/img/green_bg_flat.gif) no-repeat top left; margin-left:3px; width:auto }
.brd_gr_content_i .head_l .head_r { background:url(/img/green_r.gif) no-repeat top right }
.brd_gr_content_i .head_l .head_r div.id { float:left; display:block; width:57px; text-align:center; line-height:28px; color:White; font-size:140% }
.brd_gr_content_i .head_l .head_r div.name { margin:0 15px 0 67px; white-space:nowrap; font-size:140%; color:White; line-height:28px }
.brd_gr_top_i div, .brd_gr_top_i { width:100%; height:15px; font-size:1px }
.brd_gr_bottom_i div, .brd_gr_bottom_i { width:100%; height:10px; font-size:1px; margin:0px }
.brd_gr_content_i .description { font-size:110%; padding:10px 15px 15px 15px }
.brd_gr_content_i .description h2 { font-size:90%; color:#a61b0a; margin:20px 0 10px 0 }
.brd_gr_content_i .description h3 { font-size:100%; color:#1979CB; margin:10px 0 5px 0 }
.brd_gr_content_i .description .padding-left { padding-left:20px }
.brd_gr_content_i .description .text { padding:5px 0 }
.brd_gr_content_i .description .map iframe { border:#D9D9D9 1px Solid; width:425px }
/* Что в квартире */
.What { }
.What .category { }
.What .category .image { float:left }
.What .category .content { padding:0 0 0 40px }
.What .category .content .title { font-size:100%; color:#1979CB; margin:10px 0 5px 0 }
.What .category .content .subcategory { padding:0px; white-space:wrap; border-bottom:#d9d9d9 1px Solid; padding-bottom:20px }
.What .category .content .subcategory .name { background:url(/img/li_blue.gif) no-repeat top left; margin-top:2px; padding:0px }
.What .category .content .subcategory .name div { font-size:90%; padding:0 0 0 15px; margin:0px; vertical-align:top }
/* Галерея */
.rcg_box { background:#EEEEEE; margin:10px 5px }
.rcg_top { background:url(/img/rcg_tl.gif) no-repeat top left }
.rcg_top div { background:url(/img/rcg_tr.gif) no-repeat top right }
.rcg_bottom { background:url(/img/rcg_bl.gif) no-repeat bottom left }
.rcg_bottom div { background:url(/img/rcg_br.gif) no-repeat bottom right }
.rcg_top, .rcg_top div, .rcg_bottom div, .rcg_bottom { width:100%; height:6px; font-size:1px }
.rcg_content { padding:5px 10px 5px 10px; display:table; text-align:center }
.rcg_content_left { padding:5px 10px 5px 10px; display:table; text-align:left }
.rcg_content .close { float:right; padding:0px }
.rcg_content .title { padding:10px 0 0 0; text-align:center; font-size:130%; font-weight:bold; color:#528d00 }
.rcg_content .image { }
.rcg_content .image img { border:White 1px Solid }
.rcg_content .cont { width:336px }
.rcg_content .cont .ramka { float:left; border:1px solid #ddd; width:82px; height:62px }
.rcg_content .cont .ramka img { border:White 1px Solid; cursor:pointer }
/* Окошко превью */
.Preview-win { position:absolute; left:20%; width:600px !important; top:5%; padding:0 0 10px 0; background-image:none !important; display:none; z-index:9999 }
.rcg_content .cont_prev { width:504px }
.rcg_content .cont_prev .ramka { float:left; border:1px solid #ddd; width:82px; height:62px }
.rcg_content .cont_prev .ramka img { border:White 1px Solid; cursor:pointer }
/* Кнопка Цена */
.flat_price { margin:0px }
.flat_price .fkeys_green_pic { background:url(/img/fkeys_green.gif) no-repeat top left; height:44px }
.flat_price .fkeys_green { background:url(/img/fkeys_green_bg.gif) no-repeat top left; margin-left:48px; height:28px }
.flat_price .fkeys_green div { background:url(/img/fkeys_green_r.gif) no-repeat top right; height:28px; line-height:27px; padding:0px 15px 0 20px; font-size:130%; color:White; white-space:nowrap }
/* Кнопка Забронировать */
.flat_booking { margin:0 0 0 15px }
.flat_booking .bg { background:url(/img/fbooking_btn_bg.gif) no-repeat top left; height:28px; cursor:pointer; cursor:pointer }
.flat_booking .bg div { background:url(/img/fbooking_btn_r.gif) no-repeat top right; height:28px; line-height:26px; padding:0px 20px 0 40px; font-size:130% }
.flat_booking .bg div a, .flat_booking .bg div a:hover { color:White; text-decoration:none; white-space:nowrap }
/* Общая информация */
.totalinfo .tab_l { background:url(/img/tab_l.gif) no-repeat top left; width:5px; height:24px }
.totalinfo .tab_info { border-top:#D9D9D9 1px Solid; height:23px; padding:0 9px; white-space:nowrap }
.totalinfo .tab_count { border-top:#D9D9D9 1px Solid; background-color:#61A101; height:23px; padding:0 9px; color:White; font-weight:bold; white-space:nowrap; text-align:center }
.totalinfo .tab_b { background:url(/img/tab_b.gif) no-repeat top left; height:1px }
.totalinfo .tab_bot { background-color:#D9D9D9; height:1px }
/* Расположение */
.location { }
.location div span { font-size:90%; font-weight:bold }
.location div a { font-size:90% }
/* Закладки */
.fzakl { margin:10px 5px -3px 5px; background:url(/img/fzakl_bg.gif) bottom left repeat-x; font-size:11px }
.fzakl .pad { padding:0 1px }
.fzakl .a { height:35px; width:auto; border-bottom:#1374C6 1px Solid }
.fzakl .a .l { background:url(/img/fbtn_bg_a.gif) no-repeat bottom left; height:35px }
.fzakl .a .l .r { background:url(/img/fbtn_r_a.gif) no-repeat bottom right; height:35px }
.fzakl .a .l .r div.wrap { display: table-cell; text-align:center; vertical-align: middle; width:85px; height:35px; color:White; padding:0px 5px }
*+html .fzakl .a .l .r div.wrap { width:90px; height:35px; color:White; padding:5px 5px 0 5px }
.fzakl .na { height:35px; width:auto; border-bottom:#D9D9D9 1px Solid; vertical-align:bottom }
.fzakl .na a, .fzakl .na a:hover { text-decoration:none; cursor:pointer; cursor:pointer }
.fzakl .na .l { background:url(/img/fbtn_bg_na.gif) no-repeat bottom left; height:35px }
.fzakl .na .l .r { background:url(/img/fbtn_r_na.gif) no-repeat bottom right; height:35px }
.fzakl .na .l .r div.wrap { display:table-cell; text-align:center; vertical-align:middle; width:85px; height:35px; color:#3A4345; padding:0px 5px }
*+html .fzakl .na .l .r div.wrap { width:90px; height:35px; color:#3A4345; padding:5px 5px 0 5px }
/* Календарь */
.Calendar { margin-bottom:10px }
.CalendarHeader { height:28px; text-align:center; font-size:120%; color:White }
.CalendarHeader .bg { background:url(/img/c_header_bg.gif) no-repeat top left }
.CalendarHeader .bg div { background:url(/img/c_header_r.gif) no-repeat top right; height:28px; line-height:28px }
.c_box { background:url(/img/c_r.png) top left repeat-y }
.c_top { background:url(/img/c_tr.png) no-repeat top right }
.c_bottom { background:url(/img/c_bl.png) no-repeat bottom left }
.c_bottom div { background:url(/img/c_br.png) no-repeat bottom right }
.c_content { background:url(/img/c_r.png) top right repeat-y; margin:0px; padding:10px 5px 5px 5px; text-align:center }
.c_top div,.c_top, .c_bottom div, .c_bottom { width:100%; height:10px; font-size:1px }
.c_content_left { background:url(/img/c_r.png) top right repeat-y; margin:0px; padding:10px 5px 5px 5px }
.c_bottom { margin:0px }
.Body { font-size:11px; text-align:center }
.Body td.weekday { color:#1575C8 }
.Body td.weekend { color:#FDA28C }
.Body .free { background:url(/img/c_free.gif) no-repeat; width:20px; height:20px; color:Black }
.Body .busy { background:url(/img/c_busy.gif) no-repeat; width:20px; height:20px; color:White; font-weight:bold }
.Body .busy_pm { background:url(/img/c_busy_pm.gif) no-repeat; width:20px; height:20px; color:White; font-weight:bold }
.Body .busy_am { background:url(/img/c_busy_am.gif) no-repeat; width:20px; height:20px; color:White; font-weight:bold }
.Body .na { background:url(/img/c_na.gif) no-repeat; width:20px; height:20px; color:#D4D4D4 }
/* Paging */
.Paging {}
.Paging .left { float:left; display:block }
.Paging .right { float:right; display:block }
.Paging .pager { font-size:11px }
.Paging .pager .sel { color:White; font-weight:bold; border:#77BF0B 1px Solid; background-color:#61A101; padding:0 2px }
.Paging .pager .a { color:#3A4345; font-weight:bold; border:#77BF0B 1px Solid; padding:0 2px; margin:0 1px; cursor:pointer; cursor:pointer }
.Paging .pager .na { color:#3A4345; border:transparent 1px Solid; padding:0 2px; cursor:pointer; margin:0 1px; cursor:pointer }
.Paging .more { font-size:11px }
.Paging .more .green { background:url(/img/green_btn_bg.gif) no-repeat bottom left; height:18px; margin-right:10px; cursor:pointer; cursor:pointer }
.Paging .more .green div { background:url(/img/green_btn_r.gif) no-repeat bottom right; height:18px; line-height:16px; padding:0px 10px 0 25px }
.Paging .more .green div a, .b .more .green div a:hover { color:White; text-decoration:none }
/* Misc */
.margin10 { margin:10px 0 10px 10px }
.clr { height:20px; clear:both; background-color:White }
.clr_item { clear:both; font-size:0px; line-height:0px }
.clr_2px { height:2px; clear:both; background-color:White }
.gray_1px { height:1px; border-top:#d9d9d9 1px Solid; margin:15px 0 10px 0 }
.gray_1px_item { height:1px; border-top:#d9d9d9 1px Solid; margin:5px 0 }
.small { font-size:90% }
.fixed { width:auto }
.desctext { font-size:110% }
.desctext p { padding:3px 0 7px 0 }
blockquote { margin:5px 0 5px 20px }
.red { color:#CC0000; font-weight:normal }
.green { color:#61a101; font-weight:normal }
.warning { font-size:90%; color:#CC0000; font-weight:normal }
/* Form */
input.green { background-color:#B0EC4E; width:99%; border:#589401 1px Solid }
.btn { height:21px; border:0px; vertical-align:middle; margin:0px }
.form_name { border-top:#ebeaea 1px solid; padding-right:10px; padding-left:3px; padding-bottom:3px; padding-top:3px; white-space: nowrap; }
.form_content { border-top:#ebeaea 1px solid; white-space: nowrap; }
.form_button { border-top:#ebeaea 1px solid; padding:10px 0px 0px 5px; }
.form_content input { font-size:11px; color:Black; background-color:#d9d9d9; border:0px; padding-right:3px; padding-bottom:2px; padding-top:2px }
.form_content select { font-size:11px; color:Black; height:18px; background-color:#d9d9d9; border:0px; padding-right:3px; padding-bottom:2px; padding-top:2px }
.form_content textarea { font-size:11px; color:Black; height:50px; background-color:#d9d9d9; border:0px; padding-right:3px; padding-bottom:2px; padding-top:2px }
.form_name1 { font-size:90%; padding-left:3px; padding-bottom:3px; padding-top:3px; white-space: nowrap; }
.form_content1 input { font-size:11px; color:Black; background-color:#d9d9d9; border:0px; padding-right:3px; padding-bottom:2px; padding-top:2px }
/* Content : News, Articlies Responses */
.newscontent .data { font-size:90%; color:#4E8700; font-weight:bold }
.newscontent .year { font-size:110%; color:#61696A; font-weight:bold }
.newscontent .name { font-size:90%; color:#4E8700 }
.newscontent p { margin-top:5px }
.newscontent .more .green { background:url(/img/green_btn_bg.gif) no-repeat bottom left; height:18px; margin-right:10px; cursor:pointer; cursor:pointer }
.newscontent .more .green div { background:url(/img/green_btn_r.gif) no-repeat bottom right; height:18px; line-height:16px; padding:0px 10px 0 25px }
.newscontent .li { background:url(/img/li_green.gif) no-repeat top left; margin-top:2px; padding:0px }
.newscontent .li div { padding:0 0 0 10px; margin:0px; vertical-align:top }