/*

    DILY:

        FONTY
            rezy
        RESET
        VERZE STYLU
        DEBUG
        BASE
        LAYOUT
        UTILITY
        ...
        TLACITKO
        PAGE
        INFOBLOK
        CAB
        INTRO
            homepage
            page
        MENU
            hover
            otevirani zavirani menu
        LINE
        KONTAKT / MAPA
        FOOTER
        INTRO_ROTOVANE
        GALERIE
            Bezna
            Galerie sekce
        MENU
        SOCIAL
        BANNER
        TABULKY
        MAPA


    Z-INDEX:

        1,3 cab
        2 intro-rotovane


    HACKY:

         * zruseni hopsani pri transition :

                -webkit-backface-visibility: hidden;
                -webkit-transform: translateZ(0) scale(1.0, 1.0);
                transform: translateZ(0);

    TODO:


    PREFIXY:

        u-          UTILITY

        uppercase         js stavovy klasy

        RESIZE-   resize classy ... nastavene v jquery(window).resize()
*/

/* FONTY */

@import url('https://fonts.googleapis.com/css?family=EB Garamond:400,400i,700');
/**
eb garamond:
    400     regular
    400i    regular italic
    700     bold
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
/**
roboto:
    300 light
    400 regular
    500 medium
    700 bold
    900 black
*/
@import url('/css/css-reset.css');


/**************************************************************************************************

    VERZE STYLU

        - Varianty vzhledu co kdy klient chtel
        - Styly at jdou v omezene mire vratit

        .styl-1 ... puvodni pred upravou
        .styl-2 ... (vylucny s styl-1)
        .styl-2-tlacitka ...

*/
.styl-1 {}
.styl-2 {}


/**************************************************************************************************

    DEBUG

    a:not([href]),
    a[href='']{color:red !important;}
 */

/**************************************************************************************************

    BASE
*/
html{
    background:#fff;
    font-size:1em;
    overflow:hidden; /* IE vytvari extra skrolbar - ma extra misto v paticce */
    width:100%;
    height: 100%;
    /* min-width:450px; */
}
html *{font-family: Verdana,Helvetica,'Roboto', sans-serif;}
body{width:100%;height: 100%;font-family:inherit;font-size:1em;position:relative;min-height:100%;/*color:#5f5f5f;color:#fff;background:#fff;*/margin: 0;padding: 0;width: 100%;height: 100%;position: absolute;/* min-width: 450px; */}
#view{    width: 100%; height: 100%;position: absolute;}


h1,h2,h3,h4,h5,h6{}
a{}
a:hover{}
a:focus {}
.blok3 a {}
strong{font-weight: bold;}

/*
input{
-webkit-appearance:none;
border-radius:0;
}
*/

/**************************************************************************************************

    UTILITY

*/

.u-center {text-align:center;}
/* UTILITY / Z-INDEX */
.u-z1{z-index:1;}
.u-z2{z-index:2;}
.u-z3{z-index:3;}
.u-marginTop-0{margin-top:0 !important;}
.u-paddingTop-0{padding-top:0 !important;}
.u-paddingBottom-0{padding-bottom:0 !important;}


/* --------------------------------------- BTN ----------------------------- */
/* --------------------------------------- INTRO --------------------------- */

/**************************************************************************************************

    LAYOUT

    pro bloky na homepage ....
*/
.layout_vedlesebe_2{font-size:0;}
.layout_vedlesebe_2-item{width:50%;display:inline-block;}
.layout_vedlesebe_2-itemokraj{margin:0 25px;}
.layout_vedlesebe_3{font-size:0;}
.layout_vedlesebe_3-item{width:33.33333%;display:inline-block;}
.layout_vedlesebe_3-itemokraj{margin:0 10px;}
.layout_vedlesebe_2-homepage_pokoje_roztahni_at_licuji_s_textem{margin:0 -25px 0 -25px;}
@media (max-width:780px)
{
    .layout_vedlesebe_2-item{width:100%;}
}
@media (max-width:960px)
{
    .layout_vedlesebe_3-item{width:100%;}
}

/**************************************************************************************************

    BLOK

    [1] synchronizovana uprava - okraj == negativni marginu
*/

.blok{
    position:relative;
    padding:55px 0; /* [1] */
    overflow: hidden; /* kvuli .line */
    z-index: 2;
    display: block;
}
.blok--sedepozadi{background:#f5f5f5;background:#eaeae8;background: #e2e2e2;}
.blok_maxsirka{max-width:1090px;margin:0 auto;}
.blok-move_rest_to_cancel_bottom_padding{
    margin:-55px; /* [1] */
    display:block;
}
.blok-move_rest_to_cancel_top_padding{
    margin:-55px; /* [1] */
    display:block;
}
.blok-move_rest_to_cancel_2_paddings{
    margin:-110px 0 0 0; /* [1] */
    display:block;
}
.blok-padding_top {height:55px; /* [1] */ }
.blok-padding_bottom {height:55px; /* [1] */ }


/**************************************************************************************************

    MENU

    #cb8e15 -> #3b3b3b
    #ffbf41 -> #6b6b6b
*/

.intro_placeholder {width:100%;padding-top: 48.4%;background-size:cover;}
.intro_placeholder{position:absolute;opacity: 0.5;opacity: 0;}
.menu_button {padding: 0;cursor: pointer;display: inline-block;color: #3b3b3b;font-weight: 500;padding: 35px 54px 34px 54px;font-size: 15px;font-size: 0;background: #fff;position: relative;z-index: 2;transition:color 0.2s ease;vertical-align: top;}
.menu_button-ico {display:inline-block;width: 25px;vertical-align: middle;}
.menu_button-ico hr{transition:background-color 0.2s ease;}
.menu_button-ico hr:nth-child(1) {height: 1px;border:0;background:#3b3b3b;margin: 0;}
.menu_button-ico hr:nth-child(2) {height: 1px;border:0;background:#3b3b3b;margin:3px 0 0 0;}
.menu_button-ico hr:nth-child(3) {height: 1px;border:0;background:#3b3b3b;margin:3px 0 0 0;}
.menu_button-ico hr:nth-child(4) {height: 1px;border:0;background:#3b3b3b;margin:3px 0 0 0;}
.menu_button-ico hr:nth-child(5) {height: 1px;border:0;background:#3b3b3b;margin:3px 0 0 0;}
.menu_button:hover .menu_button-ico hr{/*background:#3b3b3b;*/}
.menu_button:hover {/*color: #6b6b6b;*/}
.menu_button-ico_label{display:inline-block;text-transform: uppercase;font-size: 15px;margin: 0 0 0 20px;vertical-align: middle;}

/* fixed menu */
.menubar {position: absolute;top: 0;left: 0;width: 100%;height: 0;z-index: 10;font-size: 0;transition: background-color 0.2s ease;}
.menubar2 {position: absolute;top: 0;left: 0;width: 100%;height: 0;z-index: 10;font-size: 0;}
.styl-2 .menubar-background{background: #fff0;transition: background-color 0.2s ease;position: relative;}
.styl-2.INTRO_NENI_OBRAZKEM         .menubar-background,
.styl-2.menubar-background-SCROLLED .menubar-background{background: #fff;}
.styl-2.menubar-background-SCROLLED .menu_button:after,
.styl-2.INTRO_NENI_OBRAZKEM         .menubar-background:after,
.styl-2.menubar-background-SCROLLED .menubar-background:after{content:'';display:block;position:absolute;bottom: 0;left:0;width:100%;height: 1px;background: #e0e0e0;}


.menubar_languages_and_buttons{}
html:not(.RESIZE-menu_mobile) .menubar_languages_and_buttons--in-menubar{}
html:not(.RESIZE-menu_mobile) .menubar_languages_and_buttons--in-homepage_intro{display: none;}
html.RESIZE-menu_mobile .menubar_languages_and_buttons--in-menubar{display: none;}
html.RESIZE-menu_mobile .menubar_languages_and_buttons--in-homepage_intro{display: none;position: fixed;bottom: 0px;left: 0;width: 100%;height: 79px;z-index: 999;background: #ffffff;border-bottom: 1px solid #eee;}

.mobilesubmenu{display:none;position: fixed;bottom: 0px;left: 0;width: 100%;height: 50px;z-index: 999;background: #ffffff;border-bottom: 1px solid #eee;}
.mobilesubmenu a {color:#3c3a36!important;}
.mobilesubmenu a .menubar-link-img.is-inverse{display:none!important;}
.mobilesubmenu a .menubar-link-img{display:inline-block!important;}
.mobilesubmenu #langs .langText {color:#3c3a36;}

html.RESIZE-menu_mobile .mobilesubmenu{display:block;}
html.RESIZE-menu_mobile .mobilesubmenu{display:block;}

/*
    MEDIA:
*/
/* menu je nutne posunout */
.RESIZE-menu_mobile .menubar .menu_button{padding: 20px 34px;box-sizing:border-box;width:50%;}
.RESIZE-menu_mobile .menubar .tlacitko4{padding: 19px 34px;box-sizing:border-box;width:50%;text-align: center;}

/* logo
    [1] posun o scrollbar
*/
.styl-2 .menubar-logo-pos {position: absolute;top: 14px;left: 50%;height: 100%;z-index: 1;/* show efekt */opacity:0;transition:opacity 0.2s ease;
    transform: translateX(-50%);
    transform: translateX(calc(-50% - 9px)); /* [1] */
}
.styl-2.INTRO_NENI_OBRAZKEM         .menubar-logo-pos,
.styl-2.menubar-background-SCROLLED .menubar-logo-pos{/* show efekt */opacity:1;}
.styl-2 .menubar-logo-img{width:48px;height:57px;background-position:center center;background-size:contain;display:inline-block;}

/* odkazy

    [1] specificity hack
    [2] nektere odkazy zobrazit na mobilu jine na desktopu
*/
.menubar-link_array{position: absolute;top: 30px;right: 122px;z-index: 3;}
.menubar-link-posun{display:inline-block; padding:0 57px 0 0;}

.menubar-link-img{width:32px;height: 21px;display: inline-block;background-position: center center;background-size: contain;background-repeat: no-repeat;}
html:not(.menubar-background-SCROLLED) .menubar-link-img{display:none;}
html:not(.menubar-background-SCROLLED) .menubar-link-img.is-inverse{display:inline-block;}
.styl-2.INTRO_NENI_OBRAZKEM .menubar-link-img,
.menubar-background-SCROLLED .menubar-link-img{display:inline-block;}
.styl-2.INTRO_NENI_OBRAZKEM .menubar-link-img.is-inverse,
.menubar-background-SCROLLED .menubar-link-img.is-inverse{display:none;}
.menubar_languages_and_buttons--in-homepage_intro .menubar-link-img{display: inline-block !important;}
.menubar_languages_and_buttons--in-homepage_intro .menubar-link-img.is-inverse{display: none  !important;}
.menubar-link{display:inline-block;font-size: 15px;/* font-weight: 700; */color: #fff;text-transform: uppercase;transition: 0.2s color ease;color:#fff;text-decoration: none;padding: 0;margin: 0 0 0 0;vertical-align: middle;}
.menubar-link--rozestup-vlevo{margin:0 0 0 40px;}
.styl-2.INTRO_NENI_OBRAZKEM         .menubar-link,
.menubar_languages_and_buttons--in-homepage_intro .menubar-link,
.styl-2.menubar-background-SCROLLED .menubar-link{color: #3c3a36;}

@media (max-width:1190px) {
    .menubar-link_array {top: 16px;}
    .menubar-link-posun {padding: 0 25px 0 0;}
    .menubar-link--rozestup-vlevo {margin: 0 0 0 25px;}
    #langs {top: 20px!important;}
}
@media (max-width:490px) {
    .menubar-link_array {left: 15px;right: 81px;top: 15px;}
    .menubar-link-posun {padding: 0 25px 0 0;}
    .menubar-link--rozestup-vlevo {margin: 0 0 0 25px;}
}


/* [1] */
.menubar-link.menubar-link.is-active,
.menubar-link.menubar-link.menubar-link:hover{color: #cb8e15;}

/*[2] */
html:not(.RESIZE-menu_mobile) .menubar-link-is_desktop{}
html:not(.RESIZE-menu_mobile) .menubar-link-is-mobile{display:none;}
html.RESIZE-menu_mobile .menubar-link-is_desktop{display:none}
html.RESIZE-menu_mobile .menubar-link-is-mobile{}


.MENUBAR_SCROLLED .menubar {/* height:86px; *//* background: #ffffff; *//* border-bottom:1px solid #3c3a36; */}
.styl-2.INTRO_NENI_OBRAZKEM         #langs .langText,
.styl-2.menubar-background-SCROLLED #langs .langText,
.menubar_languages_and_buttons--in-homepage_intro #langs .langText,
.MENUBAR_SCROLLED                   #langs .langText {color:#3c3a36;}

.menu{position:absolute;width: 493px;height:100%;background:#ffa50000;z-index: 1;width: 580px;background:#fff;}
.styl-2 .menu{width:400px;width:auto;}
.INTRO_ROTOVANE .menu{z-index:4;}
.menu-in{position: absolute;top: 86px;/* transform: translateY(-50%); */margin: 0 40px 0 64px;margin: 56px 40px 0 125px;font-size: 0;}
.menu-menuitemsScroller{display:inline-block;}
.menu-menuitemsScroller::-webkit-scrollbar{background:#fff;cursor:pointer;}
.menu-menuitemsScroller::-webkit-scrollbar-track{background:#fff;}
.menu-menuitemsScroller::-webkit-scrollbar-thumb{
    /* width:10px;background:#3c3a36;border-left:8px solid white;border-right:8px solid white; */
    background-color:#fff;
    background-image:url(/img/menuitemsScroller-track.png);
    background-repeat:repeat-y;
    background-position:center center;
}
.styl-2 .menu-in{margin-left: 92px;}

.menu_item{color:#3c3a36;/* padding: 8px 0; */transition:color 0.2s ease;display: block;text-decoration: none;}
.menu_item--text{color:inherit;font-size:20px;text-transform:uppercase;font-family:'EB Garamond',serif;font-weight:400;padding: 8px 0;white-space:nowrap;}
.menu_item--arrows{display: block;position: relative;}
.styl-1 .menu_item--arrows--left{position:absolute;top: 0;left:0;height: 100%;opacity:0;transition:opacity 0.1s ease;}
.styl-2 .menu_item--arrows--left{display:none;}
.styl-1 .menu_item--arrows--right{position:absolute;top: 0;right:0;height: 100%;opacity:0;transition:opacity 0.1s ease;}
.styl-2 .menu_item--arrows--right{display:none;}
.menu_item--arrows--left--img{background-image:url(/NAVRH/cab-input-arrows--left.png);background-color: #ff000000;width: 25px;height: 100%;background-position: center left;background-repeat: no-repeat;/* padding: 0 10px 0 0; */position: absolute;right: 48px;top: 0;}
.menu_item--arrows--right--img{background-image:url(/NAVRH/cab-input-arrows--right.png);background-color: #ff000000;width: 25px;height: 100%;background-position: center left;background-repeat: no-repeat;/* padding: 0 10px 0 0; */position: absolute;left: 48px;top: 0;}


/* hover */
.menu_item.is-active,
.menu_item:hover{color:#cb8e15;cursor:pointer;}
.menu_item.is-active .menu_item--arrows--left,
.menu_item:hover .menu_item--arrows--left{opacity:1;}
.menu_item.is-active .menu_item--arrows--right,
.menu_item:hover .menu_item--arrows--right{opacity:1;}

/* otevirani zavirani menu */
html:not(.MENU_OPENED) .menu {display:none;}
html:not(.CAB_OPENED) .cab {display:none;}
html.MENU_OPENED .menu{display:block;}
html.MENU_OPENED .cab{display:none;}
html.CAB_OPENED .menu{display:none;}
html.CAB_OPENED .cab{display:block;}
/*  skryt oboji tlacitka */
.CAB_OPENED .menubar2{display:none;}
html:not(.CAB_OPENED) .menubar2{display:none;}


/**************************************************************************************************

    INTRO

*/

html:not(.intro_publish) .intro {display:none;}
.intro{position:relative;min-height: 750px;font-size: 0;overflow: hidden;background: #fff;}
.intro-default_background_image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-size: cover;background-position:center;}
#langs {padding:0;margin:0;position:absolute;top: 35px;right: 40px;z-index: 3;}
#langs .lang_item{list-style:none;margin:0;padding:0;display:inline-block;margin: 0 0 0 17px;}
#langs .lang_item > a{text-decoration:none;}
#langs .langImage{display:none;}
#langs .langText{font-size:15px;/* font-weight: 700; */color: #fff;text-transform:uppercase;transition:0.2s color ease;}
#langs .lang_item:hover .langText,
#langs .lang_item.is-active .langText{color: #cb8e15;}


@media (max-width:490px) {
    #langs {right: 15px;top: 17px;}
}

.intro-filtr{z-index: 1;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;}

.intro-logo-obal{position: absolute;width: 100%;height: 50%;/* background: #ff000030; */top: 0;left: 0;z-index: 2;}
.intro-logo-okraj{padding:80px;}
.intro-logo-obrazek{    height: 240px;    background-repeat: no-repeat;    background-position: top center;}

.intro-title_centered{position:absolute;top:50%;left: 0;transform: translate(0%,-50%);width: 100%;text-align: center;font-size: 0;z-index: 2;/* background: #ff000026; */height: 114px;}
.intro-title{font-size:59px;text-transform:uppercase;font-family:'EB Garamond',serif;font-weight:400;line-height: 120%;color: #fff;font-style: italic;letter-spacing: 2px;padding: 0 10px;}
.intro-title2{font-size:20px;text-transform:uppercase;font-family:'EB Garamond',serif;font-weight:400;line-height: 120%;color: #fff;font-style: italic;padding: 20px 10px 0 10px;}

.intro-image_list-base{position:absolute;bottom:0;/* left:50%; */width:100%;}
.styl-2 .intro-image_list-base{display:none;}
.intro-image_list-base #superbgimage_list{    font-size: 0;    position: relative;    top: 38px;}
.intro-image_list-base #superbgimage_list #image_list{}
.intro-image_list-base #superbgimage_list #image_list .suberbgimage_item{display: inline-block;background: #fff;height: 4px;width: 24px;margin: 0 5px;cursor:pointer;/* border-top: 20px solid transparent; */transition:0.2s ease background-color;}
.intro-image_list-base #superbgimage_list #image_list .suberbgimage_item:hover,
.intro-image_list-base #superbgimage_list #image_list .suberbgimage_item.activeslide{background: #db901b;background: #cb8e15;}
.intro-scrolldown{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);width: 54px;height: 57px;background-color: #00f0;background-repeat: no-repeat;background-position: center;cursor: pointer;z-index: 2;}
.styl-2 .intro-scrolldown{display:none;}

.intro-rotovane {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff;
    /**/
}

.intro-rezervace_close{position:absolute;top:0;left:0;width:100%;height:100%;background: #ffa50000;}
.intro-rezervace_close:hover{opacity:0.3;}

/* homepage */
.slidemanager_holder {position:absolute;top:0;left:0;z-index: 1;width:100%;height:100%;}


/*

    Vyladeni textu v intru

    - text at neprecuhuje
    - puntiky moc odspodu

*/
@media (max-width:1070px) {
    .intro-title_centered{height:auto;}
}
@media (max-height:800px),(max-width:900px) {
    .intro,
    .intro-rotovane--okno{min-height:500px;}
    .intro-title_centered{top: 298px;transform: none;}
    .intro-logo-obal{height:0;}
    .intro-logo-okraj{padding:120px 0 30px 0;}
    .intro-logo-obrazek{height:150px;background-size:contain;}
    .intro-title{font-size:30px;}
    .intro-title2{font-size:20px;}
}

/*********************************************

    INTRO / PAGE

*/

html:not(.INTRO_NENI_OBRAZKEM) .page_intro {min-height:300px;background-position:center center;background-size:cover; position:relative;}
.INTRO_NENI_OBRAZKEM           .page_intro {}
.page_intro-logo {}
html:not(.INTRO_NENI_OBRAZKEM) .page_intro-logo-okraj {padding:86px 0 110px 0;}
.INTRO_NENI_OBRAZKEM           .page_intro-logo-okraj {height:150px;}
.styl-1 .page_intro-logo-obrazek {height: 61px;background-repeat:no-repeat;background-position:center center;}
.styl-2 .page_intro-logo-obrazek{}
.page_intro-nadpis *,
.page_intro-nadpis {font-family:'EB Garamond',serif;font-weight: 400;line-height: 100%;font-size:60px;color:#fff;letter-spacing: 2px;text-align: center;font-style:italic;text-transform: uppercase;}
.INTRO_NENI_OBRAZKEM .page_intro-nadpis *,
.INTRO_NENI_OBRAZKEM .page_intro-nadpis{color:#3c3a36;}
html:not(.INTRO_NENI_OBRAZKEM) .page_intro-nadpis-misto_pod{height:130px;}
.INTRO_NENI_OBRAZKEM           .page_intro-nadpis-misto_pod{height:0px;}
html:not(.INTRO_NENI_OBRAZKEM) .page_intro-podnadpis {font-family:'EB Garamond',serif;font-weight:400;line-height: 100%;font-size:20px;color:#fff;text-transform:uppercase;letter-spacing:1px;text-align: center;font-style:italic;padding: 40px 0 0 0;}
.INTRO_NENI_OBRAZKEM           .page_intro-podnadpis {display:none;}
html:not(.INTRO_NENI_OBRAZKEM) .page_intro-filtr {position: absolute;width: 100%;height: 100%;z-index: 1;background:#000;opacity:0.5;top:0;left:0;}
html:not(.INTRO_NENI_OBRAZKEM) .page_intro-filtr-pred{position:relative;z-index:2}


.INTRO_NENI_OBRAZKEM .page_intro-filtr{}

.section-sipka-back-wrap{padding:50px 0 0 0;text-align:center;}
.section-sipka-back{display: inline-block;}

@media (max-width: 550px) {
    .page_intro-nadpis{font-size: 48px;}
    .sec_group_172 .page_intro-nadpis {font-size: 36px;}
}
/**************************************************************************************************

    CAB

    * .cab-input MUSI byt pred .cab-input-arrows--left a .cab-input-arrows--right
 */
.ui-datepicker-trigger{display:none;}
.ui-datepicker {border:1px solid #cb8e15;}
.ui-datepicker .ui-widget-header{background: #cb8e15;border: none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{cursor:pointer;background:#cb8e15;border:1px solid #cb8e15;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background: #cb8e15;border:1px solid #cb8e15;}
.cab{position:absolute;width: 493px;height:100%;background:#ffa50000;z-index: 1;width: 580px;}
.INTRO_ROTOVANE .cab{z-index:3;}
.cab-in{position: absolute;top: 50%;transform: translateY(-50%);margin: 0 40px 0 64px;margin: 0 40px 0 125px;}
.cab-nadpis{font-family:'EB Garamond',serif;font-weight:400;line-height: 120%;font-size:35px;text-transform: uppercase;margin: 0 0 60px 0;margin: 0 0 50px 0;letter-spacing: 2px;}
.cab-text{}
.cab-input{color:#3c3a36;font-size:20px;font-family:'EB Garamond',serif;font-weight:400;margin: 0;text-transform:uppercase;padding: 25px;/* margin: 24px 0; */border: 1px solid #3c3a36;display: block;letter-spacing: 2px;/* transition: color 0.2s ease, border-color 0.2s ease; */}

/* placeholder viz https://davidwalsh.name/html5-placeholder-css */

.cab-input:hover,
.cab-input:focus{outline: none;color:#cb8e15;border-color:#cb8e15 !important;}
.cab-input:hover::-webkit-input-placeholder,
.cab-input:focus::-webkit-input-placeholder { color:#cb8e15; }
.cab-input:hover::-moz-placeholder,
.cab-input:focus::-moz-placeholder { color:#cb8e15; } /* firefox 19+ */
.cab-input:hover:-ms-input-placeholder,
.cab-input:focus:-ms-input-placeholder { color:#cb8e15; } /* ie */
.cab-input:hover:-moz-placeholder,
.cab-input:focusinput:-moz-placeholder { color:#cb8e15; }

.cab-input-row {margin: 24px 0;}
.cab-input-arrows--base {position:relative;display:inline-block;}
.cab-input-arrows--left {position: absolute;top: 0;left: 0px;height: 100%;width: 0px;/* transition:opacity 0.1s ease; */}
.cab-input-arrows--right {position: absolute;top: 0;right: 0;height: 100%;width: 0px;/* transition:opacity 0.1s ease; *//* -webkit-backface-visibility: hidden; *//* -webkit-transform: translateZ(0) scale(1.0, 1.0); *//* transform: translateZ(0); */}
.cab-input-arrows--left--img{background-image:url(/NAVRH/cab-input-arrows--left.png);background-color: #ff000000;width: 25px;height: 100%;background-position: center left;background-repeat: no-repeat;/* padding: 0 10px 0 0; */position: absolute;right: 48px;top: 0;}
.cab-input-arrows--right--img{background-image:url(/NAVRH/cab-input-arrows--right.png);background-color: #ff000000;width: 25px;height: 100%;background-position: center left;background-repeat: no-repeat;/* padding: 0 10px 0 0; */position: absolute;left: 48px;top: 0;}
.styl-2 .cab-input-arrows--left{display:none;}
.styl-2 .cab-input-arrows--right{display:none;}

/* cab-input-arrows focus efekt */
.cab-input-arrows--left{opacity:0;}
.cab-input-arrows--right{opacity:0;}
.cab-input:hover ~ .cab-input-arrows--left,
.cab-input:focus ~ .cab-input-arrows--left{opacity:1;}
.cab-input:hover ~ .cab-input-arrows--right,
.cab-input:focus ~ .cab-input-arrows--right{opacity:1;}


.cab-promo{font-family: 'EB Garamond',serif;font-weight: 400;display: block;font-size: 20px;margin: 55px 0 24px;text-transform: uppercase;color: #3c3a36;}
.cab-promo b{font-family:inherit;color: #3c3a36;}
.cab-promo a{font-family:inherit;font-size:inherit;color:#cb8e15;display:inline-block;text-decoration: none;cursor: pointer;border-bottom: 2px solid #cb8e15;transition:border-color 0.2s ease, color 0.2s ease;}
.cab-promo a:hover{color:#ffbf41;border-color:#ffbf41;}

.cab-guarantee{    font-size: 20px;    color: #3c3a36;    font-family: 'EB Garamond',serif;    font-weight: 400;    margin: 24px 0 36px 0;}

/**************************************************************************************************

    INFOBLOK

    -
    - v ramci moznosti je mozne u .infoblok zmenit typ v prohlizeci (treba na .infoblok1 ci .infoblok2)

*/

.page_infoblokArray-okraj_nad {height:47px;}
.page_infoblokArray-okraj_mezi {height:58px;}
.page_infoblokArray-okraj_pod {height:0;}

.hp_pokoj_holder {text-align: center;}
.infoblok-nadpis{font-size:35px;color:#3c3a36;text-transform:uppercase;font-family:'EB Garamond',serif;font-weight:400;letter-spacing: 2px;line-height: 100%;}
.infoblok-text{font-size:15px;color:#3c3a36;font-family:'roboto',sans-serif;font-weight:300;line-height:120%;}
.infoblok-text p {padding:15px 0 0 0;margin:0;line-height: 140%;/* background: red; */}
.infoblok-text h2 {font-family: 'EB Garamond',serif;font-weight: 400;font-size:30px;line-height: 118%;padding:15px 0;}
.infoblok-text h3 {font-size:20px;line-height: 118%;/*font-family: 'EB Garamond',serif;font-weight: 400;font-size:30px;line-height: 118%;*/}
.infoblok-text a {color:#3c3a36;text-decoration:none;padding:0 0 1px; border-bottom:1px solid #3c3a36;}
.infoblok-obrazek{}
.hp_pokoj_holder .infoblok-text {padding: 20px 0;}

/* pres celou sirku */
.infoblok1 .infoblok-nadpis{padding: 0 0 40px 0;padding: 0 0 3px 0;text-align: center;}
.infoblok1 .infoblok-text{font-size:15px;padding: 0 0 25px 0;text-align: center;line-height: 130%;}
.infoblok1 .infoblok-obrazek{}

/* v pruhu obrazek vpravo */
.infoblok2 .infoblok-nadpis{max-width: 40%;padding: 75px 0 60px 0;padding: 75px 0 0px 0;}
.infoblok2{position:relative;}
.infoblok2 .infoblok-text{max-width: 40%;}
.infoblok2 .infoblok-obrazek{position: absolute;width: 55%;height: 100%;background-position: center;background-size: cover;top: 0;right: 0;}

.infoblok5{position:relative;}
.infoblok5 .infoblok-nadpis{/* max-width: 40%; */padding: 165px 0 29px 0;text-transform:none;line-height: 100%;}
.infoblok5 .infoblok-text{/* max-width: 40%; */}
.infoblok5 .infoblok-text p {line-height:140%;}
.infoblok5 .infoblok-obrazek{position: absolute;width: 55%;height: 100%;background-position: center;background-size: cover;top: 0;right: 0;max-height: 450px;}
/*
kazdy ma extra misto dole ???
.infoblok5 .infoblok-text:after{content:'';display:block;height:115px;}
 */

/* centrovani */
.infoblok5-vystred{/* position: relative; *//* top: 50%; *//* transform: translateY(-50%); */vertical-align: middle;/* height: 100%; */display: table-cell;}

.infoblok5-vystred-wrap {display: table;/* position: relative; */min-height: 450px;/* height: 100%; */max-width: 40%;width: 100%;}

/* stridacka */
.is-even .infoblok5-vystred-wrap {position: relative;left: 60%;}
.is-even.infoblok5 .infoblok-nadpis{/* position:relative; *//* left:60%; */}
.is-even.infoblok5 .infoblok-text{/* position:relative; *//* left:60%; */}
.is-even.infoblok5 .infoblok-obrazek{right:initial;left:0;}

/* specialni nabidka ma extra upravy vzhledu */
.blok--uzky_obrazek_siroky_text .infoblok5-vystred-wrap {left:37%;max-width:60%;}
.blok--uzky_obrazek_siroky_text .infoblok-obrazek{width:30%;max-height:320px;}
.blok--vypnout_obrazek_a_text_zobrazit_pres_celou_sirku .infoblok5-vystred-wrap{left:0;max-width:100%;}
.blok--vypnout_obrazek_a_text_zobrazit_pres_celou_sirku .infoblok-obrazek{display:none;}

/* pro pruhy co jsou pres sebe (na hp) */
.infoblok3{position:relative;/* background: #f000; */}
.infoblok3 .infoblok-nadpis{padding: 43px 0 30px 0;max-width: 40%;padding: 43px 0 2px 0;}
.infoblok3-misto_nad_tlacitkem{height:30px;}
.infoblok3 .infoblok-text{padding: 0 0 30px 0;display: block;max-width: 40%;}
.infoblok3 .infoblok-obrazek{position: absolute;width: 55%;height: 100%;background-position: center;background-size: cover;top: 0;right: 0;box-shadow: -21px 0px 0px white, 0px -21px 0px white, -21px -21px 0px white;}

/*
    Vysku pruhu nutno zopakovat na nekolika mistech [1].
*/
.infoblok-pruh_na_pozadi-wrap{display:block;position:relative;}
.infoblok-pruh_na_pozadi-uprava_vysky{/*position: absolute;width: 100%;height: 100%;padding: 35px 0 0 0;box-sizing: border-box;*/}
.infoblok-pruh_na_pozadi-pruh{position:absolute;width:20000px;left:-10000px;bottom: 0;height:100%;background:#ff000038;background:#f1f1ee;z-index: -1;/* box-sizing: border-box; *//* padding: 35px 0 0 0; */height: calc(100% - 35px); /* [1] */}
.infoblok-pruh_na_pozadi_fix_odsazeni_zacatku_textu{/* height:35px; */ /* [1] */}

/* pres sebe */
.infoblok3--pres_sebe-prvni{padding: 0 0 70px 0;}
.infoblok3--pres_sebe-druhy{margin: -70px 0 0 0;padding: 70px 0 0 0;}

.infoblok3--pres_sebe-prvni .infoblok-nadpis{text-align:right;margin: 0 0 0 auto;}
.infoblok3--pres_sebe-prvni .infoblok-text{text-align:right;margin: 0 0 0 auto;padding: 0 0 43px 0;}
.infoblok3--pres_sebe-prvni .infoblok-obrazek{right:initial;left:0;}

.infoblok3--pres_sebe-druhy .infoblok-nadpis{text-align:left;}
.infoblok3--pres_sebe-druhy .infoblok-text{text-align:left;}
.infoblok3--pres_sebe-druhy .infoblok-obrazek{}

.infoblok4{
    position:relative;
    margin-top: 41px; /* neguje absolutni posun nadpisu */
    z-index: 9999;
}
.infoblok4 .infoblok-nadpis{position:absolute;top: -41px;left:0;width:100%;/* padding: 34px 0; */}
.infoblok4 .infoblok-nadpis-okraj{margin:0 25px;background:#fff;padding: 26px 40px;text-align: center;font-family:'EB Garamond',serif;font-weight:400;font-style:italic;color:#3c3a36;font-size:30px;text-transform: none;}
.infoblok4 .infoblok-text{    text-align: center;    padding: 32px 0;}
.infoblok4 .infoblok-obrazek{    height: 370px;    background-position: center;    background-size: cover;}

/*

    pokojovy hover efekt
    --------------------

    - efekt editovan takto bokem pro pripad zmeny&recyklace efektu ... (ten se prave tyka pouze pokoju)

    (2) , (1) z-index opacity hack https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

 */
.infoblok4--pokoj .infoblok-obrazek{display: table;height: 370px;width: 100%;}
.infoblok4--pokoj .infoblok-text2{display: table-cell;vertical-align: middle;}
.infoblok4--pokoj .infoblok-text2{background:#3c3a36;opacity:0;transition:0.4s opacity ease;}
.infoblok4--pokoj .infoblok-text2 p {line-height:135%;color:#fff;font-size:15px;text-align: center;margin: 0; poznamka: 'v hd verzi bylo toto v pixelech:'; padding: 0 60px;padding: 0 12%;}
.infoblok4--pokoj .infoblok-nadpis{z-index:2; /* (1) */ }
.infoblok4--pokoj .infoblok-obrazek{opacity: .99;position: relative;z-index: 1; /* (1) */}
.infoblok4--pokoj:hover .infoblok-text2{opacity:0.8;}
/*.infoblok4--pokoj .infoblok-text2{opacity:0.8;}
.infoblok4--pokoj .infoblok-text2:hover{opacity:0;}*/

.infoblok6 {}
.infoblok6 .infoblok-baze{position:relative;}
.infoblok6 .infoblok-okraj{padding:0 0 70px 0;}
.infoblok6 .infoblok-nadpistext{position: absolute;bottom: 0;right: 0;width: 81%;}
.infoblok6 .infoblok-nadpistext-okraj{/* margin: 0 25px; */background: #fff;padding: 38px 30px 0 30px;display: inline-block;}
.infoblok6 .infoblok-nadpis{/* position:absolute; *//* top: -41px; *//* left:0; *//* width:100%; *//* padding: 34px 0; *//* background: #fff; */}
.infoblok6 .infoblok-nadpis-okraj{/* margin:0 25px; *//* background:#fff; *//* padding: 26px 40px; */text-align: center;font-family:'EB Garamond',serif;font-weight:400;/* font-style:italic; */color:#3c3a36;font-size:30px;text-transform: none;font-weight: 400;line-height: 120%;}
.infoblok6 .infoblok-text{text-align: center;padding: 0;}
.infoblok6 .infoblok-text P{color:inherit;padding: 10px 0 0 0;}
.infoblok6 .infoblok-texto-kraj{padding: 10px 0 0 0;}
.infoblok6 .infoblok-obrazek{    height: 370px;    background-position: center;    background-size: cover;}


.infoblok7{position:relative;}
.infoblok7 .infoblok-nadpis{max-width: 40%;padding: 75px 0 60px 0;padding: 75px 0 0px 0;padding: 0 0 0 0;}
.infoblok7 .infoblok-text{max-width: 40%;}
.infoblok7 .infoblok-obrazek{position: absolute;width: 55%;height: 100%;background-position: center;background-size: cover;top: -45px;right: 0;}
.infoblok7 .infoblok-centruj_text{display: table;width: 100%;height: 398px;}
.infoblok7 .infoblok-centruj_text2{display: table-cell;vertical-align: middle;}



/* darkove poukazy stridaji zarovnani ... */
.is-even.infoblok6 .infoblok-nadpistext{right: initial;left: 0;}

.infoblok_tlacitko_vice_do_sekce_odkaz{display:block;padding:20px 0 0 0;}

.infoblok-kontakt-mapa .infoblok-nadpis{padding: 0 0 15px 0;}

.blok--na_celou_sirku.infoblok5 .infoblok5-vystred-wrap {max-width:100%;width:100%;}

@media (max-width:500px) {
    .infoblok4--pokoj .infoblok-text2 p {font-size: 12px;}
    .infoblok4 .infoblok-nadpis-okraj {padding: 26px 10px;font-size: 28px;}
}
/**************************************************************************************************

    TLACITKO

    - tlacitko4 & menu_button jsou pouze jinak barevne
    - licuji textem s jazyky
*/
.tlacitko1{ /* verzovane */ }
.tlacitko1:hover{ /* verzovane */ }
.tlacitko2{font-size:16px;color:#3c3a36;text-transform:uppercase;letter-spacing:2px;cursor: pointer;transition:0.2s color ease,0.2s border-color ease;text-decoration: none;}
.styl-1 .tlacitko2{border-bottom: 1px solid #3c3a36;font-weight:900;}
.styl-2 .tlacitko2{border-bottom: 1px solid #3c3a36;padding: 7px 0 7px 0;font-weight:500;font-size: 14px;}
.tlacitko2:hover{color:#7e7b77;border-color:#7e7b77;}
.tlacitko3{padding: 23px 35px;font-weight:500;text-transform:uppercase;color:#fff;background:#000;line-height:normal;display: inline-block;cursor: pointer;font-size: 15px;transition:0.2s background-color ease;text-decoration:none;}
.tlacitko3:hover{background:#7e7b77;}
.tlacitko4{cursor: pointer;display: inline-block;background: #cb8e15;font-weight: 500;padding: 34px 54px;font-size: 15px;font-size: 0;color: #fff;position: relative;z-index: 2;font-size: 15px;text-transform: uppercase;line-height: normal;transition:background-color 0.2s ease;text-decoration: none;background: #3b3b3b;vertical-align: top;}
.tlacitko4:hover{/*background:#ffbf41;background: #6b6b6b;*/}

.styl-1 .tlacitko1{font-weight: 500;font-size: 15px;text-transform: uppercase;border: 2px solid #3c3a36;padding: 24px 35px;cursor: pointer;display: inline-block;transition:0.2s color ease, 0.2s background-color ease;color: #3c3a36;text-decoration: none;}
.styl-1 .tlacitko1:hover{background:#3c3a36;color:#fff;}
.styl-2 .gallery_category_item a,
.styl-2 .tlacitko1{font-weight: 500;font-size: 15px;text-transform: uppercase;border-bottom: 1px solid #3c3a36;padding: 7px 0 7px 0;cursor: pointer;display: inline-block;transition:0.2s color ease, 0.2s background-color ease;color: #3c3a36;text-decoration: none;letter-spacing: 2px;font-size: 14px;}
.styl-2 .gallery_category_item.actual a,
.styl-2 .gallery_category_item a:hover  {color:#cb8e15;border-color:#cb8e15;}
.styl-2 .tlacitko1:hover{/* background:#3c3a36; *//* color:#fff; */opacity: 0.9;}

/**************************************************************************************************

    LINE

*/
.line{border-bottom:1px solid #3c3a36;}
.line2{border-bottom:1px solid #aaa;}
.blok .line2,
.blok .line{position: relative;width: 999999px;left: -3000px;margin:10px 0;top: 0;}


/**************************************************************************************************

    PAGE / PRUH ODKAZU

    .is-active ... zobrazuje
    [1] sublist

*/
.pruh_odkazu {
    background: #f5f5f5;
    border-bottom: 1px solid #d1d0d0;
    padding: 40px 0;
    text-align: center;
}
.pruh_odkazu__zalozka{
    display:inline-block;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #3c3a36;
    padding: 0 0 6px 0;
    margin: 0 15px 0 15px;
    cursor: pointer;
    line-height: normal;
    border-bottom: 2px solid transparent;
    position:relative; /* [1] */
    z-index: 20;
}
.styl-1 .pruh_odkazu__zalozka{font-weight: 900;}
.styl-2 .pruh_odkazu__zalozka{font-weight:500;border-bottom-width:1px;}
.pruh_odkazu__zalozka.is-active,
.pruh_odkazu__zalozka:hover{border-color: #3c3a36;}
.pruh_odkazu__cil{display:none;}
.pruh_odkazu__cil.is-active{display:block;}

/* submenu */
.pruh_odkazu__zalozka:hover .pruh_odkazu__zalozka_sublist {visibility:visible;opacity:1;padding-top: 16px;}
/* [1] */
.pruh_odkazu__zalozka_sublist{visibility:hidden;position:absolute;top:100%;left: -10px;/* width:100%; *//* display: inline-block; */opacity:0;transition:opacity 0.2s ease;text-align: left;padding-top: 20px;}
.pruh_odkazu__zalozka_sublist-in{display: inline-block;padding: 10px 10px 12px 10px;position: relative;/* left: -10px; */}
.styl-1 .pruh_odkazu__zalozka_sublist-in{background: #f5f5f5;}
.styl-2 .pruh_odkazu__zalozka_sublist-in{background: #3c3a36;padding: 20px 17px 12px 17px;}
.pruh_odkazu__zalozka_subname{padding: 0 0 6px 0;border-bottom:1px solid transparent;border-bottom-width: 1px;/* display: block; */display: inline-block;color:inherit;text-decoration:none;}
.styl-2 .pruh_odkazu__zalozka_subname{color:#ffffff}
.pruh_odkazu__zalozka_subname + .pruh_odkazu__zalozka_subname{margin: 12px 0 0 0;}
.pruh_odkazu__zalozka_subname:hover{border-color: #3c3a36;/* opacity: 0.8; */}
.styl-2 .pruh_odkazu__zalozka_subname:hover{border-color:#fff;}
.pruh_odkazu__zalozka_sublist-sipka_pos{position:relative;display:block;height:1px;/* background:red; */}
.pruh_odkazu__zalozka_sublist-sipka{position:absolute;left: 25px;top:0px;background-image: url(/img/pruh_odkazu__zalozka_sublist-sipka.png);background-position: top center;background-repeat: no-repeat;width: 10px;height: 10px;/* background: red; */z-index: 2;}



/* KONTAKT / MAPA */
.hp_contact-text-1{font-family:'EB Garamond',serif;font-weight:400;font-size:30px;line-height:120%;color:#3c3a36;letter-spacing: 2px;}
.styl-1 .hp_contact-text-1{font-style:italic;}
.styl-2 .hp_contact-text-1{}
.hp_contact-text-2{font-weight:300;color:#3c3a36;padding: 18px 0 28px 0;font-size: 15px;}
.styl-2 .hp_contact-text-2{line-height:140%;}
.hp_contact-text-2 a{font-weight:400;text-decoration:none;color: inherit;}
.hp_contact-text-2 a:hover{text-decoration:underline;}
.kontakt-mapa{position:relative;z-index: 2;}
.kontakt-mapa-obrazek{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 9;}
.kontakt-mapa-info{background:#fff;display:inline-block;position: absolute;top: 43px;left: 76px;z-index: 10;}
.kontakt-mapa-info-okraj{position:absolute;width:100%;height:100%;top: -12px;left: -17px;background: #ffffff;padding: 16px;z-index:1;}
.kontakt-mapa-info-predOkrajem{position:relative;z-index:2;} /* at jde text oznacit */
.kontakt-mapa-vice{position:absolute;top:60px;right:0;z-index: 2;}
.styl-2 .kontakt-mapa-vice{display:none;}
.kontakt-mapa-info-base{position:relative;}
.kontakt-mapa_odsazeni_nadpisu_od_cary{height:15px;}
/*
uzsi mapa -- je sance ze budou chtit vzhled vratit
[1]
 */
.kontakt-mapa-obrazek--je-verze-1{padding: 0 0 61% 0;}
.kontakt-mapa-obrazek--je-verze-2{padding: 0 0 41% 0;width:0;}
.kontakt-mapa-obrazek--je-verze-1 .kontakt-mapa-obrazek{    background-position: center;    background-size: cover;}
.kontakt-mapa-obrazek--je-verze-2 .kontakt-mapa-obrazek{ background:none !important;}
.kontakt-mapa-obrazek--je-verze-2 .kontakt-mapa-obrazek-verze-2{position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;background-repeat:no-repeat;background-size:contain;}
.kontakt-mapa-gmap_definovani_rozmeru{position: relative;margin:0 10px;}
/* google mapa */
.hp_location_container {position: relative;z-index: 100;width: 100%;height: 600px;background: #eee;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.hp_location_map{position:absolute;top:0;left:0;width:100%;height:100%;}


@media (max-width:700px){
    .pruh_odkazu__zalozka {margin: 5px 40px;}
    .pruh_odkazu__zalozka_sublist {
        left: -40px;
        top: 50%;
    }
}
@media (max-width:565px){
    .pruh_odkazu__zalozka {margin: 5px 12px;}
}
@media (max-width:450px){
    .pruh_odkazu__zalozka {margin: 5px 70px;}
    .hp_contact-text-2 {font-size: 13px;}
}
@media (max-width: 365px){
    .pruh_odkazu__zalozka {margin: 5px 45px;}
}
/**************************************************************************************************

    FOOTER

*/
.footer-centruj_radky {text-align:center;}
.footer-background{background-color:#e2e2e2;}
.RESIZE-menu_mobile .footer-background{padding-bottom: 50px;}
.footer-horniOkraj-predMapou{height:10px;display:block;}
.footer{text-align:center;display:inline-block;/* border: 1px solid #f00; */display: block;}
.styl-2 .footer{text-align:left;}
.footer_space-1{height:32px;}
.footer_image{}
.footer_space-2{height: 12px;}
.footer_link{font-weight:100;color:#3c3a36;text-transform:uppercase;font-size:15px;margin:0 10px;padding: 2px 0px;display:inline-block;text-decoration:none;border-bottom:2px solid #3c3a36;transition:0.2s color ease,0.2s border-color ease;}
.styl-2 .footer_link{
    border:none;
    /*border-bottom: 1px solid #3c3a36;
    padding: 7px 0 7px 0;
    */
    margin:0 20px 0 0;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing:2px;
    border-bottom: 1px solid transparent;
}
.styl-1 .footer_link:hover{color:#7e7b77;border-color:#7e7b77;}
.styl-2 .footer_link:hover{/*opacity:0.9;*/    border-bottom: 1px solid #3c3a36;}
.footer_space-3{height:32px;}
.footer_text{font-size:12px;line-height:120%;color: #3c3a36;margin: 5px 0;}
.styl-2 .footer_text{display:inline-block; margin:0 15px 0 0;}
.styl-2 .footer_text--licuj_s_zoom{margin-top:14px;}
.footer_text a {}
.footer_space-4{height:32px;}
.footer_zoom{font-size:10px;color: #3c3a36;}
.footer_zoom a{text-decoration: none;color:inherit;}
.styl-2 .footer_zoom{/*float:right;*/margin: 14px 0 0 0;display: block;text-align: center;}
.footer_space-5{height:20px;}


/* ... */
.mainmenu{display:none;}

@media(max-width:580px)
{
    /* obrazek nahoru */
    .infoblok5,
    .infoblok2 {padding: 165px 0 0 0;margin: 0;}
    .infoblok5.no_img {margin-top: -170px;}
    .infoblok5 .infoblok-obrazek,
    .infoblok2 .infoblok-obrazek{height: 200px;width:100%;}
    .page_infoblokArray-okraj_nad {height: 0;}
    .infoblok5-vystred {/* display: block; */}
    .infoblok5-vystred-wrap,
    .blok--uzky_obrazek_siroky_text .infoblok5-vystred-wrap {width:100%;max-width:100%;left: 0 !important;min-height: inherit;padding-bottom: 10px;}
    .sec_group_153 .infoblok5-vystred-wrap table {width: 100% !important;}
    .sec_group_153 .blok--uzky_obrazek_siroky_text .infoblok5-vystred-wrap {max-width: 100%;}
    .sec_group_153 .section-sipka-back-wrap {padding: 25px 0;}
    /* texty na stred */
    .infoblok5 .infoblok-nadpis,
    .infoblok2 .infoblok-nadpis{margin:0;max-width:100%;text-align:center;padding: 50px 0 8px 0;}
    .infoblok5 .infoblok-text,
    .infoblok2 .infoblok-text{margin:0;max-width:100%;text-align:center;}
    .styl-2 .footer {text-align: center;}
    .styl-2 .footer_link {display: block;}
    .footer_text {line-height: 150%;}
    /* .infoblok5 ... LI vypadaji pri vystrezeni textu blbe - texty vprostred puntiky vlevo */ .infoblok-text li{text-align:left;}
}

@media(max-width:710px)
{
    /* obrazek nahoru */
    .infoblok3,
    .infoblok7 {padding:200px 0 0 0;margin: 0;}
    .infoblok3 .infoblok-obrazek{height:200px;width:100%;}
    .infoblok7 .infoblok-obrazek {top: 0px;width: 100%;height: 200px;}

    /* texty na stred */
    .infoblok7 .infoblok-centruj_text {height: 200px;padding: 15px;box-sizing:  border-box;}
    .infoblok3 .infoblok-nadpis,
    .infoblok7 .infoblok-nadpis{margin:0;max-width:100%;text-align:center;}
    .infoblok3 .infoblok-text,
    .infoblok7 .infoblok-text{margin:0;max-width:100%;text-align:center;}

}

@media(max-width:880px)
{
    /* na stred jako vse ostatni */
    /* mapa je spise symbolicka */

    .kontakt-mapa-info{position:static;display:block;padding: 0 0 20px;text-align:center;}
    .kontakt-mapa{    padding: 0;}
    .kontakt-mapa-obrazek{padding:61% 0 0 0;position:relative;z-index: 1;padding: 42% 0 0 0;}

    .kontakt-mapa-vice{top:0;}
    .hp_location_container {position: relative;height: 300px;}

}

@media (max-width:1100px)
{
    .blok,
    .blok--sedepozadi{padding-left:10px;padding-right:10px;}
    .u-paddingBottom-0{padding:0;}
    .styl-2 .footer_link {margin: 0 10px;}
    .infoblok5 .infoblok-text p {padding: 0 7px;}
}

/**************************************************************************************************

    INTRO_ROTOVANE

        PRVKY:
            body ... orez otoceneho kusu okna
            intro-rotovane--otoceni ... otoceni
            intro-rotovane--okno ... orezava stranku, perspektiva plati jinak pro celou vysku stranky
            intro-rotovane-2 ... na nic
            intro-rotovane--overlay ... rusi otoceni
            intro-rotovane--perspektiva ... perspektiva nejde vyjmout z transition
*/

.intro-rotovane--perspektiva{perspective:1500px;position: absolute;z-index:2;width: 100%;height: 100%;background: transparent;}
.intro-rotovane--pozadi {background: #fff;position: absolute;width: 100%;height: 100%;z-index: 0;}
.intro-rotovane--otoceni {transform: translate3d(0, 0, 0);transition: transform .4s;position: relative;z-index: 3;transform-origin: 50% 50% 0;background: #fff;transition: transform 0.5s 0s;transform-origin: 50% 50% 0;/*transform-style: preserve-3d;*/}
.intro-rotovane--okno {overflow-y: scroll;-webkit-overflow-scrolling: touch;height: 100vh;position: relative;z-index: 4;}
.intro-rotovane-2 {}
.intro-rotovane--overlay {}

.INTRO_ROTOVANE body{overflow:hidden;}
.INTRO_ROTOVANE .intro-rotovane--okno {overflow: hidden;}
.INTRO_ROTOVANE .intro-rotovane--overlay {position: absolute;width: 100%;height: 100%;/* background: #ff00006b; */z-index: 999;cursor: pointer;}
.INTRO_ROTOVANE .menubar{}
.INTRO_ROTOVANE .menubar2{}


@media (max-width:1160px)
{
    /*.intro-rotovane {transform-origin: 31% 50%;transform-origin: 90% 50%;}
    .INTRO_ROTOVANE .intro-rotovane {transform: perspective(962px) rotateY(-29deg);}
    */

    .INTRO_ROTOVANE .cab{z-index:4;background:#fff;width: 480px;}
}
@media (max-width:680px)
{
    .INTRO_ROTOVANE .cab{width: 350px;}
    .cab-in {margin: 0 40px 0 40px;}
}
@media (max-width:480px)
{
    .INTRO_ROTOVANE .cab{width: 270px;}
    .cab-in {margin: 0 20px 0 20px;}
    #ui-datepicker-div {width: 230px;}
    .cab-input {
        font-size: 18px;
        padding: 17px;
    }
}

@media (min-width:0) and (max-width:500px)
{
    .INTRO_ROTOVANE .intro-rotovane--otoceni {transform: translateZ(0px) translateX(40%) rotateY(-74deg);}
    .styl-2 .menu-in {margin-left:10px;}
}
@media (min-width:500px) and (max-width:850px)
{
    .INTRO_ROTOVANE .intro-rotovane--otoceni {transform: translateZ(0px) translateX(25%) rotateY(-70deg);}
}
@media (min-width:850px) and (max-width:1000px)
{
    .INTRO_ROTOVANE .intro-rotovane--otoceni {transform: translateZ(0px) translateX(25%) rotateY(-73deg);}
}
@media (min-width:1000px) and (max-width:1400px)
{
    .INTRO_ROTOVANE .intro-rotovane--otoceni {transform: translateZ(0px) translateX(25%) rotateY(-73deg);}
}
@media (min-width:1400px) and (max-width:1750px)
{
    .INTRO_ROTOVANE .intro-rotovane--otoceni {transform: translateZ(0px) translateX(12%) rotateY(-50deg);}
}

@media (min-width:1750px)
{
    .INTRO_ROTOVANE .intro-rotovane--otoceni {transform: translateZ(0px) translateX(0%) rotateY(-50deg);}
}


/**************************************************************************************************

    GALERIE

*/
.gallery_categories{
    margin:0;
    text-align: center;
}
.styl-1 .gallery_categories{padding: 25px 0 10px 0;}
.styl-2 .gallery_categories{padding: 0 0 25px 0;}

.galerie_sekce_holder--styl-1 .gallery_images_item_image {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    width: 100%;
    height:100%;
}
.galerie_masonry_holder--styl-2 .gallery_images_item_image {width:100%;height:auto;vertical-align:top;display:inline-block;}

.gallery_images_item {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 25%;
    vertical-align:top;
}
.sub_categoririe_ul{
    display: none;
}
.sub_show{
    display: inline-block;
}
.gallery_images_item_image-pres_celou_sirku{text-align: center;}
.gallery_images_item-pres_celou_sirku {width:100%;}
.galerie_masonry_holder--styl-2 .gallery_images_item-pres_celou_sirku .gallery_images_item_image{height: 100%;width: auto;}
.galerie_sekce_holder--styl-1 .gallery_images_item {
    box-sizing: border-box;
    padding: 2px;
}
.galerie_masonry_holder--styl-2 .gallery_images_item {
    width: calc(25% - 1px); /* dlazdice jsou zaokrouhleny */
    width: calc(33.3333% - 1px);
}
.galerie_masonry_holder--styl-2  .gallery_images_item-pres_celou_sirku {
    width:100%;
    text-align: center;
}

@media(max-width:800px)
{
    .gallery_images_item {
        width:33.3333333%;
    }
    .gallery_images_item-pres_celou_sirku {
        width:100%;
    }
    .styl-2 .gallery_categories {
        margin: 0 auto;
        /* display: block; */
    }
    .sub_show {
        display: block;
    }
    .styl-2 .sub_categoririe_ul .gallery_category_item a {
        font-size: 11px;
    }
}
@media(max-width:500px)
{
    .gallery_images_item {
        width:50%;
    }
    .gallery_images_item-pres_celou_sirku {
        width:100%;
    }
}
@media(max-width:400px)
{
    .gallery_images_item {
        width:100%;
    }
    .gallery_images_item-pres_celou_sirku {
        width:100%;
    }
}

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

.gallery_images_item_in {

}
.galerie_sekce_holder--styl-1 .gallery_images_item_in {
    /* padding: 5px; */
    padding-top: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    background: #efeeed;
}
.galerie_masonry_holder--styl-2 .gallery_images_item_in {/* display:inline-block; */padding: 2px;background: none;}

.gallery_images {
    font-size: 0;
}

.galerie_sekce_holder--styl-1 .gallery_images_item_in a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size:cover;
    background-position: center center;
}
.galerie_masonry_holder--styl-2 .gallery_images_item_in a {/* display:inline-block; */cursor:pointer;}


.gallery_category_item {
    display: inline-block;
    list-style: none;
    padding: 0;
}
.styl-1 .gallery_category_item {margin: 5px;}
.styl-2 .gallery_category_item {margin:5px 15px;margin: 5px 10px;}

.styl-1 .gallery_category_item a {
    /*
    background:#00ffeb;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    text-transform:uppercase;
    padding:10px 20px;
    display:inline-block;
    transition:background-color 0.2s ease;
    */

    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    border: 2px solid #3c3a36;
    padding: 24px 35px;
    cursor: pointer;
    display: inline-block;
    transition: 0.2s color ease, 0.2s background-color ease;
    color: #3c3a36;
    text-decoration: none;
}
.styl-1 .gallery_category_item a:hover,
.styl-1 .gallery_category_item.actual a{
    background:#76ff00;
    background: #3c3a36;
    color:#fff;
}
@media(max-width:500px)
{
    .gallery_category_item{
        display:block;
    }
    .gallery_category_item a{
        display:block;
        /* text-align:center; */
    }
}

.galerieNadpis {
    text-align: center;
    margin: 0;
    padding: 60px 0 30px 0;
    position:relative;
    z-index:5;
    color: #676767;
    /* color: red; */
}

.galerieBlok3SpodniOkraj {
    height: 38px;
}

/*************************************

    Galerie sekce -----------------------------------------------

    - (1) zbav se dvojity cary mezi menu a oteviraci dobou
*/

.galerie_sekce_holder {margin:-1px 0 0 0;}
.galerie_sekce_holder .gallery_images_item {width: 50%;box-sizing: initial;padding: 0;}
.galerie_sekce_holder .gallery_images_item_in{margin: 12px;padding-top: 56%;padding-top: 66%;}
.galerie_sekce_holder .gallery_images_item:nth-child(odd) .gallery_images_item_in{margin-left: 0;}
.galerie_sekce_holder .gallery_images_item:nth-child(even) .gallery_images_item_in{margin-right: 0;}



/**************************************************************************************************

    MENU

    - aby menu nezasahovalo do ostatnich klas tak je pred vsemi prefix ... .menu_holder
    - .blok obsahuje typicky obrazek ...

*/
.menu_holder {}
.menu_holder .displaynone {display:none;}

/* nezobrazuj vsechny podsekce viceurovnateho menu */
.menu_holder .menu_uroven .menu_uroven {display:none;margin: -1px 0 0 0;}

.menu_holder .menu1{max-width: 1000px;margin: 0 auto;padding: 51px 10px 0px 10px;text-align: center;}
.menu_holder .menu2 {max-width: 1000px;margin: 0 auto;padding: 23px 10px 15px 10px;text-align: center;}
.menu_holder .menu_nadpisy .tlacitko,
.menu_holder .menu2 .tlacitko,
.menu_holder .menu1 .tlacitko {
    /* margin: 8px; border: 2px solid #303030; border-radius: 12px; display: inline-block;padding: 31px 68px 31px 68px;padding: 20px 44px 20px 44px;font-size: 14px;text-transform: uppercase;color: #3c3a36;font-weight: normal;cursor: pointer;transition: all 0.2s ease; */
    display:inline-block;font-size: 16px;letter-spacing: 3px;text-transform: uppercase;color: #3c3a36;padding: 0 0 6px 0;margin: 10px 15px 10px 15px;cursor: pointer;line-height: normal;border-bottom: 2px solid transparent;transition:color 0.2s ease, border-color 0.2s ease;}
.styl-1 .menu_holder .menu_nadpisy .tlacitko,
.styl-1 .menu_holder .menu_nadpisy .tlacitko {font-weight: 900;}
.styl-2 .menu_holder .menu_nadpisy .tlacitko,
.styl-2 .menu_holder .menu_nadpisy .tlacitko {font-weight: 500;border-bottom-width:1px;}
.menu_holder .menu_nadpisy .tlacitko.JS_TOGGLED,
.menu_holder .menu_nadpisy .tlacitko:hover {border-color: #cb8e15;color:#cb8e15;}

.menu_holder .menuVypis {padding: 30px 15px 0 15px;max-width: 1112px;box-sizing: border-box;margin: 0 auto;padding: 46px 15px 0 15px;padding: 53px 15px 20px 15px;}
.menu_holder .menuVypis .menuVypis_nadpis {color: #fff;font-size: 45px;line-height: 65px;padding: 40px 0 40px;margin: 0 0 48px 0;display: none;}
.menu_holder .menuVypis .blok {
    /* (1) */
    /* background-color: #d9bec1; */background: red;display: none;}
.menu_holder .menu_vypis_kategorie_nazev {font-size: 20px;line-height: 120%;font-weight: bold;color: #000;padding: 50px 0 11px 0;text-align: center;}
.menu_holder .mi {border-bottom: 1px solid #d1d0d0;padding: 20px 0;color: #1d2025;text-align: left;font-size: 0;padding: 24px 12px 0 12px;text-align: center;border: none;}
.menu_holder .mi:first-child {border-top: none;}
.menu_holder .miVrchniInfo {color: #000;/* line-height: 30px; *//* font-size: 20px; *//* font-family: lato2light_italic; *//* font-weight: bold; */text-align: center;/* font-style: italic; */}
.menu_holder .miAlergeny {display: inline-block;margin: 0 0 0 30px;background: url('../img/menuPlugin/ico-alergeny.png') no-repeat 9px 4px;/* background: url('../img/ico-alergeny.png') no-repeat left center; */padding: 4px 0 4px 32px;/* font-family: lato2light_italic; */font-weight:100;font-style:italic;margin: 0;font-size: 13px;vertical-align: middle;}
.menu_holder .miMira {/* margin: 0 7px 0 0; */display: inline-block;font-weight: bold;/* text-align: left; */font-style: italic;/* min-width: 44px; */font-size: 20px;margin: 0 0 0 14px;vertical-align: middle;}
.menu_holder .miText {text-align: left;font-size: 20px;line-height: 30px;display: inline-block;width: 80%;vertical-align: middle;/* font-family: lato; *//* font-style: italic; */font-size: 14px;line-height: 140%;padding: 3px 0 2px 0px;text-align: center;width: 100%;}
.menu_holder .miText__1{}
.menu_holder .miText__1 p{margin: 0;padding: 0;line-height: 130%;}
.menu_holder .miText__2{padding: 14px 0 0 0;}
.menu_holder .miText__2 p{margin: 0;line-height: 130%;}
.menu_holder .miCena {display: inline-block;/* background: orange; */width: 20%;text-align: right;vertical-align: middle;color: #cf8f92;font-size: 25px;line-height: 65px;font-size: 14px;line-height: 120%;font-weight: 100;color: #000;width: 100%;text-align: center;padding: 5px 0 0 0;}

.menu_holder .alergenyVypis{ display:none;/* padding: 0; */}
.menu_holder .alergeny {/* border-top: 1px solid #000; */padding: 30px 0 82px 0;margin: 39px 0 0 0;max-width: 1082px;margin: 39px auto 0 auto;font-size: 16px;}
.menu_holder .alergen {text-align: left;/* font-family: lato2light_italic; */font-weight:100;font-style:italic;list-style-image: url('../img/ico-alergeny.png');}
.menu_holder .alergenNazev {/* font-family: lato2light_italic; */font-style: italic;font-weight: 100;}
.menu_holder .alergenId {/* font-family: lato2light_italic; */font-style: italic;font-weight: 100;/* font-weight: normal; */}

@media(max-width:500px){
    .menu_holder .mi{padding:4px 0;}
    .menu_holder .miVrchniInfo{display: inline-block;font-size: 16px;line-height: 190%;}
    .menu_holder .miText{display:inline;width:auto;width:initial;vertical-align: top;font-size: 16px;line-height: 120%;display: block;padding: 0.5em 0 0 0;}
    .menu_holder .miCena{display:block;width:100%;     vertical-align: top;   font-size: 16px; line-height: 120%; padding:6px 0 0px 0;}
}
.menu_holder .tlacitko_uroven2 {padding: 15px 12px;font-size: 14px;}
.menu_holder .miNazev {/* font-weight: bold; */font-size: 16px;font-weight: 700;line-height: 140%;display: inline-block;vertical-align: middle;}
.menu_holder .menu_nadpisy  .tlacitko_uroven2 {padding: 13px 0px 6px 0px;font-size: 13px;font-size: 16px;color: #3c3a36;font-weight: 900;text-transform: uppercase;letter-spacing: 2px;/* border-bottom: 1px solid #3c3a36; */cursor: pointer;transition: 0.2s color ease,0.2s border-color ease;text-decoration: none;}

.styl-1 .menu_holder .menu_ikonka {vertical-align: middle;margin: 0 15px 0 0;display: inline-block;}
.styl-2 .menu_holder .menu_ikonka {display:block;text-align:center;margin:0 0 15px 0;display: none;}

/**
    Oteviraci doba -----------------------------------------------

    - (1) zbav se dvojity cary mezi menu a oteviraci dobou
    - (2) vystred opticky

*/
.menu_oteviracidoba_holder {margin: -1px 0 0 0; /* (1) */ }
.menu_oteviracidoba_holder .-hodiny,
.menu_oteviracidoba_holder .-dny{font-size: 16px;color: #3c3a36;line-height: 130%;display: inline-block;vertical-align: top;}
.menu_oteviracidoba_holder .-hodiny{text-align:left;margin: 0 0 0 8px;}
.menu_oteviracidoba_holder .-dny{text-align:right;margin: 0 8px 0 0;}
.-centruj-cas-obal-casovych-udaju{display:inline-block;position: relative;top: 0;left: -16px; /* (2) */}
.menu_oteviracidoba_holder .-hodiny p,
.menu_oteviracidoba_holder .-dny p{margin: 0 0 8px 0;line-height: normal;text-transform: uppercase;color: #3c3a36;letter-spacing: 3px;}
.menu_oteviracidoba_holder .-dny p:nth-child(1),.menu_oteviracidoba_holder .-dny p:nth-child(3){font-weight: bold;}
.menu_oteviracidoba_holder .-hodiny p:nth-child(2), .menu_oteviracidoba_holder .-dny p:nth-child(2) {margin-bottom: 20px;font-size: 10px;}
.menu_oteviracidoba_holder .-ikona {display: block;text-align: center;margin: 0 0 15px 0;display: none;}
.menu_oteviracidoba_holder .-ikona img{}
.menu_oteviracidoba_holder .-centruj-cas{text-align:center;}

@media (max-width:420px){

    /* (2) */
    .-centruj-cas-obal-casovych-udaju{position:static;}
    /* (2) at na case neni videt chybne mezery */
    .menu_oteviracidoba_holder .-hodiny, .menu_oteviracidoba_holder .-dny {font-size:12px;}
    .menu_oteviracidoba_holder .-hodiny p, .menu_oteviracidoba_holder .-dny p{letter-spacing:1px;}

}


/* --- SHARED --- */

.galerie_sekce_holder .menu_nadpisy,
.menu_oteviracidoba_holder .menu_nadpisy,
.menu_holder .menu_nadpisy{/* background: #f5f5f5; */padding: 40px 0 30px 0;text-align: center;padding: 20px 0 15px 0;}

.galerie_sekce_holder .menu_nadpisyVymezeniTlacitek,
.menu_oteviracidoba_holder .menu_nadpisyVymezeniTlacitek,
.menu_holder .menu_nadpisyVymezeniTlacitek {max-width: 1093px;margin: 0 auto;text-align: left;}
.styl-2 .menu_holder .menu_uroven .menu_nadpisyVymezeniTlacitek{text-align:center;}
.styl-2 .menu_holder .menu_uroven .menu_uroven .menu_nadpisyVymezeniTlacitek{text-align: center;}

/* --- OVERRIDES --- */

.galerie_sekce_holder .menu_nadpisyVymezeniTlacitek {/* max-width: 1117px; */}
.galerie_sekce_holder .menu_nadpisy{poznamka: 90px k spodni care - oteviraci dobe;padding-top:78px;border-bottom: 0;poznamka: 152px k vrsku loga;padding-bottom: 51px; }

/**************************************************************************************************

    SOCIAL

*/
.socialni_site {padding:30px 0 0 0;position:absolute;bottom: 115px;left: 118px;width:100%;}
.styl-2 .socialni_site{left:92px;left:calc(92px - 7px);top: 0;left: -7px;position: relative;padding:30px 0;min-width: 205px;height: 0;}
.socialni_site .social{width: 30px;height: 30px;position: relative;display: inline-block;margin: 0 20px 0 0;}
.socialni_site .on,
.socialni_site .off{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-size: auto;background-position: top center;background-repeat: no-repeat;}
.socialni_site .social .on{display:none;}
.socialni_site .social .off{display:block;}
.socialni_site .social:hover .on{display:block;}
.socialni_site .social:hover .off{display:none;}

/**************************************************************************************************

    BANNER

    [1] extra nastaveni nutna pro -gradient

    PHOTOSHOP prekryti prechodem
    [2] velikost
    [3] kryti
    [4] styl kruhovy

    [5] umozni oznacit text

    [6]
            prvni ... nahore: 32px, vlevo: 37px
            druhy ... nahore: 37px, vlevo: 37px
            mezere 1 ... 45
            mezera 2 ... 38
*/
.styl-blok_banner-1 .blok_banner{
    background:#414141; /* [1] */
    padding: 53px 0 0 0;
    overflow:hidden; /* [1] */
    position:relative; /* [1] */
}
/* [5] */
.styl-blok_banner-1 .blok_banner-elementsBeforeGradient {position: relative;z-index: 2;}
.styl-blok_banner-1 .blok_banner-gradient{
    opacity:.1; /* [3] */
    position:absolute;
    top:0;
    top:-50%; /* [2] */
    left:0%;
    z-index: 1;
    padding-top:60%; /* [2] */
    width:100%;
    background: radial-gradient(circle closest-side,rgba(249, 218, 175, 1), rgba(65, 65, 65, 1));
    margin:0 auto;
}
.styl-blok_banner-1 .blok_banner-logo{height: 92px;background-repeat: no-repeat;background-position: center center;}
.styl-blok_banner-1 .blok_banner-text{padding: 35px 0 0 0;font-size: 35px;font-family:'EB Garamond',serif;font-weight:700;color:#eae2cf;text-align:center;letter-spacing:2px;}
.styl-blok_banner-1 .blok_banner-highlight{padding: 48px 0 48px 0;display:block;font-size: 35px;font-family:'EB Garamond',serif;font-weight:700;color:#d4a241;text-align:center;letter-spacing:3px;}
.styl-blok_banner-1 .blok_banner-nadpis{display:none;}

.styl-2 .blok_banner{
    background: #3b3b3b; /* [1] */
    padding: 57px 0 54px 0;
    /* overflow:hidden; */ /* [1] */
    /* position:relative; */ /* [1] */
    text-align: center;
}
/* [5] */
.styl-2 .blok_banner-elementsBeforeGradient {/* position: relative; *//* z-index: 2; */}
.styl-2 .blok_banner-gradient{}
.styl-2 .blok_banner-logo{display: none;}
.styl-2 .blok_banner-text{position:relative;display: inline-block;font-size: 30px;font-family:'EB Garamond',serif;font-weight:700;color: #fff;text-align:center;letter-spacing: 3px;padding: 35px;padding: 29px 36px 29px 36px;/* background: #ccb5b5; */max-width: 85%;}
.styl-2 .blok_banner-highlight{position:relative;display: inline-block;font-size: 30px;font-family:'EB Garamond',serif;font-weight:700;color: #fff;text-align:center;letter-spacing:3px;padding: 32px 36px 28px 36px;/* background: #ccb5b5; */}
.styl-2 .blok_banner-nadpis{padding: 0;font-size: 35px;font-family: 'EB Garamond',serif;font-weight: 700;text-transform: uppercase;color: #fff;text-align: center;letter-spacing: 3px;}
.styl-2 .blok_banner-space_between-1{padding: 45px 0 0 0;}
.styl-2 .blok_banner-space_between-2{padding: 38px 0 0 0;}

/**
    fx_doubleborder:: topleft [2] and bottom-right [1] space between content and border
    ---------------
    Double border which touches relative element and extends little around (padding in -spacing_with_border).

    Old versions (is hard to control):

        fx-blok_banner-border ... hard to edit



*/
.fx-blok_banner-border{position:relative;}
.fx-blok_banner-border:before{position:absolute;content:'';top: -2px;left: -2px;width:100%;height:100%;border:1px solid rgba(255,255,255,0.3);}
.fx-blok_banner-border:after{position:absolute;content:'';top: 3px;left: 3px;width:100%;height:100%;border:1px solid rgba(255,255,255,0.3);}
.styl-2 .fx_doubleborder-base{position: absolute;width:100%;height:100%;top: 0px;left:0;font-size:0;}
.styl-2 .fx_doubleborder-border1-position{position: absolute;width: 100%;height: 100%;/* padding: 4px 0 0 4px; *//* background: #ff480094; */top: 4px;left: 4px;top: -1px;left: -1px;padding: 0;/* padding: 4px 4px 0 0; *//* border: 1px solid rgba(255, 255, 255, 0.3); */}
.styl-2 .fx_doubleborder-border1-spacing_with_border{
    /* padding: 4px 4px 0 0; */
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: #1aff005e; */
    top: 0px;
    left: 0px;
    /* [2] */
    padding: 5px 5px 0 0;
    border: 1px solid rgba(255,255,255,0.3);
}
.styl-2 .fx_doubleborder-border2-position{position: absolute;width: 100%;height: 100%;/* padding: 4px 0 0 4px; *//* background: rgba(108, 255, 0, 0.26); */top: 1px;left: 1px;padding: 0px 0 0 0;/* top: 0; *//* left: 0; *//* border: 1px solid rgba(255, 255, 255, 0.3); */}
.styl-2 .fx_doubleborder-border2-spacing_with_border{position: absolute;width: 100%;height: 100%;/* background: #1aff005e; */bottom: 0px;right: 0px;
    /* [1] */ padding: 5px 5px 0 0;
    border: 1px solid rgba(255,255,255,0.3);
}

/*
    - moc velky text
*/
@media (max-width:660px){
    .styl-blok_banner-1 .blok_banner{padding:45px 0 0 0;}
    .styl-blok_banner-1 .blok_banner-logo{height:60px;background-size:contain;}
    .styl-blok_banner-1 .blok_banner-text{font-size:25px;letter-spacing:2px;padding: 25px 0 0 0;}
    .styl-blok_banner-1 .blok_banner-highlight{font-size:25px;letter-spacing:2px;padding: 20px 0 48px 0;}

    .styl-2 .blok_banner{padding: 25px 0 25px 0;}
    .styl-2 .blok_banner-logo{height:60px;background-size:contain;}
    .styl-2 .blok_banner-text{font-size:25px;letter-spacing:2px;padding: 20px 10px;}
    .styl-2 .blok_banner-highlight{font-size:25px;letter-spacing: 2px;padding: 20px 10px;}
}
@media (max-width:460px){
    .styl-2 .blok_banner-text{font-size: 20px;letter-spacing:2px;padding: 20px 7px;}
    .styl-2 .blok_banner-highlight{font-size: 20px;letter-spacing: 2px;padding: 20px 7px;}
}
@media (max-width:380px){
    .styl-2 .blok_banner-text{font-size: 15px;letter-spacing:2px;padding: 10px 7px;}
    .styl-2 .blok_banner-highlight{font-size: 15px;letter-spacing: 2px;padding: 10px 7px;}
}
/**************************************************************************************************

    TABULKY

     [1] bile ohraniceni bunek v tabulce

    struktura tabulky:

        A A A A
        B even
        B odd
        B even
*/
.styl-1 table.tablestyle1 {font-size:12px;}
.styl-1 table.tablestyle1 td{padding:12px 12px 12px 18px;}
.styl-1 table.tablestyle1{width:100% !important;}
.styl-1 table.tablestyle1 td{width:auto !important;}
/* odd */
.styl-1 table.tablestyle1 tr:nth-child(odd) {background:rgb(238,234,223);}
/* even */
.styl-1 table.tablestyle1 tr:nth-child(even){background:rgb(234,226,207);}
/* A */
.styl-1 table.tablestyle1 tr:first-child {background:rgb(212,162,65);color:#fff;text-transform:uppercase;}
/* [1] */
.styl-1 table.tablestyle1 tr:not(:first-child) td{border-right:1px solid #fff;border-bottom:1px solid #fff;}
/* B */
.styl-1 table.tablestyle1 tr:not(:first-child) td:first-child{font-weight:bold;}

.styl-2 table.tablestyle1 {font-size:12px;}
.styl-2 table.tablestyle1 td{padding:12px 12px 12px 18px;}
.styl-2 table.tablestyle1{width:100% !important;}
.styl-2 table.tablestyle1 td{width:auto !important;}
.styl-2 table.tablestyle1 td:first-child{width: 600px !important;}
/* odd */
.styl-2 table.tablestyle1 tr:nth-child(odd) {background:#d6d6d4;}
/* even */
.styl-2 table.tablestyle1 tr:nth-child(even){background:#e4e4e2;}
/* A */
.styl-2 table.tablestyle1:not(.noheader) tr:first-child {background:#605f5b;color:#fff;text-transform:uppercase;}
/* [1] */
.styl-2 table.tablestyle1 tr:not(:first-child) td,
.styl-2 table.tablestyle1.noheader td{border-right:1px solid #fff;border-bottom:1px solid #fff;}
/* B */
.styl-2 table.tablestyle1 tr:not(:first-child) td:first-child,
.styl-2 table.tablestyle1.noheader td:first-child{font-weight:bold;}

table.tablestyle2 {margin:0 auto;max-width:810px;max-width:1070px;}
table.tablestyle2 {/* display:flex; */}
table.tablestyle2 tr {text-align: center;}
table.tablestyle2 td img {height:initial !important;height:initial !important;text-align:center;margin: 0 20px;}
table.tablestyle2 td{width:initial !important;}
table.tablestyle2 tr:nth-child(1) td {/* background:#0000ff1c; */}
table.tablestyle2 tr:nth-child(1) h2 {font-size:25px;}
table.tablestyle2 tr:nth-child(2) td a{border:none;}
table.tablestyle2 tr:nth-child(3) td p{padding:0;}
table.tablestyle2 tr:nth-child(3) td {font-weight:700;/* background:#ff000017; */line-height: 140%;margin: 0;}
table.tablestyle2 tr:nth-child(4) td p {padding:0;}
table.tablestyle2 tr:nth-child(4) td {/* background:#ffa50033; */vertical-align:top;padding:10px 0 0 0;}


/**************************************************************************************************

    SPECIAL OFFERS
*/

.so_tlacitka_mezera{display:inline-block;width:50px;}
.so_detail-rezervovat-wrap{padding:0 0 35px 0;}

/*
    ...

        zatim nerazene


        --fotka_infobloku_pres_pozadi ... duvod upravy
*/
.styl-1 .bily_pruh_nad_fotkou {display:none;}
.styl-2 .bily_pruh_nad_fotkou {    background: #fff;height: 100px;position: absolute;top: 0;left: 0;width: 100%;}

/* Tyto 2 musi mit synchronizovane rozmery */
.styl-2 .bily_pruh_nad_fotkou--fotka_infobloku_pres_pozadi{height: 137px;height:82px}
.blok--fotka_infobloku_pres_pozadi{padding-top:0;}


/**************** otviraci doba **********************/
.-centruj-cas {
    display: none;
}

.menu_oteviracidoba_holder .menu_nadpisy,
.menu_nadpisyVymezeniTlacitek{
    border-bottom: 0px solid #d1d0d0;
    border-top: 0px solid #d1d0d0;
}

/**************** video z youtube **********************/
#top_slider .zs-slider iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
}


/******* adds 13/02/2023 ********/
@media (max-width: 1023px) {
    .infoblok5 {
        padding: 0;
    }
    .infoblok5 .infoblok5-vystred-wrap,
    .infoblok5 .infoblok5-vystred
    {
        display: block;
        max-width: 100%;
    }
    .infoblok5 .infoblok5-vystred-wrap .infoblok-nadpis,
    .infoblok5 .infoblok5-vystred-wrap .infoblok-text{
        width: 90%;
        margin: auto;
        padding:100px 0 25px 0 ;
    }
}