.green1{color:#d6d6c4;}
.green2{color:#a5bcad;}
.green3{color:#60716f;}
.green4{color:#313c39;}
.brown1{color:#f2ead5;}
.brown2{color:#dda766;}
.brown3{color:#24100a;}

@font-face {
    font-family: "MinionPro";
    src: url("/_ext/fonts/MinionPro/MinionPro-Regular.otf");
}

body{background-color:#eee; font-family:"MinionPro"; font-size:1.5rem; margin:0; padding:0; border:0 none;}

#all{clear:both;}
#all_in{position:relative;margin:0 auto; background-color:rgba(255,255,255,0.65)}

#all a{color: black;}

#header{position:fixed; top:0; left:0; right:0;}

#logo{float:left; margin:0.5em 0;}
.logo{
width:16rem;
font-size:1em;
color:#000;
text-transform:uppercase;
text-align: center;
background-image:url(/_i/02/logo.svg); background-position:5% -50%; background-repeat:no-repeat; background-size:60px 50px;
}
.logo a{color:#000; text-decoration:none;}
.logo_line1, .logo_line2{display:block; margin-left: 72px;}
.logo_line2{font-size:80%; letter-spacing:0.125em;}

#header{z-index:10000;}
#header_in{position:relative; margin:0; background-color:rgba(255,255,255,1); width:100%;}

#header_in, #all_header, #footer{border-image: url(/_i/02/zlata-linka.svg) 30 stretch;}
#header_in, #all_header, #footer{border-bottom:0.25em solid transparent;}
#footer{border-top:0.25em solid transparent;}

    #header_top{
    margin:0;
    padding:0;
    position:relative;
    max-width:100%;
    }

        #all_search{width:100%; z-index:1000; max-height:2em;}
            #all_search input#search_val{max-width:80%; min-width:5rem; margin:0; border-radius:0.5em; border:1px solid #005959; display:inline-block;}
            #all_search #search_button{max-width:10%; min-width:1.5rem; height:initial; display:inline-block;}

    .usr_simple_login {width: initial;}
    #user_sign {}


/* Hlavni menu */
#menu_main{clear:both; position:relative; margin:0 auto; height:auto;}

#menu_main_open_button{
    display: inline-block;
    width:16em;
    max-width:90%;
    line-height:2em;
    border-radius:0.5em;
    margin:0.25rem 0;
    border:1px solid #333;
    padding:0.125em;
    color:#000;
    background-color:#eee;
    text-align: center;
    cursor: pointer;
    background-image: url(/_i/01/menu.svg);background-position: 10% 50%;background-repeat:no-repeat;
    font-size:100%;
}
    #menu_main_open_button.open{background-color: #999; color: white; border-color:#666;}
        #menu_main_open_button + #menu_main_in{display: none; visibility: hidden;}
        #menu_main_open_button.open + #menu_main_in{display: block; visibility: visible;}

/* Otevreni menu*/
#menu_main_open_button.open #menu_main_open_button_span{display: none; visibility: hidden;}
/* Zavreni menu */
#menu_main_close_button_span {display: none; visibility: hidden;}
#menu_main_open_button.open #menu_main_close_button_span {display: inline; visibility: visible;}

#menu_main{}
#menu_main_in{
height:auto;
margin:0 auto;
padding:0;
z-index: 150;
position: relative;
}

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

#menu_main ul li{margin:0; padding:0; list-style-type:none; position:relative; width:100%;}

    #menu_main ul .menu_main_li {padding-right:0.125em;}
    #menu_main ul li .last{border-bottom:0 none;}

    #menu_main ul li > a, #menu_main ul li > strong, #menu_main ul li > a > strong {
        font-size:1em;
        display:block;
        padding:0.5em 0.5em;
        border:0;
        text-transform: uppercase;
        letter-spacing:0.125em;
    }
    #menu_main ul li > a.selected{padding:0; color:#000;}
    #menu_main ul li > a > strong {
        border-right:0;
        border-bottom:0;
        color:#000;
    }

    #menu_main ul li a{color:#000; text-decoration:none;}
    #menu_main ul li a:link, #menu_main ul li a:visited{color:#000;}
    #menu_main_in > ul > li > a:hover, #menu_main_in > ul > li > a > strong, #menu_main_in > ul > li > strong{
    color:#000;
    background-color: #dda766;
    }
    #menu_main ul li a:active{}
    #menu_main_in > ul > li > strong{color: #000;
    background: #dda766;
    padding:1em 0.5em;
    }
    #menu_main ul li a.active{color:#000; text-decoration:underline;}
    #menu_main ul li a.active:hover{color:#000; text-decoration:none;}

    #menu_main ul li .last{border-right:0 none;}


      #menu_main ul li ul{top:3em;}

        #menu_main ul li ul{display:none;
        width:16em; max-width:100%; z-index:100; position:absolute; left:-0.125em;
        background-color:#f2ead5;}
        #menu_main ul li ul li{float:none;width:16em;}
        #menu_main ul li ul li a, #menu_main ul li ul li strong{
        color:#000; background:#f2ead5; display: block; font-size:90%;
        height:auto; line-height:1em; padding:1em;
        text-align:left; width:16em;
        border:1px solid #999; border-color:#000 #000 #999 #666; border-width:0 0 1px 1px;
        }
        #menu_main ul li ul li a:link, #menu_main ul li ul li  a:visited{color:#000;}
        #menu_main ul li ul li a:hover{color:#000;background-color:#ccc;}
        #menu_main ul li ul li a:active{color:#000;background-color:#666;}
        #menu_main ul li ul li strong{color:#000;background-color:#ccc;}
        #menu_main ul li ul li a.active{color:#000;text-decoration:underline;padding:0;}
        #menu_main ul li ul li a.active:hover{color:#000;text-decoration:none;}

            #menu_main ul li ul li ul{left:16em;top:0;}



#left{margin-top:2em; float:none;}
#left p{text-align:left;}
#left ul{padding:0 0 0 0;overflow:hidden;margin: 0 0 1em 0;}
#left ul::after {
}
    #left ul li ul::after {
      display: none;
    }
    #left ul li{margin:0;padding:0;list-style-type:none;list-style-position:outside;}
    #left ul li a, #left ul li strong{
      font-size:80%;
      display:block;
      padding:1em 0.5em 1em 2em;
    }
    #left ul li a:link{color:#000;}
    #left ul li a:visited{color:#000;}
    #left ul li a:hover{color:#000;}
    #left ul li a:active{color:#000;}
    #left ul li strong{color:#000;}
    #left ul li a.active{color:#000;font-weight:bold; text-decoration:underline;}
    #left ul li a.active strong{padding:0;border:0 none;}
        /* t-menu */
        #left ul li ul{margin:0;padding:0;background-image:none;border-radius:0;}
        #left ul li ul li{padding-left:0;}
        #left ul li ul li a, #left ul li ul li strong{
          padding:0.75em 0.5em 0.75em 2em;
          font-size:90%;
        }
        #left ul li ul li a:link{color:#000;}
        #left ul li ul li a:visited{color:#000;}
        #left ul li ul li a:hover{color:#000;}
        #left ul li ul li a:active{color:#000;}
        #left ul li ul li strong{color:#000;}
        #left ul li ul li a.active{color:#000;}
        #left ul li ul li a.active strong{}
            /* dalsi uroven */
            #left ul li ul li ul li a, #left ul li ul li ul li strong{
            padding:0.5em 0 0.5em 2em;font-size:80%;
            }
                /* dalsi uroven */
                #left ul li ul li ul li ul li a, #left ul li ul li ul li ul li strong{
                padding:0.35em 0 0.35em 3em;font-size:70%;
                }


/* Ackovy nadpis s-menu*/
div.menu_section_header, #index_left h2{
font-size:1em;
padding:0 0.25em 0 0.5em;
color:#000;
line-height:2em;
}
#left div.menu_section_header a, div.menu_section_header strong, #index_left h2 a{color: #000;}
div.menu_section_header a, div.menu_section_header strong, .index_left h2 a{display:block;}
div.menu_section_header a:link, #index_left h2 a:link{color:#000;}
div.menu_section_header a:visited, #index_left h2 a:visited{color:#000;}
div.menu_section_header a:hover, #index_left h2 a:hover{color:#000;}
div.menu_section_header a:active, #index_left h2 a:active{color:#000;}
div.menu_section_header strong, #index_left h2 strong{color:#000;}

#left h3{
padding:0 0.25em 0 0.25em;
color:#000;
font-size:small;
line-height:2em;
}

#main{min-height:30em;}
#main_in{margin:2em 0;}

/*
@media(min-width:400px){
  #index_products .shop_product{width:44%; float:left;}
}
*/

#admin_link{position:absolute; top:20em; right:1em; font-size:xx-small; color:#000; text-align:right; z-index:100;}
#admin_link a{color:rgb(10, 40, 55);}


ul#lang_ul li a:link{color:#fff;text-decoration:none;}
ul#lang_ul li a:visited{color:#ddd;text-decoration:none;}
ul#lang_ul li a:hover{color:#fcc;text-decoration:underline;}
ul#lang_ul li a:active{color:#99f;text-decoration:underline;}
ul#lang_ul li strong{color:#fff;}


/* stitky */
#all .tags_link{background-color: #00615A;}
/* </index (obchod) - levý sloupec> */

.ui-autocomplete{z-index:1000;}

#index_news{float:none; position:static; margin:4em 0;}
#index_news .art_intro img{clear:both; float:none; text-align:center; margin:0 auto 0.25em auto; position:relative; display:block;}

.block{border-bottom: 2px solid #61320c; padding:0.25em 1em;}

#index_left h2{margin-top:2em;}
#index_left p img{width:100%; height:inherit;}


h1{color:#24100a; font-variant:small-caps; font-size:3rem; letter-spacing:0.125em; text-align:center; text-shadow:0 0 0 #fff;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}


.block_contact{background-color:#eee; border:1px solid #ccc; border-radius:1em; padding:1em;}

iframe{width:100%;}

.infoblock{border:1px solid #60716f; background-color:rgba(96, 113, 111, 0.25); color:#24100a; border-radius:1em; margin:1em 0; padding:1em; font-size:80%;}

#all_header{background-image: url(/_i/02/poutnidum_01_3000.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; height:50vh;}
body.index #all_header{height:100vh;}
body.Ubytovani #all_header{background-image: url(/_i/02/ubytovani_01_full.jpg);}
body.Stravovani #all_header{background-image: url(/_i/02/stravovani_01_full.jpg);}
body.Hromadne-akce #all_header{background-image: url(/_i/02/poutnidum_02_3000.jpg);}
body.Kontakty #all_header{background-image: url(/_i/02/kostel_01_full.jpg);}

#all_header h1{padding-top:25vh; padding-bottom:14vh;}
body.index #all_header h1{padding-top:30vh; padding-bottom:45vh;}

body.index #main_in{margin-top:-5em;}
a.ubytovani_button:link, a.ubytovani_button:visited, a.ubytovani_button:hover, a.ubytovani_button:active{text-decoration:none; color:#24100a; background-color:#a5bcad;}
a.ubytovani_button{display:block; border:1px solid #fff; border-radius:1em; padding:3em 1em 1em 1em; margin:0 auto; position:relative; top:-10em;
background-image:url(/_i/02/postel.svg); background-position:50% 10%; background-repeat:no-repeat; background-size: 100px 50px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);}
a.ubytovani_button:hover{background-color:#d6d6c4;}
a.ubytovani_button span{text-transform:uppercase; text-align:center; display:block;}
a.ubytovani_button .ubytovani_button_line1{font-size:150%;}
a.ubytovani_button .ubytovani_button_line2{font-size:75%;}

.kontakt_osoba{background-position:top center; background-repeat:no-repeat; background-size:246px 300px; padding:316px 0 0 0;}
.kontakt_osoba p{text-align:center;}
.kontakt_osoba_muz{background-image:url(/_i/02/osoba_muz.svg);}
.kontakt_osoba_zena{background-image:url(/_i/02/osoba_zena.svg);}
.kontakt_osoba_Gerard{background-image:url(/_i/02/osoba_Gerard.jpg); background-size:236px 300px;}
.kontakt_mapa{clear:both;}
.kontakt_mapa + div{margin:2em 0;}

.duobox{
    margin-bottom:3em;
}
.boxuno{
}
.boxuno p{padding:0;}

.boxuno table{margin:0.5em 1em; width:calc(100% - 1em);}
.boxuno table td{border:0 none;}
.boxuno table tr:nth-child(even){background-color:#e0e0e0;}
.boxuno table tr:nth-child(odd) {background-color:#f0f0f0;}
.duobox.cenik_eremita table, .duobox.cenik_cenobita table{width:calc(100% - 2em);}

.duobox                  .boxuno:nth-child(2){background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; transition: background-size 0.3s ease; min-height:6em;}
.duobox                  .boxuno:hover       {background-size:110%;}
.duobox.cenik_eremita    .boxuno:nth-child(2){background-image:url(/_i/02/pokoj_1_eremita.jpg);}
.duobox.cenik_anachoreta .boxuno:nth-child(2){background-image:url(/_i/02/pokoj_2_anachoreta.jpg);}
.duobox.cenik_cenobita   .boxuno:nth-child(2){background-image:url(/_i/02/pokoj_3_cenobita.jpg);}

.duobox                  .boxuno > p:nth-child(1){font-size:120%; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0; padding:0.5em; line-height:1em;}
.duobox.cenik_eremita    .boxuno > p:nth-child(1){background-image:url(/_i/02/block-gold.svg);}
.duobox.cenik_anachoreta .boxuno > p:nth-child(1){background-image:url(/_i/02/block-silver.svg);}
.duobox.cenik_cenobita   .boxuno > p:nth-child(1){background-image:url(/_i/02/block-bronze.svg);}


.jidlo_cenik{background-color:#F9F6EE; border-top: 2.5em solid #7E9F94; margin:1em 0 1em 0;}
.jidlo_cenik::before{content:url(/_i/02/jidlo_oranament.svg); display:block; width:250px; height:1em; position:relative; top: -3.9em; left: calc(50% - 125px);}
.sixbox{
    padding:0;
}

.sbox1{
    position: relative;
}
.sbox2{
    font-size:80%;
    padding:0 0 2em 0;
}
.foodname, .foodprice{color:#313C39;}
.foodname{text-transform:uppercase; font-weight:bold;}
.foodimg{text-align:center;}
.foodprice{font-weight:bold;}

.sbox2 ul li::before{content:"▶"; display:inline-block; width:1em;}
#main_in .sbox2 ul li{list-style:none; list-style-image:none;}

.jidlo_sleva{text-align:center; color:#BD5B17; font-weight:bold;}
.jidlo_sleva::before{content:url(/_i/02/hr.svg); display:block; width:50%; height:0.125em; position:relative; top:-1em; left:25%;}

a#menu_link_top{display: block; padding-left:2em; height:2em; line-height:2em; text-align:left; color: black; text-transform: uppercase; border-right:2px solid #24100a;
background-image:url(/_i/i/ikona_exit.svg); background-position:0% 50%; background-repeat:no-repeat; background-size:30px 40px;}
a#menu_link_top:link, a#menu_link_top:visited, a#menu_link_top:hover, a#menu_link_top:active{text-decoration:none;}
a#menu_link_top:hover{background-color: #dda766;}

form#rezervace tr{margin:0 0 1em 0;}
form#rezervace tr, form#rezervace td{display:block;}



#footer{clear:both;margin:0 auto; background-color:#dda766;}
#footer_in{margin:0 auto; padding:1em;}
#footer_sub{margin:1em 0 1em 0; text-align:center; font-size:80%;}

#footer .logo{background-position:0% 100%;}

#menu_footer{text-align:left;}
#footer a:link.active, #footer a:visited.active{color:#000;}
#footer a.active strong{color:#000; background-color:transparent;}
#footer a:link{color:#000;}
#footer a:visited{color:#000;}
#footer a:hover{color:#000;}
#footer a:active{color:#000;}
#footer strong{color:#000; background-color:#fff;}
#footer ul{}
#footer ul li{margin:0; padding:0.125em; list-style-type:disc; font-size:80%;}
#footer ul li ul{margin:0 0 0 0.125em;}
#footer ul li ul li{font-size:x-small;}

.footer_links_h{text-transform:uppercase;}

.footer_social img{padding:0 1em 1em 0;}

.contact_phone, .contact_email{background-position:0% 50%; background-repeat:no-repeat; background-size:1.5em 1.5em; padding:0 0 0 2em;}
.contact_phone{background-image:url(/_i/i/ikona_telefon.svg);}
.contact_email{background-image:url(/_i/i/ikona_email.svg);}

.art_article_img_0, .art_article_img_1{border-radius:0.5em; padding:0; margin:0; float:none; width:100%; height:auto; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);}
.art_article_img_1{cursor:pointer;}
.art_intro h3{text-transform:uppercase; letter-spacing:0;}
.art_date_author_cat{font-size:small; background-color:transparent; clear:none;}
.art_hdr_date, .art_hdr_cat{color:#fff; border-radius:0.25em; padding:0.35em 1em;}
.art_hdr_date{background-color:#666; padding-left:1.75em; background-image:url(/_i/i/ikona_kalendar.svg); background-position:4% 50%; background-repeat:no-repeat; background-size:1em 1em;}
.art_hdr_cat{background-color:#61320c;}
#all .art_hdr_cat a:link, #all .art_hdr_cat a:visited, #all .art_hdr_cat a:hover, #all .art_hdr_cat a:active{color:#fff;}