@charset "UTF-8";
@import url(normalize-3.0.2.css);
@import url(colorbox.css);
* {
  box-sizing: border-box; }

body, html {
  margin: 0; }

h1, h2, h3 {
  margin-top: 0;
  font-weight: normal; }

p {
  margin-top: 0; }

nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

fieldset {
  border: 0;
  padding: 0; }

img {
  vertical-align: top; }

a img {
  border: 0; }

/* focus */
:focus {
  outline: none; }

/* clearfix */
.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

img {
  max-width: 100%;
  height: auto; }

/* === BASIC TYPOGRAPHY === */
html, button, input, select, textarea {
  color: #000;
  font-family: "Open Sans", Arial, Helvetica, sans-serif; }

body {
  font-size: 14px;
  line-height: 1; }

h1, h2, h3 {
  margin: 0; }

a {
  color: #000;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    color: #508484; }

img {
  max-width: 100%; }

a {
  -webkit-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out; }

/* === BASE === */
html {
  background: #1c242f; }

/* wrap */
.wrap {
  position: relative;
  margin: 0 auto;
  max-width: 1140px;
  padding: 0 15px; }
  .wrap:after {
    content: '';
    display: table;
    clear: both; }

/* === MAIN === */
#main {
  background: #fff; }

#header {
  position: relative;
  z-index: 99;
  background: url(../img/header-bg.jpg) 50% 0 no-repeat;
  background-size: cover; }
  #header .wrap {
    height: 196px; }

.header-logo {
  padding-top: 20px; }
  @media (max-width: 480px) {
    .header-logo img {
      width: 85%;
      padding-top: 30px; } }

.header-lang {
  position: absolute;
  top: 26px;
  right: 115px; }
  .header-lang a {
    font-size: 13px;
    text-transform: uppercase;
    color: #d0ae7b;
    font-weight: bold;
    padding-right: 16px; }
    .header-lang a:hover {
      color: #fff;
      background-position: 100% -50px; }
    .header-lang a.active {
      color: #f0ae1f; }

.header-social {
  position: absolute;
  top: 17px;
  right: 15px; }
  .header-social a {
    float: left;
    margin-left: 15px;
    line-height: 19px; }
    .header-social a:hover {
      opacity: .8; }

.header-nav-top {
  position: absolute;
  right: 15px;
  top: 80px; }
  .header-nav-top ul {
    float: right; }
  .header-nav-top li {
    float: left;
    position: relative;
    font-size: 20px;
    color: #dadada;
    text-transform: uppercase;
    font-family: Armata;
    margin-left: 24px; }
    @media (max-width: 1139px) {
      .header-nav-top li {
        font-size: 17px; } }
    .header-nav-top li:after {
      content: '•';
      position: absolute;
      left: -17px;
      top: 0; }
    .header-nav-top li:first-child:after {
      display: none; }
    .header-nav-top li.active a {
      color: #f0ae1f; }
  .header-nav-top a {
    color: #dadada; }
    .header-nav-top a:hover {
      color: #d0ae7b; }

.header-nav {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 145px; }
  .header-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .header-nav li {
    position: relative;
    font-size: 20px;
    color: #c29463;
    text-transform: uppercase;
    font-family: Armata; }
    @media (max-width: 1139px) {
      .header-nav li {
        font-size: 18px; } }
    .header-nav li:after {
      content: '•';
      position: absolute;
      left: -17px;
      top: 0; }
    .header-nav li:first-child:after {
      display: none; }
    .header-nav li.active a {
      color: #f0ae1f; }
  .header-nav a {
    color: #c29463; }
    .header-nav a:hover {
      color: #fff; }

#nav-toggle {
  position: absolute;
  right: 10px;
  bottom: 15px;
  cursor: pointer;
  padding: 8px 30px 8px 0px; }

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  height: 4px;
  width: 30px;
  background: #d0ae7b;
  position: absolute;
  display: block;
  content: ''; }

#nav-toggle span:before {
  top: -8px; }

#nav-toggle span:after {
  bottom: -8px; }

#nav-toggle.active span {
  background-color: transparent; }

#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0; }

#nav-toggle.active span:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

#nav-toggle.active span:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

#nav-toggle {
  display: none; }

@media (max-width: 1023px) {
  #nav-toggle {
    display: block; }
  #header .wrap {
    height: 150px; }
  .header-navs {
    display: none;
    background: #000;
    width: 300px;
    float: right;
    padding: 10px 15px;
    margin: 25px -15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); }
  .header-navs.active {
    display: block; }
  .header-nav-top {
    right: 0;
    top: auto;
    position: static; }
    .header-nav-top ul {
      display: block;
      float: none; }
    .header-nav-top li {
      text-align: right;
      float: none;
      margin: 8px 0; }
      .header-nav-top li:after {
        display: none; }
  .header-nav {
    right: 0;
    top: auto;
    position: static; }
    .header-nav ul {
      display: block; }
    .header-nav li {
      margin: 8px 0;
      float: none;
      display: block;
      text-align: right; }
      .header-nav li:after {
        display: none; }
  .header-lang {
    position: static;
    top: auto;
    right: 0; }
    .header-lang a {
      margin: 8px 0;
      padding: 0;
      float: none;
      display: block;
      text-align: right; }
      .header-lang a:after {
        display: none; } }

#footer {
  position: relative; }

.footer-1 {
  background: #212936; }

.footer-11 {
  float: left;
  width: 32%;
  font-size: 13px;
  line-height: 24px;
  color: #fff;
  padding-top: 35px;
  padding-right: 40px; }
  .footer-11 p {
    margin: 0; }
  @media (max-width: 767px) {
    .footer-11 {
      float: none;
      width: 100%;
      padding: 30px 0; } }

.footer-12 {
  float: left;
  width: 36%;
  background: #565c66;
  padding-top: 40px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  min-height: 340px; }
  @media (max-width: 767px) {
    .footer-12 {
      float: none;
      width: 100%;
      min-height: 1px; } }
  .footer-12 a {
    color: #fff; }
    .footer-12 a:hover {
      opacity: .8; }
  .footer-12 img {
    margin: 0 5px 20px; }

.footer-13 {
  float: left;
  width: 32%;
  font-size: 13px;
  line-height: 24px;
  color: #fff;
  padding-top: 35px;
  padding-left: 65px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .footer-13 {
      float: none;
      width: 100%;
      padding: 30px; } }
  .footer-13 ul {
    float: left;
    width: 50%;
    list-style: none;
    padding: 0;
    margin: 0; }
    @media (max-width: 1023px) {
      .footer-13 ul {
        float: none;
        width: 100%; } }
    @media (max-width: 767px) {
      .footer-13 ul {
        float: none;
        width: 100%;
        text-align: center; } }
  .footer-13 li {
    font-size: 14px;
    line-height: 29px;
    color: #fff;
    padding-left: 30px; }
    .footer-13 li a {
      color: #fff;
      position: relative; }
      .footer-13 li a:after {
        content: '';
        position: absolute;
        left: -30px;
        top: 9px;
        height: 2px;
        width: 12px;
        background: #5a6777; }
      .footer-13 li a:hover {
        opacity: .8; }
        .footer-13 li a:hover:before {
          content: '';
          position: absolute;
          left: -25px;
          top: 4px;
          width: 2px;
          height: 12px;
          background: #5a6777; }

.footer-2 {
  background: #1c242f;
  padding: 20px 0;
  font-size: 13px;
  color: #565c66;
  text-align: center; }
  
  .footer-2 a{
  color: #565c66;}
  
  .footer-2 a:hover{
  color: #fff;}

.page {
  background: #f8f6f1 url(../img/witamy-bg.jpg) no-repeat; }
  .page .aside {
    position: absolute;
    right: 15px;
    top: 50px;
    text-align: right; }
    @media (max-width: 1139px) {
      .page .aside {
        text-align: center;
        right: 0;
        left: 0;
        top: 10px;
        width: 100%;
        white-space: nowrap; } }
    .page .aside a {
      position: relative;
      font-size: 13px;
      line-height: 17px;
      color: #323232;
      padding: 0 30px 0 0; }
  .page .back-home:after {
    content: "\f015";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 17px;
    color: #323232;
    font-family: FontAwesome; }
  .page .back-home:hover {
    color: #b43700; }
    .page .back-home:hover:after {
      color: #b43700; }
  .page .back-sub {
    margin-left: 30px; }
    .page .back-sub:after {
      content: "\f190";
      position: absolute;
      right: 0;
      top: 0;
      font-size: 17px;
      color: #323232;
      font-family: FontAwesome; }
    .page .back-sub:hover {
      color: #b43700; }
      .page .back-sub:hover:after {
        color: #b43700; }
  .page h1 {
    font-size: 33px;
    visibility: #3d0a38;
    font-weight: 400;
    padding: 1.2em 0; }
    @media (max-width: 1139px) {
      .page h1 {
        text-align: center;
        font-size: 28px;
        padding-top: 2em; } }

.content {
  background: #fff;
  padding: 40px 65px;
  font-size: 16px;
  line-height: 1.75;
  color: #5b5b5b; }
  @media (max-width: 767px) {
    .content {
      padding: 30px; } }
  .content hr {
    background: #d0d0d0;
    border: 0;
    border-top: 1px solid #f8f8f8;
    height: 1px;
    margin: 1.5em 0; }
  .content h2 {
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #020202;
    margin: 0 0 1.5em; }
  .content h3 {
    font-size: 17px;
    color: #705a00; }
  .content p {
    margin: 0 0 1.5em; }
  .content p.big {
    font-weight: 600;
    color: #4f0d19;
    font-size: 20px;
    line-height: 30px; }
  .content a:hover {
    color: #614a21; }
  .content ul {
    padding: 0;
    list-style: none;
    margin: 0 0 1.5em; }
    .content ul li {
      padding-left: 55px;
      background: url(../img/li-arrow.png) 35px 9px no-repeat; }
  .content *:last-child {
    margin-bottom: 0px; }
  .content .cols {
    margin: 2em -15px;
    overflow: hidden; }
    .content .cols .col {
      float: left;
      width: 50%;
      padding: 0 15px; }
      @media (max-width: 767px) {
        .content .cols .col {
          float: none;
          width: 100%;
          margin: 0 0 20px; } }
  .content .galeria {
    margin: 45px 0 45px 30px;
    overflow: hidden;
    list-style: none;
    padding: 0;
    text-align: center; }
    @media (max-width: 1139px) {
      .content .galeria {
        margin: 45px 0; } }
    .content .galeria li {
      float: left;
      padding: 0 16px 16px 0;
      background: none; }
      @media (max-width: 1139px) {
        .content .galeria li {
          float: none;
          display: block;
          vertical-align: top;
          margin: 0 0 15px;
          padding: 0;
          text-align: center; } }
    .content .galeria img {
      -webkit-transition: all 0.2s ease-out;
              transition: all 0.2s ease-out;
      opacity: 1;
      display: block; }
      @media (max-width: 1139px) {
        .content .galeria img {
          display: inline-block;
          max-width: 452px; } }
    .content .galeria a:hover img {
      opacity: .7; }

.atrakcje {
  overflow: hidden;
  margin: 0 -15px 30px; }
  .atrakcje article {
    float: left;
    max-width: 505px;
    width: 100%;
    padding: 0 15px;
    margin: 0 0 30px; }
    @media (max-width: 1139px) {
      .atrakcje article {
        float: none;
        margin: 0 auto 30px; } }
  .atrakcje .in {
    position: relative;
    background: #f8f5f1;
    padding: 20px 30px 0; }
  .atrakcje h2 {
    font-size: 20px;
    line-height: 28px;
    min-height: 56px;
    color: #35393b;
    font-weight: normal;
    margin: 0 0 20px; }
    @media (max-width: 359px) {
      .atrakcje h2 {
        font-size: 16px; } }
  .atrakcje p {
    font-size: 14px;
    line-height: 20px;
    color: #1f2126;
    min-height: 60px; }
  .atrakcje img {
    margin: 0 0 20px; }
  .atrakcje a {
    display: block;
    padding: 0 0 80px;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out; }
    .atrakcje a:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 25px;
      left: 50%;
      margin-left: -15px;
      width: 30px;
      height: 45px;
      background: url(../img/arrow.png);
      -webkit-transition: all 0.2s ease-out;
              transition: all 0.2s ease-out;
      background-size: 100%; }
    .atrakcje a:hover {
      opacity: .7; }

/* messages */
ul.msg_error {
  color: #E3302C;
  background: #FFECCE;
  border: 1px solid #E9C59B;
  padding: 5px 10px;
  margin: 1em 0 !important;
  border-radius: 5px;
  font-size: 12px;
  line-height: 18px; }

ul.msg_error li {
  margin: 3px 0;
  list-style: none;
  background: none !important;
  padding: 0 !important; }

.msg_success {
  color: #508600;
  background: #EDFBD8;
  border: 1px solid #BFDE84;
  padding: 5px 10px;
  margin: 1em 0;
  border-radius: 5px;
  font-size: 12px;
  line-height: 18px; }

.msg_notice {
  color: #585b66;
  background: #dbe3ff;
  border: 1px solid #a2b4ee;
  padding: 5px 10px;
  margin: 1em 0;
  border-radius: 5px;
  font-size: 12px;
  line-height: 18px; }

.msg_warning {
  color: #666452;
  background: #fffbcc;
  border: 1px solid #e6db55;
  padding: 5px 10px;
  margin: 1em 0;
  border-radius: 5px;
  font-size: 12px;
  line-height: 18px; }

.msg_center {
  text-align: center; }

/* REZERWUJ */
#rezerwuj {
  margin: 3em 0 2em; }
  #rezerwuj div {
    overflow: hidden;
    margin-bottom: 10px; }
  #rezerwuj fieldset {
    margin-bottom: 25px;
    float: left;
    width: 50%;
    margin: 0 0 40px; }
    @media (max-width: 639px) {
      #rezerwuj fieldset {
        margin: 0 auto;
        display: block;
        width: 250px;
        float: none; } }
  #rezerwuj label,
  #rezerwuj .label {
    float: left;
    width: 160px;
    margin-right: 20px;
    text-align: right;
    color: #000;
    font-size: 13px;
    line-height: 36px; }
    @media (max-width: 1139px) {
      #rezerwuj label,
      #rezerwuj .label {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        margin: 0; } }
  #rezerwuj input[type=text],
  #rezerwuj input[type=email],
  #rezerwuj textarea {
    width: 250px;
    border: 1px solid #b3b0ab;
    border-radius: 2px;
    padding: 5px;
    line-height: 24px;
    color: #d70000;
    font-size: 14px; }
    @media (max-width: 1139px) {
      #rezerwuj input[type=text],
      #rezerwuj input[type=email],
      #rezerwuj textarea {
        margin: 0 auto;
        display: block; } }
  #rezerwuj textarea {
    height: 150px;
    background: #f8f5f0; }
  #rezerwuj .submit {
    margin-left: 180px; }
    @media (max-width: 479px) {
      #rezerwuj .submit {
        margin: 0; } }
  #rezerwuj button {
    border: 0;
    background: #212936;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    width: 200px;
    line-height: 43px;
    display: block;
    margin: 0 auto; }
    #rezerwuj button:hover {
      background: #435b92; }
  @media (max-width: 1139px) {
    #rezerwuj .radios {
      margin: 0 auto;
      display: block;
      width: 250px; } }
  #rezerwuj .radios label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: none;
    width: auto;
    text-align: left;
    vertical-align: top; }
  #rezerwuj .radios input {
    opacity: 0;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0; }
  #rezerwuj .radios span {
    display: block;
    line-height: 16px;
    padding-left: 30px;
    position: relative; }
    #rezerwuj .radios span:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 20px;
      height: 20px;
      background: url(../img/radio.png) no-repeat; }
  #rezerwuj .radios input:checked + span:after {
    background-position: 0 -36px; }

.banner-right {
  float: right;
  margin: 0 0 0 20px; }

.tabela {
  width: 100%;
  margin: 0 0 1.5em; }

.tabela.auto {
  width: auto; }

.tabela th,
.tabela td {
  padding: 5px;
  border: 0px; }

.tabela th {
  font-weight: bold;
  text-align: center; }

.tabela th span {
  font-weight: normal; }

.tabela td {
  text-align: center; }

.tabela tbody th {
  text-align: left;
  font-weight: bold; }

.tabela a:hover {
  color: #614a21; }

div.files {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 21px; }

div.files img {
  float: left;
  margin-right: 6px; }

div.files p {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 12px;
  line-height: 43px; }

.responsive-iframe {
  position: relative;
  padding-bottom: 60%;
  height: 0;
  overflow: hidden; }

.responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

#zdj_lewa {
  float: left;
  padding: 10px 10px 10px 0px; }

#zdj_prawa {
  float: right;
  padding: 10px 0px 10px 10px; }

.download {
  background: url(../img/ico-download.png) 0 0 no-repeat;
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0 0 60px;
  color: #35393b;
  margin-top: 30px; }

div[class|=alert] {
  padding: 5px 10px;
  margin: 20px 0;
  font-size: 17px;
  line-height: 22px;
  border-radius: 5px; }

ul.alert-error {
  color: #ff6d5d;
  background: #fffeb5;
  border: 1px solid #e6db55;
  font-size: 14px;
  padding: 10px; }

ul.alert-error li {
  background: none;
  padding: 0; }

.alert-success {
  color: #508600;
  background: #EDFBD8;
  border: 1px solid #BFDE84; }

.alert-notice {
  color: #585b66;
  background: #dbe3ff;
  border: 1px solid #a2b4ee; }

.alert-warning {
  color: #666452;
  background: #fffbcc;
  border: 1px solid #e6db55; }

.home-slider {
  position: relative;
  z-index: 2; }
  @media (max-width: 767px) {
    .home-slider {
      display: none; } }
  .home-slider .slide {
    width: 100%;
    max-height: 380px; }
  .home-slider img {
    width: 100%; }
  .home-slider .rslides_tabs {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    z-index: 99;
    text-align: center;
    letter-spacing: normal;
    padding: 0;
    margin: 0; }
    .home-slider .rslides_tabs li {
      display: inline-block;
      margin: 0 5px; }
    .home-slider .rslides_tabs a {
      display: block;
      width: 13px;
      height: 13px;
      background: #fff;
      border-radius: 50%;
      text-indent: -99px;
      overflow: hidden; }
    .home-slider .rslides_tabs li.rslides_here a {
      background: #d0ae7b; }
  .home-slider .kropki {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    background: url(../img/kropki.png);
    opacity: .5; }

.home-witamy {
  text-align: center;
  padding: 35px 0 20px;
  background: url(../img/witamy-bg.jpg) no-repeat;
  background-size: cover; }
  .home-witamy h1 {
    color: #35393b;
    font-weight: normal;
    font-size: 36px;
    margin: 0 0 0.5em; }
  .home-witamy header p {
    font-size: 14px;
    color: #a0a5a8;
    padding-left: 20px;
    display: inline-block;
    background: url(../img/ico-adres.png) 0 50% no-repeat;
    margin: 0 0 2.5em; }
    .home-witamy header p b {
      font-weight: 600;
      color: #5c6266; }

.home-pics {
  overflow: hidden;
  margin: 0 -15px;
  list-style: none;
  padding: 0; }
  .home-pics li {
    float: left;
    padding: 0 15px;
    margin: 0 0 30px;
    position: relative;
    width: 33.3333%; }
    .home-pics li.big {
      width: 66.6666%; }
      @media (max-width: 767px) {
        .home-pics li.big {
          width: 100%; } }
    @media (max-width: 767px) {
      .home-pics li {
        width: 50%; } }
    @media (max-width: 380px) {
      .home-pics li {
        width: 100%; } }
  .home-pics a {
    display: block;
    background: #000; }
  .home-pics p {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    line-height: 54px;
    text-align: center;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    background: rgba(255, 255, 255, 0.7);
    margin: 0;
    -webkit-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out; }
    @media (max-width: 1023px) {
      .home-pics p {
        line-height: 40px;
        font-size: 16px; } }
  .home-pics img {
    -webkit-transition: opacity 0.2s ease-out;
            transition: opacity 0.2s ease-out;
    max-width: 100%; }
  .home-pics a:hover img {
    opacity: .7; }
  .home-pics a:hover p {
    color: #fff;
    background: rgba(0, 0, 0, 0.5); }

.home-pokoje {
  background: #d4cfc4;
  padding: 30px 0 25px; }
  .home-pokoje form {
    background: #f8f6f1;
    padding: 30px 65px;
    border-bottom: 3px solid #a2a2a2;
    overflow: hidden; }
    @media (max-width: 480px) {
      .home-pokoje form {
        padding: 30px 20px; } }
  .home-pokoje .item {
    float: left;
    margin-right: 30px; }
  .home-pokoje .sep {
    margin: 0; }
  .home-pokoje .date {
    width: 140px; }
    .home-pokoje .date input {
      background: #fff url(../img/ico-calendar.png) 110px 50% no-repeat; }
      @media (max-width: 767px) {
        .home-pokoje .date input {
          background-position: 95% 50%; } }
    @media (max-width: 767px) {
      .home-pokoje .date {
        width: 100%;
        max-width: 250px; } }
  .home-pokoje .pokoj {
    width: 210px; }
    @media (max-width: 767px) {
      .home-pokoje .pokoj {
        width: 100%;
        max-width: 250px; } }
  .home-pokoje .dorosli {
    width: 100px; }
    @media (max-width: 767px) {
      .home-pokoje .dorosli {
        width: 100%;
        max-width: 250px; } }
  @media (max-width: 1139px) {
    .home-pokoje .sep2 {
      float: none;
      clear: both;
      height: 0;
      overflow: hidden; } }
  @media (max-width: 1023px) {
    .home-pokoje .item {
      float: none;
      margin: 0 auto 20px;
      text-align: center; }
    .home-pokoje .sep2 {
      float: none;
      clear: both;
      height: 0;
      overflow: hidden; } }
  .home-pokoje input,
  .home-pokoje select {
    font-weight: 300;
    color: #888888;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 0 20px;
    background: #fff;
    height: 44px;
    width: 100%;
    text-align: left; }
  .home-pokoje label {
    display: block;
    font-size: 14px;
    color: #636363;
    height: 25px; }
  .home-pokoje button {
    float: right;
    background: #212936;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    max-width: 250px;
    height: 44px;
    line-height: 44px;
    border: 0;
    margin-top: 25px; }
    .home-pokoje button:hover {
      background: #435b92; }
    @media (max-width: 1139px) {
      .home-pokoje button {
        float: none;
        margin: 0 auto;
        display: block;
        margin-top: 20px; } }

#map {
  height: 430px; }

#map-wrap {
  position: relative;
  padding: 60px 0 0;
  margin-top: 35px; }
  #map-wrap:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -65px;
    width: 130px;
    height: 130px;
    background: url(../img/mapa-ikona.png) no-repeat; }

#chmurka {
  position: absolute;
  top: 35%;
  left: 10%;
  width: 360px;
  height: 200px;
  padding: 35px 0 0;
  text-align: center;
  border-radius: 10px;
  background: #f8f6f1;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.13); }
  @media (max-width: 767px) {
    #chmurka {
      display: none; } }
  #chmurka h2 {
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 600;
    color: #000000; }
  #chmurka p {
    font-size: 14px;
    line-height: 24px;
    color: #818181;
    margin: 0; }

.home-news h2 {
  font-weight: bold;
  color: #35393b;
  margin: 0;
  font-size: 26px;
  line-height: 4.45em;
  text-transform: uppercase; }

.wyd {
  position: relative;
  overflow: hidden;
  margin: 0 0 40px; }
  .wyd .pic {
    float: left;
    -webkit-transition: opacity 0.2s ease-out;
            transition: opacity 0.2s ease-out;
    width: 43%; }
    .wyd .pic img {
      max-width: 100%;
      padding-right: 30px; }
    @media (max-width: 767px) {
      .wyd .pic {
        width: 100%;
        float: none;
        padding: 0; }
        .wyd .pic img {
          padding: 0; } }
  .wyd .info {
    float: left;
    width: 57%;
    padding-right: 160px;
    position: relative; }
    @media (max-width: 1139px) {
      .wyd .info {
        padding-right: 80px; } }
    @media (max-width: 767px) {
      .wyd .info {
        width: 100%;
        float: none;
        padding: 0; } }
  .wyd h3 {
    font-size: 24px;
    line-height: 1.4;
    color: #582100;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 0 1em !important;
    padding-top: 1em; }
    @media (max-width: 1139px) {
      .wyd h3 {
        padding-top: .5em; } }
  .wyd h4 {
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    color: #000;
    margin: 0 0 1em !important; }
  .wyd p {
    font-size: 15px;
    line-height: 23px;
    color: #3e474c;
    max-width: 480px; }
  .wyd a {
    display: block; }
  .wyd a:hover img {
    opacity: .8; }

.arrow {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -50px;
  width: 65px;
  height: 100px;
  background: url(../img/arrow.png) no-repeat; }
  .arrow:hover {
    background: url(../img/arrow-on.png) no-repeat; }
  @media (max-width: 767px) {
    .arrow {
      position: static;
      right: auto;
      top: auto;
      margin: 0 auto;
      width: 32px;
      height: 50px;
      background-size: 100%; }
      .arrow:hover {
        background-size: 100%; } }

		
.tabela table { border-collapse: separate; }

.tabela table th { padding: 3px 8px; text-align: center; font-weight: bold; font-size: 13px; font-weight: bold; color: #fff; border: 1px solid #fff; background: #b29f6b; }

.tabela table td { padding: 3px 8px; text-align: center; font-weight: bold; font-size: 13px; font-weight: bold; color: #000; border: 1px solid #fff; background: #f1e6d5; font-size: 15px; }