@charset "utf-8";
/* CSS Document */
body	{float:left; font-family: 'Hammersmith One', sans-serif; padding:0px; margin:0px; }
video	{float:left; width: 100%; display:block;}
.video	{float:left; width: 100%; display:block; z-index: 2; position: relative; }

.menu	{float:left; width: 100%; background-color: #FFF; position: relative;}
.menu>a>img	{float:left; width: 10%; min-width: 180px;}
.menu>ul	{float:right; padding: 0px; margin: 0px; display:block; width: 70%;}
.menu>ul>li	{float:left; padding: 0px; margin: 0px; width: 14%; list-style:none; text-align:center; display: block; ;}
.menu>ul>li>a	{float:left; display: block; padding: 0px; margin: 0px; width: 100%;  text-align:center; color:#999; text-decoration:none; line-height: 100px; font-size: 1.2vw; }
.menu>ul>li>a:hover	{background-color:#aa7c64; color:#000; }
.content	{max-width:1024px; margin-left:auto; margin-right:auto; display:block; }
.content>img	{margin-left: auto; margin-right:auto; display:block; width: 50%;}
.article	{ float:left; width: 100%; margin-bottom: 15px; background-color:#d5c7c3; color:#CCC; padding:0px;}
.article>img	{float:left; width: 50%; }
.article_image {float: left;  width:50%; height: 300px; background-position:center;}
.index_header {float:left; font-size: 30px; width: 100%; text-align:center; line-height: 140px; background-color:#d5c7c3; color:#000; clear: both;}
.index_header2 {float:left; font-size: 24px; width: 50%; text-align:center; background-color:#d5c7c3; color:#CCC; text-align: center; }
.index_header2>a	{float:left; margin-left: 10%; width: 80%; color:#000; text-decoration:none; font-size: 2vh;}
.index_header2>a:hover	{background-color: #aa7c64; color:#000; }
.index_header2>img {float:left; width: 50%; margin:0px;}

.index_text {float:left; font-size: 18px; width: 100%; text-align:justify; }
.index_label {font-size: 2vh; padding: 50px;  text-align:center; background-color:#d5c7c3; color:#000; margin-bottom: 20px; display:table-cell; vertical-align:middle; height: 200px; }
.gold	{color:#aa7c64;}
.black {color:#000;}
.gallery_article	{float:left; width: 18%; margin:1%;}
.gallery_article>a>img	{float:left; width: 100%;}
.gallery_article>a  {float:left; width: 100%; background-color:#d5c7c3; color:#000; } 
.gallery_article>a:hover	{background-color: #aa7c64; color: #000;}
.gallery_label		{float:left; line-height: 70px; text-align:center; width: 100%; font-size: 12px;}

.oferta_content {float:left; width: 80%; margin-left: 10%; background-color:#FFF; padding-bottom: 5%; }
.oferta_content h3 {float:left; font-size: 2vw; width:92%; margin-bottom: 0px; margin-left: 4%;}
.oferta_content a {float:left;margin-top: 1%; margin-left: 4%; color:#000; text-decoration:none;}
.oferta_content a:hover {color: #4c403d;}
.oferta_content p {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 10px;}
.oferta_content ul {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; list-style:square;}
.oferta_content>ul>li {color:#aa7c64;}
.oferta_content>img {float:left; margin-top: 1%; margin-left: 4%;}

.footer {float:left; width: 100%; min-height: 300px; background-color: #d5c7c3;}
.footer_box {float:left; width: 33.3%; min-height: 300px; padding-bottom:5%; min-width: 340px;}
.footer_box>iframe {float:left; width: 80%; margin-left: 10%;}
.footer_box>img {width: 50%; float: left; margin-left: 25%;}
.footer_box>h3 {float:left; width: 100%;  text-align: center; color:#000; font-size: 24px; min-width: 340px;}
.footer_box>p {float:left; width: 100%;  text-align: center; color:#000; font-size: 20px;  margin-bottom: 0px; margin-top: 0%; line-height: 30px;}
.footer_box>a {float:left; font-size: 20px; width:76%; margin-left: 10%; padding-left: 2%; padding-right: 2%; margin-bottom: 1%; margin-top: 0px; color:#000; text-decoration:none; text-align:center; color: #000; line-height: 30px;}
.footer_box>a:hover { color:#aa7c64;}
.footer_box>a>img { width: 20px; margin-top: 10px; display:inline;}

.footer_box>ul {float:left; width: 100%;  text-align: center; color:#000; font-size: 20px; margin-bottom: 0%; margin-top: 0%; padding: 0px;}
.footer_box>ul>li {float:left; width: 100%;  text-align: center; color:#000; font-size: 20px; margin-bottom: 0%; margin-top: 0%; list-style:none;}
.footer_box>ul>li>a {float:left; width: 60%;  text-align: center; color:#000; font-size: 20px; margin-bottom: 0%; margin-top: 0%; text-decoration:none; margin-left: 20%; line-height: 40px; }
.footer_box>ul>li>a:hover {background-color:#aa7c64; }

.menu_box {float:left; width: 50%; margin-top: 5%; height: auto; }
.menu_box>a {float:left; width: auto;  text-align:center; margin-top: 5%;}
.menu_box>a>img {float:left; width: 40px;}
.menu_box>a>h3 {float:left; width: 100%; text-align: center; margin: 0px;}
.menu_box>p {text-align:center; margin-top:1%;}
.menu_box>h3 {float:left; width: 100%; margin:0px; text-align:center; margin-top: 3%;}
.menu_box>img {float:left; width: 80%; margin-left: 10%;}

.galeria_content {float:left; width: 78%; padding:1%; margin-left: 10%; background-color:#FFF; padding-bottom: 5%; }
.galeria_content h2 {float:left; font-size: 3vh; width:92%;  margin-left: 1%; color:#000; font-family: 'Hammersmith One', sans-serif; margin-top: 1%; color:#4c403d;}
.galeria_content a {float:left; margin-left: 1%; margin-bottom: 1%;}
.galeria_content>a>img {height: 100px;}
.galeria_content a:hover {color: #4c403d;}
.galeria_content p {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px;}
.galeria_content ul {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; list-style:square;}

.gallery_label		{float:left; line-height: 70px; text-align:center; width: 100%; font-size: 1.2vw;}

.kontakt_content {float:left; width: 80%; margin-left: 10%; background-color:#FFF; }
.kontakt_content h3 {float:left; font-size: 2vw; width:92%; margin-bottom: 0px; margin-left: 4%;}
.kontakt_content a {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; color:#000; text-decoration:none;}
.kontakt_content a:hover {color: #4c403d;}
.kontakt_content p {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px;}
.kontakt_content ul {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; list-style:square;}

.kontakt_content>form {float:left; width: 50%; margin-left: 25%; margin-top: 4%;}
.kontakt_content>form>p {float:left; width: 100%; margin-left: 0%; text-align: center;}
.kontakt_content>form>input {float:left; width: 98%; margin-bottom:2%; height: 40px; font-size: 20px; line-height: 40px; padding: 1%;}
.kontakt_content>form>input[type=submit] {float:left; width: 50%; margin-bottom:2%; margin-left: 25%;height: 60px; font-size: 20px; line-height: 40px; padding: 1%;}
.kontakt_content>form>textarea {float:left; width: 98%; padding: 1%; font-family: 'Hammersmith One', sans-serif; font-weight: normal; font-size: 20px;}

.kontakt_box	{float:left; width: 50%; padding-top: 5%; padding-bottom: 5%;}
.kontakt_box>img {float:left; width: 50%; margin:0px; margin-left: 25%;}
.kontakt_box>p {float:left; width: 100%; text-align:center; margin:0px;}
.kontakt_box>a {float:left; width: 100%; text-align:center; margin:0px;}
.kontakt_box>p>a {float:none; width: auto; text-align:center; margin:0px;}
.kontakt_box>iframe {float:left; width: 90%; height: 400px; }

.dofinansowanie_article {float:left; width: 40%; padding:5%;}
.dofinansowanie_article>img {float:left; width: 100%;}

.photo_text_label	{position:absolute; float:left; text-align:center; width: 50%; margin-left: 25%; height: 40%; margin-top: 10%; }

.photo_box {position:relative; float:left; width: 60%; margin-left: 20%;   bottom: -50%;}
.photo_box>img {float:left; width: 60%; margin-left:20%;}
.photo_box>a	{float:left;  width: 20%; border: 1px solid #fff;  margin-left: 40%;text-align:center; color: #FFF; font-size:3vh; background-color:#ccc; text-decoration: none;    background: rgb(96, 96, 96); /* Fall-back for browsers that don't support rgba */ background: rgba(96, 96, 96, .0);  -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1000; line-height: 4vh;}
.photo_box>a:hover {background: rgb(97, 119, 176); /* Fall-back for browsers that don't support rgba */ background: rgba(97, 119, 176, .5);  -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1000;}

.header_label	{float:left; width: 100%; text-align:center; color:#FFF; font-size:3vw; font-weight:bold; margin:0px;}
.text_label	{float:left;  width: 100%; text-align:center; color:#FFF; font-size: 2vw;  }

.back_button {float:left; width: 40%; margin-left: 30%; text-align:center;  font-size: 1.5vw; margin-bottom: 3%;}
.back_button>a {text-decoration:none; color:#000; padding: 2%;}
.back_button>a:hover {background-color:#aa7c64;}

.galeria_box {float:left; width: 50%; margin-top: 5%; height: auto; }
.galeria_box>a {float:left; width: auto;  text-align:center; margin-top: 5%;}
.galeria_box>a>img {float:left; width: 80%; height: 20vw; margin-left: 10%;}
.galeria_box>a>h3 {float:left; width: 100%; text-align: center; margin: 0px;}
.galeria_box>p {text-align:center; margin-top:1%;}
.galeria_box>h3 {float:left; width: 100%; margin:0px; text-align:center; margin-top: 3%;}
.galeria_box>img {float:left; width: 80%; margin-left: 10%;}

.news_box {float:left; width: 100%; border-bottom: 1px solid #d5c7c3; padding-bottom: 2%; border-bottom: 1px solid #d5c7c3;}
.news_box h3 {float:right; font-size: 2vw; width:70%; margin-bottom: 0px; margin-right: 4%; padding:0px;}
.news_box a {float:left;margin-top: 1%; margin-left: 4%; color:#000; text-decoration:none;}
.news_box a:hover {color: #4c403d;}
.news_box p {float:right; font-size: 1vw; width:70%; margin-bottom: 0px; margin-right: 4%; margin-top: 0px;}
.news_box ul {float:left; font-size: 1vw; width:70%; margin-bottom: 0px; margin-right: 4%; margin-top: 0px; list-style:square;}
.news_box>img {float:left; margin-top: 1%; margin-left: 4%;}

.index_news_box {float:left; width: 100%; padding-bottom: 2%; background-color:#FFF;}
.index_news_box h3 {float:right; font-size: 2vw; width:73%; text-align:center;  margin-bottom: 0px; margin-right: 4%; margin-top: 2%;}
.index_news_box p {float:right; font-size: 1vw; width:73%; text-align:center; margin-bottom: 0px; margin-right: 4%; margin-top: 0px; }

.data_box {float:left; width: 15%; height: 50px; border: 1px solid #aa7c64; line-height: 50px;margin-left: 4%; margin-top: 3%; }
.day_box {background-color:#d5c7c3; float: left; width: 20%; text-align:center; height: 50px; line-height: 50px; font-size:14px;}
.month_box {background-color:#FFF; float: left; width: 50%; text-align:center; height: 50px; line-height: 50px; font-size:14px;}
.year_box {background-color:#d5c7c3; float: right; width: 30%; text-align:center; height: 50px; line-height: 50px; font-size:14px;}

.noclegi_content {float:left; width: 80%; margin-left: 10%; background-color:#FFF; padding-bottom: 5%; margin-top: 4%;}
.noclegi_content>a>img {float:left; width: 50%;}

@media only screen and (max-width: 1024px) {
body	{font-family: 'Hammersmith One', sans-serif; padding:0px; margin:0px; height: 100%;}
video	{float:left; width: 100%; }
.video	{float:left; width: 100%; min-width: 320px; max-width: 1024px; margin-top:0px;}
.menu	{float:left; width: 100%; background-color: #FFF;  position:relative;}

.spacer {float:left; width: 100%; height: 0px;}
.menu>a>img	{float:left; width: 30%; margin-left: 35%; border: 0px;}
.menu>ul	{float:right; padding: 0px; margin: 0px; display:block; width:100%; margin-right: 1%;}
.menu>ul>li	{float:left; padding: 0px; margin: 0px; width: auto; width: 14%; list-style:none; text-align:center; display: block; min-width: 50px;}
.menu>ul>li>a	{float:left; display: block; padding: 0px; margin: 0px; width: 100%; text-align:center; color:#999; text-decoration:none; line-height: 50px; font-size: 1.8vw; min-width: 50px;}
.menu>ul>li>a:hover	{background-color:#aa7c64; color:#000;}
.content	{width:100%; margin-left:auto; margin-right:auto; display:block; height: 100%;}
.content>img	{margin-left: auto; margin-right:auto; display:block; width: 50%;}
.article	{width: 100%; float:left; margin-bottom: 15px; height: 100%; background-color:#d5c7c3; color:#CCC;}
.article>img	{float:left; width: 50%; min-height: 100%;}
.article_image {float: left;  width:50%; height: 300px; background-position:center;}
.index_header {float:left; font-size: 20px; width: 100%; text-align:center; line-height: 70px; background-color:#d5c7c3; color:#000;margin-top: 1%;clear: both;}

.index_header2 {float:left; font-size: 2vw; width: 50%; text-align:center; background-color:#d5c7c3; color:#CCC; text-align: center; padding:0px; clear: none; margin:0px;}
.index_header2>img {float:left; width: 50%;}
.index_header2>a	{float:left; width: 50%; margin-left: 25%; color:#000; text-decoration:none; font-size: 2vw; clear: none;}
.index_header2>a:hover	{background-color: #aa7c64; color:#000; }
.index_text {float:left; font-size: 14px; width: 100%; text-align:justify; }
.index_label {float:left; font-size: 2vw; width: 90%; text-align:center; background-color:#d5c7c3; color:#000; margin-bottom: 20px; clear: none; padding:5%; padding-bottom: 2%; margin-top: 5%;}
.gold	{color:#aa7c64;}

.gallery_article	{float:left; width: 48%; margin-left: 1%; margin-right: 1%; margin-bottom: 1%;}
.gallery_article>a>img	{float:left; width: 100%;}
.gallery_article>a  {float:left; width: 100%; background-color:#d5c7c3; color:#000; } 
.gallery_article>a:hover	{background-color: #aa7c64; color: #000;}
.gallery_label		{float:left; line-height: 70px; text-align:center; width: 100%; font-size: 24px;}

.oferta_content {float:left; width: 100%; margin-left: 0px; background-color:#FFF; padding-bottom: 5%; }
.oferta_content h3 {float:left; font-size: 2vw; width:92%; margin-bottom: 0px; margin-left: 2%;}
.oferta_content a {float:left;margin-top: 1%; margin-left: 2%; color:#000; text-decoration:none; width: 20%; }
.oferta_content a:hover {color: #4c403d;}
.oferta_content p {float:left; font-size: 2vw; width:96%; margin-bottom: 0px; margin-left: 2%; margin-top: 0px; text-align:justify;}
.oferta_content ul {float:left; font-size: 2vw; width:92%; margin-bottom: 0px; margin-left: 2%; margin-top: 0px; list-style:square;}
.oferta_content>a>img {float:left; width: 100%; margin-top: 1%; margin-left: 1%;}


.footer {float:left; width: 100%; min-height: 300px; background-color: #d5c7c3;}
.footer_box {float:left; width: 33.3%; min-height: 300px; padding-bottom:5%; min-width: 120px;}
.footer_box>iframe {float:left; width: 80%; margin-left: 10%;}
.footer_box>img {width: 50%; float: left; margin-left: 25%;}
.footer_box>h3 {float:left; width: 100%;  text-align: center; color:#000; font-size: 24px; min-width: 100px;}
.footer_box>p {float:left; width: 100%;  text-align: center; color:#000; font-size: 2.2vw;  margin-bottom: 0px; margin-top: 0%; line-height: 30px;}
.footer_box>a {float:left; font-size: 2.2vw; width:76%; margin-left: 10%; padding-left: 2%; padding-right: 2%; margin-bottom: 1%; margin-top: 0px; color:#000; text-decoration:none; text-align:center; color: #000; line-height: 30px;}
.footer_box>a:hover { color:#aa7c64;}
.footer_box>a>img { width: 20px; margin-top: 10px; display:inline;}

.footer_box>ul {float:left; width: 100%;  text-align: center; color:#000; font-size: 2.2vw; margin-bottom: 0%; margin-top: 0%; padding: 0px;}
.footer_box>ul>li {float:left; width: 100%;  text-align: center; color:#000; font-size: 2.2vw; margin-bottom: 0%; margin-top: 0%; list-style:none;}
.footer_box>ul>li>a {float:left; width: 60%;  text-align: center; color:#000; font-size: 2.2vw; margin-bottom: 0%; margin-top: 0%; text-decoration:none; margin-left: 20%; line-height: 40px; }
.footer_box>ul>li>a:hover {background-color:#aa7c64; }

.menu_box {float:left; width: 50%; margin-top: 5%; height: auto; }
.menu_box>a {float:left; width: auto;  text-align:center; margin-top: 5%; font-size: 1vh;}
.menu_box>a>img {float:left; width: 10%;}
.menu_box>a>h3 {float:left; width: 100%; text-align: center; margin: 0px;}
.menu_box>p {text-align:center; margin-top:1%;}
.menu_box>h3 {float:left; width: 100%; margin:0px; text-align:center; margin-top: 3%;}
.menu_box>img {float:left; width: 80%; margin-left: 10%;}

.galeria_content {float:left; width: 78%; padding:1%; margin-left: 10%; background-color:#FFF; padding-bottom: 5%; }
.galeria_content h2 {float:left; font-size: 3vh; width:92%;  margin-left: 1%; color:#000; font-family: 'Hammersmith One', sans-serif; margin-top: 1%; color:#4c403d;}
.galeria_content a {float:left; margin-left: 1%; margin-bottom: 1%;}
.galeria_content>a>img {height: 100px;}
.galeria_content a:hover {color: #4c403d;}
.galeria_content p {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px;}
.galeria_content ul {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; list-style:square;}

.gallery_label		{float:left; line-height: 70px; text-align:center; width: 100%; font-size: 3vw;}

.kontakt_content {float:left; width: 100%; margin-left: 0px; background-color:#FFF; }
.kontakt_content h3 {float:left; font-size: 2vw; width:92%; margin-bottom: 0px; margin-left: 4%;}
.kontakt_content a {float:left; font-size: 2vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; color:#000; text-decoration:none;}
.kontakt_content a:hover {color: #4c403d;}
.kontakt_content p {float:left; font-size: 2vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px;}
.kontakt_content ul {float:left; font-size: 2vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; list-style:square;}

.kontakt_box	{float:left; width: 50%; padding-top: 5%; padding-bottom: 5%;}
.kontakt_box>img {float:left; width: 50%; margin:0px; margin-left: 25%;}
.kontakt_box>p {float:left; width: 100%; text-align:center; margin:0px;}
.kontakt_box>a {float:left; width: 100%; text-align:center; margin:0px;}
.kontakt_box>p>a {float:none; width: auto; text-align:center; margin:0px;}
.kontakt_box>iframe {float:left; width: 90%; height: 400px; }

.dofinansowanie_article {float:left; width: 90%; padding:5%;}
.dofinansowanie_article>img {float:left; width: 100%;}

.photo_text_label	{position:; float:left; text-align:center; width: 100%; background: rgba(96, 96, 96, .5); height: 100%; min-width: 320px;  display:none;}

.photo_box {position:relative; float:left; width: 50%; margin-left: 25%;   bottom: -50%;}

.photo_box>a	{float:left;  width: 20%; border: 1px solid #fff;  margin-left: 40%;text-align:center; color: #FFF; font-size:3vh; background-color:#ccc; text-decoration: none;    background: rgb(96, 96, 96); /* Fall-back for browsers that don't support rgba */ background: rgba(96, 96, 96, .0);  -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1000; line-height: 4vh;}
.photo_box>a:hover {background: rgb(97, 119, 176); /* Fall-back for browsers that don't support rgba */ background: rgba(97, 119, 176, .5);  -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1000;}

.header_label	{float:left; width: 100%; text-align:center; color:#FFF; font-size:3vw; font-weight:bold; margin:0px;}
.text_label	{float:left;  width: 100%; text-align:center; color:#FFF; font-size: 2vw;  }

.back_button {float:left; width: 40%; margin-left: 30%; text-align:center;  font-size: 2.5vw; margin-bottom: 3%;}
.back_button>a {text-decoration:none; color:#000; padding: 2%;}
.back_button>a:hover {background-color:#aa7c64;}

.galeria_box {float:left; width: 50%; margin-top: 5%; height: auto; }
.galeria_box>a {float:left; width: auto;  text-align:center; margin-top: 5%;}
.galeria_box>a>img {float:left; width: 80%; height: 20vw; margin-left: 10%;}
.galeria_box>a>h3 {float:left; width: 100%; text-align: center; margin: 0px;}
.galeria_box>p {text-align:center; margin-top:1%;}
.galeria_box>h3 {float:left; width: 100%; margin:0px; text-align:center; margin-top: 3%;}
.galeria_box>img {float:left; width: 80%; margin-left: 10%;}

.news_box {float:left; width: 100%; border-bottom: 1px solid #d5c7c3; padding-bottom: 2%;}
.news_box h3 {float:right; font-size: 3vw; width:92%; margin-bottom: 0px; margin-right: 4%; padding:0px;}
.news_box a {float:left;margin-top: 1%; margin-left: 4%; color:#000; text-decoration:none;}
.news_box a:hover {color: #4c403d;}
.news_box p {float:right; font-size: 2vw; width:92%; margin-bottom: 0px; margin-right: 4%; margin-top: 0px;}
.news_box ul {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; list-style:square;}
.news_box>img {float:left; margin-top: 1%; margin-left: 4%;}

.index_news_box {float:left; width: 100%; padding-bottom: 2%; background-color:#FFF;}
.index_news_box h3 {float:left; font-size: 3vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 2%;}
.index_news_box p {float:right; font-size: 2vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px;}

.data_box {float:left; width: 30%; height: 40px; border: 1px solid #aa7c64; line-height: 40px; margin-left: 35%;  margin-top: 3%;}
.day_box {background-color:#d5c7c3; float: left; width: 25%; text-align:center; height: 40px; line-height: 40px; font-size:14px;}
.month_box {background-color:#FFF; float: left; width: 45%; text-align:center; height: 40px; line-height: 40px; font-size:14px;}
.year_box {background-color:#d5c7c3; float: right; width: 30%; text-align:center; height: 40px; line-height: 40px; font-size:14px;}

.noclegi_content {float:left; width: 80%; margin-left: 10%; background-color:#FFF; padding-bottom: 5%; margin-top: 4%;}
.noclegi_content>a>img {float:left; width: 50%;}
	}
	
@media only screen and (max-width: 640px) {
body	{font-family: 'Hammersmith One', sans-serif; padding:0px; margin:0px; height: 100%;}
video	{float:left; width: 100%; }
.video	{float:left; width: 100%; min-width: 300px; max-width: 1024px; margin-top:0px;}
.menu	{float:left; width: 100%; background-color: #FFF;  position:relative;}

.spacer {float:left; width: 100%; height: 0px;}
.menu>a>img	{float:left; width: 50%; margin-left: 25%; border: 0px;}
.menu>ul	{float:right; padding: 0px; margin: 0px; display:block; width:100%; margin-right: 1%;}
.menu>ul>li	{float:left; padding: 0px; margin: 0px; width: auto; width: 50%; list-style:none; text-align:center; display: block; min-width: 50px;}
.menu>ul>li>a	{float:left; display: block; padding: 0px; margin: 0px; width: 100%; text-align:center; color:#999; text-decoration:none; line-height: 50px; font-size: 5vw; min-width: 50px;}
.menu>ul>li>a:hover	{background-color:#aa7c64; color:#000;}
.content	{width:100%; margin-left:auto; margin-right:auto; display:block; height: 100%;}
.content>img	{margin-left: auto; margin-right:auto; display:block; width: 50%;}
.article	{width: 100%; float:left; margin-bottom: 15px; height: 100%; background-color:#d5c7c3; color:#CCC;}
.article>img	{float:left; width: 100%; min-height: 100%;}
.article_image {float: left;  width:100%; height: 300px; background-position:center;}
.index_header {float:left; font-size: 20px; width: 100%; text-align:center; line-height: 70px; background-color:#d5c7c3; color:#000;margin-top: 1%;clear: both;}

.index_header2 {float:left; font-size: 2vw; width: 100%; text-align:center; background-color:#d5c7c3; color:#CCC; text-align: center; padding:0px; clear: none; margin:0px;}
.index_header2>img {float:left; width: 50%;}
.index_header2>a	{float:left; width: 50%; margin-left: 25%; color:#000; text-decoration:none; font-size: 4vw; clear: none; margin-bottom:5%;}
.index_header2>a:hover	{background-color: #aa7c64; color:#000; }
.index_text {float:left; font-size: 14px; width: 100%; text-align:justify; }
.index_label {float:left; font-size: 4vw; width: 90%; text-align:center; background-color:#d5c7c3; color:#000; margin-bottom: 20px; clear: none; padding:5%; padding-bottom: 2%; margin-top: 5%;}
.gold	{color:#aa7c64;}

.gallery_article	{float:left; width: 98%; margin-left: 1%; margin-right: 1%; margin-bottom: 1%;}
.gallery_article>a>img	{float:left; width: 100%;}
.gallery_article>a  {float:left; width: 100%; background-color:#d5c7c3; color:#000; } 
.gallery_article>a:hover	{background-color: #aa7c64; color: #000;}
.gallery_label		{float:left; line-height: 70px; text-align:center; width: 100%; font-size: 6vw;}

.oferta_content {float:left; width: 100%; margin-left: 0px;background-color:#FFF; padding-bottom: 5%; }
.oferta_content h3 {float:left; font-size: 5vw; width:92%; margin-bottom: 0px; margin-left: 4%;}
.oferta_content a {float:left; margin-top: 1%; width: 100%; color:#000; text-decoration:none;}
.oferta_content a:hover {color: #4c403d;}
.oferta_content p {float:left; font-size: 5vw; width:90%; margin-left: 5%; margin-bottom: 0px; margin-top: 0px; text-align:justify;}
.oferta_content ul {float:left; font-size: 5vw; width:92%; margin-bottom: 0px; margin-top: 0px; list-style:square; padding:0px; padding-left: 5%;}
.oferta_content>a>img {float:left; margin-top: 1%; width: 60%; margin-left:20%;}

.footer {float:left; width: 100%; min-height: 300px; background-color: #d5c7c3;}
.footer_box {float:left; width: 100%; min-height: 300px; padding-bottom:5%; min-width: 120px;}
.footer_box>iframe {float:left; width: 80%; margin-left: 10%;}
.footer_box>img {width: 50%; float: left; margin-left: 25%;}
.footer_box>h3 {float:left; width: 100%;  text-align: center; color:#000; font-size: 24px; min-width: 340px;}
.footer_box>p {float:left; width: 100%;  text-align: center; color:#000; font-size: 20px;  margin-bottom: 0px; margin-top: 0%; line-height: 30px;}
.footer_box>a {float:left; font-size: 20px; width:76%; margin-left: 10%; padding-left: 2%; padding-right: 2%; margin-bottom: 1%; margin-top: 0px; color:#000; text-decoration:none; text-align:center; color: #000; line-height: 30px;}
.footer_box>a:hover { color:#aa7c64;}
.footer_box>a>img { width: 20px; margin-top: 10px; display:inline;}

.footer_box>ul {float:left; width: 100%;  text-align: center; color:#000; font-size: 20px; margin-bottom: 0%; margin-top: 0%; padding: 0px;}
.footer_box>ul>li {float:left; width: 100%;  text-align: center; color:#000; font-size: 20px; margin-bottom: 0%; margin-top: 0%; list-style:none;}
.footer_box>ul>li>a {float:left; width: 60%;  text-align: center; color:#000; font-size: 20px; margin-bottom: 0%; margin-top: 0%; text-decoration:none; margin-left: 20%; line-height: 40px; }
.footer_box>ul>li>a:hover {background-color:#aa7c64; }

.menu_box {float:left; width: 100%; margin-top: 5%; height: auto; }
.menu_box>a {float:left; width: auto;  text-align:center; margin-top: 5%; font-size: 2vw;}
.menu_box>a>img {float:left; width: 40px;}
.menu_box>a>h3 {float:left; width: 100%; text-align: center; margin: 0px;}
.menu_box>p {float:left; width: 90%; margin-left: 5%; text-align:center; margin-top:1%;}
.menu_box>h3 {float:left; width: 100%; margin:0px; text-align:center; margin-top: 3%;}
.menu_box>img {float:left; width: 100%; margin-left: 0px;}

.galeria_content {float:left; width: 100%; padding:0px; margin-left: 0px; background-color:#FFF; padding-bottom: 5%; }
.galeria_content h2 {float:left; font-size: 3vh; width:92%;  margin-left: 1%; color:#000; font-family: 'Hammersmith One', sans-serif; color:#4c403d; margin-top: 5%;}
.galeria_content a {float:left; margin-bottom: 1%; width: 48%;}
.galeria_content>a>img {width: 100%; float:left; height: auto; }
.galeria_content a:hover {color: #4c403d;}
.galeria_content p {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px;}
.galeria_content ul {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; list-style:square;}

.gallery_label		{float:left; line-height: 70px; text-align:center; width: 100%; font-size: 6vw;}

.kontakt_content {float:left; width: 100%; margin-left: 0px; background-color:#FFF; }
.kontakt_content h3 {float:left; font-size: 2vw; width:92%; margin-bottom: 0px; margin-left: 4%;}
.kontakt_content a {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; color:#000; text-decoration:none;}
.kontakt_content a:hover {color: #4c403d;}
.kontakt_content p {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px;}
.kontakt_content ul {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; list-style:square;}

.kontakt_box	{float:left; width: 100%; padding-top: 5%; padding-bottom: 0px;}
.kontakt_box>img {float:left; width: 50%; margin:0px; margin-left: 25%;}
.kontakt_box>p {float:left; width: 100%; text-align:center; margin:0px; font-size: 4vw;}
.kontakt_box>a {float:left; width: 100%; text-align:center; margin:0px; font-size: 4vw;}
.kontakt_box>p>a {float:none; width: auto; text-align:center; margin:0px; font-size: 4vw;}
.kontakt_box>iframe {float:left; width: 100%; height: 400px; }

.dofinansowanie_article {float:left; width: 100%; margin:0px; padding: 0px;}
.dofinansowanie_article>img {float:left; width: 85%; margin:5%; padding:0px;}

.photo_text_label	{position:absolute; float:left; width: 30%; text-align:center; width: 100%; background: rgba(96, 96, 96, .5); height: 100%; min-width: 300px;  }

.photo_box {position:relative; float:left; width: 50%; margin-left: 25%;   bottom: -50%;}

.photo_box>a	{float:left;  width: 20%; border: 1px solid #fff;  margin-left: 40%;text-align:center; color: #FFF; font-size:3vh; background-color:#ccc; text-decoration: none;    background: rgb(96, 96, 96); /* Fall-back for browsers that don't support rgba */ background: rgba(96, 96, 96, .0);  -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1000; line-height: 4vh;}
.photo_box>a:hover {background: rgb(97, 119, 176); /* Fall-back for browsers that don't support rgba */ background: rgba(97, 119, 176, .5);  -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1000;}

.header_label	{float:left; width: 100%; text-align:center; color:#FFF; font-size:3vw; font-weight:bold; margin:0px;}
.text_label	{float:left;  width: 100%; text-align:center; color:#FFF; font-size: 2vw;  }

.back_button {float:left; width: 40%; margin-left: 30%; text-align:center;  font-size: 4vw; margin-bottom: 3%;}
.back_button>a {text-decoration:none; color:#000; padding: 2%;}
.back_button>a:hover {background-color:#aa7c64;}

.galeria_box {float:left; width: 100%; margin-top: 5%; height: auto; }
.galeria_box>a {float:left; width: auto;  text-align:center; margin-top: 5%;}
.galeria_box>a>img {float:left; width: 80%; height: auto; margin-left: 10%;}
.galeria_box>a>h3 {float:left; width: 100%; text-align: center; margin: 0px;}
.galeria_box>p {text-align:center; margin-top:1%;}
.galeria_box>h3 {float:left; width: 100%; margin:0px; text-align:center; margin-top: 3%;}
.galeria_box>img {float:left; width: 80%; margin-left: 10%;}

.news_box {float:left; width: 100%; border-bottom: 1px solid #d5c7c3; padding-bottom: 2%;}
.news_box h3 {float:right; font-size: 6vw; width:92%; text-align: center; margin-bottom: 20px; margin-right: 4%; padding:0px;}
.news_box a {float:left;margin-top: 1%; margin-left: 4%; color:#000; text-decoration:none;}
.news_box a:hover {color: #4c403d;}
.news_box p {float:right; font-size: 4vw; width:92%; margin-bottom: 0px; margin-right: 4%; margin-top: 0px; text-align:center;}
.news_box ul {float:left; font-size: 1vw; width:92%; margin-bottom: 0px; margin-left: 4%; margin-top: 0px; list-style:square;}
.news_box>img {float:left; margin-top: 1%; margin-left: 4%;}

.index_news_box {float:left; width: 100%; padding-bottom: 2%; background-color:#FFF;}
.index_news_box h3 {float:right; font-size: 6vw; width:92%; text-align:center;  margin-bottom: 0px; margin-right: 4%; margin-top: 2%;}
.index_news_box p {float:right; font-size: 4vw; width:92%; text-align:center; margin-bottom: 0px; margin-right: 4%; margin-top: 0px;}

.data_box {float:left; width: 60%; height: 40px; border: 1px solid #aa7c64; line-height: 40px;margin-left: 20%; margin-top: 3%;}
.day_box {background-color:#d5c7c3; float: left; width: 20%; text-align:center; height: 40px; line-height: 40px; font-size:14px;}
.month_box {background-color:#FFF; float: left; width: 50%; text-align:center; height: 40px; line-height: 40px; font-size:14px;}
.year_box {background-color:#d5c7c3; float: right; width: 30%; text-align:center; height: 40px; line-height: 40px; font-size:14px;}

.noclegi_content {float:left; width: 80%; margin-left: 10%; background-color:#FFF; padding-bottom: 5%; margin-top: 4%;}
.noclegi_content>a>img {float:left; width: 50%;}
	}