@charset "utf-8";
/* CSS Document */
/*@font-face {
 font-family: 'maestrocregular';
 src: url('font/23_maestroc_0-webfont.eot?xxx');
 src: url('font/23_maestroc_0-webfont.eot?xxx#iefix') format('embedded-opentype'),
 url('font/23_maestroc_0-webfont.woff?xxx') format('woff'),
 url('font/23_maestroc_0-webfont.ttf?xxx') format('truetype'),
 url('font/23_maestroc_0-webfont.svg?xxx#maestrocregular') format('svg');
 font-weight:normal;
 font-style:normal;
 
 }
 */
html, body {
    font-family: 'Open Sans', Arial, serif;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: 400;
}

#popupAds {
    width: 996px;
    height: 597px;
    background: url('/img/popup-bg.png') no-repeat scroll center center transparent;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -498px;
    margin-top: -299px;
    z-index: 12000;
}
#popupFeedback{
    width: 996px;
    height: 597px;
    background: url('/img/popup-feedback-bg.png') no-repeat scroll center center transparent;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -498px;
    margin-top: -299px;
    z-index: 12001;
}
#popupFeedback h4 {
    padding: 38px 0 20px 39px;
    color: #e4e7e2;
    font: 48px / 48px 'Open Sans', Arial, serif;
    text-align: left;
    font-weight: 300;
}

#popupMap {
    width: 996px;
    height: 597px;
    background: url('/img/popup-map-bg.png') no-repeat scroll center center transparent;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -498px;
    margin-top: -299px;
    z-index: 12000;
}

#popupAds h4 {
    padding: 38px 0 20px 39px;
    color: #e4e7e2;
    font: 48px / 48px 'Open Sans', Arial, serif;
    text-align: left;
    font-weight: 300;
}

#popupMap h4 {
    padding: 38px 0 20px 39px;
    color: #cbbeae;
    font: 33px / 33px 'Open Sans', Arial, serif;
    text-align: left;
    background: url('/img/pin.png') no-repeat scroll 257px 40px transparent;
    text-align: center;
        font-weight: 300;
}

#popupMap .cityMap {
    width: 960px;
    height: 472px;
    position: absolute;
    bottom: 19px;
    left: 17px;
}

#popupAds .promo {
    font: 25px / 50px 'Open Sans', Arial, serif;
    color: #edc485;
    width: 910px;
    border: 1px solid #a4b5b6;
    padding: 20px 0;
    margin: 20px 0 20px 40px;
}

#popupAds .promo2 {
    color: #e4e7e2;
    font: 14px / 25px 'Open Sans', Arial, serif;
    width: 556px;
    margin: 40px 0 0 40px;
    text-align: left;
}

#popupAds .promo3 {
    color: #e4e7e2;
    font: 15px / 15px 'Open Sans', Arial, serif;
    position: absolute;
    left: 671px;
    top: 251px;
}

#popupAds .promo4, #popupAds .promo5, #popupAds .promo6 {
    font: 25px / 25px 'Open Sans', Arial, serif;
    position: absolute;
    left: 671px;
    top: 285px;;
}

#popupAds .promo5 {
    top: 330px;
}
#popupAds .promo6 {
    top: 375px;
}

#popupAds .promo4 span, #popupAds .promo5 span, #popupAds .promo6 span {
    color: #98a9aa;
}

#popupAds .promo4 i, #popupAds .promo5 i, #popupAds .promo6 i {
    color: #afc3a2;
    font-style: normal;
}

#popupAds .promo4 b, #popupAds .promo5 b, #popupAds .promo6 b {
    color: #e4e7e2;
    font-style: normal;
    font-weight: normal;
}

.closeButton {
    position: absolute;
    top: 14px;
    right: 13px;
    width: 22px;
    height: 23px;
    display: block;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}* + HTML .clearfix { /* IE7 */
    display: inline-block;
}* HTML .clearfix { /* IE6 */
    display: inline-block;
}

.hideObj {
    display: none !important;
}

.logo {
    display: block;
    height: 140px;
    left: 50%;
    position: fixed;
    top: 50%;
    width: 165px;
    z-index: 500;
    background: url('/img/logo.png') no-repeat scroll center center transparent;
    margin-left: -507px;
    margin-top: -347px;
}

.phoneFixed {
    font-size: 15px;
    color: #737b84;
    right: 279px;
    position: fixed;
    top: 28px;
}

.phoneFixed b {
    font-weight: normal;
    font-size: 24px;
    padding-left: 10px;
    z-index: 1000;
}

/*.lightBox {
    background: url('/img/light-box.png') no-repeat scroll 0 0 transparent;
    width: 93px;
    height: 165px;
    left: 756px 50%; this line should be commented
    right: 10px;
    position: absolute;
    top: 472px;50% this line should be commented
    bottom: 0;
    padding-right: 214px;
    padding-left: 2px;
    margin-left: 326px;
    margin-top: 239px;
    font: 12px / 19px 'Open Sans', Arial, serif;
    padding-top: 7px;
    text-align: center;
    z-index: 500;
    color:  #7c6445;
    text-decoration: none;
}

.lightBox:hover {
    color:  #c48233;
}

.lightBox span {
    border-bottom: 1px dotted #e1dfd4;
} */

.slide {
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: left;
    overflow: hidden;
}

.footerFix {
    height: 10px;
    position: relative;
    background-color: #e3eae0;
}

.wrapper {
    position: fixed;
    width: 900px;
    height: 100%;
    margin: 0 auto;
    top: 0;
    left: 50%;
    margin-left: -600px;
    text-align: left;
}

.mainMenu {
    left: 50%;
    margin-left: -491px;
    top: 50%;
    position: fixed;
    text-align: left;
    margin-top: -177px;
}

.mainMenu li {
    border-bottom: 1px solid #ebcfa7;
    text-align: left;
    display: block;
    height: 45px;
}

.mainMenu a {
    color: #656a65;
    text-decoration: none;
    font: 18px / 45px 'Open Sans', Arial, serif;
}

.mainMenu a:hover {
    color: #f4835c;
}

.mainMenu a.selected {
    color: #f4835c;
}

#slide1 {
    background: url('/img/bg-new.jpg') 100% 100%  no-repeat scroll #fefefe;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;


}

#slide1 h1 {
    color: #8fa17f;
    font: 48px / 48px 'Open Sans', Arial, serif;
    left: 50%;
    margin-left: -282px;
    margin-top: -346px;
    position: absolute;
    top: 50%;
    width: 716px;
    font-weight: 300;
    line-height: 1.2em;
}

#slide1 h2 {
    color: #8fa17f;
    font: 18px / 18px 'Open Sans', Arial, serif;
    left: 50%;
    margin-left: -282px;
    margin-top: -215px;
    position: absolute;
    top: 50%;
}

#slide1 {
    background-color: #fefefe;
}

#slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8, #slide9 {
    background-color: #e3dfd7;
    height: 50% !important;
}

#slide12 {
    background-color: #fcf9f5;
}

#subBlock2, #subBlock3 {
}

#subBlock3 {
    background-color: green;
}

#subSlide2 {
    text-align: left;
    left: 50%;
    position: fixed;
    top: 49%;
    margin-left: -100px;
    margin-top: -321px;
    margin-left: -284px;
    width: 900px;
    height: 600px;
}

#subSlide2 {
}

#subSlide2 h2 {
    font: 48px / 48px 'Open Sans', Arial, serif;
    color: #c6b190;
    font-weight: 300;
}
#subSlide2 h2.second {
   font: 48px / 48px 'Open Sans', Arial, serif;
    color: #c6b190;
    font-weight: 300;
    margin: 0 0 0 150px;
}

#slide2Menu {
    position: absolute;
    top: 100px;
    background: url('/img/slide-2.png') no-repeat scroll 14px 7px transparent;
    width: 399px;
    height: 299px;;
}

#slide2Menu a {
    color: #575c60;
    font: 13px / 52px 'Open Sans', Arial, serif;
    text-decoration: none;
    padding-left: 16px;
}

#slide2Menu a:hover, #slide2Menu a.selected {
    color: #f4835c;
}

#slide2Menu a.selected {
    background: url('/img/dot.png') no-repeat scroll 0 3px transparent;
}

.mapPopupLink {
    font-size: 17px;
    color: #737b84;
    display: block;
    width: 160px;
    height: 20px;
    background: url('/img/baloon.png') no-repeat scroll 0 6px transparent;
    text-decoration: none;
    text-align: center;
    z-index: 500;
}

.mapPopupLink:hover {
    color: #f4835c;
}

.mapPopupLink span {
    border-bottom: 1px dotted #737b84;
}

.slide2MapLink {
    color: #997e58;
    width: 150px;
    font-size: 13px;
    line-height: 25px;
}

.slide2MapLink span {
    border-bottom: 1px dotted #997e58;
}

.topMapLink {
    right: 60px;
    position: fixed;
    top: 33px;
}

.pgContainer {
    background-color: #e4e7e2;
}

.bcContainer {
    background-color: #f1ecd4;
}

/*
 * Photogallery Container
 */
/*
 * Contact Container
 */
.pgContainer h3 {
    color: #a68558;
font: 48px / 48px 'Open Sans', Arial, serif;
font-weight: 300;
}

#photoGallery {
    width: 744px;
    height: 450px;
    margin-top: 70px;
    margin-left: 40px;
    position: relative;
    overflow: hidden;
  /*  background: url('/img/photo1.jpg') no-repeat scroll center center transparent;*/
}

#photoGallery img.photo{
    position: absolute;
    top: 0;
    left: 0;
}


#photoGallery2 {
width: 570px;
height: 340px;
margin-top: 35px;
margin-left: 370px;
position: relative;
overflow: hidden;
}
#photoGallery2 img.photo{
    position: absolute;
    top: 0;
    left: 0;
}
/*
 * arendators
 */
.arendators h3 {
    color: #a68558;
font: 48px / 48px 'Open Sans', Arial, serif;
font-weight: 300;
}

#arendatorsMenu {
    padding: 15px 0;
}

#arendatorsMenu li {
    display: block;
    float: left;
    padding: 0 15px 0 0;
}

#arendatorsMenu a {
    padding: 7px;
    display: block;
    font: 18px / 18px 'Open Sans', Arial, serif;
    color: #656a65;
    text-decoration: none;
}

#arendatorsMenu a span {
    border-bottom: 1px dotted #656a65;
}

#arendatorsMenu a.selected {
    background-color: #f8e8d3;
    color: #7c6445;
    border-radius: 5px;
}

#arendatorsMenu a.selected span {
    border-bottom: none;
}

.arendators .block {
    float: left;
    width: 360px;
    margin-right: 50px;
    height: 80px;
    font: 15px / 16px 'Open Sans', Arial, serif;
    position: relative;
    border-bottom: 1px dotted #e1dfd4;
    margin-bottom: 10px;
}

.arendators .title {
    color: #656a65;
    padding: 0 55px 0 0;
}

.arendators .desc {
    color: #604522;
    font-size: 12px;
    padding: 2px 0;
}

.arendators .phone {
    color: #616161;
    font-size: 12px;
}

.arendators .appartment {
    color: #89612c;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
}

.arendators .link {
    position: absolute;
    bottom: 13px;
}

.arendators .link a {
    color: #616161;
    font-size: 12px;
}

.arendators .link a:hover {
    color: #f4835c;
}
/* 
#arendatorSlide0 .blockA, #arendatorSlide0 .blockB, #arendatorSlide0 .blockC {
    float: left;
    width: calc(50% - 20px);
    padding-right: 20px;
}

#arendatorSlide0 .title {
    color: #a68558;
    font-size: 21px;
}

#arendatorSlide0 .desc {
    color: #a68558;
    font-size: 13px;
    padding: 15px 0;
}

#arendatorSlide0 .link {
    margin: 0;
}

#arendatorSlide0 .blockA .arendatorLogo {
    width: 231px;
    height: 250px;
    background: url('/img/arendators.png') no-repeat scroll right center transparent;
}

#arendatorSlide0 .blockB .arendatorLogo {
    width: 200px;
    height: 250px;
    background: url('/img/arendators.png') no-repeat scroll -210px center transparent;
}

#arendatorSlide0 .blockC .arendatorLogo {
    width: 200px;
    height: 250px;
    background: url('/img/arendators.png') no-repeat scroll left center transparent;
} */

/*
 #arendatorSlide0 .blockB,
 #arendatorSlide0 .blockC
 
 /*
 * Contact Container
 */
.contactContainer {
    background-color: #e3eae0;
    color: #604522;
    font: 18px / 26px 'Open Sans', Arial, serif;
}

.contactContainer h3 {
    color: #a68558;
font: 48px / 48px 'Open Sans', Arial, serif;
    font-weight: 300;
}

.contactContainer h4 {
    color: #a68558;
    font: 32px / 32px 'Open Sans', Arial, serif;
}

.contactContainer p {
    padding-top: 60px;
}

.phoneNumbers {
    padding-bottom: 110px;
}

.contactContainer strong {
    color: #80877d;
    font: 18px / 35px 'Open Sans', Arial, serif;
}

.contactForm {
    padding: 20px 0;
    border-top: 1px dotted #a68558;
    border-bottom: 1px dotted #a68558;
    position: relative;
    height: 200px;
    width: 766px;
}

#city-map-contact {
    width: 465px;
    height: 300px;
    position: absolute;
    left: 300px;
    top: 97px;
}

.default {
    color: #604522;
    font: 13px / 13px 'Open Sans', Arial, serif;
    padding: 7px;
    border: 1px solid #a68558;
    border-radius: 3px;
    background-color: #f1f5f0;
}

#nameGC {
    position: absolute;
    top: 70px;
    left: 0;
    width: 289px;
}

#emailGC {
    position: absolute;
    top: 118px;
    left: 0;
    width: 289px;
}

#questionGC {
    position: absolute;
    top: 70px;
    left: 344px;
    width: 409px;
    height: 66px;
}

#sendContactInfo {
    position: absolute;
    top: 168px;
    left: 0;
    padding: 10px;
    border: 1px solid #c48233;
    background-color: #fce5b4;
    color: #8e5726;
    font: 15px / 15px 'Open Sans', Arial, serif;
    text-decoration: none;
    border-radius: 3px;
}

#sendContactInfo:hover {
    background-color: #f9edd3;
}

.slideContainer {
    left: 50%;
    margin-top: -350px;
    margin-left: -284px;
    position: absolute;
    top: 50%;
    width: 900px;
    height: 600px;
}

.slide2Block {
    height: 550px;
    left: 50%;
    position: fixed;
    top: 50%;
    margin-left: 16px;
    margin-top: -240px;
    text-align: left;
    font: 13px / 21px 'Open Sans', Arial, serif;
    color: #575c60;
    padding-top: 331px;
    padding-left: 77px;
    padding-right: 77px;
    width: 437px;
    z-index: 1;
}

#subBlock2 {
    background: url('/img/slide2_0.png') no-repeat scroll 26px 28px transparent;
    padding-top: 338px;
    padding-left: 184px;
    width: 443px;
    margin-left: -73px;
}

#subBlock3 {
    background: url('/img/slide2_1.png') no-repeat scroll center 0 transparent;
}

#subBlock4 {
    background: url('/img/slide2_2.png') no-repeat scroll 94px 0 transparent;
}

#subBlock5 {
    background: url('/img/slide2_3.png') no-repeat scroll center 0 transparent;
}

#subBlock6 {
    background: url('/img/slide2_4.png') no-repeat scroll center 0 transparent;
}

#subBlock7 {
    background: url('/img/slide2_5.png') no-repeat scroll center 0 transparent;
}

#subBlock8 {
    background: url('/img/slide2_6.png') no-repeat scroll center 0 transparent;
}

.nextSlideButton {
    background: url('/img/down-btn.png') no-repeat scroll center bottom transparent;
    width: 213px;
    height: 100px;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -107px;
}

.nextSlideButton b {
    display: block;
    position: absolute;
    top: 54px;
    left: 64px;
    width: 84px;
    height: 44px;
}

.nextSlideButton b.down {
    background: url('/img/down-btn.png') no-repeat scroll center 0 transparent;
}

.nextSlideButton b.up {
    background: url('/img/down-btn.png') no-repeat scroll center -60px transparent;
}

.nextSlideButton:hover b {
    top: 52px;
}

.madeBy {
    background: url('/img/crisp-logo.png') no-repeat scroll center top transparent;
    width: 99px;
    height: 21px;
    position: fixed;
    bottom: 20px;
    right: 40px;
    display: block;
    z-index: 9999;
}

.madeBy:hover {
    background: url('/img/crisp-logo.png') no-repeat scroll center -21px transparent;
}

.freePlaces {
    position: absolute;
    top: 450px;
    left: 10px;
    padding: 11px;
    background-color: #e9d7b0;
    border: 1px solid #d5b58d;
    color: #8e5726;
    text-decoration: none;
    border-radius: 3px;
}

.freePlaces:hover {
    background-color: #f9edd3;
}

.socialButtons {
    left: 32px;
    bottom: 20px;
    position: fixed;
}

.socialButtons li {
    float: left;
    padding-right: 20px;
}

.socialButtons a {
    display: block;
    width: 34px;
    height: 34px;
}

.socialButtons .fb {
    background: url('/img/social-logos.png') no-repeat scroll -6px 0 transparent;
}

.socialButtons .vk {
    background: url('/img/social-logos.png') no-repeat scroll -46px 0 transparent;
}

.socialButtons .tw {
    background: url('/img/social-logos.png') no-repeat scroll -88px 0 transparent;
}

.socialButtons .fb:hover {
    background: url('/img/social-logos.png') no-repeat scroll -6px -36px transparent;
}

.socialButtons .vk:hover {
    background: url('/img/social-logos.png') no-repeat scroll -46px -36px transparent;
}

.socialButtons .tw:hover {
    background: url('/img/social-logos.png') no-repeat scroll -88px -36px transparent;
}

input:focus, textarea:focus {
    border: 1px solid #ffa302;
}

input.error, textarea.error {
    border: 1px solid #f90000;
}

.errorGC {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #f90000;
    position: absolute;
    display: block;
}



#nameError{
    top: 98px;
    left: 0px;
}
#emailError{
    top: 145px;
    left: 0px;
}
#questionError{
top: 145px;
left: 345px;
}
#thankYou h5{
    color: #a68558;
    font: 32px / 45px 'Open Sans', Arial, serif;
    text-align: center;
    font-weight: 300;
    padding-top: 20px;
}
#thankYou span{
    color: #604522;
    font: 15px / 15px 'Open Sans', Arial, serif;
    text-align: center;
    display: block;
    padding: 15px 0;
}
#thankYou a{
    color: #298573;
    font: 15px / 15px 'Open Sans', Arial, serif;
    text-align: center;
    display: block;
    padding: 15px 0;
}



.leftPhotoBtn{
width: 76px;
height: 71px;
display: block;
background: url('/img/left-right-btns.png') no-repeat scroll -8px 0 transparent;
position: absolute;
left: 60px;
top: 50%;
margin-top: -35px;
z-index: 5000;
}
.leftPhotoBtn:hover{
  background: url('/img/left-right-btns.png') no-repeat scroll -8px -78px transparent;
}
.leftPhotoBtn:active {
  background: url('/img/left-right-btns.png') no-repeat scroll -8px -160px transparent;
}


#photoGallery2 .leftPhotoBtn{
   left: 45px; 
}


.rightPhotoBtn:hover{
background: url('/img/left-right-btns.png') no-repeat scroll -108px -78px transparent;
}
.rightPhotoBtn:active {
background: url('/img/left-right-btns.png') no-repeat scroll -108px -160px transparent;
}
.rightPhotoBtn{
width: 76px;
height: 71px;
display: block;
background: url('/img/left-right-btns.png') no-repeat scroll -108px 0 transparent;
position: absolute;
right: 60px;
top: 50%;
margin-top: -35px;
z-index: 5000;
}



#photoGallery2 .rightPhotoBtn{
   right: 45px; 
}

.loadingIcon{
position: absolute;
left: 394px;
top: 340px;    
}
.l-t{
    position: absolute;
    top:0;
    left:0;
    z-index: 9999;
}
.r-t{
    position: absolute;
    top:0;
    right:0;
    z-index: 9999;
}
.l-b{
    position: absolute;
    bottom:0;
    left:0;
    z-index: 9999;
}
.r-b{
    position: absolute;
    bottom:0;
    right:0;
    z-index: 9999;
}
.top-shadow{
position: absolute;
top: 126px;
left: 62px;
width: 671px;
}
#nameGC2{
    position: absolute;
    top: 159px;
    left: 40px;
    width: 250px;
}
#emailGC2{
        position: absolute;
  top: 224px;
    left: 40px;
    width: 250px;
}
#questionGC2{
        position: absolute;
top: 290px;
left: 40px;
height: 99px;  
width: 249px;
}
#sendContactInfo2 {
    position: absolute;
top: 430px;
left: 40px;
    padding: 15px;
    border: 1px solid #c48233;
    background-color: #fce5b4;
    color: #8e5726;
    font: 15px / 15px 'Open Sans', Arial, serif;
    text-decoration: none;
    border-radius: 5px;
}


#sendContactInfo2:hover {
    background-color: #f9edd3;
}

#nameError2,
#emailError2,
#questionError2{
    position: absolute;
    left: 40px;
     color: #e4e7e2;   
}
#nameError2{
    top: 194px
}
#emailError2{
    top: 259px;
}
#questionError2{
     top: 405px;
}



.loadingIcon {
position: absolute;
left: 50%;
top: 50%;
margin-left: -35px;
margin-top: -35px;
z-index: 50000;
width: 58px;
background: url('/img/loading.gif') no-repeat scroll 5px 5px #000;
height: 58px;
border-radius: 5px;
}

#photoGallery img.photo{
    z-index: 1;
}
#slide11 .pattern{
    background: url('/img/pattern-photo.png') no-repeat scroll center center transparent;
    width: 571px;
    height: 416px;
    z-index: 1;
    position: absolute;
top: -48px;
left: 350px;

}
#slide10{
    overflow: hidden;
}


/* Main popup */
#fancybox-content
    {
    border: none!important;
    }
#fancybox-outer
    {
    background: none!important;
    }
#fancybox-close
    {
    top: 18px!important;
    right: 30px!important;
    background: url('/img/popup-close.png') left top no-repeat!important;
    }
.l-main__popup
    {
    width: 996px;
    height: 597px;
    margin: 0px auto;
    background: url('/img/bg-main-popup.png') left top no-repeat;
    z-index: 300;
    }
    .l-popup__content
        {
        width: 600px;
        margin: 0 0 0 65px;
        padding: 230px 0 0 0;
        }
        .l-popup__content p
            {
            color: white;
            font: normal 21px "Open Sans";
            font-weight: 300px;
            text-align: left;
            }
        .l-popup__content ul
            {
            margin: 20px 0 0 0;
            }
            .l-popup__content ul li
                {
                width: 530px;
                margin: 0 0 13px 0;
                padding: 0 0 0 25px;
                color: white;
                font: normal 14px "Open Sans";
                font-weight: 300px;
                text-align: left;
                background: url('/img/i-tick.png') left 5px no-repeat
                }
    .l-popup__footer
        {
        margin: 30px 0 0 65px;
        overflow: hidden;
        }
        .l-popup__left
            {
            padding: 10px 0 0 0;
            float: left;
            }
            .l-popup__left a
                {
                display: inline-block; zoom: 1; *display: inline;
                width: 285px;
                padding: 15px 0;
                background: #FCE5B4;
                border: 1px solid #C48233;
                color: #C48233;
                font: normal 15px "Open Sans";
                font-weight: 300px;
                text-decoration: none;
                text-align: center;
                }
        .l-popup__center
            {
            float: left;
            padding: 25px 0 0 83px;
            }
            .l-popup__center a
                {
                color: #F0D89D;
                font: normal 12px "Open Sans";
                font-weight: 300px;
                }
        .l-popup__right
            {
            float: left;
            margin: 0 0 0 55px;
            }
            .l-popup__right p
                {
                width: 360px;
                margin: 0 0 7px 0;
                color: #DEE5E6;
                font: normal 10px "Open Sans";
                font-weight: 300px;
                text-align: left;
                
                }
                
.floor0 {
    background: url('/img/floors/0d-floor.png') no-repeat scroll 0 0 transparent;
    width: 750px;
    height: 257px;
    position: relative;
    z-index: 1;
    background-size: contain;
}

.floor0 a {
    position: absolute;
    display: block;
    z-index: 2;
    transition: background-color 0.1s;
}

.floor0 a:hover {
    /* background: url('/img/floors/0d-floor-hover.png'); */
    background-color: rgba(255, 149, 0, 0.3);
}

.floor0 a.fl0a1 {
    top: 141px;
    left: 28px;
    width: 86px;
    height: 75px;
}

.floor0 a.fl0a2 {
    top: 141px;
    left: 117px;
    width: 68px;
    height: 75px;
}

.floor0 a.fl0a3 {
    top: 141px;
    left: 186px;
    width: 65px;
    height: 75px;
}

.floor0 a.fl0a4 {
    top: 141px;
    left: 253px;
    width: 95px;
    height: 75px;
}

.floor0 a.fl0a5 {
    top: 27px;
    left: 349px;
    width: 65px;
    height: 75px;
}

.floor0 a.fl0a6 {
    top: 27px;
    left: 304px;
    width: 44px;
    height: 75px;
}

.floor0 a.fl0a7 {
    top: 27px;
    left: 234px;
    width: 68px;
    height: 75px;
}

.floor0 a.fl0a8 {
    top: 27px;
    left: 82px;
    width: 55px;
    height: 75px;
}

.floor0 a.fl0a9 {
    top: 27px;
    left: 28px;
    width: 52px;
    height: 75px;
}

.floor0 a.fl0b1 {
    top: 141px;
    left: 612px;
    width: 108px;
    height: 75px;
}

.floor0 a.fl0b2 {
    top: 141px;
    left: 552px;
    width: 58px;
    height: 75px;
}

.floor0 a.fl0b3 {
    top: 141px;
    left: 495px;
    width: 55px;
    height: 75px;
}

.floor0 a.fl0b4 {
    top: 141px;
    left: 400px;
    width: 93px;
    height: 75px;
}

.floor0 a.fl0b5 {
    top: 27px;
    left: 416px;
    width: 108px;
    height: 75px;
}

.floor0 a.fl0b6 {
    top: 27px;
    left: 544px;
    width: 113px;
    height: 75px;
}


/* -------------- */

.floor1{
    background: url('/img/floors/1d-floor.png') no-repeat scroll 0 0 transparent;
    width: 750px;
    height: 257px;
    position: relative;
    z-index: 1;
}
.floor1 a{
    position: absolute;
    display: block;
    z-index: 2;
}

.floor1 a:hover{
    background: url('/img/floors/1d-floor-hover.png');
}

.floor1 a.fl101{
    top: 133px;
    left: 665px;
    width: 51px;
    height: 91px;
}

.floor1 a.fl101:hover{
    background-position: -665px -133px;
}

.floor1 a.fl102{
    left: 628px;
    top: 0px;
    width: 88px;
    height: 92px;
}
.floor1 a.fl102:hover{
    background-position: -628px 0;
}

.floor1 a.fl103{
    left: 547px;
    top: 132px;
    width: 120px;
    height: 92px;
}
.floor1 a.fl103:hover{
    background-position: -547px -132px;
}

.floor1 a.fl104{
    left: 504px;
    top: 0px;
    width: 60px;
    height: 95px;
}
.floor1 a.fl104:hover{
    background-position: -504px 0;
}

.floor1 a.fl106{
    left: 456px;
    top: 0px;
    width: 48px;
    height: 95px;
}
.floor1 a.fl106:hover{
    background-position: -456px 0;
}

.floor1 a.fl108{
    left: 398px;
    top: 0px;
    width: 58px;
    height: 95px;
}
.floor1 a.fl108:hover{
    background-position: -398px 0;
}

.floor1 a.fl112{
    left: 188px;
    top: 0px;
    width: 159px;
    height: 95px;
}
.floor1 a.fl112:hover{
    background-position: -188px 0;
}

.floor1 a.fl116{
    left: 33px;
    top: 0px;
    width: 112px;
    height: 95px;
}
.floor1 a.fl116:hover{
    background-position: -33px 0;
}


.floor1 a.fl105{
    left: 505px;
    top: 132px;
    width: 42px;
    height: 92px;
}
.floor1 a.fl105:hover{
    background-position: -505px -132px;
}




.floor1 a.fl107{
    left: 454px;
    top: 132px;
    width: 52px;
    height: 92px;
}
.floor1 a.fl107:hover{
    background-position: -454px -132px;
}

.floor1 a.fl109{
    left: 399px;
    top: 132px;
    width: 54px;
    height: 92px;
}
.floor1 a.fl109:hover{
    background-position: -399px -132px;
}

.floor1 a.fl110{
    left: 298px;
    top: 132px;
    width: 54px;
    height: 92px;
}
.floor1 a.fl110:hover{
    background-position: -298px -132px;
}


.floor1 a.fl111{
    left: 247px;
    top: 132px;
    width: 52px;
    height: 92px;
}
.floor1 a.fl111:hover{
    background-position: -247px -132px;
}

.floor1 a.fl113{
    left: 194px;
    top: 132px;
    width: 54px;
    height: 92px;
}
.floor1 a.fl113:hover{
    background-position: -194px -132px;
}
.floor1 a.fl114{
    left: 141px;
    top: 132px;
    width: 54px;
    height: 92px;
}
.floor1 a.fl114:hover{
    background-position: -141px -132px;
}

.floor1 a.fl115{
    left: 35px;
    top: 132px;
    width: 107px;
    height: 92px;
}
.floor1 a.fl115:hover{
    background-position: -35px -132px;
}


.floor2{
    background: url('/img/floors/2d-floor.png') no-repeat scroll 0 0 transparent;
    width: 685px;
    height: 227px;
    position: relative;
    z-index: 1;
}
.floor2 a{
    position: absolute;
    display: block;
    z-index: 2;
}
.floor2 a:hover{
    background: url('/img/floors/2d-floor-hover.png');
}
.floor2 a.fl201{
    top: 136px;
    left: 634px;
    width: 51px;
    height: 91px;
}
.floor2 a.fl201:hover{
    background-position: -634px -136px;
}

.floor2 a.fl203{
    top: 136px;
    left: 577px;
    width: 58px;
    height: 91px;
}
.floor2 a.fl203:hover{
    background-position: -577px -136px;
}


.floor2 a.fl205{
    top: 136px;
    left: 516px;
    width: 62px;
    height: 91px;
}
.floor2 a.fl205:hover{
    background-position: -516px -136px;
}


.floor2 a.fl207{
    top: 136px;
    left: 472px;
    width: 43px;
    height: 91px;
}
.floor2 a.fl207:hover{
    background-position: -472px -136px;
}
.floor2 a.fl209{
    top: 136px;
    left: 422px;
    width: 50px;
    height: 91px;
}
.floor2 a.fl209:hover{
    background-position: -422px -136px;
}
.floor2 a.fl211{
    top: 136px;
    left: 368px;
    width: 55px;
    height: 91px;
}
.floor2 a.fl211:hover{
    background-position: -368px -136px;
}
.floor2 a.fl213{
    top: 136px;
    left: 314px;
    width: 55px;
    height: 91px;
}
.floor2 a.fl213:hover{
    background-position: -314px -136px;
}
.floor2 a.fl215{
    top: 136px;
    left: 266px;
    width: 48px;
    height: 91px;
}
.floor2 a.fl215:hover{
    background-position: -266px -136px;
}
.floor2 a.fl217{
    top: 136px;
    left: 216px;
    width: 51px;
    height: 91px;
}
.floor2 a.fl217:hover{
    background-position: -216px -136px;
}
.floor2 a.fl219{
    top: 136px;
    left: 162px;
    width: 54px;
    height: 91px;
}
.floor2 a.fl219:hover{
    background-position: -162px -136px;
}
.floor2 a.fl221{
    top: 136px;
    left: 109px;
    width: 54px;
    height: 91px;
}
.floor2 a.fl221:hover{
    background-position: -109px -136px;
}
.floor2 a.fl223{
    top: 136px;
    left: 55px;
    width: 55px;
    height: 91px;
}
.floor2 a.fl223:hover{
    background-position: -55px -136px;
}
.floor2 a.fl222{
    top: 136px;
    left: 0;
    width: 55px;
    height: 91px;
}
.floor2 a.fl222:hover{
    background-position: 0 -136px;
}


.floor2 a.fl220-218{
    top: 0;
    left: 0;
    width: 111px;
    height: 95px;
}
.floor2 a.fl220-218:hover{
    background-position: 0 0;
}


.floor2 a.fl216-214{
    top: 0;
    left: 156px;
    width: 99px;
    height: 95px;
}
.floor2 a.fl216-214:hover{
    background-position: -156px 0;
}

.floor2 a.fl212-210{
    top: 0;
    left: 254px;
    width: 115px;
    height: 95px;
}
.floor2 a.fl212-210:hover{
    background-position: -254px 0;
}

.floor2 a.fl208-206{
    top: 0;
    left: 369px;
    width: 162px;
    height: 95px;
}
.floor2 a.fl208-206:hover{
    background-position: -369px 0;
}
.floor2 a.fl204-202{
    top: 0;
    left: 573px;
    width: 112px;
    height: 95px;
}
.floor2 a.fl204-202:hover{
    background-position: -573px 0;
}


/******************/



.floor3{
    background: url('/img/floors/3d-floor.png') no-repeat scroll 0 0 transparent;
    width: 685px;
    height: 227px;
    position: relative;
    z-index: 1;
}
.floor3 a{
    position: absolute;
    display: block;
    z-index: 2;
}
.floor3 a:hover{
    background: url('/img/floors/3d-floor-hover.png');
}
.floor3 a.fl301{
    top: 135px;
    left: 634px;
    width: 51px;
    height: 90px;
}
.floor3 a.fl301:hover{
    background-position: -634px -135px;
}

.floor3 a.fl303{
    top: 135px;
    left: 578px;
    width: 56px;
    height: 90px;
}
.floor3 a.fl303:hover{
    background-position: -578px -135px;
}


.floor3 a.fl305{
    top: 135px;
    left: 516px;
    width: 62px;
    height: 90px;
}
.floor3 a.fl305:hover{
    background-position: -516px -135px;
}


.floor3 a.fl307{
    top: 135px;
    left: 474px;
    width: 41px;
    height: 90px;
}
.floor3 a.fl307:hover{
    background-position: -474px -135px;
}
.floor3 a.fl309{
    top: 135px;
    left: 422px;
    width: 51px;
    height: 90px;
}
.floor3 a.fl309:hover{
    background-position: -422px -135px;
}
.floor3 a.fl311{
    top: 135px;
    left: 368px;
    width: 55px;
    height: 90px;
}
.floor3 a.fl311:hover{
    background-position: -368px -135px;
}
.floor3 a.fl313{
    top: 135px;
    left: 314px;
    width: 55px;
    height: 90px;
}
.floor3 a.fl313:hover{
    background-position: -314px -135px;
}
.floor3 a.fl315{
    top: 135px;
    left: 266px;
    width: 48px;
    height: 90px;
}
.floor3 a.fl315:hover{
    background-position: -266px -135px;
}
.floor3 a.fl317{
    top: 135px;
    left: 214px;
    width: 53px;
    height: 90px;
}
.floor3 a.fl317:hover{
    background-position: -214px -135px;
}
.floor3 a.fl318{
    top: 135px;
    left: 162px;
    width: 52px;
    height: 90px;
}
.floor3 a.fl318:hover{
    background-position: -162px -135px;
}
.floor3 a.fl319{
    top: 135px;
    left: 109px;
    width: 52px;
    height: 90px;
}
.floor3 a.fl319:hover{
    background-position: -109px -135px;
}
.floor3 a.fl323{
    top: 135px;
    left: 55px;
    width: 55px;
    height: 90px;
}
.floor3 a.fl323:hover{
    background-position: -55px -135px;
}
.floor3 a.fl321{
    top: 135px;
    left: 0;
    width: 57px;
    height: 90px;
}
.floor3 a.fl321:hover{
    background-position: 0 -135px;
}
.floor3 a.fl320{
    top: 135px;
    left: 56px;
    width: 54px;
    height: 90px;
}
.floor3 a.fl320:hover{
    background-position: -56px -135px;
}
.floor3 a.fl322{
    top: 0;
    left: 0;
    width: 67px;
    height: 91px;
}
.floor3 a.fl322:hover{
    background-position: 0 0;
}
.floor3 a.fl316{
    top: 0;
    left: 156px;
    width: 100px;
    height: 91px;
}
.floor3 a.fl316:hover{
    background-position: -156px 0;
}
.floor3 a.fl314{
    top: 0;
    left: 255px;
    width: 60px;
    height: 91px;
}
.floor3 a.fl314:hover{
    background-position: -255px 0;
}
.floor3 a.fl312{
    top: 0;
    left: 315px;
    width: 55px;
    height: 91px;
}
.floor3 a.fl312:hover{
    background-position: -315px 0;
}
.floor3 a.fl310{
    top: 0;
    left: 369px;
    width: 52px;
    height: 91px;
}
.floor3 a.fl310:hover{
    background-position: -369px 0;
}
.floor3 a.fl308{
    top: 0;
    left: 420px;
    width: 52px;
    height: 91px;
}
.floor3 a.fl308:hover{
    background-position: -420px 0;
}

.floor3 a.fl306{
    top: 0;
    left: 471px;
    width: 62px;
    height: 91px;
}
.floor3 a.fl306:hover{
    background-position: -471px 0;
}
.floor3 a.fl304{
    top: 0;
    left: 574px;
    width: 59px;
    height: 91px;
}
.floor3 a.fl304:hover{
    background-position: -574px 0;
}
.floor3 a.fl302{
    top: 0;
    left: 632px;
    width: 53px;
    height: 91px;
}
.floor3 a.fl302:hover{
    background-position: -632px 0;
}

.ofice_desc{
font-size: 14px;
color: #876834;
width: 465px;
position: absolute;
left: 380px;
line-height: 25px;
top: 8px;
}
.floor0, .floor1, .floor2, .floor3{
    position: absolute;
    top: 235px;
    
}
 .floor2, .floor3{
     left: 30px;
}


#selectFloorMenu {
    position: absolute;
    top: 180px;
    left: 0;

}



h4.office_title{
color: #a68558;
font: 24px / 24px 'Open Sans', Arial, serif;
position: absolute;
top: 514px;
left: 285px;
}

#selectFloorMenu li {
    display: block;
    float: left;
    padding: 0 15px 0 0;
}

#selectFloorMenu a {
    padding: 7px;
    display: block;
    font: 18px / 18px 'Open Sans', Arial, serif;
    color: #656a65;
    text-decoration: none;
}

#selectFloorMenu a span {
    border-bottom: 1px dotted #656a65;
}

#selectFloorMenu a.selected {
    background-color: #ffffff;
    color: #7c6445;
    border-radius: 5px;
}

#selectFloorMenu a.selected span {
    border-bottom: none;
}
#slide10 {
    background-color: #f9eed9;
}


.ofice_equipment{
    background: url('/img/office-sprite.png') no-repeat scroll 0 0 transparent;    
    position: absolute;
    top: 546px;
    left: -16px;
}


.ofice_equipment li{ 
float: left;
width: 162px;
padding-top: 79px;
text-align: center;
color: #575c60;
font-size: 13px;
}


.conf_hall{
background: url("/img/cinema.png") no-repeat scroll 10px -1px #ece8e1;
border: 1px solid #d6cdba;
width: 815px;
height: 105px;
position: absolute;
top: 541px;
}
.conf_hall h5{
color: #565f69;
font-size: 21px;
position: absolute;
top: 13px;
left: 162px;
}
.conf_hall div{
position: absolute;
color: #63573f;
font-size: 13px;
line-height: 19px;
top: 52px;
left: 164px;
width: 640px;
}

.conf_hall .phone{
    color: #ab7811;
}

.conf_hall .mail{
    color: #4291ba;
}