@font-face {
	font-family: 'Conv_OptimaLTPro-Roman';
	src: url('fonts/OptimaLTPro-Roman.eot');
	src: local('☺'), url('fonts/OptimaLTPro-Roman.woff') format('woff'), url('fonts/OptimaLTPro-Roman.ttf') format('truetype'), url('fonts/OptimaLTPro-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    min-width: 980px;
    background: #919191 url(../img/background.png) 0 0 repeat;
    font: 400 13px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    line-height: 1;
    overflow-y: scroll;
}

html.js.overlay, html.js.overlay body {
    background: #8e725b;
}

html.js.overlay #sub-menu, html.js.overlay .mainbox, html.js.overlay #footer, html.js.overlay #hidden {
    visibility: hidden;
}

a {
    text-decoration: none;
}

.row {
    width: 980px;
    margin: 0 auto;
}

#header {
    height: 56px;
    background: #fff;
    padding: 0 34px 0 42px;
}

#top-menu, #copy {
    width: 100%;
    white-space: nowrap;
}

/*
#top-menu > li {
    float: right;
    padding: 20px 0 0 45px;
}

#top-menu > li > a {
    text-transform: uppercase;
    color: #494a4e;
    font: 400 15px Arial, Helvetica, Tahoma, Verdana, sans-serif; /*Optima LT Pro*/
    /*
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -ms-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
}
*/

#top-menu > li {
    float: right;
    background: #494a4e;
    margin: 20px 0 0 45px;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -ms-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

#top-menu > li:hover {
    background-color: #89173b;
}

#top-menu > li > a {
    text-indent: -9999em;
    background: url(../img/menu.png) 0 0 no-repeat;
    height: 14px;
    width: 98px;
    display: block;
}

#top-menu > li > a.osiedle {
    background-position: 0 0;
}

#top-menu > li > a.wizualizacje {
    width: 103px;
    background-position: -144px 0;
}

#top-menu > li > a.plan {
    width: 102px;
    background-position: -294px 0;
}

#top-menu > li > a.kredyty {
    width: 63px;
    background-position: -438px 0;
}

#top-menu > li > a.kontakt {
    width: 68px;
    background-position: -548px 0;
}
/*
.csstransitions #top-menu > li > a:hover {
    color: #89173b;
}
*/
#top-menu > li.left {
    float: left;
    padding: 20px 0 0 0;
    padding: 0;
    margin: 6px 0 0 0;
}

#top-menu > li.left > a {
    display: block;
    width: 169px;
    height: 40px;
    background: url(../img/chmielinski.png) 0 0 no-repeat;
    text-indent: -9999em;
}

#sub-menu {
    background: url(../img/submenu-bg.png) 0 0 repeat;
    display: none;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2) inset;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2) inset;
    -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, .2) inset;
    -o-box-shadow: 0 3px 5px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2) inset;
}

#sub-menu .row {
    padding: 10px 0;
    width: 100%;
}
/*
#sub-menu a {
    display: block;
    font: 400 24px/1 Arial, Helvetica, Tahoma, Verdana, sans-serif; /*Optima LT Pro*/
    /*
    color: #d9dce0;
    border: 1px solid rgba(255, 255, 255, 0);
    border-width: 1px 0;
    padding: 11px 0;
    -webkit-transition: color .666s ease, border-color .444s ease;
    -moz-transition: color .666s ease, border-color .444s ease;
    -ms-transition: color .666s ease, border-color .444s ease;
    -o-transition: color .666s ease, border-color .444s ease;
    transition: color .666s ease, border-color .444s ease;
}

#sub-menu a:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .15);
}

.ie8 #sub-menu a:hover {
    border-color: #848484 !important;
}
*/

#sub-menu a {
    background: url(../img/submenu.png) 0 13px no-repeat;
    border: 1px solid rgba(255, 255, 255, 0);
    border-width: 1px 0;
    text-indent: -9999em;
    height: 50px;
    display: block;
    -webkit-transition: opacity .666s ease, border-color .444s ease;
    -moz-transition: opacity .666s ease, border-color .444s ease;
    -ms-transition: opacity .666s ease, border-color .444s ease;
    -o-transition: opacity .666s ease, border-color .444s ease;
    transition: opacity .666s ease, border-color .444s ease;
    opacity: .6;
}

#sub-menu a:hover {
    opacity: 1;
    border-color: rgba(255, 255, 255, .15);
}

.ie8 #sub-menu a:hover {
    border-color: #848484 !important;
}

#sub-menu a.osiedle {
    background-position: 0 13px;
}

#sub-menu a.lokalizacja {
    background-position: 0 -35px;
}

#sub-menu a.aktywnosc {
    background-position: 0 -83px;
}

#sub-menu a.standard {
    background-position: 0 -131px;
}

#sub-menu a.budowa {
    background-position: 0 -179px;
}

#home-image {
    height: 750px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset;
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset;
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset;
}

#home-image > img {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}

h1.logo a, #home-image > h1 a {
    position: absolute;
    top: 58px;
    left: 40px;
    background: url(../img/sprite.png) 0 -71px no-repeat;
    width: 242px;
    height: 96px;
    z-index: 20;
    text-indent: -9999em;
}

h1.logo.white a {
    background-position: 0 -167px;
}

#home-image > h1 a {
    display: block;
    z-index: 10;
}

#home-image > a, #wthumbs {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 222px;
    height: 42px;
    z-index: 10;
    text-align: center;
    background: #8e725b url(../img/sprite.png) 162px -256px no-repeat;
    font: 400 15px/1 Arial, Helvetica, Tahoma, Verdana, sans-serif; /*Optima LT Pro*/
    color: #fff;
    text-transform: uppercase;
    padding: 12px 30px 0 0;
}

#home-image > a.expanded {
    background-position: 162px -294px;
}

#wthumbs {
    width: 201px;
    height: 43px;
    left: 50%;
    bottom: -43px;
    margin-left: -100px;
    padding: 0;
    text-indent: -9999em;
    background-position: 162px -256px;
    z-index: 99;
/*
    bottom: auto;
    top: -43px;*/
}

#wthumbs.expanded {
    background-position: 162px -294px;

    bottom: 146px;
}

#wthumbs:after {
    position: relative;
    width: 150px;
    height: 42px;
    background: url(../img/wszystkie.png) 0 -15px no-repeat;
    display: block;
    content: " ";
    top: 0;
    left: 0;
}

#wprev, #wnext {
    display: block;
    position: absolute;
    left: 37px;
    top: 50%;
    margin-top: -29px;
    width: 57px;
    height: 57px;
    background: url(../img/w-arrows.png) 0 0 no-repeat;
    text-indent: -9999em;
    z-index: 18;
    opacity: .8;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

#wnext {
    left: auto;
    right: 37px;
    background-position: -57px 0;
}

#wprev:hover, #wnext:hover {
    opacity: 1;
}

.backgroundsize #home-image {
    background: url(../img/wiz0.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.backgroundsize #home-image > img {
    display: none;
}

#home-image .point {
    position: absolute;
    width: 30px;
    height: 36px;
    z-index: 15;
    left: 50%;
    top: 50%;
}

#home-image .marker {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -15px;
    cursor: pointer;
}

#home-image .info {
    width: 248px;
    height: 109px;
    position: absolute;
    left: -9999em;
    cursor: default;
    background: #fff;
    overflow: hidden;
    z-index: 20;
    -webkit-box-shadow: 0 0 1px #fff;
    -moz-box-shadow: 0 0 1px #fff;
    -ms-box-shadow: 0 0 1px #fff;
    -o-box-shadow: 0 0 1px #fff;
    box-shadow: 0 0 1px #fff;
}

#home-image .info img {
    position: absolute;
    top: 13px;
    left: 11px;
}

#home-image .info p {
    position: absolute;
    top: 50%;
    left: 11px;
    color: #494A4E;
    line-height: 1.66;
    margin-left: 114px;
    width: 100px;
}

#home-image #point0 {
    margin-left: -845px;
}

#home-image #point1 {
    margin-left: -149px;
    margin-top: 347px;
}

#home-image #point2 {
    margin-left: 71px;
    margin-top: -106px;
}

#home-image #point3 {
    margin-left: 341px;
    margin-top: 101px;
}

#home-image #slogan {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 76px;
    width: 386px;
    height: 181px;
    background: transparent url(../img/red-bg.png) 0 0 no-repeat;
    padding: 28px 38px;
    padding: 118px 0 0 38px;
}

#home-image #slogan h2 {
    display: none;
    /*
    color: #fff;
    font: 400 37px/1.25 Arial, Helvetica, Tahoma, Verdana, sans-serif; /*Optima LT Pro*/
}

#home-image #slogan a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 20px 36px 6px 0;
    background: url(../img/arrows.png) right bottom no-repeat;
    opacity: .5;
    -webkit-transition: all .333s ease;
    -moz-transition: all .333s ease;
    -ms-transition: all .333s ease;
    -o-transition: all .333s ease;
    transition: all .333s ease;
}

#home-image #slogan a:hover {
    padding-right: 40px;
    opacity: 1;
}

#news {
    background: #fff;
}

#news > .row {
    padding: 37px 0 39px;
}

#news-nav {
    float: right;
    width: 81px;
    height: 49px;
    margin-top: 30px !important;
}

#news-nav li {
    float: left;
    height: 49px;
}

#news-nav a, #gallery-thumbs .section.prev a, #gallery-thumbs .section.next a {
    display: block;
    text-indent: -9999em;
    width: 40px;
    height: 49px;
    background: url(../img/sprite.png) -66px -16px no-repeat;
}

#news-nav li + li a, #gallery-thumbs .section.next a {
    border-left: 1px solid #d9d9d9;
    background-position: -29px -16px;
}

#news-nav a.inactive, #gallery-thumbs .section.prev a.inactive {
    background-position: 11px -16px;
}

#news-nav li + li a.inactive, #gallery-thumbs .section.next a.inactive {
    background-position: -106px -16px;
}

#news-container {
    float: left;
    width: 800px;
}

#news-container h3, #news-container h3 a {
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
}

#news-container h3 + p {
    color: #494a4e;
    margin-top: 15px;
    line-height: 1.3;
}

#news-container .date {
    width: 82px;
    height: 101px;
    border: 1px solid #e1e1e1;
    font: 400 28px/1 Arial, Helvetica, Tahoma, Verdana, sans-serif; /*Optima LT Pro*/
    text-align: center;
    color: #9e9ea0;
    padding-top: 25px;
    margin-right: 23px;
    float: left;
}

#news-container .date small {
    font: 400 12px/1 Arial, Helvetica, Tahoma, Verdana, sans-serif; /*Optima LT Pro*/
    display: block;
    padding-bottom: 6px;
}

#news-container .text {
    float: left;
    width: 625px;
    padding-top: 19px;
}

#footer {
    height: 67px;
    padding: 0 37px;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2) inset;
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .2) inset;
    -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, .2) inset;
    -o-box-shadow: 0 5px 5px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2) inset;
}

#hidden {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -ms-transition: height .5s ease;
    -o-transition: height .5s ease;
    transition: height .5s ease;
}

#hidden.show {
    height: 244px;
}

#copy > li {
    float: left;
    width: 30%;
    text-align: left;
    color: #fff;
    padding-top: 30px;
}

#copy > li > a {
    color: #fff;
}

#copy > li:first-child {
    padding-top: 12px;
}

#copy > li:first-child > a {
    display: block;
    text-indent: -9999em;
    width: 32px;
    height: 44px;
    background: url(../img/sprite.png) -209px 0 no-repeat;
}

#copy > li:first-child + li {
    width: 40%;
    text-align: center;
}

#copy > li:first-child + li + li {
    text-align: right;
}

#top-menu, #copy, #sub-menu ul, #news ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mainbox {
    background: #8e725b;
    position: relative;
    min-height: 450px;
}

#activity #gallery {
    height: 750px;
    width: 100%;
    padding-right: 419px;
    float: left;
    position: relative;
}

#activity #gallery .image {
    width: 50%;
    height: 33.33%;
    float: left;
    overflow: hidden;
    background: #8e725b;
    position: relative;
}

#activity #gallery .image img {
    position: absolute;
    top: 0;
    left: 0;
}

#activity #text {
    width: 419px;
    height: 750px;
    float: right;
    background: #8e725b;
    margin-top: -750px;
    padding: 57px 53px 0;
}

#text {
    position: relative;
}

#text #scroll {
    height: 454px;
    margin-top: 25px;
    overflow: auto;
}

#text h2 {
    text-indent: -9999em;
    background: url(../img/activity.png);
    /*
    width: 163px;
    height: 65px;
    */
    width: 270px;
    height: 157px;
}

#text h3, #text h4 {
    color: #fff;
    font: 400 37px/1.25 Arial, Helvetica, Tahoma, Verdana, sans-serif; /*Optima LT Pro*/
}

#text h4 {
    font-size: 24px;
    line-height: 1.35;
}

#text p, #text li {
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 20px;
    text-align: justify;
}

#text .jspPane > p:last-child, #text > p:last-child {
    margin-bottom: 0;
}

#text li {
    margin: 10px 0;
}

#text p.big {
    color: #efdfd1;
    font: 400 18px/1.25 Georgia, serif;
}

#text p.hr {
    color: #fff;
    font-weight: 700;
    padding: 0 0 10px 4px;
    border-bottom: 1px solid #a58e7c;
}

.content #left {
    height: 750px;
    width: 100%;
    padding-right: 420px;
    position: relative;
    overflow: hidden;
}

.content.standard #left {
    padding-right: 809px;
}

.content #left .image {
    height: 750px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.content #text {
    margin-top: -750px;
    background: #8e725b;
    height: 750px;
    width: 420px;
    float: right;
    padding: 57px 53px 0;
}

.content #text h2 {
    background: url(../img/osiedle.png) 0 0 no-repeat;
    /*
    width: 110px;
    height: 57px;
    */
    width: 236px;
    height: 145px;
}

.content.osiedle #text h2 + h3,
#activity #text h2 + h3 {
    display: none;
}

#text.logobg {
    width: 809px;
    background: #8e725b url(../img/logo-bg.png) 0 bottom no-repeat;
    padding: 61px 0 0 48px;
}

.content.standard #text h2 {
    background: url(../img/standard.png);
    /*
    width: 290px;
    height: 68px;
    */
    width: 296px;
    height: 280px;
}

.content.standard.kredyty #text h2 {
    background: url(../img/kredyty.png);
    width: 284px;
    height: 246px;
}

.content.karta #text h2 {
    background: url(../img/kartabud.png) 0 0 no-repeat;
    width: 100%;
    height: 80px;
}

.content.standard #text #extra h2 + h4 {
    display: none;
}

.content.standard.kredyty #text #extra a {
    clear: both;
    display: block;
    margin-top: 28px;
}

.content.standard.kredyty #text,
.content.standard.kredyty #mask {
    background-color: #494a4e;
}

.content.standard.kredyty #text {
    background-position: 0 435px;
}

.content.standard.kredyty #mask {
    background-position: right 435px;
}

.content.standard.kredyty > img:first-child, .content.standard.kredyty #scroll .jspPane > img:first-child {
    margin-top: 71px;
}

.content.standard.kredyty label, .content.standard.kredyty #scroll p {
    clear: both;
    font-size: 18px;
    color: #fff;
    margin-top: 30px;
}

.content.standard.kredyty p.bold {
    font-weight: bold;
}

.content.standard.kredyty .text {
    border-bottom: 1px solid #6d6e71;
    background: transparent;
    color: #fff;
    font-size: 18px;
}

.content.standard.kredyty label {
    float: left;
    margin-top: 14px;
}

.content.standard.kredyty .text {
    margin-top: 12px;
    float: right;
    padding-bottom: 6px;
    width: 175px;
}

.content.standard.kredyty .text + label + .text {
    width: 140px;
}

.content.standard.kredyty #result {
    color: #e2ccb9;
    width: 313px;
    float: none;
    font-size: 30px;
}

#hscroll {
    clear: both;
}

.content.kontakt #text h2 {
    background: url(../img/kontakt.png) 0 0 no-repeat;
    width: 123px;
    height: 85px;
}

.content.kontakt #extra img {
    margin: 5px 0;
}

.content.lokalizacja #text {
    overflow: hidden;
}

.content.lokalizacja #text h2 {
    background: url(../img/lokalizacja.png) 0 0 no-repeat;
    width: 179px;
    height: 83px;
}

.content.standard #text #extra {
    width: 383px;
    padding-right: 85px;
    float: left;
}

.content.standard #text #extra h4 {
    padding-top: 25px;
}

.content.standard #text #scroll {
    height: 610px;
}

.content.standard #text #scroll {
    width: 330px;
    float: left;
}

.content #gmap {
    width: 100%;
    height: 750px;
    background: #fff;
}

.backgroundsize .content #left .image {
    background: #fff url(../img/wiz6.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.backgroundsize .content.kontakt #left .image {
    background-image: url(../img/wiz4.jpg);
    background-position: left center;
}

.backgroundsize .content.kredyty #left .image {
    background-image: url(../img/kredyty-bg.jpg);
    background-position: center top;
}

.backgroundsize .content #left .image > img {
    display: none;
}

.content.lokalizacja p.desc {
    color: #e2ccb9 !important;
    font-size: 11px !important;
    border-top: 1px solid #99806c;
    padding-top: 10px;
    width: 260px;
    clear: both;
    float: right;
}

.content.lokalizacja form {
    padding-top: 30px;
}

.content.lokalizacja label, .content.lokalizacja #form-start {
    font-size: 18px;
    color: #fff;
    float: left;
    padding: 2px 0;
    margin-bottom: 7px;
}

.content.lokalizacja #form-start {
    background: transparent;
    width: 260px;
    float: right;
    padding: 0;
}

.content .submit {
    background: #494a4e;
    text-align: center;
    width: 319px;
    height: 30px;
    color: #fff;
    font: 400 14px/1 Arial, Helvetica, Tahoma, Verdana, sans-serif; /*Optima LT Pro*/
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px rgba(73, 74, 78, .5);
    -moz-box-shadow: 0 0 1px rgba(73, 74, 78, .5);
    -ms-box-shadow: 0 0 1px rgba(73, 74, 78, .5);
    -o-box-shadow: 0 0 1px rgba(73, 74, 78, .5);
    box-shadow: 0 0 1px rgba(73, 74, 78, .5);
}

.content a.submit {
    display: block;
    padding-top: 8px;
    margin-bottom: 1px;
}

.content.kredyty .submit {
    background-color: #8e725b;
    -webkit-box-shadow: 0 0 1px rgba(142, 114, 90, .5);
    -moz-box-shadow: 0 0 1px rgba(142, 114, 90, .5);
    -ms-box-shadow: 0 0 1px rgba(142, 114, 90, .5);
    -o-box-shadow: 0 0 1px rgba(142, 114, 90, .5);
    box-shadow: 0 0 1px rgba(142, 114, 90, .5);
}

.content .submit:hover {
    background: #5c5d62;
    -webkit-box-shadow: 0 0 1px rgba(92, 93, 98, .5);
    -moz-box-shadow: 0 0 1px rgba(92, 93, 98, .5);
    -ms-box-shadow: 0 0 1px rgba(92, 93, 98, .5);
    -o-box-shadow: 0 0 1px rgba(92, 93, 98, .5);
    box-shadow: 0 0 1px rgba(92, 93, 98, .5);
}

#mask {
    width: 0;
    height: 100%;
    background: #8e725b;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

.js #mask {
    width: 100%;
}

#path {
    display: none;
    width: 298px;
    height: 63px;
    background: url(../img/directions.png) 0 0 no-repeat;
    position: relative;
    margin: 23px 0 0 3px;
}

#path #distance, #path #duration {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 14px;
    left: 28px;
}

#path #distance span, #path #duration span {
    font-size: 18px;
    display: block;
    padding: 4px 0 0 1px;
}

#path #distance {
}

#path #duration {
    left: 146px;
}

#mleft, #mright {
    width: 314px;
    /*
    -webkit-transition: margin-left .4s ease;
    -moz-transition: margin-left .4s ease;
    -ms-transition: margin-left .4s ease;
    -o-transition: margin-left .4s ease;
    transition: margin-left .4s ease;
    */
}

#mleft {
    margin-left: 0;
}

/*
#mright {
    margin-left: 400px;
}

#mleft.noshow {
    margin-left: 400px;
}

#mright.show {
    margin-left: 0;
}
*/

#mright {
    display: none;
}

#mleft > h3 {
    width: 239px;
    height: 75px;
    background: url(../img/naturaispokoj.png);
    text-indent: -9999em;
}

.lokalizacja #poi {
    position: absolute;
    bottom: 26px;
    left: 52px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    display: block;
    padding: 5px 35px 5px 0;
    background: url(../img/arrows.png) right 0 no-repeat;
/*
    -webkit-transition: all .333s ease;
    -moz-transition: all .333s ease;
    -ms-transition: all .333s ease;
    -o-transition: all .333s ease;
    transition: all .333s ease;
*/
}

.lokalizacja #poi span + span,
.lokalizacja #poi.back > span:first-child {
    display: none;
}

.lokalizacja #poi.back {
    background-position: left 0;
    padding: 5px 5px 5px 35px;
}

.lokalizacja #poi.back > span:first-child + span {
    display: inline;
}
/*
.lokalizacja #poi:hover {
    padding: 5px 40px 5px 5px;
}

.lokalizacja #poi.back:hover {
    padding: 5px 5px 5px 40px;
    left: 33px;
}
*/
#mright p.br, #mright p {
    line-height: 1.66;
}

#mright p + p.big {
    margin-top: 30px;
    line-height: 1;
}

#gallery-thumbs {
    background: #fff;
    /*background: rgba(255, 255, 255, .8);*/
    height: 146px;

    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    overflow: hidden;
}

#wgallery {
    overflow: hidden;
    position: relative;
}

#wgallery > img {
    position: absolute;
    top: 0;
}

#wgallery > img:first-child {
    left: 0;
}

#wgallery > img + img {
    visibility: hidden;
}

#wgallery.trans > img + img {
    visibility: visible;
    -webkit-transition: left .5s ease;
    -moz-transition: left .5s ease;
    -ms-transition: left .5s ease;
    -o-transition: left .5s ease;
    transition: left .5s ease;
}

#wgallery.plus > img + img {
    left: 110%;
}

#wgallery.minus > img + img {
    left: -110%;
}

#wgallery.trans > img + img.tozero {
    left: 0;
}

#wgallery + #hidden.show {
    height: 239px;
    display: block;
}

#gallery-thumbs .section {
    float: left;
    height: 128px;
    border-left: 1px solid #ccc;
    margin: 18px 0 0 11px;
}

#gallery-thumbs .section h5 {
    height: 28px;
    color: #959595;
    text-transform: uppercase;
    padding-left: 11px;
    font: 400 13px/1 Arial, Helvetica, Tahoma, Verdana, sans-serif; /*Optima LT Pro*/
}

#gallery-thumbs .section.current h5 {
    color: #000;
}

#gallery-thumbs .thumbs > a {
    display: block;
    float: left;
    overflow: hidden;
    width: 160px;
    height: 100px;
    background: #000 center center no-repeat;
}

#gallery-thumbs .thumbs > a.current {
    border: 4px solid #8e725b;
}

#gallery-thumbs .section.prev, #gallery-thumbs .section.next {
    border: 0;
    margin: 0;
    width: 64px;
    height: 146px;
    position: relative;
}

#gallery-thumbs .section.next {
    float: right;
}

#gallery-thumbs .section.prev a, #gallery-thumbs .section.next a {
    position: absolute;
    left: 26px;
    top: 58px;
    border: 0;
}

#gallery-thumbs .section.next a {
    left: auto;
    right: 26px;
}

#gallery-thumbs .section.scroll {
    width: 852px;
    min-width: 852px;
    height: 146px;
    margin: 0;
    border: 0;
    overflow: hidden;
}

#gallery-thumbs .section.scroll .full-width {
    width: 5000px;
    height: 146px;
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#plan {
    background: #f2f2f2;
    height: 100%;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2) inset;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2) inset;
    -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, .2) inset;
    -o-box-shadow: 0 3px 5px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2) inset;
}

#plan #houses {
    width: 940px;
    height: 561px;
    background: url(../img/plan.jpg) 0 0 no-repeat;
    margin: 75px 70px 0 0;
    float: right;
    position: relative;
}

#plan #houses > * {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
    text-align: center;
    height: 250px;
    width: 38px;
    background: url(../img/plan_maski.png) 0 -9999px no-repeat;
    padding: 110px 0 0 0;
    text-indent: -9999em;
}

#plan #houses > a:hover {
    text-indent: 0;
}

#plan #houses .soon {
    width: 525px;
    height: 281px;
    /*padding: 435px 0 0 80px;*/
    background-position: 0 -1683px;
    text-indent: 0;
    position: relative;
}

#plan #houses .soon > span {
    display: block;
    position: absolute;
    top: 108px;
    left: 230px;
}

#plan #houses .soon.dol {
    background-position: 0 -1964px;
}

#plan #houses .soon.dol > span {
    top: 151px;
}

#plan #houses .house-1 {
    width: 53px;
    left: 528px;
}

#plan #houses span.house-1 {
    background-position: -528px -561px;
}

#plan #houses a.house-1:hover {
    background-position: -528px -1122px;
}

#plan #houses .house-1.rezerwacja {
    background-position: -528px -2244px !important;
}

#plan #houses .house-2 {
    width: 39px;
    left: 581px;
}

#plan #houses span.house-2 {
    background-position: -581px -561px;
}

#plan #houses a.house-2:hover {
    background-position: -581px -1122px;
}

#plan #houses .house-2.rezerwacja {
    background-position: -581px -2244px !important;
}

#plan #houses .house-3 {
    left: 620px;
}

#plan #houses span.house-3 {
    background-position: -620px -561px;
}

#plan #houses a.house-3:hover {
    background-position: -620px -1122px;
}

#plan #houses .house-3.rezerwacja {
    background-position: -620px -2244px !important;
}

#plan #houses .house-4 {
    left: 658px;
}

#plan #houses span.house-4 {
    background-position: -658px -561px;
}

#plan #houses a.house-4:hover {
    background-position: -658px -1122px;
}

#plan #houses .house-4.rezerwacja {
    background-position: -658px -2244px !important;
}

#plan #houses .house-5 {
    left: 696px;
}

#plan #houses span.house-5 {
    background-position: -696px -561px;
}

#plan #houses a.house-5:hover {
    background-position: -696px -1122px;
}

#plan #houses .house-5.rezerwacja {
    background-position: -696px -2244px !important;
}

#plan #houses .house-6 {
    left: 734px;
}

#plan #houses span.house-6 {
    background-position: -734px -561px;
}

#plan #houses a.house-6:hover {
    background-position: -734px -1122px;
}

#plan #houses .house-6.rezerwacja {
    background-position: -734px -2244px !important;
}

#plan #houses .house-7 {
    width: 40px;
    left: 772px;
}

#plan #houses span.house-7 {
    background-position: -772px -561px;
}

#plan #houses a.house-7:hover {
    background-position: -772px -1122px;
}

#plan #houses .house-7.rezerwacja {
    background-position: -772px -2244px !important;
}

#plan #houses .house-8 {
    width: 129px;
    left: 812px;
}

#plan #houses span.house-8 {
    background-position: -812px -561px;
}

#plan #houses a.house-8:hover {
    background-position: -812px -1122px;
}

#plan #houses .house-8.rezerwacja {
    background-position: -812px -2244px !important;
}

#plan #houses .house-9 {
    width: 54px;
    left: 528px;
    top: 315px;
}

#plan #houses span.house-9 {
    background-position: -528px -875px;
}

#plan #houses a.house-9:hover {
    background-position: -528px -1437px;
}

#plan #houses .house-9.rezerwacja {
    background-position: -528px -2559px !important;
}

#plan #houses .house-10 {
    left: 582px;
    top: 315px;
}

#plan #houses span.house-10 {
    background-position: -582px -875px;
}

#plan #houses a.house-10:hover {
    background-position: -582px -1437px;
}

#plan #houses .house-10.rezerwacja {
    background-position: -582px -2559px !important;
}

#plan #houses .house-11 {
    left: 620px;
    top: 315px;
}

#plan #houses span.house-11 {
    background-position: -620px -875px;
}

#plan #houses a.house-11:hover {
    background-position: -620px -1437px;
}

#plan #houses .house-11.rezerwacja {
    background-position: -620px -2559px !important;
}

#plan #houses .house-12 {
    width: 39px;
    left: 658px;
    top: 315px;
}

#plan #houses span.house-12 {
    background-position: -658px -875px;
}

#plan #houses a.house-12:hover {
    background-position: -658px -1437px;
}

#plan #houses .house-12.rezerwacja {
    background-position: -658px -2559px !important;
}

#plan #houses .house-13 {
    left: 697px;
    top: 315px;
}

#plan #houses span.house-13 {
    background-position: -697px -875px;
}

#plan #houses a.house-13:hover {
    background-position: -697px -1437px;
}

#plan #houses .house-13.rezerwacja {
    background-position: -697px -2559px !important;
}

#plan #houses .house-14 {
    width: 39px;
    left: 735px;
    top: 315px;
}

#plan #houses span.house-14 {
    background-position: -735px -875px;
}

#plan #houses a.house-14:hover {
    background-position: -735px -1437px;
}

#plan #houses .house-14.rezerwacja {
    background-position: -735px -2559px !important;
}

#plan #houses .house-15 {
    left: 774px;
    top: 315px;
}

#plan #houses span.house-15 {
    background-position: -774px -875px;
}

#plan #houses a.house-15:hover {
    background-position: -774px -1437px;
}

#plan #houses .house-15.rezerwacja {
    background-position: -774px -2559px !important;
}

#plan #houses .house-16 {
    width: 90px;
    left: 812px;
    top: 315px;
}

#plan #houses span.house-16 {
    background-position: -812px -875px;
}

#plan #houses a.house-16:hover {
    background-position: -812px -1437px;
}

#plan #houses .house-16.rezerwacja {
    background-position: -812px -2559px !important;
}

#plan #houses .house-17 {
    left: 58px;
    top: 310px;
    width: 104px;
}

#plan #houses span.house-17 {
    background-position: -59px -872px;
}

#plan #houses a.house-17:hover {
    background-position: -59px -1433px;
}

#plan #houses .house-17.rezerwacja {
    background-position: -59px -2555px !important;
}

#plan #houses .house-18 {
    left: 162px;
    top: 315px;
    height: 247px;
}

#plan #houses span.house-18 {
    background-position: -163px -877px;
}

#plan #houses a.house-18:hover {
    background-position: -163px -1438px;
}

#plan #houses .house-18.rezerwacja {
    background-position: -163px -2560px !important;
}

#plan #houses .house-19 {
    left: 200px;
    top: 315px;
    height: 247px;
    width: 39px;
}

#plan #houses span.house-19 {
    background-position: -201px -877px;
}

#plan #houses a.house-19:hover {
    background-position: -201px -1438px;
}

#plan #houses .house-19.rezerwacja {
    background-position: -201px -2560px !important;
}

#plan #houses .house-20 {
    left: 239px;
    top: 315px;
    height: 247px;
}

#plan #houses span.house-20 {
    background-position: -240px -877px;
}

#plan #houses a.house-20:hover {
    background-position: -240px -1438px;
}

#plan #houses .house-20.rezerwacja {
    background-position: -240px -2560px !important;
}

#plan #houses .house-21 {
    left: 277px;
    top: 315px;
    height: 247px;
}

#plan #houses span.house-21 {
    background-position: -278px -877px;
}

#plan #houses a.house-21:hover {
    background-position: -278px -1438px;
}

#plan #houses .house-21.rezerwacja {
    background-position: -278px -2560px !important;
}

#plan #houses .house-22 {
    left: 315px;
    top: 315px;
    height: 247px;
}

#plan #houses span.house-22 {
    background-position: -316px -877px;
}

#plan #houses a.house-22:hover {
    background-position: -316px -1438px;
}

#plan #houses .house-22.rezerwacja {
    background-position: -316px -2560px !important;
}

#plan #houses .house-23 {
    left: 353px;
    top: 315px;
    height: 247px;
    width: 40px;
}

#plan #houses span.house-23 {
    background-position: -354px -877px;
}

#plan #houses a.house-23:hover {
    background-position: -354px -1438px;
}

#plan #houses .house-23.rezerwacja {
    background-position: -354px -2560px !important;
}

#plan #houses .house-24 {
    left: 393px;
    top: 315px;
    height: 247px;
}

#plan #houses span.house-24 {
    background-position: -394px -877px;
}

#plan #houses a.house-24:hover {
    background-position: -394px -1438px;
}

#plan #houses .house-24.rezerwacja {
    background-position: -394px -2560px !important;
}

#plan #houses .house-25 {
    left: 431px;
    top: 315px;
    height: 247px;
}

#plan #houses span.house-25 {
    background-position: -432px -877px;
}

#plan #houses a.house-25:hover {
    background-position: -432px -1438px;
}

#plan #houses .house-25.rezerwacja {
    background-position: -432px -2560px !important;
}

#plan #houses .house-26 {
    left: 469px;
    top: 315px;
    height: 247px;
    width: 50px;
}

#plan #houses span.house-26 {
    background-position: -470px -877px;
}

#plan #houses a.house-26:hover {
    background-position: -470px -1438px;
}

#plan #houses .house-26.rezerwacja {
    background-position: -470px -2560px !important;
}
#plan #houses .house-27 {
left: 78px;
top: 5px;
height: 247px;
width: 83px;
}

#plan #houses span.house-27 {
    background-position: -78px -565px;
}

#plan #houses a.house-27:hover {
    background-position: -78px -1127px;
}

#plan #houses .house-27.rezerwacja {
    background-position: -78px -2249px !important;
}
#plan #houses .house-28 {
    left: 161px;
    top: 5px;
    height: 247px;
    width: 39px;
}

#plan #houses span.house-28 {
    background-position: -161px -565px;
}

#plan #houses a.house-28:hover {
    background-position: -161px -1127px;
}

#plan #houses .house-28.rezerwacja {
    background-position: -161px -2249px !important;
}
#plan #houses .house-29 {
    left: 200px;
    top: 5px;
    height: 247px;
    width: 39px;
}

#plan #houses span.house-29 {
    background-position: -200px -565px;
}

#plan #houses a.house-29:hover {
    background-position: -200px -1127px;
}

#plan #houses .house-29.rezerwacja {
    background-position: -200px -2249px !important;
}
#plan #houses .house-30 {
    left: 239px;
    top: 5px;
    height: 247px;
    width: 39px;
}

#plan #houses span.house-30 {
    background-position: -239px -565px;
}

#plan #houses a.house-30:hover {
    background-position: -239px -1127px;
}

#plan #houses .house-30.rezerwacja {
    background-position: -239px -2249px !important;
}
#plan #houses .house-31 {
    left: 278px;
    top: 5px;
    height: 247px;
    width: 38px;
}

#plan #houses span.house-31 {
    background-position: -278px -565px;
}

#plan #houses a.house-31:hover {
    background-position: -278px -1127px;
}

#plan #houses .house-31.rezerwacja {
    background-position: -278px -2249px !important;
}
#plan #houses .house-32 {
    left: 316px;
    top: 5px;
    height: 247px;
    width: 38px;
}

#plan #houses span.house-32 {
    background-position: -316px -565px;
}

#plan #houses a.house-32:hover {
    background-position: -316px -1127px;
}

#plan #houses .house-32.rezerwacja {
    background-position: -316px -2249px !important;
}
#plan #houses .house-33 {
    left: 354px;
    top: 5px;
    height: 247px;
    width: 38px;
}

#plan #houses span.house-33 {
    background-position: -354px -565px;
}

#plan #houses a.house-33:hover {
    background-position: -354px -1127px;
}

#plan #houses .house-33.rezerwacja {
    background-position: -354px -2249px !important;
}
#plan #houses .house-34 {
    left: 392px;
    top: 5px;
    height: 247px;
    width: 38px;
}

#plan #houses span.house-34 {
    background-position: -392px -565px;
}

#plan #houses a.house-34:hover {
    background-position: -392px -1127px;
}

#plan #houses .house-34.rezerwacja {
    background-position: -392px -2249px !important;
}
#plan #houses .house-35 {
    left: 430px;
    top: 5px;
    height: 247px;
    width: 38px;
}

#plan #houses span.house-35 {
    background-position: -430px -565px;
}

#plan #houses a.house-35:hover {
    background-position: -430px -1127px;
}

#plan #houses .house-35.rezerwacja {
    background-position: -430px -2249px !important;
}
#plan #houses .house-36 {
    left: 468px;
    top: 5px;
    height: 247px;
    width: 50px;
}

#plan #houses span.house-36 {
    background-position: -468px -565px;
}

#plan #houses a.house-36:hover {
    background-position: -468px -1127px;
}

#plan #houses .house-36.rezerwacja {
    background-position: -468px -2249px !important;
}


.content.plan {
    min-height: 774px;
}

.content.plan .legend {
    color: #2f2f2f;
    font-size: 14px;
    width: 790px;
    height: 85px;
    clear: both;
    float: right;
    margin: 17px 164px 0 0;
    padding-top: 31px;
    background: url(../img/plan-legend.png) right bottom no-repeat;
}

.content.plan .legend > div {
    position: relative;
    padding: 0 74px;
}

.content.plan .legend > div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 59px;
    height: 8px;
    background: url(../img/highlights.png) 0 0 no-repeat;
}

.content.plan .legend > div + div:after {
    background-position: 0 -8px;
}

.content.plan .legend > div + div + div {
    clear: both;
    margin-top: 25px;
}

.content.plan .legend > div + div + div:after {
    background-position: 0 -16px;
}

#text p a, #text h4 a, .kontakt #extra h3 a {
    color: #fff;
    text-decoration: underline;
}

.content.kontakt #text #extra h4, .content.kontakt #text #extra p {
    padding: 0;
    margin: 0;
}

.content.kontakt #text #extra p {
    line-height: 1.5;
    margin-top: 20px;
}

.kontakt #extra h3 {
    margin-bottom: 25px;
}

.kontakt #extra h3, .kontakt #extra h3 a {
    font: 400 24px/1.25 Arial, sans-serif;
    color: #fff;
}

#kontakt {
    float: right;
    padding-top: 25px;
    width: 330px;
    float: left;
}

#kontakt > h4, #kontakt > img:first-child {
    margin-bottom: 30px;
}

#kontakt input.text, #kontakt textarea {
    border: 1px solid #d2bba7;
    border-left-width: 4px;
    width: 317px;
    height: 39px;
    background: #8e725b;
    color: #fff;
    font: 400 15px/1 Geogria, serif !important;
    padding: 0 0 0 18px;
    margin-top: 12px;
}

.ie8 #kontakt input.text {
    padding-top: 11px;
}

#kontakt textarea {
    padding-top: 11px;
    height: 150px;
}

#kontakt input.text:focus, #kontakt textarea:focus {
    border-color: #fff;
}

#kontakt input.submit {
    margin: 24px 0 19px;
}

#kontakt p.error, #kontakt p.success {
    display: none;
}

#mask.logobg {
    background: #8e725b url(../img/logo-bg-right.png) right bottom no-repeat;
}

#home-image > #slogan {
    -webkit-transition: right .5s ease;
    -moz-transition: right .5s ease;
    -ms-transition: right .5s ease;
    -o-transition: right .5s ease;
    transition: right .5s ease;
}

#home-image > a {
    -webkit-transition: bottom .5s ease;
    -moz-transition: bottom .5s ease;
    -ms-transition: bottom .5s ease;
    -o-transition: bottom .5s ease;
    transition: bottom .5s ease;
}

#home-image .marker {
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

#home-image > #slogan.anim {
    right: -100%;
}

#home-image > a.anim {
    bottom: -100%;
}

#home-image .marker.anim {
    opacity: 0;
    filter: alpha(opacity=0);
}

.ui-slider {
    position: absolute;
    text-align: left;
    height: 30px;
    width: 309px;
    left: 0;
    bottom: 0;
}

#hscroll {
    position: relative;
    height: 45px;
    border-bottom: 8px solid #6d6e71;
}

#hscroll > span {
    font-size: 11px;
    color: #d7c5b6;
    position: absolute;
    left: 0;
    bottom: -30px;
}

#hscroll > span + span {
    left: auto;
    right: 0;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    width: 21px;
    height: 28px;
    background: url(../img/slide-handler.png) 0 0 no-repeat;
    top: 7px;
}

#hscroll + p {
    padding-top: 10px;
}

.karta-table {
    margin-bottom: 38px;
}

.karta-table td {
    font-size: 14px;
    color: #fff;
    border-right: 1px solid #d7c1ad;
    width: 173px;
    text-indent: 11px;
    padding: 5px 0;
}

.karta-table td + td {
    border-left: 1px solid #d7c1ad;
    border-right: 0;
    width: 147px;
    text-indent: 22px;
}

.karta-table .extra td {
    padding-top: 20px;
}

.karta-table .extra-down td {
    padding-bottom: 20px;
}

.kartaplan {
    background: #fff url(../img/shadow.png) 0 0 repeat-x;
    text-align: center;
    position: relative;
}

.kartaplan > img {
    left: 50%;
    margin: -12% 0 0 -45%;
    max-width: 1200px;
    position: absolute;
    width: 90%;
    opacity: 1;
    -webkit-transition: opacity .5s ease, top .5s ease;
    -moz-transition: opacity .5s ease, top .5s ease;
    -ms-transition: opacity .5s ease, top .5s ease;
    -o-transition: opacity .5s ease, top .5s ease;
    transition: opacity .5s ease, top .5s ease;
}

.kartaplan > img.parter {
    top: 50%;
}

.kartaplan > img.poddasze {
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.kartaplan > img.noshow {
    top: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.kartaplan > img.noshow + img {
    top: 50%;
    opacity: 1;
}

.ie8 .kartaplan > img,
.ie9 .kartaplan > img {
    top: 50% !important;
    z-index: 4;
}

.ie8 .kartaplan > img + img,
.ie9 .kartaplan > img + img {
    z-index: 3;
}

.content.karta .pietro {
    width: 197px;
    height: 51px;
    position: absolute;
    top: 77px;
    right: 57px;
    display: none;
}

.kartaplan > img + img + .pietro {
    display: block !important;
}

.kartaplan > a.backplan {
    position: absolute;
    left: 43px;
    bottom: 50px;
    text-indent: -9999em;
    background: url(../img/powrot.png);
    width: 245px;
    height: 24px;
    display: block;
}

.content.karta .pietro a {
    float: left;
    text-indent: -9999em;
    display: block;
    height: 51px;
    width: 80px;
    background: url(../img/pietro.png) 0 0 no-repeat;
}

.content.karta .pietro a + a {
    width: 117px;
    background: url(../img/pietro.png) -80px 0 no-repeat;
}

.content.karta .pietro a.active {
    background-position: 0 -51px;
}

.content.karta .pietro a + a.active {
    background-position: -80px -51px;
}

#text #scroll.nojsp {
    overflow: visible !important;
}

#kredytcalc #divres {
    display: none;
}

#kredytcalc.autocalc #divres {
    display: block;
}

#wgallery .play, #wgallery .pause {
    text-indent: -9999em;
    display: block;
    width: 24px;
    height: 23px;
    position: absolute;
    top: 52px;
    right: 34px;
    background: url(../img/playpause.png) -13px 6px no-repeat;
    z-index: 99;
}

#wgallery .play {
    background-position: 9px 6px;
}

#wnext.timer {
    text-indent: 0;
    opacity: 1 !important;
}

#wnext.timer > * {
    margin: -4px 0 0 -4px;
}

#wkrotcewsprzedazy {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 0 0 -117px;
    width: 234px;
    height: 37px;
    background: url(../img/wkrotce_royal.png) 0 0 no-repeat;
    z-index: 99;
    text-indent: -9999em;
}

@media (max-width: 1260px) {
/*
    .kartaplan > img {
        margin-top: 280px;
    }
*/
    #home-image #slogan {
        bottom: 46px;
    }
}

@media (max-width: 1140px) {
    .content.standard h1.logo a {
        width: 70px;
    }
}

@media (max-width: 1180px) {
    .content.plan h1.logo {
        display: none;
    }
    #plan #houses, #plan .legend {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    #plan #houses {
        margin: 0 auto;
    }
    #plan {
        padding-top: 75px;
    }
}

@media (max-width: 1300px) {
    .content.plan h1.logo a {
        width: 70px;
        top: 69px;
        left: 67px;
    }
    .content.plan h1.logo a:after {
        content: " ";
        display: block;
        position: absolute;
        top: 110px;
        left: -39px;
        width: 147px;
        height: 88px;
        background: url(../img/sprite.png) -95px -79px no-repeat;
    }
}

@media (min-width: 1355px) {
    #plan {
        padding-top: 75px;
        padding-left: 282px;
    }
    #plan #houses, #plan .legend {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    #plan #houses {
        margin: 0 auto;
    }
}

@media (min-height: 930px) {
    .content.standard.kredyty #text {
        background-position: 0 bottom;
    }
    .content.standard.kredyty #mask {
        background-position: right bottom;
    }
}