#apartments-choose {
    text-align: center;
}

#apartments-choose section {
    padding: 30px 20px;
    margin: 0 0 20px 0;

    background: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

#house-map,
#floor-map {
    background: no-repeat center center;
    position: relative;
}

#floor-map {
    -webkit-background-size: 100%;
    background-size: 100%;
    font-size: 30px;
}

#floors {
    margin: 0 auto;
    position: absolute;
}

.floor,
.section {
    cursor: pointer;
}

.floor {
    margin: 4px;

    background: rgba(255, 255, 255, 0.5);

    text-align: center;
}

.floor:hover {
    background: rgba(255, 255, 255, 0.7);
}

.pugacheva2 .floor, .pugacheva1 .floor {
        background: rgba(255, 255, 255, 0.1);
        /*border-bottom: 1px solid rgba(255, 255, 255, 0.6);*/
}
.pugacheva2 .floor.selected, .pugacheva1 .floor.selected {
    background: rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 0, 0, 0.6);
}
.pugacheva2 .floor:hover, .pugacheva1 .floor:hover {
        background: rgba(255, 255, 255, 0.4);
        border-bottom: 1px solid rgba(255, 0, 0, 0.6);
}



.floor span,
.section span {
    color: #333;
    text-align: center;
    letter-spacing: -2px;

    background: white;

    border-radius: 50%;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.6);
    opacity: 0.85;

    display: inline-block;
    line-height: 1;
    height: 1.4em;
    width: 1.4em;
    padding: 0.2em;
}

.floor span:hover,
.section span:hover {
    opacity: 1;
}

.absent {
    cursor: default;
}

.absent span {
    opacity: 1;
    background: none;
    border: thin solid #cccccc;
    color: #ccc;
    box-shadow: none;
}

.apartment {
    position: absolute;

    padding: 2px 3px;

    color: #111;
    text-align: center;
    font-size: 1.5em;
    text-transform: lowercase;

    background: #9FC77C;
    background: rgba(159,199,124,0.7);

    border: thin solid #D1DBC2;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.6);

    display: inline-block;

    cursor: pointer;
}
.apartment.small {

    font-size: 1em;

}
.apartment:hover {
    opacity: 1;
}

.apartment .square {
    font-size: 70%;
}

.apartment small {
    border-top: thin solid #333333;
    font-size: 70%;
    display: block;
}

.apartment.occupied {
    background:#9a9a9a;
    background: rgba(154, 154, 154,0.7);
}

.apartment.reserved {
    background:#9a7458;
    background: rgba(154, 116, 88,0.7);
    min-width: 80px;
}

.section {
    position: absolute;
}

#apartments {
    position: relative;

    display: inline-block;
    margin: 0 auto;

    background: no-repeat left top;
}

#apartments img {
    opacity: 0.7;
}

#apartment {
    position: relative;
}

#apartment:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

#apartment-image {
    float: left;
}

#apartment-info dt,
#apartment-info dd {
    text-align: left;
    display: inline-block;
}

#apartment-info dt:after {
    content: ':';
    margin-left: 0.4em;
}

#sections {
    margin: 0 auto;
    position: relative;
}

.selected span {
    cursor: default;
    background: #eb141b;
    color: white;
}

.hidden {
    display: none;
}

#apartment-info {
    position: absolute;
    left: 800px;
    bottom: 110px;
}

#apartment-info td {
    padding: 3px 27px 6px 0;
    text-align: left;
    font-size: 22px;
}

#apartment-price {
    position: absolute;
    left: 800px;
    bottom: 0;

    display: inline-block;
    padding: 20px;

    font-size: 40px;
    color: white;

    background: rgb(225, 149, 72);
}