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

@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: 'roboto_slabregular', Helvetica, Arial, sans-serif;
font-size: 77%;
background-color: #fff;
margin: 0px;
padding: 0px;
}

* {
color: #666666;
}

#page,#footer,#header,#rec-list-box,#news,#sliderBox {
position: relative;
width: 100%;
margin: 0 auto;
}

#footer {
background-color: #e6e6e6;
}

#box {
position: relative;
}

#icon-social {
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 26px;
}

#icon-social a {
float: right;
display: block;
width: 26px;
height: 26px;
background-image: url(../pcs/icon-twiter.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

#icon-social #facebook {
background-image: url(../pcs/icon-facebook.gif);
}

#icon-social #email {
background-image: url(../pcs/icon-email.gif);
}

#logo-small {
display: block;
float: left;
width: 320px;
height: 60px;
margin-left: 15px;
background-image: url(../pcs/logo.gif);
background-position: 5px 5px;
background-repeat: no-repeat;
}

#header ul {
margin: 0px;
padding: 20px 20px 0 0;
}

#header li {
float: right;
list-style: none;
margin-left: 15px;
}

#header li a {
line-height: 22px;
text-decoration: none;
font-size: 16px;
}

#header li a:hover,#header li a.active {
color: #327dc1;
text-decoration: underline;
}

#header input {
float: left;
height: 22px;
line-height: 22px;
padding: 0 5px;
font-size: 13px;
width: 80px;
border: none;
background-color: #e6e6e6;
margin-right: 10px;
}

#header #form-search a {
/*
display: block;
float: left;
padding: 3px 5px;
font-size: 17px;
line-height: 17px;
background-color: #678fb9;
color: #fff;
margin-left: 10px; 
*/
}

#filter,#detail {
position: absolute;
top: 110px;
right: 20px;
z-index: 99;
width: 180px;
padding: 10px;
background-color: #fff;
}

#detail {
display: none;
position: absolute;
z-index: 9999;
top: 50px;
left: 90px;
width: 270px;
height: 340px; 
}

#rec-list-box #detail-overlay {
display: none;
position: fixed;
top: 35px;
left: 0;
width: 100%;
}

#rec-list-box #detail {
display: block;
position: relative;
width: 50%;
height: auto;
margin: 0px auto;
top: auto;
left: auto;
}

#filter ul {
margin: 0;
padding: 0;
}

#filter li {
list-style: none;
background-position: 0 50%;
background-repeat: no-repeat;
padding-left: 40px;
line-height: 34px;
}

#filter .small, #filter .small a {
line-height: 26px;
background-position: 0 2px;
}

#footer-box {
position: relative;
}

#footer-box .col {
float: left;
width: 25%;
}

#footer p {
padding: 20px 20px 30px 20px;
}

#footer * {
font-size: 11px;
}

#footer #logos {
text-align: center;
padding: 0;
margin: 0;
}

#cz-pl {
text-align: center;
max-width: 1100px;
display: block;
margin: 0 auto;
}

#cz-pl img {
width: 90%;
max-width: 900px;
}

.banner-text {
width: 100%;
background-color: #83cfcd;
text-align: center;
padding: 10px 0;
}

.banner-text a {
}

.banner-text em {
color: #666666;
font-size: 1.5em;
}

#logos img {
width: 70%;
}

/* fonts */
h1,h2,h3,strong {
font-family: 'roboto_slabbold', Helvetica, Arial, sans-serif;
font-weight: normal;
}

h3 {
font-size: 20px;
color: #878989;
}

.article-box {
position: relative;
}

a {
text-decoration: none;
}

a:hover,.article-box a {
text-decoration: underline;
}

img {
border: none;
}

.thumb img {
float: right;
}

.article-box .hide,.hide {
display: none;
}

#webdesign {
font-size: 10px;
clear: both;
}

.iconPdf {
padding-right: 30px;
background-image: url(../pcs/file-pdf.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}

/* maps */
#map,#map-box {
position: relative;
height: 700px;
}

.map-static {
display: block;
position: relative;
height: 113px;
padding-top: 87px;
}

.marker {
display: block;
height: 33px;
background-image: url(../pcs/marker-ubytovani.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}

.map-icon-1,.map-pamatky .marker {
background-image: url(../pcs/marker-kultura.png);
}

.map-icon-2,.map-priroda .marker {
background-image: url(../pcs/marker-priroda.png);
}

.map-icon-3,.map-info .marker {
background-image: url(../pcs/marker-info.png);
}

.map-icon-4,.map-restaurace .marker {
background-image: url(../pcs/marker-restaurace.png);
}

.map-icon-5,.map-ubytovani .marker {
background-image: url(../pcs/marker-ubytovani.png);
}

.map-icon-6,.map-rozcesti .marker {
background-image: url(../pcs/marker-rozcesti.png);
}

.map-icon-7,.map-obec .marker {
background-image: url(../pcs/marker-obec.png);
}

.map-icon-8,.map-pujcovna .marker {
background-image: url(../pcs/marker-pujcovna_kol.png);
}

.map-icon-9,.map-ostatni .marker {
background-image: url(../pcs/marker-ostatni.png);
}

.map-icon-10,.map-rezervace .marker,.rec-text .t10 {
background-image: url(../pcs/marker-priroda.png);
}

/* geo markers */
.map-icon-101,.map-101 .marker,.rec-text .t101 {
background-image: url(../pcs/marker-101.png);
}

.map-icon-102,.map-102 .marker,.rec-text .t102 {
background-image: url(../pcs/marker-102.png);
}

.map-icon-103,.map-103 .marker,.rec-text .t103 {
background-image: url(../pcs/marker-103.png);
}

.map-icon-104,.map-104 .marker,.rec-text .t104 {
background-image: url(../pcs/marker-104.png);
}

.map-icon-105,.map-105 .marker,.rec-text .t105 {
background-image: url(../pcs/marker-105.png);
}

.map-icon-106,.map-106 .marker,.rec-text .t106 {
background-image: url(../pcs/marker-106.png);
}

.map-icon-107,.map-107 .marker,.rec-text .t107 {
background-image: url(../pcs/marker-107.png);
}

.map-icon-109,.map-109 .marker,.rec-text .t109 {
background-image: url(../pcs/marker-109.png);
}

.map-icon-110,.map-110 .marker,.rec-text .t110 {
background-image: url(../pcs/marker-110.png);
}

.map-icon {
position: absolute;
top: 5px;
left: 5px;
width: 30px;
height: 30px;
background-image: url(../pcs/icon-subtyp.png);
background-position: 0 0;
background-repeat: no-repeat;
}

/* map overlay */
#overlay {
position: absolute;
z-index: 9999;
width: 187px;
height: 82px;
line-height: 110%;
display: none;
background-image: url(../pcs/map-buble-left-bg.png);
background-position: 50% 50%;
background-repeat: no-repeat;
padding: 5px 13px;
}

#overlay strong {
font-size: 12px;
font-weight: normal;
}

#overlay div {
width: 76px;
height: 76px;
float: left;
margin-right: 7px;
background-image: url(../pcs/no-photo.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
}

#detail-header {
position: relative;
}

#detail strong {
font-size: 14px;
padding-right: 35px;
}

#detail-box {
margin-top: 5px;
height: 280px;
overflow: hidden;
background-image: url(../pcs/text-end.png);
background-position: 100% 100%;
background-repeat: repeat-x;
}

#detail-box .pcs {
float: left;
margin: 0 10px 10px 0;
}

#detail-close {
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 15px;
height: 15px;
background-image: url(../pcs/overlay-close.gif);
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
}

#detail-overlay {
background-image: url(../pcs/box-bg.png);
background-position: 50% 0;
background-repeat: repeat-y;
padding: 40px 0;
}

#detail-overlay #detail-close {
top: 10px;
right: 20px;
width: 150px;
text-align: right;
padding-right: 35px;
line-height: 27px;
height: 27px;
font-size: 14px;
color: #000;
text-decoration: none;
background-image: url(../pcs/overlay-close-big.gif);
background-position: 100% 50%;
background-repeat: no-repeat;
}

#detail-overlay img {
float: left;
margin: 0 20px 10px 0;
width: 40%;
}

#detail-overlay h2 {
font-size: 26px;
margin: 0;
padding-right: 150px;
}

.poi-box-footer {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
text-align: center;
}

.rec-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 26px;
padding-top: 10px;
background-image: url(../pcs/rec-footer.png);
background-position: -1px 0;
background-repeat: repeat-x;
text-align: center;
}

.rec-footer a {
color: #fff;
}

.f10 .rec-footer {
background-image: url(../pcs/rec-footer-10.png);
}

.f101 .rec-footer {
background-image: url(../pcs/rec-footer-101.png);
}

.f102 .rec-footer {
background-image: url(../pcs/rec-footer-102.png);
}

.f103 .rec-footer {
background-image: url(../pcs/rec-footer-103.png);
}

.f104 .rec-footer {
background-image: url(../pcs/rec-footer-104.png);
}

.f105 .rec-footer {
background-image: url(../pcs/rec-footer-105.png);
}

.f106 .rec-footer {
background-image: url(../pcs/rec-footer-106.png);
}

.f107 .rec-footer {
background-image: url(../pcs/rec-footer-107.png);
}

.f109 .rec-footer {
background-image: url(../pcs/rec-footer-109.png);
}

.f110 .rec-footer {
background-image: url(../pcs/rec-footer-110.png);
}

#detail-overlay .rec-footer {
position: relative;
padding: 0;
margin-bottom: 5px;
background: none;
left: auto;
line-height: 26px;
}

#detail-overlay #detail-box {
height: auto;
overflow: visible;
}

#loading {
height: 200px;
background-image: url(../pcs/loading.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
}

#detail .pcs {
float: left;
width: 113px;
height: 113px;
margin: 0 10px 10px 0; 
}

#detail .pcs a {
margin: 0px;
}

.poi-box,.poi-box * {
font-size: 12px;
}

.pcs-simple .video {
display: block;
height: 113px;
background-image: url(../pcs/icon-video.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}

.pcs-simple a {
display: block;
float: left;
width: 113px;
height: 113px;
margin: 0 15px 15px 0;
background-image: url(../pcs/no-photo.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

.poi-types li {
list-style: none;
float: right;
padding-left: 20px;
line-height: 34px;
}

.poi-types span {
display: block;
float: left;
width: 34px;
height: 34px;
line-height: 34px;
margin-right: 5px;
background-position: 0 0;
background-repeat: no-repeat;
}

h3 {
font-size: 1.2em;
margin: 10px 0 6px 0;
}

h3 a {
text-decoration: none;
}

h4 {
font-size: 1.2em;
margin: 10px 0 6px 0;
}

h5 {
font-size: 1em;
margin: 10px 0 3px 0;
}

.perex strong,.big {
font-size: 1.1em;
line-height: 130%;
}

.continue {
line-height: 2.8em;
color: #fff;
display: block;
position: absolute;
bottom: 20px;
width: 90%;
text-align: center;
}

.line-down {
height: 36px;
background-image: url(../pcs/arrow-down.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
}

#news span {
line-height: 1.8em;
}

#news p {
margin-top: 10px;
}

#news h3 {
display: block;
}

#news h3 a {
display: block;
float: right;
width: 200px;
margin-right: 30px;
font-size: 12px;
text-align: right;
font-weight: normal;
}

.news-rec {
position: relative;
float: left;
margin: 0;
width: 25%;
}

#news-box {
position: relative;
background-color: #fff;
}

#news .news-rec {
background-color: #f2d48a;
}

#news .new1  {
background-color: #83cfcd;
}

#news .new2  {
background-color: #d4c4b1;
}

#news .new3  {
background-color: #b8c975;
}

.title-small {
background-color: #fff;
width: 100%;
height: 74px;
float: left;
text-align: center;
}

#news a strong {
font-size: 1.4em;
}

.news-rec-text {
height: 160px;
padding: 20px 20px;
position: relative;
}

#pcs-box .lightfont a {
color: #fff;
}

/* forms */
fieldset {
border: 0;
margin: 0;
padding: 0;
}

#send {
display: block;
width: 53px;
height: 53px;
line-height: 53px;
text-align: center;
font-size: 20px;
color: #fff;
background-image: url(../pcs/dot-meddium.gif);
background-position: 0 0;
background-repeat: repeat-x;
text-decoration: none;
margin: 10px auto;
}

#search select {
width: 100%;
margin: 3px 0;
color: #000;
}

#big-sport:hover,#big-tourist:hover,#big-other:hover,#send:hover {
color: #000;
}

.reset {
clear: both;
}

/* responsive cols */
#rec-list-box {
position: relative;
}

.title h1 {
display: block;
position: absolute;
width: 100%;
top: 30%;
text-align: center;
}

.rec-list {
width: 25%;
float: left;
height: 320px;
position: relative;
}

.rec-list .rec-thumb {
height: 220px;
overflow: hidden;
font-size: 13px;
}

.rec-text {
position: absolute;
bottom: 0;
left: 0;
height: 60%;
padding: 0 5%;
background-color: #c9eae9;
}

.title-small h3 {
line-height: 74px;
margin: 0;
padding: 0;
}

.rec-text h2 {
margin: 20px 0 5px 0;
}

.rec-thumb strong {
font-family: Times, serif;
font-size: 1.3em;
}

/* fenomen colors */
.f101 .rec-text,.d101, .detail {
background-color: #d6e1aa;
}

.f102  .rec-text,.d102 {
background-color: #e6e6e6;
}

.f103  .rec-text,.d103 {
background-color: #ece5dd;
}

.f104  .rec-text,.d104 {
background-color: #e0d2db;
}

.f105  .rec-text,.d105 {
background-color: #c9eae9;
}

.f106  .rec-text,.d106 {
background-color: #e1dbd8;
}

.f107  .rec-text,.d107 {
background-color: #fcebd6;
}

.f109  .rec-text,.d109 {
background-color: #aae1ad;
}

.f110  .rec-text,.d110 {
background-color: #e3ad90;
}

.f10  .rec-text,.d10 {
background-color: #aae1ad;
}

.f101 .icon {
color: #29abe2;
}

.icon-box {
height: 33px; /*width*/
position: absolute;
top: -16px;
left: 15px;
}

.icon {
float: left;
height: 33px;
width: 33px;
margin-right: 7px;
position: relative;
}

.icon span {
position: absolute;
display: none;
z-index: 99;
top: -2em;
left: 0;
}

.icon:hover span {
display: inline-block;
line-height: 1.5em;
padding: 0 7px;
background-color: #fff;
color: #666;
border: 1px solid #666;
}

.rec-list a {
display: block;
position: relative;
}

.rec-list img {
border: none;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
margin-bottom: 5px;
}

.search-error {
text-align: center;
font-size: 1.2em;
background-color: #c9eae9;
}

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

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

.rec-sroll {
overflow: scroll;
height: 300px;
}

.p20 {
padding: 20px;
}

/* slider */
#sliderBox {
overflow: hidden;
height: 300px;
background-color: #e6e6e6;
}

#slider-left,#slider-right {
position: relative;
float: left;
width: 50%;
height: 100%;
}

#slide-left-left,#slide-left-right {
position: absolute;
z-index: 10;
bottom: 0;
height: 40%;
width: 50%;
}

#slide-left-right-top,#slide-left-right-bottom {
height: 50%;
width: 100%;
}

#slide-left-left {
left: 0;
}

#slide-left-right {
right: 0;
}

.slide-bg {
background-position: 0 0;
}

.slide-fbg,.slide-fimg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: 0 0;
}

.title-small .slide-fbg {
top: auto;
bottom: 0;
height: 74px;
}

#slider-right, #slider-right .slide-fbg {
background-position: 0% 100%;
}

#slide-left-right, #slide-left-right .slide-fbg {
background-position: 100% 50%;
}

#slide-left-left,#slide-left-left .slide-fbg {
background-position: 0% 100%;
}

#slide-left-right-top,#slide-left-right-top .slide-fbg {
background-position: 100% 100%;
}

#slide-left-right-bottom,#slide-left-right-top .slide-fbg {
background-position: 0% 100%;
}

.new2 .slide-bg,.new2 .slide-fbg {
background-position: 50% 0;
}

.new3 .slide-bg,.new3 .slide-fbg {
background-position: 100% 0;
}

.pcs img {
border: none;
}

#slider-nav {
position: absolute;
top: 50%;
left: 50%;
width: 260px;
height: 260px;
margin-top: -130px;
margin-left: -130px;
z-index: 999;
background-color: #fff;
}

#slider-dots {
padding: 17px;
text-align: center;
margin-bottom: 20px;
}

#slider-dots a {
background-color: #e6e6e6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
width: 10px;
height: 10px;
margin: 0 5px;
display: inline-block;
*display: inline;
zoom: 1;
}

#slider-dots a:hover,#slider-dots a.active {
background-color: #666666;
}

#slider-nav * {
}

#header-prev,#header-next {
position: absolute;
top: 0px;
z-index: 999;
display: block;
width: 50px;
height: 250px;
background-position: 0 45%;
background-repeat: no-repeat;
}

#header-prev {
left: 20px;
}

#header-next {
right: 20px;
}

#slider-nav div {
text-align: center;
}

#slider-nav p {
padding: 0 20px;
margin: 0;
}

#slider-nav strong a {
font-size: 1.8em;
}

#slider-nav .slide-link {
display: block;
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
text-align: center;
background-color: #fff;
}

/* responsive layout */

/* for big lcd */
@media (min-width: 1300px) {
  #page,#footer,#header,#rec-list-box,#news,#sliderBox {
    width: 1300px;
  }
}

@media (min-width: 780px) and (max-width: 1200px) {
  .news-rec-text {
    height: 200px;
  }
}

/* hide menu numbers width<680px */
@media (max-width: 780px) {
  .rec-list {
    width: 50%;
  }

  #detail-overlay h2 {
    margin-top: 40px;
    padding-right: auto;
  }

  #detail-overlay img {
    margin: 0 0 10px 0;
    width: 100%;
  }

  #detail-overlay {
    top: 0;
  }
  
  #rec-list-box #detail {
    width: 80%;
  }
  
  #news-box {
    height: auto;
  }
  
  .title-small {
    display: none;
  }
  
  .news-rec,#footer-box .col {
    width: 50%;
  }
  
  #filter {
    top: 70px;
    right: -10px;
    width: auto;
  }
}

/* 1 col. -> actualPageLayoutTmp = 4 */
@media (max-width: 480px) {
  #rec-list-box {
    padding: 0;
  }
  .rec-list {
    width: 100%;
  }
  .title,.continue {
    display: inline;
    position: relative;
    height: auto;
  }
  .continue {
    bottom: auto;
  }
  .title-small {
    height: auto;
  }
  .news-rec-text {
    height: auto;
  }
  #news {
    margins: 0;
  }
  
  #header ul {
    clear: both;
    margin: 20px 20px 5px 20px;
  }
  
  #header li {
    clear: both;
    width: 100%;
    margin: 3px 0;
  }
  
  .rec-list img {
    width: 100%;
    float: left;
    width: auto\9; /* ie8 */
  }
  
  #logo-small {
    margin-left: 10px;
  }
  
  .rec-list .rec-thumb {
    overflow: visible;
    height: auto;
  }

  #rec-list-box #detail-overlay {
    top: 10px;
  }

  #detail-overlay h2 {
    margin-top: 40px;
    padding-right: auto;
  }

  #detail-overlay img {
    margin: 0 0 10px 0;
    width: 100%;
  }
  
  #rec-list-box #detail {
    width: 80%;
  }
  
  #map {
    width: 95%;
  }
  
  #news-box {
    height: auto;
  }
  
  #news-scroll {
    height: auto;
    width: 95%;
    overflow: visible;
  }
  
  .news-rec {
    clear: both;
    width: 100%;
    height: auto;
    border-right: none;
    padding-right: 0;
  }
  
  .rec-text {
    height: 45%;
  }
  
  .title-small {
    display: none;
  }
  
  .rec-left {
    width: 100%;
  }
  
  .rec-right {
    width: 100%;
  }
  
  .rec-right p {
    padding: 5px 20px 10px 20px;
  }
  
  #filter {
    top: 70px;
    right: -10px;
    width: auto;
  }
  
  #footer-box .col,#footer-box .col-large {
    float: none;
    width: 100%;
  }
  
  #footer p {
    padding: 5px 20px 5px 20px;
  }
  
  #footer .col img {
    width: 50%;
    clear: left;
  }
}
.img-responsive {
  display: block;
  width: 100% \9;  
  max-width: 100%;  
  height: auto;
}
#rec-list-box.aktualityzrp .article-box {
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 40px;
}