@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext");


/* Globalni styly */
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: 'Montserrat', sans-serif;
    font-family: 'Open sans', sans-serif;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
    box-sizing: border-box;
    max-width: 100%;
}

head {
	display: none;
}

.panelTelo a {
	color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

form table {
	width: 100%;
}

form tr.nadpis td {
	font-weight: bold;
}

form td.popis {
	width: 33%;
	padding: 0px 10px 0px 0px;
}

input[type=button],
input[type=submit]{
    background: rgba(0, 0, 0, 0.5);
    line-height: 24px;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 15px 4px 15px;
    cursor: pointer;
    margin: 1px 0px 1px 0px;
}

input[type=password],
input[type=text], 
textarea, 
select {
    line-height: 24px;
    font-size: 16px;
    padding: 4px 15px 4px 15px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    width: 320px;
    margin: 1px 0px 1px 0px;
}
input[type=password],
input[type=text]{
    height: 32px;
}

*::-webkit-input-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*:-moz-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*::-moz-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*:-ms-input-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

a:visited{
    
}
/* !Globalni styly */





/* Ytext */
table {
	clear: both;
}

table.zakladniTabulka td {
	padding: 0px 3px 0px 3px;
}

.text.editor table:not(.zakladniTabulka):not(.kalendar) {
	width: 100%;
}

.text.editor .sloupcovaSazba td {
	vertical-align: top;
    padding: 0px 10px 0px 0px;
}
.text.editor .sloupcovaSazba td:only-child,
.text.editor .sloupcovaSazba td:last-child {
	/*padding: 0px 0px 0px 0px !important;*/
}

hr {
	border-bottom: 1px solid #777777;
}

h1, h2, p, ul, ol, table, hr {
	margin: 0px 0px 10px 0px;
}

h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2rem;
    line-height: initial;
    margin: 20px auto 30px auto;
}

h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
} 

h3 {
	font-weight: bold;
	font-size: 14px;
    padding-bottom: 10px;
}

h4 {
	font-weight: bold;
	font-size: 14px;
    padding-bottom: 10px;
}

ul {
    padding-left: 20px;
}

ol {
    padding-left: 20px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.stylVerzalky {
	text-transform: uppercase;
}

.stylBunkaVpravo {
	text-align: right;
}

.stylBunkaStred {
	text-align: center;
}

.stylPoznamka,
table td.stylPoznamka {
	font-size: 11px;
}

.stylVelke {
	font-size: 20px;
	line-height: 30px;
}

.stylCervene {
	color: #cc0000;
}

.povinnePolicko,
.upozorneni,
.upozorneni a {
	color: #cc0000;
	font-weight: bold;
}

.panelObsah a[href*=".pdf"]{
    background-image: url(img/pdf.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    padding-left: 25px;
}
/* !Ytext */







/* body, telo, obsah */
body {
    padding: 0px 0px 0px 0px;
	font-size: 17px;
	line-height: 24px;
    animation: usvit 1.0s normal forwards ease-in-out;
}
.panelTelo:after{
    content: ".";
    display: block;
    height: 0px;
    line-height: 0px;
    clear: both;
    visibility: hidden;
    font-size: 0px;
}
@keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.vnitrek {
    display: block;
    padding: 0px 15px;
    margin: 0px auto;
    width: 1260px;
}
.panelObsah{
    min-height: 25%;
    min-height: 25vw;
    padding-top: 20px;
    padding-bottom: 99px;
}
/* !body, telo, obsah */








/* panelHlavicka */
.panelHlavicka {
    display: block;
    position: relative;
}
/* !panelHlavicka */







/* komponentaJazyky */
.komponentaJazyky{
    display: block;
    left: 20px;
    top: 17px;
    position: fixed;
    z-index: 10;
    transition: opacity 0.5s, left 0.3s;
}
.komponentaJazyky a{
    font-size: 10px;
    color: #ffffff;
    line-height: 10px;
    display: block;
    text-decoration: none;
    transition: background 0.3s;
    padding: 3px 3px 2px 3px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 7px;
}
.komponentaJazyky a:hover{
    background: rgba(0,0,0,0.25);
    transition: background 0.3s;
}
nav.nizke ~ .komponentaJazyky{
    left: -30px;
    opacity: 0;
    transition: opacity 0.2s, left 0.7s;
}
@media only screen and (max-width:1400px) {
    .komponentaJazyky{
        top: 150px;
    }
    .komponentaJazyky a{
        background: rgba(0,0,0,0.25);
        border: 0px solid rgba(255, 255, 255, 0.5);
    }
    .komponentaJazyky a:hover{
        background: rgba(0,0,0,0.35);
        transition: background 0.3s;
    }
}
@media only screen and (max-width:900px) {
    .komponentaJazyky{
        left: 50%;
        top: 550px;
        position: absolute;
        margin-left: -40px;
        display: flex;
        gap: 10px;
    }
    .komponentaJazyky a{
        margin: 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.5);
    }
    nav.nizke ~ .komponentaJazyky{
        left: 50%;
        opacity: 1;
    }
}
/* !komponentaJazyky */









/* volejte */
.volejte{
    position: fixed;
    width: 140px;
    height: 34px;
    background: url(img/volejte-ico.png) scroll no-repeat left center/auto 100%, url(img/volejte-tel.png) scroll no-repeat right center/auto 100%;
    right: 10px;
    top: 35px;
    z-index: 10;
    transition: opacity 0.3s, right 0.3s;
}
nav.nizke ~ .volejte{
    opacity: 0;
    right: -200px;
    transition: opacity 0.3s, right 3s;
}
@media only screen and (max-width:1550px) {
    .volejte{
        top: 150px;
    }
}
@media only screen and (max-width:900px) {
    .volejte{
        top: unset;
        bottom: 20px;
        position: absolute;
        right: 50%;
        margin-right: -70px;
    }
    nav.nizke ~ .volejte{
        right: 50%;
        opacity: 1;
    }
}
/* !volejte */





/* navigace */
nav .komponentaNavigace > .hloubka1 {
    display: flex !important;
    align-items: center;
    justify-content: space-evenly;
}
nav .komponentaNavigace > .hloubka1 > li:not(:nth-child(5)){
    width: auto !important;
}
nav{
    display: block;
    background-color: #000;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 9;
}
nav img,
nav .hloubka3,
nav .hloubka1 > li > .hloubka2{
    display: none !important;
}
nav ul{
    display: block;
    list-style-type: none;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
}
nav li{
    display: inline-block;
    margin: 0;
    line-height: 24px;
    position: relative;
    width: 10%;
    width: calc((100% - 240px) / 8);
    perspective: 1000px;
    -webkit-perspective: 1000px;
    float: left;
}
nav .komponentaNavigace > .hloubka1 > li:nth-child(5){
    width: 220px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 120%;
}
.jazykCZ nav .komponentaNavigace > .hloubka1 > li:nth-child(5) {
	background-image: url(img/cepin_logo_cz_1.svg);
}
.jazykDE nav .komponentaNavigace > .hloubka1 > li:nth-child(5) {
	background-image: url(img/cepin_logo_de_1.svg);
}
.jazykEN nav .komponentaNavigace > .hloubka1 > li:nth-child(5) {
	background-image: url(img/cepin_logo_en_1.svg);
}
nav .komponentaNavigace > .hloubka1 > li:nth-child(5) .polozka{
    color: rgba(0,0,0,0) !important;
    text-indent: -9999px;
}
nav .polozka{
    display: block;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(255,255,255,0.9);
    padding: 40px 10px 40px 10px;
    text-decoration: none;
    cursor: pointer;
    line-height: 20px;
    overflow: hidden;
    transition: padding 1s, background 0.5s, color 0.5s;
}
nav .polozka:hover{
    text-decoration: none;
    /*background: rgba(255,255,255,0.25);*/
    background: rgba(0,0,0,0.25);
    color: rgba(255,255,255,1);
    transition: background 0.3s, color 0.3s;
}
nav.nizke .polozka{
    padding: 17px 10px 17px 10px;
    transition: padding 1s;
}
nav .pocetPolozek{
    display: none;
}
@media only screen and (max-width:1024px) {
    nav .komponentaNavigace > .hloubka1 {
        flex-direction: column;
        row-gap: 0.75rem;
    }
    nav{
        background: rgba(192, 192, 192, 0.3);
        background: none;
        position: absolute;
    }
    nav ul{
        display: block;
        width: auto;
        position: relative;
        padding-top: 130px;
    }
    nav li{
        display: block;
        line-height: 24px;
        position: static;
        width: auto;
        float: none;
    }
    nav .polozka,
    nav.nizke .polozka{
        display: block;
        font-size: 24px;
        line-height: 30px;
        padding: 5px;
        text-decoration: none;
        text-shadow: 0 0 2px #000000;
    }
    nav .komponentaNavigace > .hloubka1 > li:nth-child(5){
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 130px;
        padding: 10px 0px;
        background: none !important;
    }
    nav .komponentaNavigace > .hloubka1 > li:nth-child(5) .polozka{
        height: 100%;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 150% ;
    }
    .jazykCZ nav .komponentaNavigace > .hloubka1 > li:nth-child(5) .polozka {
    	background-image: url(img/cepin_logo_cz_1.svg);
    }
    .jazykDE nav .komponentaNavigace > .hloubka1 > li:nth-child(5) .polozka {
    	background-image: url(img/cepin_logo_de_1.svg);
    }
    .jazykEN nav .komponentaNavigace > .hloubka1 > li:nth-child(5) .polozka {
    	background-image: url(img/cepin_logo_en_1.svg);
    }
    nav .komponentaNavigace > .hloubka1 > li:nth-child(5) .polozka:hover{
        background-color: rgba(0,0,0,0.25);
    }
    .hlavniMenu .menu{
        display: block;
        text-align: center;
        right: 10px;
        font-size: 30px;
        line-height: 40px;
        background: rgb(105,40,52);
        color: rgb(255,232,140);
        cursor: pointer;
        margin: 0px 0px 0px 0px;
    }
}
/* !navigace */





 


/* roleta */
nav .roleta:not(:empty){
    display: block;
    opacity: 0 !important;
    position: absolute;
    left: 50%;
    transform: translateX(-128px);
    min-width: 256px;
    z-index: 10;
    top: 120px;
    background: white;
    max-width: unset;
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    /*border: 1px solid rgba(51,32,18, 0.33);*/
    transform-origin: center top 0px;
    animation-fill-mode: forwards;
    background-clip: padding-box;
    /*transform: rotateX(90deg);*/
    transition: transform 1s, opacity 0.75s;
}
nav li.sRozbalenouRoletou .roleta:not(:empty){
    /*transform: rotateX(0deg);*/
    opacity: 0.9 !important;
    transition: transform 1s, opacity 0.75s;
}
.hlavniMenu ul li .roleta:not(:empty) li{
    display: block;
    width: 100%;
    max-width: none;
}
.hlavniMenu ul li .roleta:not(:empty) .polozka{
    display: block;
    white-space: normal;
    padding: 10px 10px;
    color: #000000 !important;
}
.hlavniMenu ul li .roleta:not(:empty) .polozka:hover{
    background: rgba(51,32,18,0.07);
}
nav.nizke ~ .roleta,
nav.nizke .roleta{
    top: 40px;
}
@media only screen and (max-width:1024px) {
    body nav .roleta:not(:empty){
        display: none!important;
    }
}
/* !roleta */






/* slideshow */
.panelHlavicka .slideshow{
    display: block;
    width: 100%;
    position: relative;
    padding-top: 0px;
    /*min-height: 620px;*/
    min-height: 540px;
}
.panelHlavicka .slideshow .slide,
.panelHlavicka .slideshow .slogan{
    display: block;
    position: absolute;
    z-index: 1;
    left: 0px; 
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

.leto .panelHlavicka .slideshow .slide1{
    background-image: url(img/slide1_1920.jpg);
}
.zima .panelHlavicka .slideshow .slide1{
    background-image: url(img/slide3_1920.jpg);
}
@media only screen and (max-width:1500px) {
    .leto .panelHlavicka .slideshow .slide1{background-image: url(img/slide1_1500.jpg);}
    .zima .panelHlavicka .slideshow .slide1{background-image: url(img/slide3_1500.jpg);}
    .panelHlavicka .slideshow .slide2{background-image: url(img/slide2_1500.jpg);}
}
@media only screen and (max-width:1200px) {
    .leto .panelHlavicka .slideshow .slide1{background-image: url(img/slide1_1200.jpg);}
    .zima .panelHlavicka .slideshow .slide1{background-image: url(img/slide3_1200.jpg);}
    .panelHlavicka .slideshow .slide2{background-image: url(img/slide2_1200.jpg);}
}
@media only screen and (max-width:0900px) {
    .leto .panelHlavicka .slideshow .slide1{background-image: url(img/slide1_0900.jpg);}
    .zima .panelHlavicka .slideshow .slide1{background-image: url(img/slide3_0900.jpg);}
    .panelHlavicka .slideshow .slide2{background-image: url(img/slide2_0900.jpg);}
}
.panelHlavicka .slideshow .slide2{
    background-image: url(img/slide2_1920.jpg);
    animation-name: SlideShow2;
    opacity: 0;
}
@keyframes SlideShow2{
      40% {opacity: 0;}
      50% {opacity: 1;}
      90% {opacity: 1;}
      99% {opacity: 0;}
}

.panelHlavicka .slideshow .slogan{
    display: none;
}
.homepage .panelHlavicka .slideshow .slogan{
    display: block;
    position: relative;
    font-size: 100%;
    opacity: 0;
}
.homepage .panelHlavicka .slideshow .slogan1{
    animation-name: slogan1;
}
.homepage .panelHlavicka .slideshow .slogan2{
    animation-name: slogan2;
}

.homepage .panelHlavicka .slideshow .slogan div{
    position: absolute;
    text-align: center;
    top: 0px;
    color: #ffffff;
    color: rgba(255,255,255,0.85);
    width: 100%;
    left: 0px;
}
.homepage .panelHlavicka .slideshow .slogan div:first-child{
    padding-top: 22%;
    padding-top: 40vh;
    font-size: 300%;
    line-height: 70px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.homepage .panelHlavicka .slideshow .slogan div:last-child{
    padding-top: 30%;
    padding-top: calc(40vh + 80px);
    font-size: 100%;
    line-height: 25px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.75);
}
.homepage .panelHlavicka .slideshow .scrolldown{
    width: 100%;
    height: 100%;
    background: url(img/scrolldown.png) scroll no-repeat center 90%;
    bottom: 0px;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 2;
}
.panelHlavicka .slideshow .scrollIntoView{
    top: unset;
    bottom: 40px;
}
@media screen and (orientation: landscape) {
    .homepage .panelHlavicka .slideshow{
        width: 100%;
        height: 100%;
        width: 100vw;
        height: 100vh;
    }
}
@media only screen and (max-width:900px) {
    .panelHlavicka .slideshow .slogan1,
    .panelHlavicka .slideshow .slogan2{
        display: none !important;
    }
    .panelHlavicka .slideshow .scrolldown{
        background: rgba(0,0,0,0.25) !important;
    }
    .panelHlavicka .slideshow {
        min-height: 730px;
    }
}
@keyframes slogan1{
   0% {opacity: 0;}
  10% {opacity: 1;}
  30% {opacity: 1;}
  40% {opacity: 0;}
}
@keyframes slogan2{
  50% {opacity: 0;}
  60% {opacity: 1;}
  80% {opacity: 1;}
  90% {opacity: 0;}
}

/* !slideshow */




header .socnet{
    position: absolute;
    width: 110px;
    height: 50px;
    top: calc(90% - 60px);
    z-index: 99;
    left: 20px;
}
header .socnet a[href*="facebook"],
header .socnet a[href*="instagram"]{
    display: block;
    width: 50px;
    height: 50px;
}
header .socnet a[href*="facebook"]{
    background: white url(img/facebook.svg) scroll no-repeat center center/cover;
    float: left;
    border-radius: 10px;
}
header .socnet a[href*="instagram"]{
    background: url(img/instagram.svg) scroll no-repeat center center/cover;
    float: right;
}
header .webcam{
    display: inline-block;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 100px;
    z-index: 2;
    right: 100px;
    background: rgba(255, 255, 255, 0.35) url(img/kamerovy-system.svg) scroll no-repeat 60% center / 60%;
    border: 2px solid black;
    border-radius: 50px;
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width:900px) {
    header .socnet{
        left: calc(50% - 95px);
    }
    header .webcam{
        width: 60px;
        height: 60px;
        bottom: 77px;
        right: calc(50% - 90px);
    }
}




/* .homepage .dlazdice */
.homepage h1{
    display: none;
}
.homepage .komponentaSlozkyStrankovani .slozky{
    font-size: 0px;
    line-height: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 1230px;
    margin: auto;
}
.homepage .komponentaSlozkyStrankovani .slozky .slozka{
    display: block;
    padding: 400px 5px 0 5px;
    margin: 10px 10px 50px 10px;
    position: relative;
    opacity: 1;
    transition: opacity 0.5s;
    width: 300px !important;
}
.homepage .komponentaSlozkyStrankovani .slozky .slozka:hover{
    opacity: 0.85;
    transition: opacity 0.3s;
}
.homepage .komponentaSlozkyStrankovani .slozky .slozka:nth-child(1):nth-last-child(4),
.homepage .komponentaSlozkyStrankovani .slozky .slozka:nth-child(2):nth-last-child(3),
.homepage .komponentaSlozkyStrankovani .slozky .slozka:nth-child(3):nth-last-child(2),
.homepage .komponentaSlozkyStrankovani .slozky .slozka:nth-child(4):nth-last-child(1){
    width: 24%;
}
.homepage .komponentaSlozkyStrankovani .slozky .slozka:nth-child(1):nth-last-child(5),
.homepage .komponentaSlozkyStrankovani .slozky .slozka:nth-child(2):nth-last-child(4),
.homepage .komponentaSlozkyStrankovani .slozky .slozka:nth-child(3):nth-last-child(3),
.homepage .komponentaSlozkyStrankovani .slozky .slozka:nth-child(4):nth-last-child(2),
.homepage .komponentaSlozkyStrankovani .slozky .slozka:nth-child(5):nth-last-child(1){
    width: 19%;
}
.homepage .komponentaSlozkyStrankovani .slozky .slozka .nahled{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.homepage .komponentaSlozkyStrankovani .slozky .slozka .text{
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #000;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    font-weight: normal;
    min-height: 100px;
}
.homepage .komponentaSlozkyStrankovani .slozky .slozka .nazev{
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #000;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: bold;
}
.homepage .komponentaSlozkyStrankovani .slozky .slozka .info{
    position: absolute;
    right: 0px;
    bottom: -30px;
    background-color: rgba(0,0,0,1);
    padding: 10px 20px;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    font-weight: normal;
    outline: 1px solid white;
}

.homepage .panelObsah.vnitrek{
    width: auto;
    padding: 50px 0px 35px 0px;
}
.homepage .panelObsah{
    min-height: auto;
}

.homepage .komponentaSlozkyStrankovani .slozky .slozka141 .nahled:before{
    content: ' ';
    display: block;
    background: url(img/kamerovy-system.svg) scroll no-repeat center 40% / 50% auto;
    width: 100%;
    height: 100%;
}

/* !.homepage .dlazdice */








/* highlights */
.highlights{
    background-image: url(img/highlights-hotel.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}
.highlights h2{
    display: none;
    text-align: center;
    margin: 0px auto 70px auto;
    padding: 20px 0px 20px  0px;
    color: #ffffff;
    font-size: 30px;
    line-height: 32px;
    border-width: 5px;
    border-style: solid;
    -webkit-border-image:   linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255,1) 30%, rgba(255, 255, 255,1) 60%,  rgba(255, 255, 255,0) 100%);
    -moz-border-image:      linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255,1) 30%, rgba(255, 255, 255,1) 60%,  rgba(255, 255, 255,0) 100%);
    -o-border-image:        linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255,1) 30%, rgba(255, 255, 255,1) 60%,  rgba(255, 255, 255,0) 100%);
    border-image:           linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255,1) 30%, rgba(255, 255, 255,1) 60%,  rgba(255, 255, 255,0) 100%);
    border-image-slice: 1;
}
.highlights .komponentaNavigace ul{
    list-style-type: none;
    font-size: 0px;
    line-height: 0px;
}
.highlights .komponentaNavigace li{
    display: inline-block;
    width: 20%;
    padding: 10px;
}
.highlights .komponentaNavigace .polozka{
    display: block;
    font-size: 20px;
    line-height: 30px;
    padding-top: 100%;
    text-decoration: none;
    position: relative;
    outline: 1px solid rgba(255,255,255,0);
    transition: opacity 0.5s, outline 0.5s, background-color 0.5s;
    cursor: default;
}
.highlights .komponentaNavigace .polozka:hover{
    background-color: rgba(0,0,0,0.5) !important;
    outline: 1px solid #ffffff;
    opacity: 0.85;
    cursor: pointer;
    transition: all 0.3s;
}
.highlights .komponentaNavigace .roleta{
    display: none !important;
}
.highlights .komponentaNavigace .polozka span{
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    line-height: 20px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: white;
    padding-top: 10px;
    text-transform: uppercase;
}
.highlights .komponentaNavigace li:nth-child(1) .polozka{background: url(img/piktogramy-kuchyne.png)    scroll no-repeat center 35%/50% auto;}
.highlights .komponentaNavigace li:nth-child(2) .polozka{background: url(img/piktogramy-terasa.png)     scroll no-repeat center 35%/50% auto;}
.highlights .komponentaNavigace li:nth-child(3) .polozka{background: url(img/piktogramy-deti.png)       scroll no-repeat center 35%/50% auto;}
.highlights .komponentaNavigace li:nth-child(4) .polozka{background: url(img/piktogramy-cyklista.png)   scroll no-repeat center 35%/50% auto;}
.highlights .komponentaNavigace li:nth-child(5) .polozka{background: url(img/piktogramy-motorka.png)    scroll no-repeat center 35%/50% auto;}
@media only screen and (max-width:900px) {
    .highlights{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .highlights h2{
        margin: 0px auto 20px auto;
        font-size: 24px;
        line-height: 28px;
        border-width: 3px;
    }
    .highlights .komponentaNavigace li{
        display: block;
        width: 300px;
        padding: 0;
        margin: 0px auto;
    }
    .highlights .komponentaNavigace .polozka{
        padding: 15px 0 15px 60px;
    }
    .highlights .komponentaNavigace .polozka span{
        display: block;
        position: static;
        text-align: left;
        font-size: 16px;
        padding-top: 0;
        padding: 0;
    }
    .highlights .komponentaNavigace li:nth-child(1) .polozka{background: url(img/piktogramy-kuchyne.png)    scroll no-repeat left center/auto 40px;}
    .highlights .komponentaNavigace li:nth-child(2) .polozka{background: url(img/piktogramy-terasa.png)     scroll no-repeat left center/auto 40px;}
    .highlights .komponentaNavigace li:nth-child(3) .polozka{background: url(img/piktogramy-deti.png)       scroll no-repeat left center/auto 40px;}
    .highlights .komponentaNavigace li:nth-child(4) .polozka{background: url(img/piktogramy-cyklista.png)   scroll no-repeat left center/auto 40px;}
    .highlights .komponentaNavigace li:nth-child(5) .polozka{background: url(img/piktogramy-motorka.png)    scroll no-repeat left center/auto 40px;}
}
/* !highlights */







/* mapa*/
.mapa{
    line-height: 0px;
    font-size: 0px;
}
.mapa iframe{
    width: 100%;
    height: 600px;
}
/* !mapa*/







/* footer */
footer{
    display: block;
    background-color: #000;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    padding: 30px 0 10px 0;
}
footer .vnitrek{
    width: 1000px;
}
footer *{
    font-size: 13px;
    line-height: 18px;
    color: #ffffff;
    text-decoration: none;
}
footer table{
    width: 100%;
}
footer table td:nth-child(1){
    text-align: right;
}
footer table td:nth-child(1),
footer table td:nth-child(3){
    width: 20%;
}
footer table td:nth-child(2){
    width: 60%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center 40%;
    background-size: 250px auto;
    vertical-align: bottom;
    font-size: 10px;
    text-align: center;
}
.jazykCZ footer table td:nth-child(2) {
	background-image: url(img/cepin_logo_cz_3.svg);
}
.jazykDE footer table td:nth-child(2) {
	background-image: url(img/cepin_logo_de_3.svg);
}
.jazykEN footer table td:nth-child(2) {
	background-image: url(img/cepin_logo_en_3.svg);
}
footer h2,
footer h3{
    text-transform: uppercase;
    font-size: 18px;
}
footer .komponentaNavigace ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
footer .komponentaNavigace .hloubka1 > li > .polozka,
footer .komponentaNavigace img{
    display: none;
}
footer .komponentaNavigace .polozka{
    color: #ffffff;
    text-decoration: none;
}
footer a[href*=facebook]{
    display: inline-block;
    background-image: url(img/facebook.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 40px;
    height: 40px;
    line-height: 1px;
    line-height: 0px;
    font-size: 1px;
    font-size: 0px;
}
footer a[href*=instagram]{
    display: inline-block;
    background-image: url(img/instagram.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 40px;
    height: 40px;
    line-height: 1px;
    line-height: 0px;
    font-size: 1px;
    font-size: 0px;
}
@media only screen and (max-width:900px) {
    footer table,
    footer table thead,
    footer table tbody,
    footer table tfoot,
    footer table tr,
    footer table td{
        display: block;
        width: 100% !important;
        text-align: center !important;
    }

    footer table td:nth-child(2){
        background-image: url(img/hotelcepin-cz-white.png);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center -10%;
        background-size: 200px auto;
        padding-top: 150px;
        padding-bottom: 60px;
    }
}
/* !footer */








/* rezervacni formular */
.komponentaFormular {
	padding: 20px 20px 15px 20px;
	border: 2px solid rgba(0,0,0,0.25);
	background: rgba(0,0,0,0.05);
}
.komponentaFormular .nadpis {
	text-transform: uppercase;
}
.komponentaFormular .popis {
	width: 150px;
	padding: 2px 0px 2px 0px;
    white-space: nowrap;
}
.komponentaFormular .hodnota {
	width: auto;
	padding: 2px 0px 2px 0px;
}
.komponentaFormular .hodnota input[type=text],
.komponentaFormular .hodnota input[type=submit],
.komponentaFormular .hodnota textarea {
	width: 100%;
	font-size: 14px;
}
.komponentaFormular .povinnePolicko,
.komponentaFormular .povinnePolickoInfo {
	display: none;
}
.komponentaFormular tr:nth-child(10) .popis {
	/*visibility: hidden;
    line-height: 5px;
    font-size: 5px;*/
}
.komponentaFormular textarea {
	height: 80px;
}
.komponentaFormular .captcha img{
    margin-top: 10px;
}
/* !rezervacni formular */




.identifikaceCesty105 .komponentaFormular{
    width: 600px;
    margin: 50px auto;
}
.identifikaceCesty105 .komponentaFormular tr:nth-child(4) .polozka{
    display: block;
}






/* text editor */
body:not(.novinky):not(.homepage) .sloupcovaSazba td:only-child{
    column-count: 2;
}
body:not(.novinky):not(.homepage) .sloupcovaSazba td:only-child p{
    -moz-column-count: 2;
}
.sloupcovaSazba tr:not(:only-child) td:not(:only-child){
    /*padding-bottom: 3vw;*/
}
.panelObsah .text.editor .zakladniTabulka {
    width: 100%;
    border-collapse: collapse; 
    
}
.panelObsah .text.editor .zakladniTabulka td{
    padding: 0.5%;
    padding: 0.5vw;
    background-color: #f9f9f9;
}
.panelObsah .text.editor .zakladniTabulka tr:nth-child(2n-1) td{
    background-color: #eee;
}

/* !text editor */







/* pomocna navigace*/
.pomocnaNavigace{
    margin-bottom: 10px;
}
.pomocnaNavigace .drobeckova,
.pomocnaNavigace .podslozky{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #383837;
}
/* !pomocna navigace*/







/* kontakty */
.kontakty .sloupcovaSazba iframe{
    width: 100%;
    height: 400px;
}
/* !kontakty */







/* novinky */
.novinky .text.editor .prilohaL {
    padding: 0px 2% 10px 0px;
    padding: 0px 2vw 10px 0px;
}
.novinky .text.editor .prilohaP {
    padding: 0px 0px 10px 2%;
    padding: 0px 0px 10px 2vw;
}

.novinky .text.editor h1,
.novinky .text.editor h2,
.novinky .text.editor h3{
    margin: 0;
    padding-bottom: 1%;
    padding-bottom: 1vw;
    width: 100%;
}
.novinky .sloupcovaSazba td:only-child p:first-child{
    margin: 0;
}
.novinky .panelObsah .text.editor > .sloupcovaSazba td > p:last-of-type a {
    display: none;
}
@media only screen and (max-width:900px) {
    .novinky .sloupcovaSazba .priloha{
        float: none !important;
    }
}
/* !novinky */








/* cookie*/
.komponentaCookieSouhlas{
    position: fixed;
    bottom: 5px;
    left: 0px;
    right: 0px;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.komponentaCookieSouhlasVnitrek{
    width: 1000px;
    background: rgba(0,0,0,0.85);
    padding: 5px 5px 5px 5px;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    border: 1px solid #ffffff;
    box-shadow: 0 0 5px 3px #000000;
    border-radius: 5px;
}
.komponentaCookieSouhlas p{
    margin: 0px 0px 5px 0px;
}
.komponentaCookieSouhlas .info{
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
}
.komponentaCookieSouhlas .tlacitkoSouhlasim{
    background: #cccccc;
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
    padding: 3px 25px;
}
/* !cookie*/







/* Tiskarna */
@media only print {
    body > *:not(.panelTelo){
        display: none !important;
    }
    .panelTelo,
    .panelObsah {
    	width: auto !important;
        float: none !important;
    }
    body {
    	font-family: sans-serif;
    	font-size: 12pt;
    	line-height: 20pt;
    	background: #ffffff;
    	color: #000000;
    }
}
/* !Tiskarna */






/* rozpad tabulky */
@media only screen and (max-width:900px) {
    body:not(.homepage) .panelObsah .editor table:not(.zakladniTabulka),
    body:not(.homepage) .panelObsah .editor table:not(.zakladniTabulka) thead,
    body:not(.homepage) .panelObsah .editor table:not(.zakladniTabulka) tbody,
    body:not(.homepage) .panelObsah .editor table:not(.zakladniTabulka) tfoot,
    body:not(.homepage) .panelObsah .editor table:not(.zakladniTabulka) tr,
    body:not(.homepage) .panelObsah .editor table:not(.zakladniTabulka) td{
        display: block;
        width: 100%;
        column-count: 1 !important;
        -moz-column-count: 1 !important;
        -webkit-column-count: 1 !important;
    	vertical-align: top;
        padding: 0;
    }
}
/* !rozpad tabulky */









/* prilohy */
.panelTelo .text.editor .priloha{
	display: block;
    padding: 5px;
}
.panelTelo .priloha img{
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
    border-radius: 3px;
    height: auto !important;
}
.panelTelo .text.editor .stylBunkaStred .priloha {
	float: none;
    margin: 0px auto 0px auto;
}
.panelTelo .priloha .text {
	display: block;
	text-align: center;
	font-size: 12px;
    line-height: 15px;
}
@media screen and (min-width:901px){
    .panelTelo td p:only-child .priloha:only-child{
        margin: 0px;
        width: 100% !important;
    }
}

/* !prilohy */








/* rezervace */
.rezervace{
    display: block;
    width: 180px;
    position: fixed;
    right: 0px;
    top: 60%;
    z-index: 10;
    background: #000;
    text-align: center;
    margin: 0;
    text-decoration: none;
    line-height: 40px;
    transform: rotate(90deg);
    transform-origin: right top;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(255,255,255,0.9);
    transition: background-color 0.3s;
}
.rezervace:hover{
    background-color: #000000;
    transition: background-color 0.3s;
}
@media screen and (orientation: portrait) {
    .rezervace{
        top: 45%;
    }
}
/* !rezervace */






/* identifikaceCesty84 Aktivity */
.identifikaceCesty84 h1{
    font-size: 2rem;
    line-height: normal;
}
.identifikaceCesty84 .slozky *{
    transition: all 0.5s;
}
.identifikaceCesty84 .slozky .slozka{
    display: block;
}
.identifikaceCesty84 .slozky .slozka input[type=checkbox]{
    display: none;
}
.identifikaceCesty84 .slozky .slozka .dlazdice{
    float: left;
    padding-top: 170px;
    display: block;
    position: relative;
    box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 25%);
    border-radius: 3px;
    width: 250px;
    margin: 20px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    cursor: pointer;
}
.identifikaceCesty84 .slozky .slozka:hover label{
    transform: scale(1.06);
}
.identifikaceCesty84 .slozky .slozka .dlazdice .nazev{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0,0,0,0.25);
    padding: 10px;
    text-align: center;
    text-shadow: 0 0 3px black;
    color: white;
}
.identifikaceCesty84 .slozky .slozka .dlazdice .moreinfo{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px;
    text-align: center;
    text-shadow: 0 0 3px black;
    color: white;
    font-style: italic;
    font-size: 0.9rem;
}
.identifikaceCesty84 .slozky .slozka .detail{
    max-height: 0px;
    overflow: hidden;
    transition: all 0s;
}
.identifikaceCesty84 .slozky .slozka .detail > h2{
    padding: 30px 0;
    text-align: center;
    font-size: 1.5rem;
    line-height: normal;
    color: #555;
}
.identifikaceCesty84 .slozky .slozka input[type=checkbox]:checked ~ .separator{
    clear: both;
}
.identifikaceCesty84 .slozky .slozka input[type=checkbox]:checked ~ .detail{
    width: 1180px;
    max-height: 5000px;
    clear: both;
    margin: 10px auto 60px auto;
    transition: all 0.75s;
}
.identifikaceCesty84 .slozky .slozka .columns{
    grid-column-gap: 30px;
    column-gap: 30px;
    column-count: 2;
}
@media only screen and (max-width:999px){

    .identifikaceCesty84 .slozky .slozka .columns{
        column-count: 1;
    }
    x.identifikaceCesty84 .slozky{
        text-align: center;
    }
    x.identifikaceCesty84 .slozky .slozka{
        display: inline-block;
        width: 300px;
    }
    x.identifikaceCesty84 .slozky .slozka .dlazdice{
        float: none;

    }
}
@media only screen and (max-width:700px){
    .identifikaceCesty84 .slozky .slozka .dlazdice {
        float: none;
        margin: 20px auto;
    }
}
/* identifikaceCesty84 Aktivity */



/* identifikaceCesty Ubytovani */
.identifikaceCesty11 td{
    grid-column-gap: 30px;
    column-gap: 30px;
    column-count: 2;
}
@media only screen and (max-width:999px){
    .identifikaceCesty11 td{
        column-count: 1;
    }
}
/* identifikaceCesty Ubytovani */


/* identifikaceCesty Restaurace */
.identifikaceCesty10 td{
    padding: 20px !important;
}
@media only screen and (max-width:999px){
    .identifikaceCesty10 td{
        padding: 20px 0;
    }
}
/* identifikaceCesty Restaurace */




/* eshop vouchery */
.strankaObjednano main a,
body .KatalogFiltryRazeni001 .razeni,
body .KatalogFiltryRazeni001 .containerNextPage,
body .KatalogFiltryRazeni001.slozka46 .podslozky,
body .KatalogFiltryRazeni001.slozka13 .podslozky,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table > tbody > tr[data-name=prihlasen] ~ .nadpis,
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table > tbody > tr[data-name=checkbox1],
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table > tbody > tr[data-name=checkbox2],
.strankaDataUzivatele002.dataZakaznika form[data-unisablona="DataUzivatele002"] > table > tbody > tr[data-name=checkbox3],
body .visited,
body.strankaKosik .kosik .zaMnozstviBez,
body.strankaKosik .kosik .celkem .zaMnozstviBez,
body.strankaKosik .kosik .celkem .zaMnozstviVcetne .popis,
html body.strankaKosik .kosik .celkem .zaMnozstviVcetne .popis span:first-child,
body .DetailProduktu001 .textUpresneni,
body .DetailProduktu001 .vypln50
{
    display: none;
}
body .NahledProduktu003 .nahled {
    padding-top: calc(52% - 20px);
}
body .NahledProduktu003 .nazev {
    height: unset;
}
body .NahledProduktu003 .nazev {
    height: 100px;
}
body .NahledProduktu003 .nazev2{
    display: block;
    font-weight: bold;
}
body .NahledProduktu003 .nazev .popisek {
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
body.jazykCZ .NahledProduktu003[data-micro-identifier*=DE],
body.jazykDE .NahledProduktu003[data-micro-identifier*=CZ],
body.jazykEN .NahledProduktu003[data-micro-identifier*=DE]{
    display: none !important;
}
body .DetailProduktu001 .formulardokosiku input[type=submit],
body .NahledProduktu003 input[type=submit] {
    background-color: seagreen;
    color: white;
}
body .DetailProduktu001 .panelprilohy .prilohyproduktu{
    display: none !important;
}

body.objednavky17.strankaDataUzivatele002.dataZakaznika .panelObsah{
    width: 1260px;
}
body.objednavky17 tr[data-name=fulice],
body.objednavky17 tr[data-name=fmesto],
body.objednavky17 tr[data-name=fpsc],
body.objednavky17 tr[data-name=fzeme],
body.objednavky17 tr[data-name=poznamka],
body.objednavky17 tr[data-name=tabulkaKosik]{
    display: none !important;
}

body.strankaKosik .kosik button[name=minusMnozstvi],
body.strankaKosik .kosik button[name=plusMnozstvi],
body.strankaKosik .kosik button[name=smazPolozku],
body.strankaKosik .kosik .polozka button[name=smazPolozku]{
    filter: grayscale(1);
}
html body.strankaKosik .kosik input[name=mnozstvi] {
    border: 2px solid #848484;
}
body.strankaKosik .kosik .celkem .zaMnozstviBez .popis,
body.strankaKosik .kosik .celkem .zaMnozstviVcetne .popis,
body.strankaKosik .kosik .celkem td.nazev,
html body.strankaKosik .kosik div.mediaMobilCeny > span,
html body.strankaKosik .kosik tr.celkem td{
    color: #848484;
}
body.strankaKosik .kosik .odstranPolozku form{
    text-align: center;
}
body.strankaKosik .kosik button[name=smazVsechnyPolozky]{
    background: none;
}
html body.strankaKosik .kosik tr.polozka {
    border-bottom: 1px solid #848484;
}
body .celkem td.nazev {
    text-align: left !important;
}
body.jazykCZ .kosik .celkem .zaMnozstviVcetne .popis:before{
    content: 'Celkem';
}
body.jazykDE .kosik .celkem .zaMnozstviVcetne .popis:before{
    content: 'Insgesamt';
}
body.jazykEN .kosik .celkem .zaMnozstviVcetne .popis:before{
    content: 'Total';
}
@media only screen and (max-width:1024px)  {
    html body.strankaKosik .kosik tr.polozka:first-child {
        border-top: 1px solid #848484 !important;
    }
    html body.strankaKosik .kosik div.mediaMobilCeny > span:first-child{
        display: none !important;
    }
}
/* eshop vouchery */



.KatalogFiltryRazeni001.slozka68 img{
    width: 100% !important;
    height: auto !important;

}