@charset "UTF-8";
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.middle {
  vertical-align: middle; }

.left {
  float: left; }

.right {
  float: right; }

.text_left {
  text-align: left; }

.text_right {
  text-align: right; }

.text_center {
  text-align: center; }

.click {
  cursor: pointer; }

.nodisplay {
  display: none; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row div.column {
    display: inline-block;
    float: left;
    position: relative; }
    .row div.column.column-1 {
      width: 8.33333%; }
    .row div.column.column-2 {
      width: 16.66667%; }
      @media screen and (max-width: 768px) {
        .row div.column.column-2 {
          width: 100%; } }
    .row div.column.column-3 {
      width: 25%; }
    .row div.column.column-4 {
      width: 33.33333%; }
    .row div.column.column-5 {
      width: 41.66667%; }
    .row div.column.column-6 {
      width: 50%; }
    .row div.column.column-7 {
      width: 58.33333%; }
    .row div.column.column-8 {
      width: 66.66667%; }
    .row div.column.column-9 {
      width: 75%; }
    .row div.column.column-10 {
      width: 83.33333%; }
      @media screen and (max-width: 768px) {
        .row div.column.column-10 {
          width: 100%; } }
    .row div.column.column-11 {
      width: 91.66667%; }
    .row div.column.column-12 {
      width: 100%; }
    @media screen and (max-width: 768px) {
      .row div.column {
        display: block;
        float: none; } }

@font-face {
  font-family: 'oswaldbook';
  src: url("fonts/oswald-regular-webfont.eot");
  src: url("fonts/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/oswald-regular-webfont.woff") format("woff"), url("fonts/oswald-regular-webfont.ttf") format("truetype"), url("fonts/oswald-regular-webfont.svg#oswaldbook") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'WebSymbolsRegular';
  src: url("fonts/WebSymbols-Regular-webfont.eot");
  src: url("fonts/WebSymbols-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/WebSymbols-Regular-webfont.woff") format("woff"), url("fonts/WebSymbols-Regular-webfont.ttf") format("truetype"), url("fonts/WebSymbols-Regular-webfont.svg#WebSymbolsRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
    Mobile Menu Core Style
*/
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left; }

.slicknav_menu .slicknav_icon {
  float: left;
  margin: 0.188em 0 0 0.438em; }

.slicknav_menu .slicknav_no-text {
  margin: 0; }

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em; }

.slicknav_nav {
  clear: both; }

.slicknav_nav ul,
.slicknav_nav li {
  display: block; }

.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em; }

.slicknav_nav .slicknav_item {
  display: block;
  cursor: pointer; }

.slicknav_nav a {
  display: block; }

.slicknav_nav .slicknav_item a {
  display: inline; }

.slicknav_menu:before,
.slicknav_menu:after {
  content: " ";
  display: table; }

.slicknav_menu:after {
  clear: both; }

/* IE6/7 support */
.slicknav_menu {
  *zoom: 1; }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
  font-size: 16px;
  background: #4db757;
  padding: 5px;
  /* Button */ }
  @media screen and (min-width: 768px) {
    .slicknav_menu {
      display: none; } }
  .slicknav_menu .slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #222222; }
    .slicknav_menu .slicknav_btn .slicknav_menutxt {
      color: #FFF;
      font-weight: bold;
      text-shadow: 0 1px 3px #000; }
    .slicknav_menu .slicknav_btn .slicknav_icon-bar {
      background-color: #f5f5f5; }
  .slicknav_menu .slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
    list-style: none;
    overflow: hidden; }
    .slicknav_menu .slicknav_nav ul {
      list-style: none;
      overflow: hidden;
      padding: 0;
      margin: 0; }
    .slicknav_menu .slicknav_nav .slicknav_item {
      padding: 5px 10px;
      margin: 2px 5px; }
      .slicknav_menu .slicknav_nav .slicknav_item a {
        padding: 0;
        margin: 0; }
      .slicknav_menu .slicknav_nav .slicknav_item:hover {
        background: black;
        color: #fff; }
    .slicknav_menu .slicknav_nav a {
      padding: 5px 10px;
      margin: 2px 5px;
      text-decoration: none;
      color: #fff;
      border: 0; }
      .slicknav_menu .slicknav_nav a span {
        padding-right: .5em; }
      .slicknav_menu .slicknav_nav a:hover {
        background: black;
        color: #ffffff; }

div.availpro {
  padding: 1em;
  text-align: center;
  border: 1px solid #d2d2d2;
  position: relative; }
  div.availpro label {
    width: auto;
    padding-top: 3px; }
  div.availpro div.form-group {
    margin-bottom: .5em; }
  div.availpro #AVP {
    font-size: 16px;
    color: #292929;
    width: 50%; }
  div.availpro label {
    display: block;
    text-align: left;
    margin-left: 20px;
    margin-bottom: 10px;
    font-weight: bold; }
  div.availpro select {
    font-size: 14px;
    color: #404040;
    background-color: #e1e9ed; }
  div.availpro .foto {
    float: right;
    width: 50%;
    padding-top: 35px; }
    @media screen and (max-width: 480px) {
      div.availpro .foto {
        width: 100%;
        float: none; } }
  div.availpro .garancia {
    position: absolute;
    top: -20px;
    right: 0; }
  div.availpro select, div.availpro input[type=text] {
    border: 0 none;
    padding: 5px 7px;
    width: 70px;
    border-radius: 0;
    background-color: #e1e9ed; }
    div.availpro select#AVP_list_months, div.availpro select#AVP_list_dmonths, div.availpro input[type=text]#AVP_list_months, div.availpro input[type=text]#AVP_list_dmonths {
      width: 130px; }
    div.availpro select#selectedAdultCount, div.availpro input[type=text]#selectedAdultCount {
      position: relative;
      left: -67px;
      top: 0; }
      @media screen and (max-width: 480px) {
        div.availpro select#selectedAdultCount, div.availpro input[type=text]#selectedAdultCount {
          left: 0; } }
    div.availpro select#selectedChildCount, div.availpro input[type=text]#selectedChildCount {
      position: relative;
      left: -70px;
      top: 0; }
      @media screen and (max-width: 480px) {
        div.availpro select#selectedChildCount, div.availpro input[type=text]#selectedChildCount {
          left: 0; } }
    div.availpro select#rate, div.availpro input[type=text]#rate {
      position: relative;
      left: -20px;
      top: 0; }
      @media screen and (max-width: 480px) {
        div.availpro select#rate, div.availpro input[type=text]#rate {
          left: 0; } }
  div.availpro .submit {
    font-size: 16px;
    background-color: #0077cc;
    color: #fff;
    width: 270px;
    box-shadow: none;
    height: 38px;
    padding: 5px 0px 0px 0px;
    background-image: none;
    border-radius: 5px;
    border-bottom: 0;
    margin-top: 30px;
    margin-left: 200px;
    text-transform: none; }
    div.availpro .submit:hover {
      background-color: #003580; }
    @media screen and (max-width: 480px) {
      div.availpro .submit {
        margin: 0; } }
  div.availpro a {
    color: white;
    text-decoration: none; }

.rezervacia-uvod {
  padding: 10px 0px;
  background-color: #4db757; }
  .rezervacia-uvod h2 {
    color: white;
    text-align: center;
    font-weight: bold; }
  .rezervacia-uvod form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .rezervacia-uvod form .form-group {
      display: inline-block; }
      @media screen and (max-width: 480px) {
        .rezervacia-uvod form .form-group {
          display: block;
          width: 100%;
          padding: 0px 15px; } }
    .rezervacia-uvod form .datumy, .rezervacia-uvod form .kod, .rezervacia-uvod form .pocet-dospelych, .rezervacia-uvod form .pocet-deti {
      background-color: white;
      float: left;
      height: 37px;
      margin-right: 10px;
      margin-bottom: 10px;
      color: black;
      border-radius: 5px; }
      @media screen and (max-width: 480px) {
        .rezervacia-uvod form .datumy, .rezervacia-uvod form .kod, .rezervacia-uvod form .pocet-dospelych, .rezervacia-uvod form .pocet-deti {
          width: 100%;
          float: none;
          margin-right: 0px;
          display: flex;
          justify-content: center; } }
      .rezervacia-uvod form .datumy i, .rezervacia-uvod form .kod i, .rezervacia-uvod form .pocet-dospelych i, .rezervacia-uvod form .pocet-deti i {
        float: left;
        color: #BEBEBE;
        font-size: 18px;
        cursor: pointer;
        margin: 10px 14px; }
      .rezervacia-uvod form .datumy .nazov, .rezervacia-uvod form .datumy #pocet-deti-form, .rezervacia-uvod form .datumy #pocet-dospelych-form, .rezervacia-uvod form .kod .nazov, .rezervacia-uvod form .kod #pocet-deti-form, .rezervacia-uvod form .kod #pocet-dospelych-form, .rezervacia-uvod form .pocet-dospelych .nazov, .rezervacia-uvod form .pocet-dospelych #pocet-deti-form, .rezervacia-uvod form .pocet-dospelych #pocet-dospelych-form, .rezervacia-uvod form .pocet-deti .nazov, .rezervacia-uvod form .pocet-deti #pocet-deti-form, .rezervacia-uvod form .pocet-deti #pocet-dospelych-form {
        color: black;
        float: left;
        font-size: 20px;
        margin: 8px 4px; }
      .rezervacia-uvod form .datumy input, .rezervacia-uvod form .kod input, .rezervacia-uvod form .pocet-dospelych input, .rezervacia-uvod form .pocet-deti input {
        border: none;
        color: black;
        font-size: 18px;
        height: 37px;
        padding: 0px 8px;
        width: 180px;
        border-radius: 5px;
        text-align: center;
        padding: 0; }
        .rezervacia-uvod form .datumy input::placeholder, .rezervacia-uvod form .kod input::placeholder, .rezervacia-uvod form .pocet-dospelych input::placeholder, .rezervacia-uvod form .pocet-deti input::placeholder {
          font-family: "Open Sans", sans-serif; }
        @media screen and (max-width: 480px) {
          .rezervacia-uvod form .datumy input, .rezervacia-uvod form .kod input, .rezervacia-uvod form .pocet-dospelych input, .rezervacia-uvod form .pocet-deti input {
            width: 100%; } }
    .rezervacia-uvod form .datumy {
      width: 300px; }
      @media screen and (max-width: 480px) {
        .rezervacia-uvod form .datumy {
          width: 100%; } }
  .rezervacia-uvod .btn {
    background: #0077cc;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    width: 260px;
    border-bottom: none;
    font-weight: 500;
    padding: 8px 15px 8px 15px;
    border-radius: 5px;
    font-size: 18px;
    text-transform: none;
    font-family: "Nunito", sans-serif; }
    @media screen and (max-width: 480px) {
      .rezervacia-uvod .btn {
        width: 100%; } }

.datum-picker {
  height: 100%; }

div.datepicker {
  border-radius: 0;
  margin: auto !important;
  top: 55px !important; }
  div.datepicker .datepickerBorderT, div.datepicker .datepickerBorderB, div.datepicker .datepickerBorderL, div.datepicker .datepickerBorderR, div.datepicker .datepickerBorderTL, div.datepicker .datepickerBorderTR, div.datepicker .datepickerBorderBL, div.datepicker .datepickerBorderBR {
    display: none; }
  div.datepicker .datepickerContainer {
    background-color: transparent;
    top: 0;
    left: 0; }
    div.datepicker .datepickerContainer .datepickerViewDays thead tr {
      height: 20px; }
      @media screen and (max-width: 480px) {
        div.datepicker .datepickerContainer .datepickerViewDays thead tr {
          height: 22px;
          width: 30px; } }
      div.datepicker .datepickerContainer .datepickerViewDays thead tr th {
        border-radius: 0;
        width: 24px;
        height: 20px; }
        @media screen and (max-width: 480px) {
          div.datepicker .datepickerContainer .datepickerViewDays thead tr th {
            height: 22px;
            width: 30px; } }
        div.datepicker .datepickerContainer .datepickerViewDays thead tr th a {
          margin-bottom: 10px; }
          div.datepicker .datepickerContainer .datepickerViewDays thead tr th a span {
            width: 100%;
            height: 20px;
            line-height: 20px;
            color: black;
            border-radius: 0;
            font-size: 22px;
            font-weight: bold; }
            @media screen and (max-width: 480px) {
              div.datepicker .datepickerContainer .datepickerViewDays thead tr th a span {
                height: 22px;
                width: 30px;
                line-height: 22px; } }
            div.datepicker .datepickerContainer .datepickerViewDays thead tr th a span:hover {
              background-color: transparent;
              color: black; }
        div.datepicker .datepickerContainer .datepickerViewDays thead tr th.datepickerMonth a span {
          cursor: default;
          font-size: 15px;
          color: black; }
          div.datepicker .datepickerContainer .datepickerViewDays thead tr th.datepickerMonth a span:hover {
            background-color: transparent;
            color: black; }
      div.datepicker .datepickerContainer .datepickerViewDays thead tr.datepickerDoW {
        height: 16px !important;
        display: none; }
        div.datepicker .datepickerContainer .datepickerViewDays thead tr.datepickerDoW th {
          height: 16px !important; }
          div.datepicker .datepickerContainer .datepickerViewDays thead tr.datepickerDoW th span {
            width: 100%;
            height: 16px;
            line-height: 16px;
            color: #999999;
            cursor: default; }
            div.datepicker .datepickerContainer .datepickerViewDays thead tr.datepickerDoW th span:hover {
              background-color: transparent; }
    div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td {
      width: 24px;
      height: 20px;
      border-radius: 0; }
      @media screen and (max-width: 480px) {
        div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td {
          height: 22px;
          width: 30px; } }
      div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td a {
        padding: 0;
        height: 20px;
        width: 24px; }
        @media screen and (max-width: 480px) {
          div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td a {
            height: 22px;
            width: 30px; } }
        div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td a span {
          width: 24px;
          height: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          line-height: 20px;
          color: black;
          margin: 0;
          border-radius: 0; }
          @media screen and (max-width: 480px) {
            div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td a span {
              height: 22px;
              width: 30px;
              line-height: 22px; } }
          div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td a span:hover {
            border-radius: 0;
            background-color: #4db757;
            color: white; }
      div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td.datepickerSelected {
        background: none; }
        div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td.datepickerSelected a span {
          background-color: #0077cc;
          color: white; }
      div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td.datepickerNotInMonth a {
        height: 20px;
        width: 24px; }
        @media screen and (max-width: 480px) {
          div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td.datepickerNotInMonth a {
            height: 22px;
            width: 30px; } }
        div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td.datepickerNotInMonth a span {
          color: #999999; }
          div.datepicker .datepickerContainer .datepickerViewDays tbody.datepickerDays tr td.datepickerNotInMonth a span:hover {
            border-radius: 0;
            background-color: #4db757;
            color: white; }

.widget {
  position: relative; }
  @media screen and (max-width: 480px) {
    .widget {
      width: 100%; } }

.widgetField {
  width: 300px;
  height: 37px;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 480px) {
    .widgetField {
      width: 100%; } }
  .widgetField a {
    display: flex;
    text-decoration: none;
    color: black;
    cursor: pointer;
    font-size: 20px; }
    @media screen and (max-width: 480px) {
      .widgetField a {
        justify-content: center; } }
    .widgetField a .datum_od, .widgetField a .datum_do {
      margin: 8px 0px;
      float: left;
      width: 102px;
      text-align: center; }
    .widgetField a:hover {
      color: black; }
    .widgetField a i {
      color: #BEBEBE;
      float: left;
      margin: 10px !important;
      font-size: 26px; }

.widgetCalendar {
  position: absolute;
  z-index: 100;
  top: 37px;
  left: 0;
  height: 0px;
  overflow: hidden;
  width: 384px;
  background: white;
  box-shadow: 1px 1.732px 5px rgba(17, 49, 60, 0.5); }
  @media screen and (max-width: 480px) {
    .widgetCalendar {
      width: 232px;
      right: 0;
      margin: 0 auto; } }
  .widgetCalendar .datepicker {
    position: absolute;
    bottom: 0;
    top: 0 !important;
    margin: 10px !important; }

div.banner {
  z-index: 1;
  width: 100%;
  max-width: 1400px;
  position: relative;
  margin: 0 auto; }
  div.banner div.shadow {
    width: 100%;
    height: 190px;
    z-index: 101;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    background: url(../images/design/banner_shadow.png); }
    @media screen and (max-width: 768px) {
      div.banner div.shadow {
        display: none; } }
  div.banner div.page {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    height: 100%;
    padding: 0; }
    @media screen and (max-width: 768px) {
      div.banner div.page {
        position: static; } }
    div.banner div.page div.galeria {
      width: 750px;
      float: right; }
      @media screen and (max-width: 768px) {
        div.banner div.page div.galeria {
          float: none;
          width: auto; } }
  div.banner .banner_text {
    text-align: center; }
    div.banner .banner_text .nadpis1 {
      font-size: 46px;
      font-weight: bold;
      margin-top: 100px; }
    div.banner .banner_text .nadpis2 {
      font-size: 20px;
      margin-top: 10px; }
    div.banner .banner_text a {
      display: block;
      font-size: 18px;
      font-weight: bold;
      background-color: #55ad44;
      color: #fff;
      width: 230px;
      text-shadow: none;
      height: 30px;
      padding: 10px 0 0;
      border-radius: 7px;
      border-bottom: 3px solid #196409;
      margin: 10px auto;
      text-decoration: none; }
  div.banner #banner {
    position: relative;
    top: 0;
    max-height: 555px;
    overflow: hidden; }
    div.banner #banner img {
      width: 100%; }
  div.banner div.akcia_banner {
    position: absolute;
    top: 2em;
    right: 0em;
    z-index: 105;
    padding: 1em;
    line-height: 1.5em;
    width: 204px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    /* fallback/image non-cover color */
    background-color: #b38d5a;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(#b38d5a, #725835);
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b38d5a), to(#725835));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(#b38d5a, #725835);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(#b38d5a, #725835);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
    div.banner div.akcia_banner div.clanok {
      width: auto; }
      div.banner div.akcia_banner div.clanok h2 a {
        color: #ffffff;
        font-size: 1.2em;
        line-height: 1.2em; }
      div.banner div.akcia_banner div.clanok a.viac {
        /* fallback/image non-cover color */
        background-color: #b38d5a;
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(#b38d5a, #725835);
        /* Safari 4+, Chrome 1+ */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b38d5a), to(#725835));
        /* Safari 5.1+, Chrome 10+ */
        background-image: -webkit-linear-gradient(#b38d5a, #725835);
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(#b38d5a, #725835);
        border: 1px solid #725835; }
  div.banner nav {
    z-index: 106;
    width: 260px;
    position: absolute;
    top: 0px;
    left: 0; }
    @media screen and (max-width: 768px) {
      div.banner nav {
        position: static;
        width: auto;
        margin-bottom: 1em; } }
    div.banner nav ul {
      list-style: none;
      -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      background: rgba(255, 255, 255, 0.6);
      padding: .5em;
      border: 1px solid rgba(255, 255, 255, 0.75);
      font-size: 14px; }
      div.banner nav ul li {
        display: block;
        padding: 0;
        border-width: 0 0 1px 0;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0.75); }
        @media screen and (max-width: 768px) {
          div.banner nav ul li {
            display: inline-block; } }
        div.banner nav ul li:last-child {
          border: 0; }
        div.banner nav ul li a {
          color: #000000;
          text-decoration: none;
          font-weight: bold;
          line-height: 1.2em;
          padding: .65em 0.5em;
          display: block; }
          div.banner nav ul li a:hover {
            background: rgba(255, 255, 255, 0.1); }
          div.banner nav ul li a.selected {
            color: #4db757; }
  div.banner div.menu_text {
    z-index: 107;
    width: 1100px;
    position: absolute;
    top: 10px;
    left: 262px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.6);
    padding: .5em 1em;
    border: 1px solid rgba(255, 255, 255, 0.75);
    font-size: 1.3em;
    line-height: 1.75em;
    color: black; }
    @media screen and (max-width: 768px) {
      div.banner div.menu_text {
        position: static;
        width: 100%;
        box-sizing: border-box; } }
  div.banner div.page_text {
    position: absolute;
    top: 170px;
    left: 0;
    z-index: 109;
    width: 50%;
    text-shadow: 1px 1px #000000; }
    div.banner div.page_text h3 {
      font-size: 1.5em;
      line-height: 1em;
      color: #ffffff; }
    @media screen and (max-width: 768px) {
      div.banner div.page_text {
        position: static;
        width: auto; } }
  div.banner div.slideshow {
    background-image: url(../images/design/zazitok_bg.png);
    width: 946px;
    height: 448px;
    position: absolute;
    left: 50%;
    margin-left: -473px;
    top: 10px;
    z-index: 10; }
    div.banner div.slideshow img {
      position: absolute;
      padding: 35px 0 0 34px; }
  div.banner span#next, div.banner span#prev {
    position: absolute;
    z-index: 102;
    top: 0;
    width: 28px;
    height: 100%;
    padding: 1em;
    display: block;
    cursor: pointer;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-position: center; }
    div.banner span#next#next, div.banner span#prev#next {
      left: 0;
      background-image: url(../images/design/sipka_left.png); }
    div.banner span#next#prev, div.banner span#prev#prev {
      right: 0;
      background-image: url(../images/design/sipka_right.png); }
    div.banner span#next:hover, div.banner span#prev:hover {
      opacity: 1; }
  div.banner a.vyhraj_pobyt, div.banner a.rezervuj_si_pobyt, div.banner a.banner_park_aktivit {
    display: block;
    color: #ffffff;
    width: 120px;
    height: 40px;
    padding: 40px 0px;
    /* fallback/image non-cover color */
    background-color: #cc0000;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(#cc0000, #660000);
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cc0000), to(#660000));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(#cc0000, #660000);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(#cc0000, #660000);
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px #000000;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1em;
    position: absolute;
    bottom: 100px;
    right: 100px;
    z-index: 103; }
    div.banner a.vyhraj_pobyt.banner_park_aktivit, div.banner a.rezervuj_si_pobyt.banner_park_aktivit, div.banner a.banner_park_aktivit.banner_park_aktivit {
      height: 60px;
      padding: 25px 0; }
      div.banner a.vyhraj_pobyt.banner_park_aktivit span, div.banner a.rezervuj_si_pobyt.banner_park_aktivit span, div.banner a.banner_park_aktivit.banner_park_aktivit span {
        text-transform: lowercase; }
    div.banner a.vyhraj_pobyt.vyhraj_pobyt, div.banner a.rezervuj_si_pobyt.vyhraj_pobyt, div.banner a.banner_park_aktivit.vyhraj_pobyt {
      font-size: 1.5em;
      line-height: 1.25em; }
      div.banner a.vyhraj_pobyt.vyhraj_pobyt span, div.banner a.rezervuj_si_pobyt.vyhraj_pobyt span, div.banner a.banner_park_aktivit.vyhraj_pobyt span {
        font-size: 1.25em;
        display: block; }
    @media screen and (max-width: 768px) {
      div.banner a.vyhraj_pobyt, div.banner a.rezervuj_si_pobyt, div.banner a.banner_park_aktivit {
        display: none; } }
  div.banner div.viac_informacii {
    cursor: pointer;
    font-size: 2.3em;
    text-transform: lowercase;
    text-align: center;
    font-family: "Nunito", sans-serif;
    position: absolute;
    z-index: 102;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    color: rgba(255, 255, 255, 0.9);
    background-color: #0095ff;
    border-radius: 5px;
    margin-bottom: 10px;
    width: max-content;
    padding: 3px 40px 0 40px;
    font-weight: bold;
    transition: background-color ease-out .5s; }
    div.banner div.viac_informacii:hover {
      background-color: #0068b3; }
    div.banner div.viac_informacii span {
      font-size: .75em;
      display: inline-block;
      padding: 0 1em;
      color: rgba(255, 255, 255, 0.4); }
    @media screen and (max-width: 768px) {
      div.banner div.viac_informacii {
        display: none; } }

div.apartman, div.pobytovy_balicek {
  padding: 20px;
  margin-bottom: 3em;
  position: relative;
  border-radius: 7px;
  background-color: rgba(77, 183, 87, 0.1);
  display: flex; }
  @media screen and (max-width: 480px) {
    div.apartman, div.pobytovy_balicek {
      padding: 10px; } }
  @media screen and (max-width: 768px) {
    div.apartman, div.pobytovy_balicek {
      flex-direction: column-reverse; } }
  div.apartman:nth-child(odd), div.pobytovy_balicek:nth-child(odd) {
    flex-direction: row-reverse;
    text-align: right; }
    @media screen and (max-width: 768px) {
      div.apartman:nth-child(odd), div.pobytovy_balicek:nth-child(odd) {
        flex-direction: column-reverse; } }
    div.apartman:nth-child(odd) div.h3, div.pobytovy_balicek:nth-child(odd) div.h3 {
      display: inline-block; }
    div.apartman:nth-child(odd) .btn-flex, div.pobytovy_balicek:nth-child(odd) .btn-flex {
      justify-content: flex-end; }
    div.apartman:nth-child(odd) .popis_izby, div.pobytovy_balicek:nth-child(odd) .popis_izby {
      text-align: left; }
    div.apartman:nth-child(odd) .cennik, div.pobytovy_balicek:nth-child(odd) .cennik {
      justify-content: flex-end; }
  div.apartman h2, div.pobytovy_balicek h2 {
    color: #292929;
    font-size: 22px;
    font-weight: 500;
    display: block; }
    div.apartman h2 strong, div.pobytovy_balicek h2 strong {
      font-weight: 800; }
  div.apartman hr, div.pobytovy_balicek hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
    background-image: -moz-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
    background-image: -ms-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
    background-image: -o-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
    visibility: hidden; }
  div.apartman h4, div.pobytovy_balicek h4 {
    display: none; }
  div.apartman div.h3, div.pobytovy_balicek div.h3 {
    background-color: white;
    padding: 4px 7px;
    border: 1px solid gray;
    font-size: 20px;
    font-weight: bold;
    color: black;
    width: max-content;
    margin-top: 10px;
    margin-bottom: 15px; }
  div.apartman img:hover, div.pobytovy_balicek img:hover {
    border-color: #ffffff; }
  div.apartman section, div.pobytovy_balicek section {
    display: inline-block;
    vertical-align: top;
    width: 32%; }
    @media screen and (max-width: 768px) {
      div.apartman section, div.pobytovy_balicek section {
        width: 100%; } }
    div.apartman section .foto_mobilka, div.pobytovy_balicek section .foto_mobilka {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 2px; }
      div.apartman section .foto_mobilka > div, div.pobytovy_balicek section .foto_mobilka > div {
        width: 47%;
        padding: 0 3px; }
        @media screen and (max-width: 260px) {
          div.apartman section .foto_mobilka > div, div.pobytovy_balicek section .foto_mobilka > div {
            width: 46%; } }
    div.apartman section.gallery, div.pobytovy_balicek section.gallery {
      margin-right: 1%;
      width: 30%; }
      div.apartman section.gallery img, div.pobytovy_balicek section.gallery img {
        margin-right: .5em; }
      div.apartman section.gallery a.akcia, div.pobytovy_balicek section.gallery a.akcia {
        /* fallback/image non-cover color */
        background-color: #f7f2dc;
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(#f7f2dc, #be9a66);
        /* Safari 4+, Chrome 1+ */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f2dc), to(#be9a66));
        /* Safari 5.1+, Chrome 10+ */
        background-image: -webkit-linear-gradient(#f7f2dc, #be9a66);
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(#f7f2dc, #be9a66);
        color: #33291d;
        font-weight: bold;
        line-height: 1.2em;
        padding: 0.5em 1em;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        width: 37%; }
        div.apartman section.gallery a.akcia:hover, div.pobytovy_balicek section.gallery a.akcia:hover {
          background: #be9a66; }
        div.apartman section.gallery a.akcia:nth-child(even), div.pobytovy_balicek section.gallery a.akcia:nth-child(even) {
          margin-right: 3%; }
    div.apartman section.foto, div.pobytovy_balicek section.foto {
      width: 34%; }
      @media screen and (max-width: 992px) {
        div.apartman section.foto, div.pobytovy_balicek section.foto {
          width: 50%; } }
      @media screen and (max-width: 768px) {
        div.apartman section.foto, div.pobytovy_balicek section.foto {
          width: 100%;
          margin-top: 15px; } }
      div.apartman section.foto .foto_prva, div.pobytovy_balicek section.foto .foto_prva {
        margin-bottom: -2px; }
      div.apartman section.foto .foto_ostatne, div.pobytovy_balicek section.foto .foto_ostatne {
        display: none;
        padding-left: 5px; }
        @media screen and (max-width: 521px) {
          div.apartman section.foto .foto_ostatne, div.pobytovy_balicek section.foto .foto_ostatne {
            padding-left: 0; } }
        div.apartman section.foto .foto_ostatne img, div.pobytovy_balicek section.foto .foto_ostatne img {
          margin: 0 auto;
          width: 48%;
          padding: 3px;
          padding-bottom: 2px; }
          @media screen and (max-width: 992px) {
            div.apartman section.foto .foto_ostatne img, div.pobytovy_balicek section.foto .foto_ostatne img {
              width: 47.84%;
              padding: 3px;
              padding-bottom: 0px; } }
          @media screen and (max-width: 521px) {
            div.apartman section.foto .foto_ostatne img, div.pobytovy_balicek section.foto .foto_ostatne img {
              width: 100%; } }
    div.apartman section.popis, div.pobytovy_balicek section.popis {
      margin: 0 3%;
      font-size: 1em;
      line-height: 1.3em;
      width: 60%; }
      @media screen and (max-width: 768px) {
        div.apartman section.popis, div.pobytovy_balicek section.popis {
          width: auto; } }
      div.apartman section.popis .btn-flex, div.pobytovy_balicek section.popis .btn-flex {
        display: flex; }
        div.apartman section.popis .btn-flex button, div.pobytovy_balicek section.popis .btn-flex button {
          margin-right: 10px; }
      div.apartman section.popis .popis_izby, div.pobytovy_balicek section.popis .popis_izby {
        display: none;
        padding: 15px 0 0 0; }
      div.apartman section.popis .popis_izby_btn, div.pobytovy_balicek section.popis .popis_izby_btn {
        border: none;
        background-color: #4db757;
        border-radius: 5px;
        color: white;
        font-weight: bold;
        padding: .3em;
        font-size: 18px; }
        @media screen and (max-width: 768px) {
          div.apartman section.popis .popis_izby_btn, div.pobytovy_balicek section.popis .popis_izby_btn {
            font-size: 14px; } }
        div.apartman section.popis .popis_izby_btn:hover, div.apartman section.popis .popis_izby_btn:focus, div.pobytovy_balicek section.popis .popis_izby_btn:hover, div.pobytovy_balicek section.popis .popis_izby_btn:focus {
          background-color: #3c9545; }
    div.apartman section.cennik, div.pobytovy_balicek section.cennik {
      float: right;
      width: 68%; }
      @media screen and (max-width: 768px) {
        div.apartman section.cennik, div.pobytovy_balicek section.cennik {
          width: 100%;
          float: none; } }
      div.apartman section.cennik p.low, div.pobytovy_balicek section.cennik p.low {
        font-size: 0.8em;
        line-height: 1.2em;
        color: rgba(179, 141, 90, 0.4); }
  div.apartman .badge, div.pobytovy_balicek .badge {
    left: -130px;
    position: absolute;
    border: 0; }
  div.apartman .cennik, div.pobytovy_balicek .cennik {
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-top: 15px; }
    div.apartman .cennik p, div.pobytovy_balicek .cennik p {
      padding-bottom: 0; }
    div.apartman .cennik img, div.pobytovy_balicek .cennik img {
      height: 30px;
      margin-left: 5px; }
  div.apartman div.over_si_dostupnost, div.pobytovy_balicek div.over_si_dostupnost {
    color: #cc0000;
    background-image: url(../images/design/sipka_red.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    font-size: 2.5em;
    line-height: 1.15em;
    display: block;
    padding-bottom: 3em;
    margin-bottom: .5em;
    width: 300px;
    position: absolute;
    left: 1em;
    bottom: 0em; }
    @media screen and (max-width: 768px) {
      div.apartman div.over_si_dostupnost, div.pobytovy_balicek div.over_si_dostupnost {
        visibility: hidden; } }
  div.apartman.detail, div.pobytovy_balicek.detail {
    padding: 0;
    display: none; }
    div.apartman.detail section.gallery, div.pobytovy_balicek.detail section.gallery {
      width: 100%;
      float: none; }
    div.apartman.detail section.popis, div.pobytovy_balicek.detail section.popis {
      width: 100%;
      float: none; }
      div.apartman.detail section.popis h4, div.pobytovy_balicek.detail section.popis h4 {
        margin-top: 0; }

div.pobytovy_balicek div.h3 {
  max-width: 60%; }
  @media screen and (max-width: 768px) {
    div.pobytovy_balicek div.h3 {
      max-width: 100%;
      margin-bottom: 20px; } }
div.pobytovy_balicek section.foto {
  width: 40%; }
  @media screen and (max-width: 768px) {
    div.pobytovy_balicek section.foto {
      width: 100%; } }
div.pobytovy_balicek section.popis {
  width: 60%; }
  @media screen and (max-width: 768px) {
    div.pobytovy_balicek section.popis {
      width: 100%; } }
div.pobytovy_balicek h2 {
  display: block;
  font-size: 28px; }
  @media screen and (max-width: 992px) {
    div.pobytovy_balicek h2 {
      font-size: 22px; } }
div.pobytovy_balicek .btn_viac {
  background-color: #4db757;
  width: max-content;
  padding: 10px 35px;
  padding-top: 12px;
  font-size: 23px;
  border-bottom: 5px solid #3c9545;
  border-radius: 5px;
  position: absolute;
  bottom: 40px; }
  @media screen and (max-width: 992px) {
    div.pobytovy_balicek .btn_viac {
      font-size: 17px;
      padding: 5px 35px;
      padding-top: 10px;
      bottom: 10px; } }
  @media screen and (max-width: 768px) {
    div.pobytovy_balicek .btn_viac {
      bottom: -5px; } }
  div.pobytovy_balicek .btn_viac a {
    color: white;
    text-decoration: none;
    font-weight: bolder;
    font-family: "Nunito", sans-serif;
    text-transform: uppercase; }
div.pobytovy_balicek .popis {
  position: relative; }
  @media screen and (max-width: 768px) {
    div.pobytovy_balicek .popis {
      padding-bottom: 25px; } }
div.pobytovy_balicek:nth-child(odd) .btn_viac {
  right: 0; }

a.rezervovat {
  display: inline-block;
  background-color: #0077cc;
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  font-style: normal;
  border-radius: 5px;
  line-height: 1em;
  font-weight: bold;
  text-decoration: none;
  color: white; }
  @media screen and (max-width: 768px) {
    a.rezervovat {
      font-size: 14px; } }
  a.rezervovat:hover {
    color: white;
    background-color: #003580; }

footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #4db757;
  font-size: 0.85em;
  padding: 1em 0 1em 0;
  position: relative; }
  footer a {
    color: #4db757; }
    footer a:hover {
      color: #fff; }
  footer div.obrazky {
    display: inline-block;
    width: 350px;
    padding: 1.5em 0;
    float: left;
    position: relative;
    left: -40px;
    top: 0; }
    @media screen and (max-width: 768px) {
      footer div.obrazky {
        width: auto;
        float: none;
        display: block; } }
    footer div.obrazky img {
      padding: 0 1em; }
  footer nav ul {
    list-style: none;
    padding: 0px 0px 10px 0px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      footer nav ul {
        display: none; } }
    footer nav ul li {
      display: inline-block;
      border: 1px solid rgba(77, 183, 87, 0.25);
      border-width: 0 0 0 1px; }
      footer nav ul li a {
        text-decoration: none;
        color: #4db757;
        padding: 0px 5px;
        text-align: center; }
        footer nav ul li a:hover {
          color: #292929; }
      footer nav ul li.first {
        border: 0px; }
  @media screen and (max-width: 768px) {
    footer div.mobil_menu {
      margin-bottom: 1em; }
      footer div.mobil_menu nav {
        display: none; } }
  footer div.copyright {
    display: inline-block;
    color: rgba(77, 183, 87, 0.5); }
    footer div.copyright a {
      color: rgba(77, 183, 87, 0.5); }
      footer div.copyright a:hover {
        color: #292929; }
  footer div.created {
    color: rgba(77, 183, 87, 0.5);
    display: inline-block; }
    footer div.created a {
      color: rgba(77, 183, 87, 0.5); }
      footer div.created a:hover {
        color: #292929; }
  footer div.kontakt {
    color: #ddd;
    text-align: center;
    margin-bottom: 8px; }
    footer div.kontakt a {
      color: #ddd; }
      footer div.kontakt a:hover {
        color: #ddd; }

nav.main_menu {
  position: absolute;
  left: 22%;
  bottom: 20px;
  margin: 0;
  background-color: #4db757; }
  @media screen and (max-width: 768px) {
    nav.main_menu {
      display: none;
      position: static; } }
  nav.main_menu ul {
    list-style: none;
    padding: 0;
    margin: 0 auto; }
    nav.main_menu ul li {
      display: inline-block;
      margin: 0;
      padding: 0 1px;
      color: white; }
      nav.main_menu ul li a {
        color: rgba(255, 255, 255, 0.7);
        text-decoration: none;
        font-weight: 800;
        font-size: 18px;
        font-family: "Nunito", sans-serif;
        display: inline-block;
        padding: 15px 20px;
        margin: 0; }
        @media screen and (max-width: 992px) {
          nav.main_menu ul li a {
            padding: 13px 5px; } }
        nav.main_menu ul li a.selected, nav.main_menu ul li a:hover {
          color: white;
          background-color: #3c9545;
          border-radius: 5px; }
      nav.main_menu ul li.rezervacie a {
        background: #0077cc;
        color: white;
        font-weight: 800;
        border-radius: 5px; }
        nav.main_menu ul li.rezervacie a:hover {
          background: #003580; }

.dropdown {
  display: none; }
  .dropdown.show {
    display: block; }

.menu_sm {
  display: none; }
  .menu_sm ul {
    text-align: center; }
    .menu_sm ul a:hover, .menu_sm ul a:focus {
      color: #4db757; }
  @media screen and (max-width: 768px) {
    .menu_sm {
      display: block; } }

nav.top_menu {
  position: absolute;
  left: 40%;
  top: 10px;
  font-weight: bold; }
  nav.top_menu ul {
    list-style: none; }
    @media screen and (max-width: 768px) {
      nav.top_menu ul {
        display: none; } }
    nav.top_menu ul li {
      display: inline-block;
      padding: 8px;
      line-height: 1em;
      font-size: 16px; }
      nav.top_menu ul li a {
        text-decoration: none;
        color: #292929; }
        nav.top_menu ul li a:hover {
          color: #4db757; }

div.clanky {
  margin: 0 auto; }
  div.clanky.uvod {
    width: 80%; }
    @media screen and (max-width: 768px) {
      div.clanky.uvod {
        width: 100%; } }
  div.clanky.uvod div.clanok, div.clanky.akciove_pobyty div.clanok {
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    text-align: center;
    margin: 0 5px;
    width: 30.33%;
    padding: 1%; }
    @media screen and (max-width: 768px) {
      div.clanky.uvod div.clanok, div.clanky.akciove_pobyty div.clanok {
        width: 100%;
        box-sizing: border-box; } }
    div.clanky.uvod div.clanok.clanok_uvod, div.clanky.akciove_pobyty div.clanok.clanok_uvod {
      width: 46%;
      margin-bottom: 10px; }
      @media screen and (max-width: 768px) {
        div.clanky.uvod div.clanok.clanok_uvod, div.clanky.akciove_pobyty div.clanok.clanok_uvod {
          width: 100%;
          margin-bottom: 30px;
          margin-left: 0; } }
    div.clanky.uvod div.clanok h2, div.clanky.akciove_pobyty div.clanok h2 {
      font-size: 18px;
      line-height: 1.2em;
      color: #292929;
      text-align: center; }
      div.clanky.uvod div.clanok h2 a, div.clanky.akciove_pobyty div.clanok h2 a {
        color: #292929; }
    div.clanky.uvod div.clanok a.viac, div.clanky.akciove_pobyty div.clanok a.viac {
      border-radius: 7px;
      background: #545454;
      border: 1px solid #725835;
      float: none;
      font-family: "Open Sans", sans-serif; }
  div.clanky.aktivity div.clanok {
    padding: 20px;
    margin-bottom: 1em;
    position: relative;
    border: 2px solid #4db757;
    border-radius: 7px;
    display: block;
    width: 100%;
    box-sizing: border-box; }
    div.clanky.aktivity div.clanok h2 {
      color: #292929;
      font-size: 24px;
      font-weight: normal;
      display: inline; }
    div.clanky.aktivity div.clanok hr {
      border: 0;
      height: 1px;
      background-image: -webkit-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
      background-image: -moz-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
      background-image: -ms-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
      background-image: -o-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
      visibility: hidden; }
    div.clanky.aktivity div.clanok h4 {
      display: none; }
    div.clanky.aktivity div.clanok h3 {
      display: inline;
      background: #b38d5a;
      padding: .2em .5em;
      float: right;
      border: 2px solid #53ad42;
      border-radius: 7px;
      background: transparent;
      font-size: 20px;
      font-weight: normal;
      color: #292929; }
    div.clanky.aktivity div.clanok img {
      padding: 1px;
      border: 1px solid #333; }
      div.clanky.aktivity div.clanok img:hover {
        border-color: #ffffff; }
    div.clanky.aktivity div.clanok img.main {
      padding: 1px;
      border: 1px solid #333;
      float: left;
      margin-right: 20px; }
      div.clanky.aktivity div.clanok img.main:hover {
        border-color: #ffffff; }
  div.clanky.kalendar_akcii div.clanok {
    width: auto; }

.clanok_view {
  width: 100%; }

div.uvod_menu {
  display: none; }
  @media screen and (max-width: 768px) {
    div.uvod_menu {
      display: block; } }
  div.uvod_menu div.button {
    margin-bottom: 1em;
    overflow: hidden;
    margin-bottom: 1em;
    position: relative;
    border: 2px solid #4db757;
    border-radius: 7px; }
    div.uvod_menu div.button.apartmany_1 {
      display: none; }
    div.uvod_menu div.button a {
      padding: 20px;
      display: block;
      overflow: hidden;
      text-decoration: none; }
    div.uvod_menu div.button section.gallery {
      float: left;
      margin-right: 1em; }
      div.uvod_menu div.button section.gallery img {
        display: block; }
    div.uvod_menu div.button h2 {
      display: inline; }

div.zazitok {
  max-width: 1000px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 992px) {
    div.zazitok {
      background: none;
      margin-bottom: 1em;
      padding: 0px; } }
  div.zazitok h2 {
    color: #4db757;
    text-transform: uppercase;
    font-size: 2.3em;
    font-weight: bold; }
    @media screen and (max-width: 992px) {
      div.zazitok h2 {
        font-size: 1.5em; } }
  @media screen and (max-width: 768px) {
    div.zazitok img.main {
      float: none;
      width: auto;
      max-width: 100%; } }
  div.zazitok img.novinka {
    position: absolute;
    top: 0;
    left: 0;
    border: 0; }
  div.zazitok section {
    width: 43%;
    float: right; }
    @media screen and (max-width: 768px) {
      div.zazitok section {
        width: auto;
        float: none; } }

.zazitok_fotky, .galeria_fotky {
  display: none; }
  .zazitok_fotky .slider-for, .galeria_fotky .slider-for {
    margin: 0 auto; }
    .zazitok_fotky .slider-for img, .galeria_fotky .slider-for img {
      width: 98%;
      border: 5px solid rgba(77, 183, 87, 0.5);
      margin-bottom: 15px; }
      @media screen and (max-width: 768px) {
        .zazitok_fotky .slider-for img, .galeria_fotky .slider-for img {
          width: 94%;
          border-width: 3px;
          margin-bottom: 27px; } }
  .zazitok_fotky .slider-nav img, .galeria_fotky .slider-nav img {
    width: 97%; }
  .zazitok_fotky .slick-slide, .galeria_fotky .slick-slide {
    margin: 0 10px;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .zazitok_fotky .slick-slide, .galeria_fotky .slick-slide {
        margin: 0; } }
  .zazitok_fotky .slick-prev, .galeria_fotky .slick-prev {
    left: -11px; }
    .zazitok_fotky .slick-prev::before, .galeria_fotky .slick-prev::before {
      content: "◄"; }
  .zazitok_fotky .slick-next, .galeria_fotky .slick-next {
    right: -11px; }
    .zazitok_fotky .slick-next::before, .galeria_fotky .slick-next::before {
      content: "►"; }
  @media screen and (max-width: 992px) {
    .zazitok_fotky .slick-prev, .zazitok_fotky .slick-next, .galeria_fotky .slick-prev, .galeria_fotky .slick-next {
      height: 25px;
      width: 30px; } }
  @media screen and (max-width: 768px) {
    .zazitok_fotky .slick-prev, .zazitok_fotky .slick-next, .galeria_fotky .slick-prev, .galeria_fotky .slick-next {
      background-color: rgba(255, 255, 255, 0.3); } }
  .zazitok_fotky .slick-prev::before, .zazitok_fotky .slick-next::before, .galeria_fotky .slick-prev::before, .galeria_fotky .slick-next::before {
    font-size: 27px; }
    @media screen and (max-width: 992px) {
      .zazitok_fotky .slick-prev::before, .zazitok_fotky .slick-next::before, .galeria_fotky .slick-prev::before, .galeria_fotky .slick-next::before {
        font-size: 13px; } }
    @media screen and (max-width: 768px) {
      .zazitok_fotky .slick-prev::before, .zazitok_fotky .slick-next::before, .galeria_fotky .slick-prev::before, .galeria_fotky .slick-next::before {
        font-size: 17px;
        color: #292929; } }
  @media screen and (max-width: 992px) {
    .zazitok_fotky .slick-slider, .galeria_fotky .slick-slider {
      padding: 0 20px; } }
  @media screen and (max-width: 768px) {
    .zazitok_fotky .slick-slider, .galeria_fotky .slick-slider {
      padding: 0px; } }

.page_galeria {
  max-width: 1000px;
  margin: 0 auto; }

.zlava {
  position: fixed;
  z-index: 1000;
  right: 20px;
  bottom: 20px;
  width: 600px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border: 2px solid #4ab857; }
  @media screen and (max-width: 768px) {
    .zlava {
      width: 90%; } }
  .zlava .zlava-layout {
    padding: 40px; }
    @media screen and (max-width: 768px) {
      .zlava .zlava-layout {
        padding: 20px; } }
    .zlava .zlava-layout .form {
      width: 50%;
      float: left; }
      .zlava .zlava-layout .form .error {
        text-align: center;
        background-color: #DC3545;
        color: white;
        border-radius: 5px;
        padding: 8px 10px;
        margin-bottom: 10px; }
      .zlava .zlava-layout .form h2 {
        color: black;
        text-align: center;
        font-weight: bold;
        font-size: 18px; }
        @media screen and (max-width: 768px) {
          .zlava .zlava-layout .form h2 {
            font-size: 14px; } }
      .zlava .zlava-layout .form form .email label {
        font-weight: bold;
        font-size: 16px; }
      .zlava .zlava-layout .form form .email input {
        background-color: #fff;
        border: 2px solid #c9c9c9;
        border-radius: 3px;
        display: inline-block;
        margin: 0 0 24px;
        min-height: 32px;
        min-width: 50px;
        padding: 0 0.4em;
        vertical-align: middle;
        width: 94%;
        margin-top: 5px; }
        .zlava .zlava-layout .form form .email input:hover {
          border-color: #838383; }
      .zlava .zlava-layout .form form .button input {
        background-color: #4ab857;
        color: white;
        border: 0 none;
        border-radius: 3px;
        cursor: pointer;
        display: inline-block;
        font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 36px;
        letter-spacing: 0.01em;
        line-height: 36px;
        margin-right: 0;
        overflow: hidden;
        padding: 0 18px;
        text-align: center;
        vertical-align: middle;
        white-space: normal;
        width: 86%; }
        @media screen and (max-width: 768px) {
          .zlava .zlava-layout .form form .button input {
            padding: 0 14px; } }
      .zlava .zlava-layout .form form .suhlas {
        font-size: 11px;
        line-height: 24px;
        font-family: tahoma, verdana, segoe, sans-serif;
        color: #595959;
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center; }
    .zlava .zlava-layout .logo {
      width: 45%;
      float: right; }
      .zlava .zlava-layout .logo .img-responsive {
        width: 100%; }
        @media screen and (max-width: 768px) {
          .zlava .zlava-layout .logo .img-responsive {
            margin-top: 80px; } }
      .zlava .zlava-layout .logo h2 {
        font-size: 40px;
        text-align: center;
        margin-top: 20px;
        color: #DC3545; }
        @media screen and (max-width: 768px) {
          .zlava .zlava-layout .logo h2 {
            font-size: 22px; } }
  .zlava .minimize {
    color: black;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: white;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 12px;
    cursor: pointer; }
    .zlava .minimize i {
      margin-top: 12px; }

.zlava-close {
  position: fixed;
  z-index: 1000;
  right: 20px;
  bottom: 20px;
  width: 22%;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  display: none;
  border: 2px solid #4ab857; }
  @media screen and (max-width: 768px) {
    .zlava-close {
      width: 90%; } }
  .zlava-close .zlava-layout {
    padding: 14px; }
    .zlava-close .zlava-layout h2 {
      font-size: 18px;
      text-align: center;
      margin-top: 20px;
      color: #DC3545; }
  .zlava-close .minimize {
    color: black;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: white;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 12px;
    cursor: pointer; }
    .zlava-close .minimize i {
      margin-top: 12px; }

.zlava-success {
  position: fixed;
  z-index: 1000;
  right: 20px;
  bottom: 20px;
  width: 22%;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  display: none;
  border: 2px solid #4ab857; }
  @media screen and (max-width: 768px) {
    .zlava-success {
      width: 90%; } }
  .zlava-success .zlava-layout {
    padding: 14px; }
    .zlava-success .zlava-layout h2 {
      font-size: 18px;
      text-align: center;
      margin-top: 20px;
      color: black; }
  .zlava-success .close {
    color: black;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: white;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 16px;
    cursor: pointer; }
    .zlava-success .close i {
      margin-top: 8px; }

.zlava-error {
  position: fixed;
  z-index: 1000;
  right: 20px;
  bottom: 20px;
  width: 22%;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  display: none;
  border: 2px solid #4ab857; }
  @media screen and (max-width: 768px) {
    .zlava-error {
      width: 90%; } }
  .zlava-error .zlava-layout {
    padding: 14px; }
    .zlava-error .zlava-layout h2 {
      font-size: 18px;
      text-align: center;
      margin-top: 20px;
      color: #DC3545; }
  .zlava-error .close {
    color: black;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: white;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 16px;
    cursor: pointer; }
    .zlava-error .close i {
      margin-top: 8px; }

.zlava_bottom {
  position: relative; }
  .zlava_bottom form .email input {
    background-color: #fff;
    border: 2px solid #c9c9c9;
    border-radius: 3px;
    display: inline-block;
    min-height: 32px;
    min-width: 50px;
    padding: 0 0.4em;
    vertical-align: middle;
    width: 230px;
    margin-right: 10px; }
    @media screen and (max-width: 500px) {
      .zlava_bottom form .email input {
        margin-right: 0;
        margin-bottom: 5px;
        width: 200px; } }
    .zlava_bottom form .email input:hover {
      border-color: #838383; }
  .zlava_bottom form button {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 36px;
    overflow: hidden;
    text-align: center;
    white-space: normal; }
  .zlava_bottom form .suhlas {
    font-size: 11px;
    line-height: 24px;
    font-family: "Open Sans", sans-serif;
    color: #595959;
    margin-bottom: 30px;
    text-align: center; }
  .zlava_bottom h2 {
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    color: #DC3545;
    font-weight: bold; }
  .zlava_bottom strong {
    color: black;
    font-size: 16px; }
  .zlava_bottom .input_button {
    display: flex;
    justify-content: center;
    margin-top: 10px; }
    @media screen and (max-width: 500px) {
      .zlava_bottom .input_button {
        flex-direction: column;
        align-items: center; } }
    @media screen and (max-width: 480px) {
      .zlava_bottom .input_button #submit_form {
        margin-right: 0; } }
  @media screen and (max-width: 480px) and (max-width: 265px) {
    .zlava_bottom .input_button #submit_form {
      font-size: 14px;
      width: 215px; } }

.recenzie_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%; }
  .recenzie_flex .typ_recenzie {
    border: 1px dashed gainsboro;
    width: 45%;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 10px; }
    .recenzie_flex .typ_recenzie .recenzia {
      font-size: 13px;
      line-height: 15px; }
      .recenzie_flex .typ_recenzie .recenzia small {
        color: #343434; }
      .recenzie_flex .typ_recenzie .recenzia .text {
        margin-top: 10px; }
    @media screen and (max-width: 992px) {
      .recenzie_flex .typ_recenzie {
        width: 70%; }
        .recenzie_flex .typ_recenzie iframe {
          max-width: 100%; }
          .recenzie_flex .typ_recenzie iframe div {
            max-width: 100%; } }
    @media screen and (max-width: 768px) {
      .recenzie_flex .typ_recenzie {
        width: 90%; } }
  @media screen and (max-width: 768px) {
    .recenzie_flex {
      display: block; } }
  .recenzie_flex #hodnotenie {
    background-image: url("../images/bubble.png");
    background-position: top left;
    background-repeat: no-repeat;
    height: 70px;
    display: flex;
    justify-content: center;
    width: 70px;
    align-items: center;
    position: relative; }
    .recenzie_flex #hodnotenie #number {
      margin-top: 15px;
      color: white;
      font-size: 33px;
      font-weight: bold; }
    .recenzie_flex #hodnotenie #slash {
      margin-top: 16px;
      margin-left: 2px;
      font-size: 19px;
      color: #135d12; }
    .recenzie_flex #hodnotenie small {
      font-size: 10px; }
    .recenzie_flex #hodnotenie #max {
      position: absolute;
      font-size: 20px;
      border-radius: 5px;
      background-color: white;
      color: black;
      left: 62px;
      border: 1px dashed rgba(25, 25, 25, 0.74);
      bottom: 28px;
      font-weight: bold;
      padding: 2px 4px; }
  .recenzie_flex img {
    width: 100%;
    max-width: 200px;
    margin-left: 15px; }
  .recenzie_flex .top_line {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    font-size: 12px; }
    .recenzie_flex .top_line .top_line_left {
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
      .recenzie_flex .top_line .top_line_left strong {
        margin-right: 3px; }

#okno {
  position: fixed;
  z-index: 1000;
  right: 20px;
  bottom: 20px;
  width: 600px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border: 2px solid #4ab857; }
  @media screen and (max-width: 768px) {
    #okno {
      width: 90%; } }
  #okno .okno-layout {
    padding: 40px; }
    @media screen and (max-width: 768px) {
      #okno .okno-layout {
        padding: 20px; } }
    #okno .okno-layout .logo {
      float: right;
      margin-bottom: 5px; }
      #okno .okno-layout .logo img {
        width: 135px; }
        @media screen and (max-width: 380px) {
          #okno .okno-layout .logo img {
            width: 100px; } }
      #okno .okno-layout .logo h2 {
        font-size: 40px;
        text-align: center;
        margin-top: 20px;
        color: #DC3545; }
        @media screen and (max-width: 768px) {
          #okno .okno-layout .logo h2 {
            font-size: 22px; } }
  #okno .minimize {
    color: black;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: white;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 12px;
    cursor: pointer; }
    #okno .minimize i {
      margin-top: 12px; }

.okno-close {
  position: fixed;
  z-index: 1000;
  right: 20px;
  bottom: 20px;
  width: 22%;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  display: none;
  border: 2px solid #4ab857; }
  @media screen and (max-width: 768px) {
    .okno-close {
      width: 90%; } }
  .okno-close .okno-layout {
    padding: 14px; }
    .okno-close .okno-layout h2 {
      font-size: 23px;
      text-align: center;
      margin-top: 15px;
      color: #DC3545; }
  .okno-close .minimize {
    color: black;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: white;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 12px;
    cursor: pointer; }
    .okno-close .minimize i {
      margin-top: 12px; }

.okno-layout {
  color: black; }

/* ************************************************* HTML */
html, body {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  background-position: bottom center;
  background-image: url(../images/design/background.png);
  background-repeat: no-repeat;
  background-color: white; }
  html div.cookies, body div.cookies {
    position: fixed;
    bottom: 0;
    padding: 1em;
    font-size: 14px;
    width: 100%;
    background: white;
    border-top: 1px solid #cccccc;
    text-align: center;
    color: #4db757;
    z-index: 10; }
    html div.cookies a, body div.cookies a {
      color: #4db757; }
      html div.cookies a:hover, body div.cookies a:hover {
        color: #4db757; }
  html div.page, body div.page {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto; }
    html div.page:first-child, body div.page:first-child {
      z-index: 999;
      position: relative;
      display: block;
      max-width: 100%;
      height: 100px;
      background: rgba(255, 255, 255, 0.6);
      padding: 0 10px; }
      @media screen and (max-width: 768px) {
        html div.page:first-child, body div.page:first-child {
          height: 130px; } }
    html div.page.main_color_bg, body div.page.main_color_bg {
      background: #4db757; }
    @media screen and (max-width: 768px) {
      html div.page, body div.page {
        width: 100%;
        padding: .7em;
        box-sizing: border-box; } }
  html p, body p {
    margin: 0px;
    padding: 0 0 1em 0; }
  html h1, body h1 {
    font-size: 30px;
    font-weight: normal;
    line-height: 1em;
    margin: 0 0 0.5em 0;
    color: #4db757;
    font-family: "Nunito", sans-serif; }
  html h2, body h2 {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: normal;
    color: #4db757;
    margin: 0;
    padding: 0 0 10px 0;
    font-family: "Nunito", sans-serif; }
  html h3, body h3 {
    color: #4db757;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 5px 0;
    font-family: "Nunito", sans-serif; }
  html div.optimalizacny, body div.optimalizacny {
    width: 80%;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      html div.optimalizacny, body div.optimalizacny {
        width: 100%; } }
    html div.optimalizacny h1, html div.optimalizacny h2, html div.optimalizacny h3, body div.optimalizacny h1, body div.optimalizacny h2, body div.optimalizacny h3 {
      color: #292929;
      font-weight: bold;
      text-align: center;
      font-size: 22px;
      margin-top: 30px; }
      html div.optimalizacny h1.h2, html div.optimalizacny h1.h3, html div.optimalizacny h2.h2, html div.optimalizacny h2.h3, html div.optimalizacny h3.h2, html div.optimalizacny h3.h3, body div.optimalizacny h1.h2, body div.optimalizacny h1.h3, body div.optimalizacny h2.h2, body div.optimalizacny h2.h3, body div.optimalizacny h3.h2, body div.optimalizacny h3.h3 {
        margin-top: 15px; }
  html a, body a {
    color: #4db757;
    text-decoration: underline; }
    html a:hover, body a:hover {
      color: #3c9545; }
    html a.pdf, body a.pdf {
      display: inline-block;
      background-image: url(../images/icon/pdf-icon.png);
      background-repeat: no-repeat;
      background-position: left top;
      padding: 0 0 0 25px;
      line-height: 20px; }
    html a.button, body a.button {
      background: #4db757;
      background-repeat: no-repeat;
      background-position: 5px center;
      border: 0;
      color: #000000;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
      font-family: "Open Sans", sans-serif;
      font-size: 12px;
      padding: .41em 1em;
      margin: 0 .5em .5em 0; }
      html a.button.back, body a.button.back {
        background: #b38d5a; }
  html img, body img {
    border: 0px; }
  html div.banner_bottom, body div.banner_bottom {
    position: relative;
    top: 0px;
    background: #fff;
    color: #292929;
    font-size: 14px; }
  html table, body table {
    margin-bottom: 1em; }
  html .defaultErr, body .defaultErr {
    color: #cc0000; }
  html .defaultErrBackground, body .defaultErrBackground {
    background: #cc0000;
    color: white;
    font-size: 1.25em;
    padding: 1em;
    margin-bottom: 1em; }
    html .defaultErrBackground ul, body .defaultErrBackground ul {
      padding-bottom: 0; }
  html p.message, body p.message {
    color: white;
    font-size: 1.5em;
    text-align: center;
    background: #4db757;
    padding: 1em; }
  html p.message_err, body p.message_err {
    color: #ff3f17;
    font-size: 1.5em;
    text-align: center; }
  html div.message, body div.message {
    font-size: 1.2em;
    background: rgba(255, 255, 255, 0.25);
    padding: 1em;
    margin-bottom: 1em; }
  html div.map, body div.map {
    width: 100%;
    height: 300px;
    border: 1px solid #333;
    margin-bottom: 1em; }
  html div#directionsPanel, body div#directionsPanel {
    width: 100%; }
    html div#directionsPanel table.adp-directions, body div#directionsPanel table.adp-directions {
      width: 100%;
      background-color: #eee;
      margin-bottom: 1em; }
    html div#directionsPanel .adp-summary, body div#directionsPanel .adp-summary {
      background-color: #eee; }
  html div#genSkypeCall, body div#genSkypeCall {
    display: inline-block; }
  html span.note, body span.note {
    font-size: 0.75em;
    color: rgba(41, 41, 41, 0.75); }
  html.modal div.page, body.modal div.page {
    padding: 2em 2em 0 2em;
    width: 750px; }
  html div.login form, body div.login form {
    margin: 0 auto; }
    html div.login form input.text, body div.login form input.text {
      margin-bottom: 1em; }
  html .hilson_tooltip, body .hilson_tooltip {
    background: #fff;
    border-color: #b38d5a;
    font-size: 1em;
    line-height: 1.3em; }
  html hr, body hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #aaa;
    margin: 2em 0;
    padding: 0; }
  html .voucher, body .voucher {
    background-image: url(../images/voucher_web.jpg);
    background-size: 100%;
    width: 100%;
    height: 497px;
    margin-bottom: 1em;
    position: relative; }
    html .voucher textarea, body .voucher textarea {
      border: 0;
      color: black;
      font-size: 1.5em;
      padding: 1em;
      box-sizing: border-box;
      background: none;
      position: absolute;
      right: 9px;
      top: 114px;
      width: 370px;
      height: 230px; }
    html .voucher span.cislo, body .voucher span.cislo {
      position: absolute;
      bottom: 75px;
      left: 530px;
      font-size: 2em; }
    html .voucher span.termin, body .voucher span.termin {
      position: absolute;
      bottom: 125px;
      left: 80px;
      font-size: 2em; }
  html .width70, body .width70 {
    width: 70%;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      html .width70, body .width70 {
        width: 100%; } }
  html div.top_facebook, body div.top_facebook {
    left: 300px;
    bottom: 53px;
    position: absolute;
    width: 100px; }
    @media screen and (max-width: 768px) {
      html div.top_facebook, body div.top_facebook {
        position: static;
        display: none;
        margin: .5em auto 0;
        float: right; } }

/* ************************************************* HEADER */
header {
  max-width: 1400px;
  position: relative;
  height: 120px;
  margin: 0 auto;
  width: 100%; }
  @media screen and (max-width: 768px) {
    header {
      height: auto;
      width: 100%; } }
  header div.top_overte_si_dostupnost {
    display: none; }
    @media screen and (max-width: 768px) {
      header div.top_overte_si_dostupnost {
        display: inline-block;
        float: right; } }
    header div.top_overte_si_dostupnost a {
      color: #cc0000;
      font-size: 1.5em;
      font-weight: bold;
      text-decoration: none;
      text-transform: uppercase; }
  header div.top_darcekove_poukazy {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 70px;
    text-align: center; }
    header div.top_darcekove_poukazy a {
      color: white;
      text-decoration: none; }
  header .logo {
    position: absolute;
    top: 15px;
    left: 0;
    height: 70px; }
    @media screen and (max-width: 768px) {
      header .logo {
        position: static;
        display: block;
        margin: 1em auto;
        clear: both; } }
  header .slogan {
    position: absolute;
    top: 43px;
    left: 220px; }
    @media screen and (max-width: 768px) {
      header .slogan {
        position: static;
        max-width: 100%;
        margin: 0 auto;
        display: block; } }
  header .lang {
    position: absolute;
    top: 18px;
    right: 10px;
    color: rgba(255, 255, 255, 0.25); }
    @media screen and (max-width: 1400px) {
      header .lang {
        right: 20px; } }
    @media screen and (max-width: 768px) {
      header .lang {
        position: static;
        float: left;
        text-align: center;
        margin: .5em 0;
        display: none; } }
    header .lang a {
      color: rgba(255, 255, 255, 0.5);
      text-decoration: none;
      font-size: 0.8em; }
      @media screen and (max-width: 768px) {
        header .lang a {
          padding-right: .5em; } }
      header .lang a:hover {
        color: #fff; }
  header .lang2 {
    display: none; }
    @media screen and (max-width: 768px) {
      header .lang2 {
        display: inline-block;
        margin-top: 5px; } }

/* ************************************************* BANNER MENU */
div.banner_menu {
  margin-bottom: 1em; }
  div.banner_menu ul {
    list-style: none;
    padding: 0;
    margin: 0 auto; }
    div.banner_menu ul li {
      display: inline-block;
      margin: 0;
      padding: 0 0 0 1px; }
      div.banner_menu ul li a {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        text-decoration: none;
        display: inline-block;
        padding: 5px 15px 5px 15px;
        margin: 0 0 0 1px;
        color: #181818;
        background: #ffffff;
        font-weight: bold; }
        div.banner_menu ul li a:hover {
          background-color: #4db757;
          color: #181818; }

/* ************************************************* CONTENT */
div.content {
  width: 100%; }
  div.content div.padding {
    line-height: 1.6em;
    padding-top: 1em; }
  div.content span.title {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 2.5em;
    font-family: "Nunito", sans-serif;
    color: #292929;
    margin-top: 20px;
    line-height: 1em;
    margin-bottom: .5em; }

/* ************************************************* RIGHT_FRAME */
div.right_frame {
  width: 34%;
  float: right;
  line-height: 1.6em; }
  div.right_frame div.padding {
    padding: 2em 0 2em 1em; }

/* ************************************************* LEFT FRAME */
div.left_frame {
  width: 66%;
  float: left;
  line-height: 1.5em; }
  div.left_frame div.padding {
    padding: 2em 2em 2em 0; }

/* ************************************************* CLANOK */
div.clanok {
  width: 30%;
  padding: 0 2% 1em 0;
  display: inline-block;
  vertical-align: top; }
  div.clanok img {
    margin-bottom: 1em; }
    div.clanok img.border {
      border: 1px solid #333;
      padding: 1px;
      margin: 0; }
      div.clanok img.border:hover {
        border-color: #ffffff; }
    @media screen and (max-width: 768px) {
      div.clanok img {
        max-width: 100%; } }
  div.clanok h2 {
    padding: 0;
    margin: 0 0 .5em 0;
    font-size: 1.1em;
    color: #4db757;
    font-weight: bold; }
    div.clanok h2 a {
      color: #4db757;
      text-decoration: none; }
      div.clanok h2 a:hover {
        color: #3c9545; }
  div.clanok a.viac {
    /* fallback/image non-cover color */
    background-color: #4db757;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(#4db757, #2e7034);
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4db757), to(#2e7034));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(#4db757, #2e7034);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(#4db757, #2e7034);
    display: inline-block;
    border: 1px solid #2e7034;
    color: #ffffff;
    text-decoration: none;
    padding: .25em 1em;
    float: right; }
  div.clanok span.datum {
    color: #4db757; }

div.clanok_uvod img {
  margin-bottom: .3em;
  width: 100%;
  height: auto; }

/* ************************************************* GALLERY */
div.gallery {
  margin: 1em auto;
  text-align: center;
  color: #4db757; }
  div.gallery div {
    display: inline-block;
    text-align: left;
    margin: 0 1em 1em 0;
    vertical-align: top;
    width: 32%; }
    @media screen and (max-width: 768px) {
      div.gallery div {
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
        display: flex;
        justify-content: center; } }
    div.gallery div img {
      border: 1px solid #333;
      padding: 1px;
      margin: 0; }
      div.gallery div img:hover {
        border-color: #ffffff; }
    div.gallery div a {
      display: block;
      line-height: 1em; }
    div.gallery div.nopadding {
      margin-right: 0; }

div.galeria div.gallery div {
  margin: 0 10px 8px 0;
  width: auto; }
  div.galeria div.gallery div img {
    padding: 0; }
    div.galeria div.gallery div img:hover {
      border: 1px solid #333; }

/* ************************************************* FORM */
div.form, form {
  margin: 0px; }
  div.form#rezervacie, div.form.forum, form#rezervacie, form.forum {
    margin: 0 auto 1em auto;
    display: block;
    width: 50%; }
    @media screen and (max-width: 1200px) {
      div.form#rezervacie, div.form.forum, form#rezervacie, form.forum {
        width: 60%; } }
    @media screen and (max-width: 992px) {
      div.form#rezervacie, div.form.forum, form#rezervacie, form.forum {
        width: 76%; } }
    @media screen and (max-width: 768px) {
      div.form#rezervacie, div.form.forum, form#rezervacie, form.forum {
        width: 100%; } }
    div.form#rezervacie .text, div.form.forum .text, form#rezervacie .text, form.forum .text {
      width: 410px;
      height: 25px;
      background: #e1e9ed;
      border: none;
      color: #292929; }
      @media screen and (max-width: 768px) {
        div.form#rezervacie .text, div.form.forum .text, form#rezervacie .text, form.forum .text {
          width: 100%; } }
  div.form fieldset, form fieldset {
    background-color: #f6f6f6;
    border-width: 1px;
    border-style: solid;
    border-color: #dedede;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  div.form legend, form legend {
    font-weight: bold;
    color: #215289;
    font-size: 1.2em; }
  div.form label, form label {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    color: #292929; }
  div.form input.text, form input.text {
    border-width: 1px;
    border-style: solid;
    border-color: #808080;
    background: #454545;
    color: #ffffff;
    padding: 5px;
    width: 300px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }
    @media screen and (max-width: 768px) {
      div.form input.text, form input.text {
        width: auto; } }
  div.form #text_spravy, form #text_spravy {
    position: relative;
    left: 0;
    top: 0;
    width: 423px;
    height: 102px;
    background: #e1e9ed;
    border: none; }
    @media screen and (max-width: 768px) {
      div.form #text_spravy, form #text_spravy {
        width: 100%; } }
  div.form button[type=submit], div.form input.submit, form button[type=submit], form input.submit {
    background: #4db757;
    background-repeat: no-repeat;
    background-position: 5px center;
    border: 0;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    font-family: "Nunito", sans-serif;
    text-decoration: none;
    display: inline-block;
    padding: .5em 1em;
    margin: 0 .5em .5em 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #4db757;
    color: #fff;
    width: 230px;
    box-shadow: none;
    height: 38px;
    border-radius: 5px;
    border-bottom: 3px solid #3c9545; }
    div.form button[type=submit].red_border, div.form input.submit.red_border, form button[type=submit].red_border, form input.submit.red_border {
      border: 2px solid #cc0000; }
    div.form button[type=submit]#submit_form, div.form input.submit#submit_form, form button[type=submit]#submit_form, form input.submit#submit_form {
      padding: 0 18px; }
  div.form textarea, form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: tahoma;
    font-size: 12px;
    height: 100px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;
    background: #454545;
    color: black;
    padding: 5px; }
  div.form select, form select {
    font-size: 12px;
    width: 182px;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }

@media screen and (max-width: 768px) {
  #rezervacie table {
    width: 100%; }
    #rezervacie table span {
      position: absolute;
      left: 100px;
      margin-top: -19px; }
    #rezervacie table input.text {
      width: calc(100% - 10px); }
    #rezervacie table label {
      margin-top: 10px; } }

/* ************************************************* ZAZITOK */
div.ubytovanie {
  padding: 20px;
  margin-bottom: 1em;
  background: rgba(77, 183, 87, 0.1);
  text-align: center; }
  div.ubytovanie section.gallery img {
    max-width: 100%; }
  div.ubytovanie h2 {
    color: #292929;
    display: block; }
    div.ubytovanie h2 a {
      color: #292929;
      text-decoration: none; }
  div.ubytovanie h3 {
    color: #4db757;
    font-weight: bold;
    display: inline-block;
    background-color: white;
    border: 1px solid black;
    padding: 2px 7px;
    font-family: "Open Sans", sans-serif; }
    div.ubytovanie h3 a {
      color: #4db757;
      font-weight: bold;
      text-decoration: none; }

/* ************************************************* CENNIK */
table.cennik thead tr th, table.cennik thead tr td {
  text-align: center;
  color: #000000;
  font-size: 1.1em; }
table.cennik thead tr th {
  /* fallback/image non-cover color */
  background-color: #a1cf67;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#a1cf67, #6e9e32);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a1cf67), to(#6e9e32));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#a1cf67, #6e9e32);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#a1cf67, #6e9e32);
  font-size: 1.5em;
  padding: .3em; }
table.cennik thead tr td:nth-child(1), table.cennik thead tr td:nth-child(4), table.cennik thead tr td:nth-child(7) {
  /* fallback/image non-cover color */
  background-color: #b5b5b5;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#b5b5b5, #828282);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b5b5b5), to(#828282));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#b5b5b5, #828282);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#b5b5b5, #828282); }
table.cennik thead tr td:nth-child(3), table.cennik thead tr td:nth-child(6), table.cennik thead tr td:nth-child(9) {
  /* fallback/image non-cover color */
  background-color: #e3de7e;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#e3de7e, #cec62d);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3de7e), to(#cec62d));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#e3de7e, #cec62d);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#e3de7e, #cec62d); }
table.cennik thead tr td:nth-child(2), table.cennik thead tr td:nth-child(5), table.cennik thead tr td:nth-child(8), table.cennik thead tr td.sezona2 {
  /* fallback/image non-cover color */
  background-color: #cda675;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#cda675, #a1743b);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cda675), to(#a1743b));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#cda675, #a1743b);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#cda675, #a1743b); }
table.cennik tbody tr th, table.cennik tbody tr td {
  padding: 5px;
  color: #000000;
  font-size: 1.1em;
  font-weight: bold; }
table.cennik tbody tr th {
  /* fallback/image non-cover color */
  background-color: #a1cf67;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#a1cf67, #6e9e32);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a1cf67), to(#6e9e32));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#a1cf67, #6e9e32);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#a1cf67, #6e9e32);
  color: #000000; }
table.cennik tbody tr td {
  text-align: center; }
  table.cennik tbody tr td:nth-child(2), table.cennik tbody tr td:nth-child(6), table.cennik tbody tr td:nth-child(10) {
    background: #b5b5b5; }
  table.cennik tbody tr td:nth-child(3), table.cennik tbody tr td:nth-child(4), table.cennik tbody tr td:nth-child(7), table.cennik tbody tr td:nth-child(8), table.cennik tbody tr td:nth-child(11), table.cennik tbody tr td:nth-child(12) {
    background: #e3de7e; }
  table.cennik tbody tr td:nth-child(5), table.cennik tbody tr td:nth-child(9), table.cennik tbody tr td:nth-child(13) {
    background: #cda675; }

table.cennik_maly {
  margin: 1em auto;
  width: 60%; }
  table.cennik_maly tr th, table.cennik_maly tr td {
    padding: 5px;
    color: #000000;
    font-size: 1.1em; }
  table.cennik_maly tr th {
    width: 50%;
    text-align: left;
    /* fallback/image non-cover color */
    background-color: #a1cf67;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(#a1cf67, #6e9e32);
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a1cf67), to(#6e9e32));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(#a1cf67, #6e9e32);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(#a1cf67, #6e9e32); }
  table.cennik_maly tr td {
    /* fallback/image non-cover color */
    background-color: #b8b8b8;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(#b8b8b8, #858585);
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8b8b8), to(#858585));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(#b8b8b8, #858585);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(#b8b8b8, #858585); }

table.cennik_apartman {
  width: 100%; }
  table.cennik_apartman colgroup col {
    background-color: #0066ff; }
    table.cennik_apartman colgroup col:nth-child(1) {
      background-color: #a1cf67; }
    table.cennik_apartman colgroup col:nth-child(2), table.cennik_apartman colgroup col:nth-child(6), table.cennik_apartman colgroup col:nth-child(9) {
      background-color: #b5b5b5; }
    table.cennik_apartman colgroup col:nth-child(3), table.cennik_apartman colgroup col:nth-child(4), table.cennik_apartman colgroup col:nth-child(7) {
      background-color: #e3de7e; }
    table.cennik_apartman colgroup col:nth-child(5), table.cennik_apartman colgroup col:nth-child(8) {
      background-color: #cda675; }
  table.cennik_apartman thead tr td {
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    line-height: 1.5em;
    color: #000000; }
  table.cennik_apartman tbody tr td, table.cennik_apartman tbody tr th {
    color: #000000;
    font-size: 0.85em;
    text-align: center; }

div.cennik table.cennik_apartman thead tr td {
  font-size: 1em;
  color: #000000;
  padding: .5em; }
div.cennik table.cennik_apartman tbody tr td, div.cennik table.cennik_apartman tbody tr th {
  font-size: 1em;
  padding: .5em; }

/* ************************************************* FORUM */
div.forum section {
  background: #b38d5a;
  color: #000;
  padding: .25em .5em;
  margin-bottom: 1em; }

/* ************************************************* CS BOOKING */
div.cs_booking form select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: 1px solid #000000; }
div.cs_booking form div.cs_html_select_row, div.cs_booking form div.cs_html_input_row {
  margin-bottom: 0.5em; }
  div.cs_booking form div.cs_html_select_row label, div.cs_booking form div.cs_html_input_row label {
    vertical-align: middle;
    margin-right: 1em;
    width: 100px; }
  div.cs_booking form div.cs_html_select_row.suhlas div.checkbox, div.cs_booking form div.cs_html_input_row.suhlas div.checkbox {
    width: 100px;
    text-align: right;
    display: inline-block;
    margin-right: 1em; }
  div.cs_booking form div.cs_html_select_row.suhlas label, div.cs_booking form div.cs_html_input_row.suhlas label {
    width: auto; }
div.cs_booking form.typ_izby {
  background: #4db757;
  padding: 1em;
  text-align: center; }
  div.cs_booking form.typ_izby label {
    width: auto;
    vertical-align: middle; }
  div.cs_booking form.typ_izby input[type="text"] {
    width: 70px; }
  div.cs_booking form.typ_izby input.vypocitat_cenu {
    background: #b38d5a;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
  div.cs_booking form.typ_izby select {
    width: 80px; }
  div.cs_booking form.typ_izby .chzn-container {
    text-align: left; }
    div.cs_booking form.typ_izby .chzn-container input {
      width: 60px; }
    div.cs_booking form.typ_izby .chzn-container a.chzn-single {
      width: 50px; }
    div.cs_booking form.typ_izby .chzn-container .chzn-drop {
      width: 71px; }
  div.cs_booking form.typ_izby div.form-group {
    display: inline-block;
    vertical-align: top;
    margin-bottom: .5em;
    width: 24%; }
    @media screen and (max-width: 768px) {
      div.cs_booking form.typ_izby div.form-group {
        display: block;
        width: 100%; } }
div.cs_booking form#prihlasenie, div.cs_booking form#kontaktne_informacie {
  display: inline-block;
  vertical-align: top; }
  div.cs_booking form#prihlasenie fieldset, div.cs_booking form#kontaktne_informacie fieldset {
    background: none;
    border: 0;
    display: inline-block; }
div.cs_booking form#form_typy_izieb div.zoradenie_holder {
  float: right; }
div.cs_booking form div.pocet_osob_holder {
  margin-top: .5em; }
  div.cs_booking form div.pocet_osob_holder div.pocet_osob {
    padding: .5em 0;
    border: 1px solid rgba(179, 141, 90, 0.25);
    margin: 0 0 .5em 0; }
    div.cs_booking form div.pocet_osob_holder div.pocet_osob strong.objekt_nazov {
      padding-right: 2em; }
div.cs_booking form input.submit.nodisplay {
  display: none; }
div.cs_booking form span.cena {
  font-size: 2em;
  vertical-align: middle;
  margin: 0 1em; }
div.cs_booking table.sumar {
  display: inline-block;
  vertical-align: top;
  margin-right: 2em;
  width: 60%; }
div.cs_booking table.kontaktne_informacie {
  display: inline-block;
  vertical-align: top; }
div.cs_booking table tr th, div.cs_booking table tr td {
  padding: 3px 1em;
  background: #fff;
  color: #000000; }
div.cs_booking table tr th {
  text-align: left;
  background: #4db757;
  color: #ffffff; }
div.cs_booking table.border th, div.cs_booking table.border td {
  border: 1px solid rgba(255, 255, 255, 0.25); }
div.cs_booking span.icomoon, div.cs_booking i.icomoon {
  font-size: 1em; }
div.cs_booking span.small, div.cs_booking i.small {
  font-size: 0.7em; }
div.cs_booking h1 .icomoon {
  font-size: 0.8em; }
  div.cs_booking h1 .icomoon.small {
    font-size: 0.5em; }
div.cs_booking h1.red {
  color: #cc0000; }
div.cs_booking div.buttons {
  clear: both;
  text-align: center;
  position: relative; }
  div.cs_booking div.buttons button.bez_platby {
    background: #b5b5b5;
    opacity: 0.4; }
div.cs_booking div.typ_izby {
  background: #33291d;
  padding: 2em;
  margin-bottom: 1em;
  overflow: hidden; }
  div.cs_booking div.typ_izby.disabled {
    opacity: 0.5; }
  div.cs_booking div.typ_izby h2 {
    color: #ffffff;
    font-size: 2em;
    padding: 0; }
  div.cs_booking div.typ_izby hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
    background-image: -moz-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
    background-image: -ms-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0));
    background-image: -o-linear-gradient(left, rgba(179, 141, 90, 0), rgba(179, 141, 90, 0.75), rgba(179, 141, 90, 0)); }
  div.cs_booking div.typ_izby div.popis {
    background: #b38d5a;
    display: inline-block;
    color: #000000;
    padding: .5em 1em; }
  div.cs_booking div.typ_izby div.izba_info {
    width: 300px;
    margin-right: 1em;
    float: left; }
    @media screen and (max-width: 768px) {
      div.cs_booking div.typ_izby div.izba_info {
        width: auto;
        float: none; } }
  div.cs_booking div.typ_izby div.cenova_ponuka {
    float: left;
    width: 450px; }
    div.cs_booking div.typ_izby div.cenova_ponuka table.price_group {
      width: 100%;
      margin: 0; }
      div.cs_booking div.typ_izby div.cenova_ponuka table.price_group thead tr th, div.cs_booking div.typ_izby div.cenova_ponuka table.price_group thead tr td {
        background: none;
        text-align: center; }
      div.cs_booking div.typ_izby div.cenova_ponuka table.price_group thead tr th {
        color: #4db757; }
      div.cs_booking div.typ_izby div.cenova_ponuka table.price_group tr:hover {
        background: rgba(0, 0, 0, 0.25); }
      div.cs_booking div.typ_izby div.cenova_ponuka table.price_group tr td {
        border-width: 0 0 1px 0;
        border-style: dashed;
        border-color: #b38d5a;
        background: none;
        color: white; }
        div.cs_booking div.typ_izby div.cenova_ponuka table.price_group tr td.pocet_osob, div.cs_booking div.typ_izby div.cenova_ponuka table.price_group tr td.cena {
          font-size: 1.5em; }
        div.cs_booking div.typ_izby div.cenova_ponuka table.price_group tr td select {
          font-size: 1em;
          padding: .25em;
          vertical-align: middle;
          width: 50px;
          border-color: #FFFFFF; }
      div.cs_booking div.typ_izby div.cenova_ponuka table.price_group .highlight {
        background: #b38d5a; }
        div.cs_booking div.typ_izby div.cenova_ponuka table.price_group .highlight thead tr th, div.cs_booking div.typ_izby div.cenova_ponuka table.price_group .highlight thead tr td {
          color: white; }
        div.cs_booking div.typ_izby div.cenova_ponuka table.price_group .highlight a {
          color: white; }
    div.cs_booking div.typ_izby div.cenova_ponuka div.price_group {
      vertical-align: middle;
      padding: 0.5em 1em;
      width: 100%;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      border-width: 0 0 1px 0;
      border-style: dashed;
      border-color: #b38d5a; }
      div.cs_booking div.typ_izby div.cenova_ponuka div.price_group:hover {
        background: rgba(0, 0, 0, 0.25); }
      div.cs_booking div.typ_izby div.cenova_ponuka div.price_group.header {
        color: #4db757; }
        div.cs_booking div.typ_izby div.cenova_ponuka div.price_group.header span {
          font-size: 1em; }
      div.cs_booking div.typ_izby div.cenova_ponuka div.price_group span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 1em; }
        div.cs_booking div.typ_izby div.cenova_ponuka div.price_group span.pocet_osob {
          width: 30%;
          font-size: 1.5em;
          text-align: center; }
        div.cs_booking div.typ_izby div.cenova_ponuka div.price_group span .cena {
          width: 30%;
          font-size: 1.5em;
          text-align: center; }
        div.cs_booking div.typ_izby div.cenova_ponuka div.price_group span.low {
          color: rgba(179, 141, 90, 0.5); }
      div.cs_booking div.typ_izby div.cenova_ponuka div.price_group a {
        vertical-align: middle;
        padding: .25em 1em;
        margin: 0;
        display: inline-block; }
      div.cs_booking div.typ_izby div.cenova_ponuka div.price_group input.submit {
        float: right;
        margin: 0; }
  div.cs_booking div.typ_izby div.apartman {
    display: none;
    clear: both; }
div.cs_booking div#rezervacia_column div {
  text-align: center;
  background: #ffffff;
  margin: 1em;
  padding: 1em;
  font-size: 1.25em;
  line-height: 1.25em;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  div.cs_booking div#rezervacia_column div span {
    font-size: 0.6em; }
  div.cs_booking div#rezervacia_column div h2 {
    color: #000000; }
  div.cs_booking div#rezervacia_column div section#zvolene_typy_izieb {
    margin-bottom: 1em; }

/* ************************************************* MIESTO */
div.miesto_kategorie {
  text-align: center;
  margin-bottom: 1em; }

div.miesto_holder {
  position: relative;
  height: 400px; }
  div.miesto_holder div.map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    margin-bottom: 1em;
    border: 1px solid #ffffff; }
  div.miesto_holder div#map_loading {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 400px;
    background-color: rgba(0, 0, 0, 0.75);
    background-position: center;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    z-index: 10; }

div.map_item {
  color: #000000; }
  div.map_item p {
    padding: 0; }
  div.map_item h2 {
    color: #000000;
    font-size: 1.25em; }

div.miesto_title {
  text-align: center;
  font-size: 2em;
  background: #4db757;
  color: white;
  padding: .5em;
  margin-bottom: .5em; }

.fancybox-inner, .fancybox-title {
  cursor: pointer !important; }

.ceny_skipasov {
  background-color: #a1cf67;
  font-size: 18px;
  font-weight: bold;
  padding: 30px;
  margin: 45px 0; }
  .ceny_skipasov a.btn {
    border-bottom: 0;
    text-transform: uppercase;
    background-color: #4db757;
    border-radius: 5px;
    color: white;
    border-bottom: 3px solid #418834;
    font-size: 16px;
    margin-top: 10px;
    padding: 8px 27px;
    text-decoration: none;
    font-weight: normal;
    width: 250px;
    cursor: pointer; }
    .ceny_skipasov a.btn:hover {
      background-color: #46ae50; }
  .ceny_skipasov #datum_zaciatku_lyzovania {
    height: 25px;
    width: 171px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    padding: 5px;
    margin-top: 5px;
    margin-left: 20px; }
  .ceny_skipasov select {
    border: none;
    font-size: 16px;
    margin-left: 20px; }
  .ceny_skipasov .vysledne_ceny {
    background-color: white;
    border-radius: 5px;
    padding: 30px;
    margin-top: 35px; }
    .ceny_skipasov .vysledne_ceny h2 {
      color: #4db757;
      margin-top: 0;
      font-size: 27px;
      margin-bottom: 10px; }
    .ceny_skipasov .vysledne_ceny .ceny {
      display: flex;
      justify-content: center; }
      .ceny_skipasov .vysledne_ceny .ceny > div {
        margin-right: 30px;
        width: 185px;
        border-radius: 5px;
        border: 2px solid #4ab857; }
        .ceny_skipasov .vysledne_ceny .ceny > div:last-child {
          margin-right: 0; }
        .ceny_skipasov .vysledne_ceny .ceny > div h4 {
          margin-bottom: 0;
          margin-top: 10px; }
        .ceny_skipasov .vysledne_ceny .ceny > div p {
          font-size: 14px;
          padding-bottom: 5px; }
        .ceny_skipasov .vysledne_ceny .ceny > div .cena {
          background-color: #9da19d;
          color: white;
          font-size: 22px;
          padding: 3px 0; }

.margin_top_35 {
  margin-top: 35px; }

.page_bottom {
  position: relative; }

.light_green {
  background: rgba(77, 183, 87, 0.1);
  width: 70%;
  padding: 30px;
  text-align: center;
  margin: 0 auto;
  font-size: 17px;
  margin-bottom: 30px; }

.mtb {
  margin: 15px 0; }

.img-responsive {
  max-width: 100%;
  height: auto !important; }

/*# sourceMappingURL=screen2.css.map */