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

body {
font-family: Helvetica, Arial, sans-serif;
font-size: 80%;
background-color: #fff;
margin: 0px;
}

* {
color: #1d1d1b;
}

#page {
position: relative;
margin: 0px auto;
min-width: 320px;
max-width: 899px;
}

/* layout */
#menu-bottom,#content,#content-bottom,#title,#header,#footer {
position: relative;
clear: left;
}

#title {
height: 400px;
}

#title-text {
width: 33%;
height: 100%;
position: relative;
float: left;
overflow: hidden; 
}

#title-text #title-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/*height: 50%;*/
z-index: 2;
}

#title-content p {
font-size: 1.3em;
}

.subpage {
padding-right: 20px;
}

.subpage strong {
font-size: 1.4em;
color: #878787;
}

.subpage strong:hover, .subpage .active {
color: #1D1D1B;
}

#title-text img {
width: 100%;
}

#menu-bottom {
/*height: 480px;*/
}

#menu-bottom .box {
position: relative;
overflow: hidden; 
width: 33%;
float: left;
height: 50%;
}

#menu-bottom .col-last {
width: 34%;
}

#home {
display: block;
width: 32px;
height: 55px;
background-image: url(../pcs/icon-home.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}

.box a {
display: block;
position: relative;
width: 100%;
height: 100%;
}

.box a:hover span {
color: #000;
}

.box a span,.banner a span {
display: block;
line-height: 60px;
padding-left: 20px;
font-size: 1.2em;
color: #fff;
}

.box li {
line-height: 60px;
padding-left: 20px;
font-size: 1.2em;
}

.col2 {
float: left;
width: 50%;
}

.col3 {
float: left;
width: 33%;
}

.col-last {
width: 34%;
}

.col-big {
width: 100%;
position: relative;
}

.p20 {
padding: 20px;
}

.p20t {
padding: 5px 20px 20px 20px;
}

/* banners */
#slideshow-text {
position: relative;
}

#slideshow-text div div {
position: absolute;
top: 190px;
left: 20px;
width: 60%;
font-size: 18px;
}

#banner-box {
position: relative;
}

.banners {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}

#banner1 {
z-index: 20;
}

.banner-img,.banner-text {
float: left;
width: 50%;
}

.banner-text strong {
display: block;
font-size: 2em;
line-height: 110%;
}

.banner-img-big,.banner-text-big {
}

.banner-text-big .p20 {
font-family: Helvetica, Arial, sans-serif;
margin: 0;
font-size: 13px;
line-height: 110%;
color: #000;
}

/*
.banner .gold {
font-size: 1.2em;
line-height: 1.4em;
padding: 10px;
text-align: center;
}
*/

.banner:hover {
background-color: #DBBF59;
}

.banner a span {
display: block;
}

.banner:hover * {
color: #fff;
}

.dar:hover {
background-color: #ECDDA7;
}

.dar:hover * {
color: #000;
}

.banner-img div .DODELAT {
display: block;
line-height: 50px;
padding-left: 20px;
}

.banner-img img,.banner img {
float: left;
}

/* products */
.product-box {
width: 50%;
height: 200px;
float: left;
position: relative;
background-color: #DBBF59;
}

/* plan/map */
.plan,.legend {
position: relative;
float: left;
}

.plan {
width: 208px;
height: 500px;
margin-top: 10px;
margin-bottom: 20px;
}

.legend {
width: 30%;
margin-left: 10px;
}

.plan a {
}

.plan a span {
position: absolute;
z-index: 105;
display: none;
width: 60px;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
}
.plan a {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.plan a:hover span {
display: block;
}

/*
.plan .plan-vkcb {
position: absolute;
bottom: 2%;
left: 0;
z-index: 101;
width: 11%;
height: 10%;
}
.plan .plan-vkcb span {
top: 125%;
left: 0;
width: 300%;
}
*/

.plan .plan-kreslirna {
position: absolute;
bottom: 0%;
right: 10%;
z-index: 90;
width: 25%;
height: 4%;
}
.plan .plan-kreslirna span {
top: 2px;
left: -55px;
}
.plan .plan-drevnik {
position: absolute;
top: 33%;
left: 0;
z-index: 101;
width: 18%;
height: 13%;
}
.plan .plan-drevnik span {
bottom: 0;
right: -65px;
}
.plan .plan-zahrada {
position: absolute;
top: 15%;
right: 18%;
z-index: 102;
width: 21%;
height: 9%;
}
.plan .plan-zahrada span {
top: -30px;
left: 30px;
}
.plan .plan-galerie {
position: absolute;
top: 31%;
right: 40%;
z-index: 101;
width: 23%;
height: 7%;
}
.plan .plan-galerie span {
top: 5px;
right: -75px;
}
.plan .plan-klaster {
position: absolute;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
}
.plan .plan-klaster span {
bottom: 3%;
left: 0;
}
.plan .plan-kostel {
position: absolute;
bottom: 9%;
right: 0%;
z-index: 101;
width: 45%;
height: 9%;
}
.plan .plan-kostel span {
bottom: 6%;
left: 25px;
}
.plan .plan-cafe {
position: absolute;
bottom: 0%;
right: 16%;
z-index: 101;
width: 18%;
height: 4%;
}
.plan .plan-cafe span {
bottom: -35px;
right: 0px;
}
.plan .plan-altan {
position: absolute;
top: 38%;
left: 33%;
z-index: 101;
width: 8%;
height: 4%;
}
.plan .plan-altan span {
bottom: 0px;
left: 23px;
}
.plan .plan-info {
position: absolute;
bottom: 28%;
left: 48%;
z-index: 101;
width: 5%;
height: 3%;
}
.plan .plan-info span {
top: -20px;
left: -45px;
}
.plan .plan-zahradnik {
position: absolute;
bottom: 42%;
right: 22%;
z-index: 101;
width: 20%;
height: 4%;
}
.plan .plan-zahradnik span {
top: -30px;
right: -30px;
}
.plan .plan-vodarna {
position: absolute;
top: 0%;
left: 20%;
z-index: 101;
width: 16%;
height: 5%;
}
.plan .plan-vodarna span {
top: 0;
left: 38px;
width: 100px;
}
.plan .plan-fontana {
position: absolute;
top: 5%;
left: 25%;
z-index: 101;
width: 20%;
height: 8%;
}
.plan .plan-fontana span {
top: 10%;
left: 45px;
}
.plan .plan-pokladna {
position: absolute;
bottom: 0%;
right: 10%;
z-index: 101;
width: 6%;
height: 4%;
}
.plan .plan-pokladna span {
top: -20px;
right: 0;
}
.plan .plan-sklenik {
position: absolute;
top: 22%;
right: 0%;
z-index: 101;
width: 20%;
height: 5%;
}
.plan .plan-sklenik span {
bottom: -22px;
left: 0;
}
.plan .plan-lapidarium {
position: absolute;
bottom: 18%;
left: 33%;
z-index: 101;
width: 15%;
height: 10%;
}
.plan .plan-lapidarium span {
bottom: 10px;
left: -68px;
}
.plan .plan-saly {
position: absolute;
bottom: 25%;
left: 32%;
z-index: 101;
width: 20%;
height: 7%;
}
.plan .plan-saly span {
top: 5px;
left: -65px;
text-align: right;
}
.plan .plan-aprb {
position: absolute;
bottom: 0%;
right: 0%;
z-index: 101;
width: 12%;
height: 9%;
}
.plan .plan-aprb span {
bottom: -20px;
left: 0;
}
.plan .plan-ubytovani {
position: absolute;
bottom: 18%;
right: 0%;
z-index: 101;
width: 45%;
height: 14%;
}
.plan .plan-ubytovani span {
top: -28px;
right: 0px;
}
.plan .plan-kuzelnik {
position: absolute;
top: 5%;
left: 10%;
z-index: 101;
width: 8%;
height: 10%;
}
.plan .plan-kuzelnik span {
bottom: -28px;
left: 0px;
}

.plan #map-on span {
display: block;
}

.map-static {
display: block;
width: 200px;
height: 200px;
}

/* header */
#header {
position: relative;
height: 120px;
}

#logo {
float: left;
width: 33%;
}

#menu-box {
position: relative;
float: left;
width: 67%;
height: 120px;
}

#tools {
height: 65px;
}

#tools .right li {
float: right;
}

#tools ul {
margin-left: 20px;
}

#menu {
height: 55px;
padding-left: 20px;
}

#logo a {
display: block;
float: left;
width: 100%;
height: 120px;
background-image: url(../pcs/logo.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
}

.en #logo a {
background-image: url(../pcs/logo-en.png);
}
    
#menu li,#tools li {
float: left;
position: relative;
list-style: none;
padding-right: 20px;
}

#menu li a {
background-color: #dbbf59;
}

#breadcrumb {
padding: 10px 0 0 20px;
clear: left;
}

#breadcrumb,#breadcrumb a {
font-size: 12px;
}

.icon-top {
text-transform: lowercase;
}

.paging a {
line-height: 9px;
font-size: 9px;
padding: 0 5px;
margin-right: 5px;
background-color: #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

.paging a:hover,.paging a.active {
background-color: #3f3f3f;
}

/*
transition: all 0.1s ease-out 0s;

transition: width 2s, height 2s;
-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
*/
    
/* fonts */
h1,h2,h3,a span,#menu li a,#menu-bottom li a,.send,.nav-month a,.actions-day *,a.calendar,.actions-rec strong,.plan strong,a strong,.banner .gold,.price-small strong,#menu-resp li a {
font-family: 'roboto_slabbold', Times, sans;
font-weight: normal;
}

#menu-resp .first-li a {
font-family: Helvetica, Arial, sans-serif;
}

h1 {
font-size: 2em;
margin: 0;
}

h2 {
line-height: 110%;
margin: 5px 0;
}

h1 strong,h2 strong,h3 strong {
font-weight: normal;
}

.ml20 {
margin-left: 20px;
}

#slideshow h3 {
font-size: 28px;
margin: 0;
}

#slideshow * {
color: #fff;
}

#slideshow div * {
text-shadow: 1px 0px 5px black;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: underline;
}

.opt-box a {
text-decoration: underline;
}

#tools a {
color: #878787;
}

#tools a:hover,#tools a.active,#content .col3double p a,#content .col3double li a {
text-decoration: underline;
}

.dark a:hover,.dark a.active,.light a:hover,.light a.active {
color: #fff;
}

.text p {
font-size: 1.2em;
}

.text ul {
margin-left: 20px;
}

.text li {
font-size: 1.2em;
}

h2.calendar {
background-image: url(../pcs/icon-calendar.gif);
background-position: 100% 50%;
background-repeat: no-repeat;
margin: 10px 0;
padding: 10px 0;
}

a.calendar {
font-size: 20px;
line-height: 50px;
padding: 10px 55px 6px 17%;
background-image: url(../pcs/icon-calendar.gif);
background-position: 100% 50%;
background-repeat: no-repeat;
}

.calendar a {
display: block;
}

.light .calendar {
background-image: url(../pcs/icon-calendar-light.gif);
}

/* calendar */
.calendar-box {
margin-bottom: 5px;
position: relative;
padding-left: 41px;
}

.calendar-box .date {
position: absolute;
left: 0;
top: 0;
width: 40px;
color: #cca41a;
}

.en .calendar-box .today {
font-size: .8em;
top: 2px;
}

.calendar-box img {
margin-top: 3px;
}

.calendar-box p a {
font-weight: bold;
font-size: 1em;
margin: 0;
}

.actions-header {
margin: 20px 0 20px 17%;
}

.actions-box {
position: relative;
height: 160px;
}

.actions-day {
position: relative;
float: left;
width: 14%;
float: left;
margin-right: 3%;
height: 100%;
}

.actions-rec {
position: relative;
height: 100%;
width: 16.6%;
overflow: hidden;
}

.rec-title {
position: absolute;
top: 10px;
left: 20px;
}

.actions-day span,.actions-day strong {
display: block;
text-align: center;
width: 100%;
}

.actions-day strong {
font-size: 50px;
line-height: 1.5em;
}

.actions-day span {
position: absolute;
bottom: 20px;
}

.actions-rec {
width: 16.6%;
float: left;
}

#content .action-detail {
height: auto;
}

.action-detail .actions-rec {
height: auto;
width: 83%;
}

.action-detail .actions-day {
height: 160px;
}

.action-text {
width: 83%;
margin-left: 17%;
margin-bottom: 10px;
}

.action-detail img {
float: right;
margin-left: 20px;
width: 50%;
}

.double {
width: 33.2%;
}

.p5 {
padding: 5px;
}

#content .nav-month li {
float: left;
width: 16.6%;
list-style: none;
margin: 0;
padding: 0;
}

.nav-month li a {
display: block;
text-align: center;
line-height: 34px;
}

.pg31 #content .nav-month li a {
text-decoration: none;
}

.continue {
font-weight: normal;
font-size: .8em;
}

.actions-rec .continue {
color: #fff;
font-size: .9em;
}

.actions-rec a strong {
line-height: 110%;
}

/* color */
.gold,.nav-month {
background-color: #cca41a;
}

#footer .light {
background-color: #cbbba0;
}

.light,.nav-month li .active,.nav-month li a:hover {
background-color: #ecdda7;
}

.dark,#menu li ul,#search-box input {
background-color: #dbbf59
}

/*footer*/
#footer * {
font-size: 13px;
color: #fff;
display: block;
padding: 10px 15px;
}

/* menu */
#menu li {
position: relative;
}

#menu li ul {
display: none;
position: absolute;
top: 50px;
left: -10px;
z-index: 500;
padding: 10px;
width: 120px;
}

#menu li:hover ul {
display: block;
}

#menu li li {
float: none;
padding: 5px 0;
line-height: 16px;
}

#menu li li a {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
}

/* texts */
ul {
padding: 0;
margin: 0;
}

#menu li,#menu-right li {
float: left;
list-style: none;
margin: 0px;
line-height: 55px;
padding-right: 30px; 
}

#content li {
margin-left: 20px 
}

#tools .col2 a {
line-height: 65px;
}

img {
border: none;
}

.hide {
display: none;
}

.reset {
clear: both;
}

/* header slideshow & form */
#header-box {
position: relative;
margin-bottom: 12px;
}

#header-form {
position: relative;
float: left;
width: 215px;
height: 440px;
padding: 20px 20px 10px 20px;
background-color: #a2a5a7;
}

#header-pcs {
position: relative;
float: left;
width: 845px;
height: 470px;
background-color: #fff;
}

.pcs-info div * {
color: #fff;
font-size: 22px;
}

.pcs-info strong {
font-size: 60px;
}

.pcs-info .more {
font-size: 13px;
}

/* content */
#content {
position: relative;
}

#content .p20 {
padding: 5px 15px;
}

.col3double {
float: left;
width: 66%;
}

.pcs-box {
float: left;
margin: 0 2% 2% 0;
overflow: hidden;
position: relative;
width: 48%;
}

.pcs {
position: relative;
display: block;
float: left;
width: 48%;
margin: 0 2% 2% 0; 
overflow: hidden;
}

.pcs .video {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 113px;
background-image: url(../pcs/icon-video.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}

.gallery {
    padding: 5px 0 10px 15px;
}

.col3 .pcs {
height: 120px;
}

.col3double .pcs,.action-box .pcs-box .pcs {
width: 24%;
height: 120px;
margin: 0 1% 1% 0; 
}

.rec-pcs .pcs {
width: 100%;
margin: 0;
}

.double .pcs {
width: 50%;
}

.pg95 .pcs-box .pcs {
position: relative;
float: left;
width: 19%;
margin: 0 5% 0 0;
}

.pg95 .pcs-box .last {
margin-right: 0;
}

.rec-text .p20 h3 {
margin-top: 0;
}

a:hover {
text-decoration: none;
}

/* reservation */
.opt-box {
padding: 5px;
}

.col3-5,.col3-60,.col3-35 {
float: left;
width: 60%;
}

.col3-5 {
width: 5%;
}

.col3-35 {
width: 35%;
}

.col3-5 input {
margin-left: 5px;
}

.col67 {
position: relative;
float: left;
width: 66%;
}

.rec {
position: relative;
}

.rec-pcs {
width: 25%;
float: left;
overflow: hidden;
text-align: center;
}

.rec .double {
width: 50%;
}

.rec .double img {
float: left;
width: 50%;
}

.rec .pcs-w img {
height: 100%;
width: auto;
}

.rec .pcs-h img {
width: 100%;
}

.rec-text {
width: 50%;
float: left;
}

.rec-text .p20 {
padding: 8px 20px;
}

form h2 {
width: 90%;
line-height: 40px;
margin: 20px 0 10px 0;
background-color: #ECDDA7;
}

h2 span {
display: block;
float: left;
width: 40px;
text-align: center;
background-color: #7B6A58;
color: #fff;
line-height: 40px;
}

.grey {
background-color: #cfcfcf;
}

/* responsive commons */
.r-show {
display: none;
}

.r-hide {
display: block;
}

/* responsive */
@media (max-width: 1200px) {
  
  .col2 {
    width: 100%;
  }
  
  #title {
    height: 300px;
  }
  
  #title-content h1 {
    font-size: 1.5em;
  }
  
  #title-content p {
    font-size: 1.1em;
  }
  
  #tools .col2 {
    width: 50%;
  }
  
  #tools .col2 a {
    line-height: 30px;
  }
  
  #menu li, #tools li {
    padding-right: 12px;
  }
  
  #search .icon-search,#header .icon-instagram,#header .icon-facebook {
    height: 30px;
  }
  
  #search div {
    top: 35px;
  }
  
  #search-box {
    top: 35px;
  }
  
  #search-box .arrow {
    right: 93px;
  }
  
  #menu li, #menu-right li {
    padding-right: 15px;
  }

  .banner-text strong {
    font-size: 20px;
  }
  
  /* move menu & logo */
  #header {
    height: 165px;
    position: relative;
  }
  
  #tools {
    height: 105px;
    padding-top: 5px;
  }
  
  #menu-box {
    width: 100%;
  }
  
  #logo {
    float: left;
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  #footer {
    background-color: #7b6a58;
  }
  
  #footer .col2 {
    width: 100%;
  }
  
  #footer .col3 {
    height: auto;
  }
  
  #slideshow-text div div {
    top: 15px;
    width: 80%;
  }
  
  h2.calendar {
    padding: 10px 60px 0 0;
  }
  
  .banner-img, .banner-text {
    width: 100%;
  }
  
  .banner-text strong {
    font-size: 1.3em;
  }
  
  .box a span, .banner a span,.box li {
    font-size: 1.1em;
    line-height: 40px;
  }
  
  .actions-box {
    height: 180px;
  }
  
  .rec .pad-left {
    margin-left: 0;
    width: 25%;
  }
  
  .rec .double {
    width: 25%;
  }
  
  .double .pcs {
    width: 100%;
  }
  
  .rec-text {
    width: 75%;
  }
  
  .pcs-hide {
    display: none;
  }
}

@media (max-width: 1200px) {
  .r-show {
    display: block;
  }
  
  .r-hide {
    display: none;
  }
  
  .col,.col3,.col-last,#menu-bottom .box,#title-text,.col2 {
    width: 100%;
  }
  
  .first-li {
    position: relative;
    text-align: right;
    height: 27px;
    padding: 5px 0;
  }
  
  .first-li .home {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    width: auto;
    line-height: 27px;
    padding-left: 30px;
    background-image: url(../pcs/icon-home-small.png);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
  }
  
  .first-li a {
    line-height: 35px;
    padding: 0 15px 0 0;
  }
  
  .p20 {
    padding: 15px;
  }
  
  #menu-resp li {
    position: relative;
    z-index: 99;
    list-style: none;
  }
  
  #menu-resp .menu-roll {
    display: none;
  }
  
  #menu-resp .first-li {
    display: block;
  }
  
  #menu-resp li a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    background-color: #ecdda7;
  }
  
  #menu-resp .first-li,#menu-resp .first-li a {
    background-color: #dbbf59;
    line-height: 27px;
  }
  
  #menu-resp li a:hover,#menu-resp li .active {
      color: #fff;
  }
  
  #menu-resp .first-li a  {
    display: inline;
  }
  
  #logo {
    float: none;
    width: 100%;
    height: 90px;
    position: relative;
  }
  
  #logo a {
    height: 90px;
  }
  
  #logo .icon-search {
    display: block;
  }
  
  #title {
    height: auto;
  }
  
  #title-text #title-content {
    bottom: 5px;
    position: relative;
  }
  
  #content-bottom .p20 {
    padding: 0 15px;
  }
  
  #header {
    height: auto;
  }
  
  #menu-bottom {
    height: auto;
  }
  
  .banner-img, .banner-text {
    width: 50%;
  }
  
  #content .nav-month li {
    width: 33.3%;
  }
  
  .col3double {
    width: 100%;
  }
  
  .ml20 {
    margin-left: 15px;
  }
  
  .box a span, .banner a span,.box li {
    font-size: 1.1em;
    line-height: 32px;
  }
  
  /* virtualni pruvodce */
  
  h1 span {
    background-color: #7b6a58;
    color: #fff;
    display: block;
    float: left;
    margin: -5px 10px 0 0;
    padding: 5px;
    text-align: center;
    width: 30px;
  }
  
  #slideshow {
    width: 100%;
    position: relative;
    float: left;
  }
  
  .box li {
    list-style: none;
    padding-left: 15px;
  }
  
  #content li {
    margin-left: 0px;
  }
  
  .list-link {
    background-color: #7b6a58;
    display: block;
    float: right;
    color: #fff;
    font-size: 1.3em;
    margin-left: 10px;
    padding: 5px 10px;
  }

  .nav {
    position: relative;
    margin: 0px auto;
    width: 200px;
    height: 40px;
  }
  
  .nav a {
  	display: block;
  	float: left;
  	width: 40px;
  	height: 40px;
    background-image: url(../pcs/arrows3.png);
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  
  .nav a.list {
    width: 120px;
    background-position: -40px 0;
  }
  
  .nav a.next {
    background-position: 100% 0;
  }
}

@media (max-width: 500px) {
  .pcs-box {
    float: left;
    margin: 0 0 3% 0;
    overflow: hidden;
    position: relative;
    width: 95%;
  }
}