/***** Общие стили *****/ table, th, td, form {margin: 0px; padding: 0px} table {border-collapse: collapse} img {border: none} p { margin-top:0px; margin-bottom:8px; } #footer_full { font-size:11px; } #footer_full a{ font-size:11px; } #footer_full { margin:12px 0px 7px 30px; } .w100 {width: 100%} .block {display: block} .relative {position: relative} .center {margin-left: auto; margin-right: auto} .bold {font-weight: bold !important} .italic {font-style: italic !important} .nowrap {white-space: nowrap} /***** *****/ html, body {height: 100%; margin: 0px; padding: 0px} body {background: #130f0f url(/i/body_bg.jpg) repeat left top; font-family: Arial, Helvetica, Sans-serif; font-size: 0.83em; color: #ffffff} body#gb {background: #130f0f no-repeat left top; font-family: Arial, Helvetica, Sans-serif; font-size: 0.83em; color: #ffffff} body#gb_old {background: #130f0f url(/i/gb_bg.jpg) no-repeat left top; font-family: Arial, Helvetica, Sans-serif; font-size: 0.83em; color: #ffffff} body#menu {background: #130f0f url(/i/menu_bg.jpg) no-repeat left top; font-family: Arial, Helvetica, Sans-serif; font-size: 0.83em; color: #ffffff} body a:link, body a:visited {color: #ffffff; text-decoration: underline} body a:active, body a:hover {color: #ffffff; text-decoration: none} hr {color: #d7c3aa; height: 1px; background-color:#d7c3aa; border-width:0px;} hr.bottom {color: #8c6945; height: 1px; background-color:#8c6945; border-width:0px;} /***** Основные контейнеры *****/ table#root {width: 100%; height: 100%; background: url(/i/layer_ver_beam_lower.gif) repeat-y right 356px} table#root-internal {width: 100%; height: 100%;} td#root_cell {vertical-align: top; background: url(/i/root_bg.jpg) repeat-x left top} td#root_cell-internal {vertical-align: top; background: url(/i/root_bg_internal.jpg) repeat-x left top} div#root_div {position: relative} div#root_spacer {width: 995px; height: 1px} /***** Элементы с position: absolute *****/ div#layer_bull {position: absolute; left: 0px; top: 161px; width: 100%; height: 195px;} div#layer_desk {position: absolute; left: 0px; top: 128px; width: 100%; height: 228px; background: url(/i/layer_desk.png) no-repeat 90% top} * html div#layer_desk {left: 70%; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/layer_desk.png", sizingMethod=image)} div#layer_bottles {position: absolute; left: 0px; top: 216px; width: 100%; height: 140px; background: url(/i/layer_bottles.png) no-repeat 70% top} * html div#layer_bottles {left: 59%; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/layer_bottles.png", sizingMethod=image)} div#layer_text_on_wood {position: absolute; left: 30px; top: 53px; width: 250px; height: 40px; overflow: hidden} div#layer_text_on_wood table {width: 250px; height: 40px; vertical-align: middle; font-size: 0.9em} div#layer_text_on_wood span.current { } div#layer_text_on_wood span.separator {margin: 0px 0.75em} div#layer_flash_main {position: absolute; left: 0px; top: 93px; width: 292px; height: 307px; background: url(/i/layer_flash_main.jpg) no-repeat left top; z-index:3;} div#layer_flash_main1 {position: absolute; left: 0px; top: 93px; width: 292px; height: 307px; background: url(/i/layer_flash_main.jpg) no-repeat left top; z-index:3;} div#layer_flash_main2 {position: absolute; left: 0px; top: 93px; width: 292px; height: 307px; background: url(/i/layer_flash_main_eng.jpg) no-repeat left top; z-index:3;} div#layer_flash_internal {position: absolute; left: 0px; top: 93px; width: 311px; height: 202px; background: url(/i/_menu.jpg) no-repeat left top; z-index:3;} div#layer_sign {position: absolute; left: 0px; top: 37px; width: 100%; height: 1px} div#layer_sign_box {margin: 0px auto; position: relative; width: 600px; height: 139px} div#layer_sign_bg {position: absolute; left: 57px; top: 0px; width: 543px; height: 139px; background: url(/i/layer_sign.png) no-repeat 50% top} * html div#layer_sign_bg {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/layer_sign.png", sizingMethod=image)} div#layer_sign_bg_nophoto {position: absolute; left: 57px; top: 0px; width: 543px; height: 139px; background: url(/i/layer_sign_nophoto.png) no-repeat top} * html div#layer_sign_bg_nophoto {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/layer_signnophoto.png", sizingMethod=image)} div#layer_sign_img {position: absolute; left: 125px; top: 53px} div#layer_sign_img img {display: block; width: 56px; height: 56px} div#layer_sign_text {position: absolute; left: 220px; top: 52px; width: 320px; height: 55px; overflow: hidden} div#layer_sign_text table {width: 320px; height: 55px; vertical-align: middle; font-size: 1.4em; color: #b61818} div#layer_sign_text table a {color: #b61818} div#layer_sign_text_nophoto {position: absolute; left: 120px; top: 52px; width: 420px; height: 55px; overflow: hidden} div#layer_sign_text_nophoto table {width: 410px; height: 55px; vertical-align: middle; font-size: 1.4em; color: #b61818} div#layer_sign_text_nophoto table a {color: #b61818} div#layer_sign_more {position: absolute; left: 220px; top: 109px; width: 328px; height: 27px; overflow: hidden} div#layer_sign_more table {width: 328px; height: 27px; vertical-align: middle; font-size: 0.9em; color: #613c17} div#layer_sign_more table td {text-align: right} div#layer_sign_more table a {color: #613c17} div#layer_hor_beam {position: absolute; left: 0px; top: 4px; width: 100%; height: 33px; background: url(/i/layer_hor_beam.gif) repeat-x right top} div#layer_text_on_steel {position: absolute; left: 30px; top: 15px; } div#layer_text_on_steel table { vertical-align: middle; font-size: 0.83em} div#layer_text_on_steel .current { background-color:#292016; padding:4px;} div#layer_text_on_steel .no_current { padding:4px;} div#layer_text_on_steel span.separator {margin: 0px 0.75em} div#lang { } div#layer_ver_beam_upper {position: absolute; right: 0px; top: 0px; width: 106px; height: 356px; background: url(/i/layer_ver_beam_upper.gif) no-repeat right top} * html div#layer_ver_beam_upper {right: -1px} div#layer_ver_beam_lower {position: absolute; right: 0px; top: 356px; width: 89px; height: 234px; background: url(/i/layer_ver_beam_lower.jpg) no-repeat right top} * html div#layer_ver_beam_lower {right: -1px} div#layer_phone {position: absolute; right: 0px; top: 220px; width: 160px; height: 298px; background: url(/i/layer_phone.png) no-repeat right top;} * html div#layer_phone {right: -1px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/layer_phone.png", sizingMethod=image)} /***** Под барной стойкой *****/ div#middle_box {margin-top: 355px; padding-right: 140px; background: url(/i/middle_bg.gif) no-repeat center top} div#photo {padding: 67px 26px 57px 23px; width: 261px; height: 174px;} div#photo table#photo_buttons {position: absolute; left: 240px; top: 612px} div#photo a, div#photo img {display: block} .index_content {line-height: 140%} .index_content h1 {font-size: 1.35em; color: #e0c298} .index_content a {color: #e0c298 !important} .index_content .phone {margin: 0.7em 0px; font-size: 1.5em} div#footer {padding: 0px 0px 0px 30px} table#services { width:96%;} table#services td.item {border: 1px solid #302c2a; padding: 10px; font-size: 0.83em; color: #f4ead3; vertical-align: middle; background: no-repeat 12px center} table#copyright {width: 100%; margin-top: 30px; font-size: 0.83em; padding-bottom:5px;} table#copyright td.left1 {width: 100%; text-align: left; vertical-align: bottom;} table#copyright td.left1 div.item {float: left; margin: 0px 20px 15px 0px; text-transform: uppercase} table#copyright td.left1 div.item a {color: #f4ead3 !important} table#copyright td.left {width: 100%; text-align: left; vertical-align: bottom} table#copyright td.left div.item {float: left; margin: 0px 20px 15px 0px; text-transform: uppercase} table#copyright td.left div.item a {color: #f4ead3 !important} table#copyright td.right {padding: 0px 0px 0px 0px; text-align: center; vertical-align: bottom} table#copyright td.right a, table#copyright td.right img {display: block} div#slideshow {position: absolute; left: 24px; top: 464px; width: 260px; height: 173px; z-index:5;} /***** Внутренние страницы *****/ div#clock {position: absolute; left: 286px; top: 37px; width: 525px; height: 137px; background: url(/i/clock.png) no-repeat; z-index: 5;} * html div#clock {right: -1px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/clock.png", sizingMethod=image)} div#clock_bar {position: absolute; left: 286px; top: 37px; width: 527px; height: 149px; background: url(/i/clock_bar.png) no-repeat ;} * html div#clock_bar {right: -1px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/clock_bar.png", sizingMethod=image)} div#plate { width: 100%; height:290px; background: url(/i/menu_plate.png) no-repeat left top} * html div#plate {right: -1px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/menu_plate.png", sizingMethod=image)} div#content {position: relative; margin-top: 106px; padding-right: 90px; z-index: 2;} div#content_spacer {height:550px;} .path { font-size: 0.8em; color: #8c6945; } .date { font-size: 0.8em; color: #8c6945; } .main_content {line-height: 140%; background: url(/i/bg_content.gif); color: #282222;} .main_content h1 {font-size: 1.4em; color: #8c6945; padding-top: 3px; padding-bottom: 10px; margin: 0px; text-transform:uppercase; line-height:120%;} .main_content h2 { font-size: 1.2em; color: #8c6945; padding-bottom:2px; margin: 0px; display:inline;} .main_content a {color: #8c6945 !important} .h1 {font-size: 1.4em; color: #8c6945; padding-top: 3px; padding-bottom: 10px; margin: 0px; text-transform:uppercase; line-height:120%;} .right_content {line-height: 140%; background: url(/i/bg_content.gif); color: #282222;} .right_content h1 {font-size: 1.35em; color: #8c6945; padding-top:0px; margin: 0px;} .right_content .phone {margin: 0.7em 0px; font-size: 1.5em} .right_content a {color: #8c6945 !important} div#sub-menu { margin-left: -10px;} .sub-menu-item {display: block; padding-left: 10px; padding-top:5px; padding-bottom:5px;} .sub-menu-item-current {display: block; padding-left: 10px; padding-top:5px; padding-bottom:5px;background-color:#ccb593; font-weight: bold;} div#go_gb { margin-left: -25px; padding-top: 10px; padding-bottom:10px;} #news_archive td { padding-right: 5px;} #news_archive table { margin: 0px; padding-bottom:0px;} /***** KEY VISUAL *****/ div#key-visual-01a {position: absolute; left: 0px; top: 295px; width: 311px; height: 376px; background: url(/i/01a.jpg) no-repeat left top} div#key-visual-01b {position: absolute; right: 0px; top: 200px; width: 90px; height: 108px; background: url(/i/01b.jpg) no-repeat left top} div#key-visual-02a {position: absolute; left: 0px; top: 295px; width: 311px; height: 376px; background: url(/i/02a.jpg) no-repeat left top} div#key-visual-02b {position: absolute; right: 0px; top: 105px; width: 90px; height: 203px; background: url(/i/02b.png) no-repeat left top} * html div#key-visual-02b {right: -1px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/02b.png", sizingMethod=image)} div#key-visual-03a {position: absolute; left: 0px; top: 295px; width: 311px; height: 376px; background: url(/i/03a.jpg) no-repeat left top} div#key-visual-03b {position: absolute; right: 0px; top: 0px; width: 90px; height: 484px; background: url(/i/03b.png) no-repeat left top} * html div#key-visual-03b {right: -1px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/03b.png", sizingMethod=image)} div#key-visual-03c {position: absolute; right: 90px; top: 0px; width: 234px; height: 484px; background: url(/i/03c.png) no-repeat } * html div#key-visual-03c {right: -1px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/03c.png", sizingMethod=image)} div#key-visual-04a {position: absolute; right: 0px; top: 37px; width: 449px; height: 70px; background: url(/i/grill_01.jpg) no-repeat left top; z-index:100} div#key-visual-04b {position: absolute; right: 0px; top: 107px; width: 325px; height: 255px; background: url(/i/grill_02.jpg) no-repeat left top; z-index:100} /***** Меню *****/ .mlink {float: left; padding: 2px; padding-left:10px; padding-right:10px;} .mlink a:hover,.mlink a:link,.mlink a:visited { text-decoration: none; border-bottom: 1px dashed #8c6945;} .mlink-current {float: left; padding:2px; background-color: #8c6945; padding-left:10px; padding-right:10px;} .mlink-current a:hover,.mlink-current a:link,.mlink-current a:visited { text-decoration: none; color:#ffffff !important;} div#food table {width:100%;} div#food td {padding-top:5px; padding-bottom: 0px; border-bottom: 1px solid #c9c2ac;} div#food_sub td {padding-top:5px; padding-bottom: 0px; border-bottom: 0px;} div#food .food_field {padding-left:8px; padding-top:0px; padding-bottom:2px;} /* div#food .food_name {padding-bottom:5px;} */ div#food a { color: #282222 !important } .img { border: 3px solid #ffffff; padding-bottom:0px;} .img0 { padding: 3px;} div#food .title {font-size: 1.2em; font-weight:bold;} .title2 {font-size: 1em;} div#food .desc {font-size: 0.8em;} div#food .price {font-weight: bold; font-size: 1.2em; color: #8c6945;} div#food h2 {font-weight: bold; text-transform:uppercase; font-size: 0.8em; color: #282222; margin: 0px;} div#news_photos table td { padding:5px; padding-top:10px; padding-bottom:10px;} div#img_news { float:left; margin-right:10px;} .img_news { float:left; margin-right:10px; margin-bottom:5px; width:66px;} .vacancy table td {padding: 5px;} ul {margin-left: -15px;} /***** Форма *****/ div#form {padding-right:10px; color: #8c6945; padding-bottom:10px;} div#form .descr {font-size: 0.8em; line-height:1.2em;} div#form td {padding-left:5px; padding-top:3px; padding-bottom: 3px; border-top: 1px solid #c9c2ac;} div#form input {width:98%; background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; border:solid 1px #e2d3bb; font-size:1.2em; padding:3px;} div#form textarea {width:98%; height:100px; background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; border:solid 1px #e2d3bb; font-size:1.2em; padding:3px;} .submit {width:100%; background-color:#ccb593; font-family: Arial, Helvetica, sans-serif; border:solid 1px #e2d3bb; font-size:1em; padding:5px;} /* scroll */ div#hold { position:relative; overflow:hidden; width:260px; height:174px; z-index:100 } div#wn { position:absolute; left:0px; top:0px; width:260px; height:174px; clip:rect(0px, 260px, 174px, 0px); overflow:hidden; z-index:1; } div#lyr1 { position:absolute; visibility:hidden; left:0px; top:0px; z-index:1; } /* table containing images. adjust according to your images' sizes and numbers */ table#t1 { width:780px } table#t1 td { width:260px; vertical-align:middle; text-align:center } /* /scroll */