body{height: 100%; width: 100%; margin: 0px; padding: 0px; font-family:'Open Sans', Arial, sans-serif; font-size:75%; color:#666; text-align:left; font-weight: normal; background: #fff; position: relative;} 

@font-face {
    font-family: 'saripro';
    src: url('../fonts/saripro-regular-webfont.eot');
    src: url('../fonts/saripro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/saripro-regular-webfont.woff') format('woff'),
         url('../fonts/saripro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'saripro-light';
    src: url('../fonts/saripro-light-webfont.eot');
    src: url('../fonts/saripro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/saripro-light-webfont.woff') format('woff'),
         url('../fonts/saripro-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'saripro-bold';
    src: url('../fonts/saripro-bold-webfont.eot');
    src: url('../fonts/saripro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/saripro-bold-webfont.woff') format('woff'),
         url('../fonts/saripro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'seagram';
    src: url('../fonts/seagram_tfb-webfont.eot');
    src: url('../fonts/seagram_tfb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/seagram_tfb-webfont.woff') format('woff'),
         url('../fonts/seagram_tfb-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




a{text-decoration:none; color:#06377b; cursor: pointer;}
a:visited{color:#c2aa71;}
a img{border:none;}

.right{float:right !important;}
.clear{clear:both; float: left;}
.noclear{clear:none !important;}
.clear-left{clear:left !important;}
.red{color: #f0020b;}
.green{color: #3eba1c;}
.half{float: left; width:49%; margin:0px 0.5%;}
.full{width:100%;}
.center{text-align: center;}
.sixth{width: 16%;}
.more{font-size: 0.75em; color: #f0020b; text-decoration: none; float:right;}
@media all and (max-width:500px){
.more{font-size: 1em; font-family: Tahoma, Arial, sans-serif;}
}
.hidden{display: none;}
.error{color: #d00;}

@media all and (max-width:590px){
    div#innercontent div.half.right{width:100%;}
    div#innercontent div#big-photo div.triangle{display: none;}
    div#innercontent div#big-photo{left:0px; top: 0px;}
    div#innercontent div#map-wrapper div.triangle{display: none;}
    div#innercontent div#map-wrapper{left:0px; top: 0px;}
}

h1{font-size: 3.125em; margin: -10px 0 20px 24px; color: #fff; font-weight: 300; display:block; float:left; font-family: 'Open Sans', sans-serif; text-shadow: 2px 2px 0px #000;/*margin-left: 3%;*/ padding-left: 58px; background: url('../gfx/page.png') no-repeat left center;} 
    h1.top{width: 100%; text-align: center; margin-bottom: 0px; font-size: 1.5em; color:#fff; text-shadow: 2px 2px 0px #000; font-weight: 400; margin:0px; padding: 0px; background: none;} 
    h1.gallery{background-image: url('../gfx/galeria.png');} 
    h1.offer{background-image: url('../gfx/offer.png');} 
    h1.oferty{background-image: url('../gfx/oferty.png');} 
    h1.top small{width: 100%; text-align: right; margin-bottom: 30px; font-size: 0.875em; color:#fff; text-shadow: 2px 2px 0px #000; font-weight: 300; display: block;} 
h1 a{color: #fff !important; text-decoration: none; max-width: none !important;}

h2{font-size: 2.5em; margin: 0px; color: #06377b; font-weight: 300; padding: 0px; margin: 0px; font-family: 'Open Sans', Arial, sans-serif;}
h2 span.date{display: inline-block; float:right; font-size: 0.75em; text-align: right;}
h3{font-size: 1.4375em; margin: 0px; color: #06377b; font-weight: 300; padding: 0px; margin: 0px; font-family: 'Open Sans', Arial, sans-serif; font-style: italic;}

h5{font-weight: 400;}


div#bg{top: 0;  bottom: 0; left: 0;  right: 0; width:100%; height: 100%; z-index:1; display:table;}

div#bg div.background-banner{ position: absolute; top: 0;  bottom: 0; left: 0;  right: 0;width:100%; height: 100%; display:block; opacity:0; background:#fff no-repeat right top; background-position: top center; background-size: 100% auto; }
div#bg div.background-banner.active{ opacity: 1;}



header{display: block; float: left; width: 100%; height: auto; background-image: url('../gfx/pattern.png'); background-repeat: repeat; background-color: #fff;  position: relative; z-index: 4; height: 128px; padding-bottom:22px; font-family: 'saripro', Arial, sans-serif; border-bottom:1px solid #3e6582;}
    header div#header-wrapper{display: block; width: 900px; margin:0 auto; text-align:  center; height: 115px; position: relative;}
    header div#header-wrapper a{display: block; padding:38px 0px 22px; text-align: center; text-decoration: none; vertical-align: middle; float: left; text-align:center; padding-bottom:22px;}
        header div#header-wrapper div#langs{display: block; width: auto; height: 20px; position: absolute; top: 0px; right: -125px;}
        header div#header-wrapper div#langs a{display: block; width: 20px; height: 20px; float: left; padding:0px; margin: 6px;}
        header div#header-wrapper div#langs a.pl{background: url('../gfx/pl.png') no-repeat;}
        header div#header-wrapper div#langs a.pl.active{background: url('../gfx/pl-on.png') no-repeat;}
        header div#header-wrapper div#langs a.en{background: url('../gfx/en.png') no-repeat;}
        header div#header-wrapper div#langs a.en.active{background: url('../gfx/en-on.png') no-repeat;}
        header div#header-wrapper div#langs a.ru{background: url('../gfx/ru.png') no-repeat;}
        header div#header-wrapper div#langs a.ru.active{background: url('../gfx/ru-on.png') no-repeat;}
        header div#header-wrapper div#langs a.de{background: url('../gfx/de.png') no-repeat;}
        header div#header-wrapper div#langs a.de.active{background: url('../gfx/de-on.png') no-repeat;}
    
    
    header div#header-wrapper a.text-active{ background: #f3f3f3 url('../gfx/menu-active.png') repeat-x bottom center;/*url('../gfx/a-active.png') no-repeat top center;*/}
        header div#header-wrapper a img{clear: both; max-width: 47%;}
        header div#header-wrapper a span.big{text-transform: uppercase; color: #8f8f8f; font-size: 1.25em; clear: both; display: block; width: 100%; text-align: center; margin-top: 20px;}
        header div#header-wrapper a.text-active span.big{color: #5b88c6;}
        header div#header-wrapper a span.small{color: #bca672; font-size: 0.8125em; display: block; width: 100%; text-align: center;}
        header div#header-wrapper a#logo{/*display: inline-block;*/ width: 27.3% !important; height:auto; margin:10px 0px 0px 0px; position: relative; z-index: 3; padding: 0px;}
			header div#header-wrapper a#logo img{display: block; /*width: 100%; max-height: 150px;*/ max-width:100%;}
        header div#header-wrapper a#small-logo{display: none; width: 100% !important; height: 150px; background: url('../gfx/logo.png') no-repeat center center; margin:0px; background-size:auto 100%;}
        
div#header-bottom-wrapper{display: block; float: left; width: 100%; height: auto; position: relative; clear:both; z-index: 2;}
div#header-bottom{display: block; width: 900px; height: 21px; margin:0 auto; text-align:  center; clear:both; font-size: 0px; letter-spacing: 0px; position: relative; z-index: 3;}
    div#header-bottom div.bottom{/*display: inline-block;*/ display: block; float: left; padding:0px 1%; margin:0px; background: url('../gfx/pattern.png') repeat bottom center; height: 23px; margin:0px;}
    div#header-bottom div.bottom.active{background: url('../gfx/menu-active.png') repeat-x bottom center;}
    div#header-bottom-wrapper div#bottom-pre{display: block; background: url('../gfx/pattern.png') repeat bottom center; width: 2%; height: 23px; position: absolute; left: 0px; top:0px;}
    div#header-bottom-wrapper div#bottom-post{display: block; background: url('../gfx/pattern.png') repeat bottom center; width: 2%; height: 23px; position: absolute; right: 0px; top:0px;}
    
	@media all and (max-width:1200px){
		header div#header-wrapper div#langs{right: 0px;}
	}
    @media all and (max-width:920px){
        div#header-bottom-wrapper div#header-bottom{width:98%;}
        header div#header-wrapper{width:98%;}
		
    }

    div#content{position: relative; z-index: 2; display: table; clear: both; width: 877px; min-height: 255px; margin:0 auto; padding:30px 18px 0px 18px; background: url('../gfx/black70.png') repeat; margin-top:185px; /*margin-bottom: 15px;*/ position: relative; z-index: 3;}
    div#content.main{margin-top: 260px;}
    
    div#content span.placeholder{display: block; width: 876px; margin:0px; height: 15px; background: #fff; position: absolute; bottom:-15px;}
    @media all and (max-width:920px){
        /*div#content{width:96%; padding-right:2%; padding-left: 2%;}*/
        div#content{width:100%; padding:0%;}
		div#content span.placeholder{width:92%; padding-right:2%; padding-left: 2%;}
    }
    
    
    div#content div#innercontent{display: table; float: left; clear: both; width: 94%; height: auto; background: #fff; padding:36px 3%;}
    /*div#content.main div#innercontent{display: table; float: left; clear: both; width: 98%; height: auto; background: #fff; padding:12px 1%;}*/
    div#content.main div#innercontent{display: table; float: left; clear: both; width: 98%; height: auto; background: #fff; padding:12px 0%; margin-right:1%; margin-left:1%;}
    
    div#content div#innercontent div.main-photo{display: block; float: left; width: 30%; height: auto; margin-right:1.7%;}
    div#content div#innercontent div.main-photo.offer{width: 53.2%; height: auto; margin-right:1.8%;}
        div#content div#innercontent div.main-photo img{width: 100%; height: auto;}
        
    div#content div#innercontent div.params{display: block; float: left; width: 30%; height: auto; margin-right:1.7%; font-size: 1.125em;}
    
    div#content div#innercontent div.cennik{display: block; float: left; width: 43.8%; height: auto; margin-right: 7%; }
    div#content div#innercontent div.cennik h3.underline{font-size: 1.4985em;}
    div#content div#innercontent div.cennik table td{background: #f3f3f3; padding:0px 20px; font-weight: 300; font-size: 1.6875em; }
    div#content div#innercontent div.cennik table th{background: #fff; font-weight: 300;}
    
    div#content div#innercontent div.uwagi{display: block; float: left; width: 47.6%; height: auto; margin-right: 0px; font-size: 1.6875em;}
        div#content div#innercontent div.uwagi h3.underline{font-size: 0.888em;}
    
    div.photos{display: block; float: left; clear: both; width: 100%;}
        
        
        div.small-room{display: block; float: left; width: 33.3%; height: 120px; margin-bottom: 35px;}
            div.small-room img{display: block; float: left; max-width: 40%; max-height: 120px;}
            div.small-room div.half{display: block; float: left; width: 45%; margin-left: 5%;}
            div.small-room div.half a{text-decoration: none; font-size: 0.875em;}
            div.small-room div.half a.title{color: #867140; font-size: 1.5em; display:block; float:left; clear:both;}
            div.small-room div.half a.mail{display: block; /*word-break: break-all;*/ color:#666;}
            div.small-room div.half a.more{display: block; float: left; padding-left: 28px; color: #867140; font-size: 0.875em; line-height: 25px; background: url('../gfx/a-more.png') no-repeat left center; margin-top: 20px; clear:both;}
            div.small-room div.half span.phone{display: block; clear: both; line-height: 1.25em;}
            
            
        div.single-gall{display: block; float: left; width: 23.1%; height: 255px; border-bottom: 1px solid #b5b5b5; padding-right: 2.5%; margin:20px 0px;}
        div.single-gall:nth-of-type(4n){padding-right: 0px;}
            div.single-gall img{width: 100%; height: auto; max-height: 175px;}
            div.single-gall a.photo{height: 175px; display: block;}
            div.single-gall span.date{display: block; float: left; width: 100%; font-size: 0.75em; color: #8c8c8c; font-style: italic;}
            div.single-gall span.date strong{font-weight: bold; color: #06377b; font-style: normal;}
            div.single-gall a.title{font-size: 1.625em; color: #06377b; font-weight: 300; text-decoration: none;}
            
        div.single-gall.offer{width: 43%; height: 430px; padding-right: 14%; border-bottom: none; text-align: center;}
        div.single-gall.offer:nth-of-type(2n){width: 43%; padding-right: 0%;}
            div.single-gall.offer a.photo{height: 200px;}
            div.single-gall.offer img{ max-height: 200px;}
            div.single-gall.offer a.title{font-size: 2.0625em; font-weight: bold; color: #575757; text-align: center; display: block; width: 100%;}
            div.single-gall.offer a.more{display: inline-block; float:none; margin-top: 20px;  font-family: 'seagram', Arial, sans-serif; font-size: 1.25em; color: #fff; background: #6883a4; padding: 3px 20px; -webkit-border-radius: 20px; -mox-border-radius: 20px; border-radius: 20px;}
    
    div.photos a{display: block; float: left; width: 14.5%; height: 100px;  margin: 15px 2.6%; line-height: 100px; border: 1px solid #ddd; background: #eee; text-align: center; overflow: hidden;}
    @media all and (max-width:1000px){
        div.photos a{width: 19.6%;}
		div.single-gall {width: 31.6%;}
		div.single-gall:nth-of-type(3n) {padding-right:0px;}
		div.single-gall:nth-of-type(4n) {padding-right:2.5%;}
    }
    @media all and (max-width:800px){
        div.photos a{width: 27.9%;}
		div.single-gall {width: 48.1%;}
		div.single-gall:nth-of-type(2n) {padding-right:0px;}
		div.single-gall:nth-of-type(3n) {padding-right:2.5%;}
		div#content div#innercontent{display: table; float: left; clear: both; width: 98%; height: auto; background: #fff; padding:36px 0%; margin-right:1%; margin-left:1%;}
		
    }
    @media all and (max-width:500px){
        div.photos a{width: 44.6%;}
		div.single-gall {width: 98.6%; padding-right:0px;}
    }
    div.photos a img{max-width: 100%; max-height: 110px; vertical-align: middle; /*width:100%; height:100%; -moz-box-shadow: 0 0 10px #333333; -webkit-box-shadow: 0 0 10px #333333; box-shadow: 0 0 10px #333333;*/}
    
    
    div#map-wrapper{height: 650px; position: relative; box-shadow: 20px 0px 20px rgba(0,0,0,0.2); width:58%;}
        div#map-wrapper div.triangle{display: block; position: absolute; width:22px; height: 45px; top:19px; right: 0px; background: url('../gfx/larr.png') no-repeat;}
        div#map-wrapper div#map{display: block; float: left; height: 100%; width: 100%;}
        
    div.kontaktOpis p{margin:0px;}
        
    div#contact-content{width:42%; margin-right:-7px;}
    div#contact-content.wide{width:100%; margin-right:0px; font-size:1.125em;}
        
     div#big-photo{height: auto; /*min-height: 700px;*/ position: relative; /*left: -3.1%; top: -36px; margin-bottom: -72px;*/ width:49% !important; margin-right: 1%; }
     div.big-photo img{width:100%;}
	 
        div#big-photo div.triangle{display: block; position: absolute; width:22px; height: 45px; top:19px; right: 0px; background: url('../gfx/larr.png') no-repeat;}
        div#big-photo div.big-photo{display: block; float: left; width: 100%; height: auto; margin-bottom: 12px;}
            div#big-photo div.big-photo img{display: block; float: left; width: 100%; height: auto;}
			
			div.half div.big-photo{display: block; float: left; width: 99%; margin-right:1%; height: auto; margin-bottom: 12px;}
            div.half div.big-photo img{display: block; float: left; width: 100%; height: auto;}
            
            div#big-photo div.photos.small a{background: none; width:32.6%; height: 110px; line-height: 110px; margin:0px 1% 10px 0px; border: none;}
            div#big-photo div.photos.small a:nth-of-type(3n){margin-right: 0px;}
            @media all and (max-width:800px){
                div#big-photo div.photos.small a:nth-of-type(3n){margin-right: 1%;}
                div#big-photo div.photos.small a:nth-of-type(2n){margin-right: 0px;}
                div#big-photo div.photos.small a{width: 49.5%}
            }
            /*@media all and (max-width:500px){
                div.photos a{width: 100%; margin-right: 0px;}
            }*/
            
    ul.zebra{margin:0px; padding: 0px; list-style: none;}
        ul.zebra li{display: inline-block; width: 92%; padding: 10px 4%; background: #f3f3f3;}
        ul.zebra li:nth-of-type(2n){background: #fff;}
        ul.zebra li span{display: inline-block; float: left; width: 50%;}
        /*ul.zebra li span.value{color:#97855d;}*/
        
        /*@media all and (max-width:960px){
            div.address div.half{width: 100%;}
        }*/
        
    h3.underline{display:block; float: left; font-size: 1.5em; width: 100%; border-bottom:5px solid #dadada; margin:10px 0px 10px 0px; font-style: normal; color:#666;}
    
    input[type=text]{display: block; float: left; width: 95%; border: 1px solid #7da5dc; font-family: 'saripro',Arial; font-size: 1em; color: #a1a1a1; height:30px; margin:10px 0px; padding-left: 2%;}
    textarea{display: block; float: left; width: 98%; border: 1px solid #7da5dc; font-family: 'saripro',Arial; font-size: 1em; color: #a1a1a1; height:140px; margin:10px 0px; padding-left: 2%;}
    input[type=submit]{display: block; float: right; padding-left: 28px; color: #7da5dc; font-size: 0.875em; line-height: 25px; background: url('../gfx/a-more.png') no-repeat left center; margin-top: 20px; border:none; height: 25px; cursor: pointer;}
    .captcha  {width: 211px; overflow: hidden; float: left;}
    .captcha .g-recaptcha  {transform: scale(0.7); transform-origin: top left;}
    
    div#opis{display: block; float: left; width: 100%; font-size: 1.1875em;}
        div#opis p{line-height: 1.68em;}
        div#opis div.more{}
        div#opis a.more{display: block; float: left; width: 100%; height: auto; background: url('../gfx/div-more.png') repeat-x center center;}
        div#opis a.more span{display: block; float: left; font-family: 'seagram', Arial, sans-serif; font-size: 2.08em; color: #fff; background: #6883a4; padding: 3px 20px; -webkit-border-radius: 20px; -mox-border-radius: 20px; border-radius: 20px; }
        div#opis a.more div{display: block; float: left; width:20px; height:30px; background: #fff;}
    
    a.less{display: block; float: left; padding-left: 28px; color: #867140; font-size: 0.875em; line-height: 25px; background: url('../gfx/a-less.png') no-repeat left center; margin-top: 20px; text-decoration: none;}
        
    div.params{display: block; float: left; width: 100%;}
    @media all and (max-width:960px){
        div.params div.half{width: 100%;}
		div#big-photo{margin-right: 0%; }
    }
    
    div#content div#innercontent div.address{display: block; float: left; width: 30%; height: auto; margin-right:0px; font-size: 1.125em;}
    div#content div#innercontent div.address.offer{width: 45%; font-size: 1.1875em; font-family: Play,Arial,sans-serif; }
    div#content div#innercontent div.address.offer div#opis{width: 25%; font-size: 0.8em; width: 100%; font-family: 'Open Sans',Arial,sans-serif;}
    div#content div#innercontent div.address.offer h2{font-size: 1.7931em; color: #575757; font-family: Play,Arial,sans-serif; font-weight: bold;}
    /*div.address{display: block; float: left; width: 100%; padding:0px;}*/
    div.address span{display: block; float: left; width: 100%; line-height: 1.5em; color: #81714c;}
	div.address div.half{width:49%; margin-right:1%;}
    
    div.files{display: block; float: left; width: 47.6%; height: auto; /*background: #ebeced;*/}
        div.files a{display: block; float: left; width: 20%; padding-top: 80px; height: 20px; background: url('../gfx/file-ico.png') no-repeat top center; font-size: 0.875em; color: #969595; text-decoration: none; margin:20px 5% 20px 5%; border-right: 1px solid #fff; text-align:center;}
        div.files a:nth-of-type(2n){border-right:none;}
        div.files a span{display: block; float: left; width: 100%;}
        
        @media all and (max-width:960px){
            div.files a{width: 56%; padding-left:33.5%;}
            div.files a{border-right:none;}
        }
        
    div.error{display: block; float: left; width: 100%;}
    div.message{display: block; float: left; width: 100%;}
       
    footer#top{display: block; float: left; width: 100%; height: auto; background: #fff url('../gfx/footer-top.png') repeat-x top center; position: relative; z-index: 2;}
        footer#top div#footer-top-wrapper{display: block; width: 900px; margin:0 auto; text-align: center; }
        footer#top div#footer-top-wrapper a.footerbanner{display: inline-block; margin:35px 0px 30px 2%; text-decoration: none; vertical-align: middle; text-decoration: none; width: 30%;}
            footer#top div#footer-top-wrapper a.footerbanner img{display: block; float: left; width: 30%; margin:0px 1%;}
            footer#top div#footer-top-wrapper a.footerbanner span.big{text-transform: uppercase; color: #000; font-size: 1.375em; display: block; float:left; text-align: left; width: 67%; margin-top: 35px;}
            footer#top div#footer-top-wrapper a.footerbanner span.small{color: #767676; font-size: 0.875em; display: block; float: left; text-align: left; width: 67%;}
        
    footer#middle{display: block; float: left; width: 100%; height: auto; background: #000 url('../gfx/footer-middle.png') repeat top center; position: relative; z-index: 2; padding-top:35px;}
        footer#middle div#footer-middle-wrapper{display: block; width: 900px; margin:0 auto; min-height: 180px; position:relative;}
        footer#middle div#footer-middle-wrapper a{display: block; float: left; width: 16.5%; margin:0px 0px 0px 6%; color:#767676; padding:10px 0px 10px 1%; background: url('../gfx/li.png') no-repeat left center; border-bottom: 1px solid #767676; text-decoration: none; font-size: 1.25em; }
		footer#bottom div#footer-bottom-wrapper span.copyrights{display: block; float: right; position:absolute; right:0px; bottom:5px; font-size:0.625em; color:#666;}
        footer#bottom div#footer-bottom-wrapper span.copyrights a{font-size:1em; color:#666; text-decoration:none; display: inline-block; float: none; width: auto; margin:0px; padding:0px; background: none; border-bottom: none; text-decoration: none;  }
        
    footer#bottom{display: block; float: left; width: 100%; height: auto; background: url("../gfx/pattern.png") repeat; position: relative; z-index: 2; /*box-shadow: 0px -15px 0px rgba(76,135,216,0.5);*/ border-top:1px solid #979a9e;}
        footer#bottom div#footer-bottom-wrapper{display: block; width: 900px; margin:0 auto; text-align: center; min-height: 80px; overflow: hidden; position: relative; padding-bottom:20px;}
        footer#bottom div#footer-bottom-wrapper h3{display: block; width: 100%; margin:0px; text-align: left; font-size: 1.1875em; color:#888; /*border-bottom: 1px dashed #888;*/ padding: 10px 0px;}
        
        div#footer-slider {display: block; height: 80px; left: 0;  position: relative;  width: auto;}
            div#footer-slider div.partner{float:left; width:150px; display:block; text-align:center; margin:20px 20px 0px 20px;}
        
            
        
    @media all and (max-width:920px){
        footer#top div#footer-top-wrapper{width:98%;}
        footer#middle div#footer-middle-wrapper{width:98%;}
        footer#bottom div#footer-bottom-wrapper{width:98%;}
    }
    
    @media all and (max-width:960px){
		
		header{height:auto;}
        header div#header-wrapper a{display: block; float: left; width: 22.6% !important; margin-bottom: 0px;}
        header div#header-wrapper a.text-active{background:none;}
        header div#header-wrapper a#logo{display: none;}
        header div#header-wrapper a#small-logo{display: block;}
        div#header-bottom{display:none;}
        div#header-bottom div.bottom.active{background: url('../gfx/header-bottom.png') repeat-x bottom center;}
        footer#top div#footer-top-wrapper a.footerbanner{width: 42%;}
        footer#middle div#footer-middle-wrapper a{width:24.8%;}
		header div#header-wrapper div#langs a{width:20px !important;}
		div#bg{display:none;}
		div#content div#innercontent div.address {width:100%;}
		div#content div#innercontent div.params {width:50%; margin-right:0px;}
		div#content div#innercontent div.main-photo {width:48.3%;}
        
    }
    @media all and (max-width:860px){
        div.small-room{width: 50%;}
		div#content div#innercontent div.main-photo.offer{width:100%; margin-right:0px;}
		div#content div#innercontent div.address.offer{width:100%;}
		div#content div#innercontent div.cennik {width:100%; margin-right:0px;}
		div#content div#innercontent div.uwagi {width:100%; margin-right:0px;}
		div.files{width: 100%; margin-right:0px; margin-left:0px;}
    }
    @media all and (max-width:720px){
          footer#middle div#footer-middle-wrapper a{width:41.5%;}
		  div.kontaktOpis div{width:100% !important;}
		  div.kontaktOpis{width:100%;}
		  div#contact-content{width:100%;}
		  div#map-wrapper{width:100%;}
    }
    @media all and (max-width:680px){
        div.small-room{width: 100%;}
        header div#header-wrapper a{width: 30.9% !important; height: 120px;}
		.half{width:100% !important;}
		div#big-photo{width:100% !important;}
		div.single-gall.offer{width: 100%; height: 430px; padding-right: 0%; border-bottom: none; text-align: center;}
		div#content div#innercontent div.main-photo {width:100%; margin-right:0px;}
		div#content div#innercontent div.params {width:100%; margin-right:0px;}
    }
    @media all and (max-width:580px){
        footer#top div#footer-top-wrapper a.footerbanner{width: 72%;}
		div#opis a.more div{height:60px;}
    }
    @media all and (max-width:460px){
        footer#middle div#footer-middle-wrapper a{width:91.5%;}
        header div#header-wrapper a{width: 47.6% !important;}
    } 
    
    div#deer{display: block; position: absolute; left: 25px; top:30px; width: 45px; height: 60px; background:url('../gfx/deer.png') no-repeat; z-index: 4;}
    @media all and (max-width:1000px){
        div#deer{display: none;}
    }