body{

    background:url("/img/bcg3.jpg") #2e1503;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.obal{
    padding:40px;
}

.obalAll{
    margin:auto;
}

.menu{
    position:relative;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:30px;
    padding-top:30px;
    width:100%;
    display:flex;
    justify-content: space-between;
    align-items:center;
    height:157px;
    z-index: 1;
}

.menuLogo{

}

.menuObsah{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    height:100%;
    color:white;
    font-family:'Open Sans',Roboto,sans-serif;
    flex:1;
}


.menuObsahLine{
    display:flex;
    align-items:center;
    justify-content: flex-end;

}

.menuObsahLine .menuItem{
    padding:0px 10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.menuItem{
    cursor:pointer;
}


.menuObsah1{
    font-family: "Segoe UI",Arial,sans-serif;
    position:absolute;
    right:40px;
    top:30px;
    color: #fff;
    font-size:14px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
    z-index: 2;
}

.menuObsah2{
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);  
}

.menuObsah2 .menuItem{
    height:40px;
    display:flex;
    align-items:center;
}



.logo{
    height:72px;
    width:119px;
}

.logo img{
    height:100%;
    width:100%;
}

.slideObal{
    width:100%;
    height:calc(500 / 1920 * 100vw);
    overflow:hidden;
    position:relative;
    min-height:250px;
}

.slideObalDlouhy{
    width:100%;
    height:100%;
    display:flex;
}

.slideJeden{
    width:100%;
    position:relative;
    transition:all 1s ease;
}


.slideJeden img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.slideSipka{
    position:absolute;
    top:50%;
    opacity:0.9;
    text-shadow: 0 1px 2px rgba(0,0,0,.8);  
    color:#f2f2f2;
    transform:translateY(-50%);
    cursor:pointer;
}

.slideSipka .material-icons{
    font-size:70px;
}

.slideSipkaLeft{
    left:0;

}

.slideSipkaRight{
    right:0;
}

.slideTecky{
    position:absolute;
    width:100%;
    bottom:20px;
    display:flex;
    justify-content: center;
}

.slideTecka{
    width:15px;
    height:15px;
    border-radius:50%;
    border:1px solid #f2f2f2;
    cursor:pointer;
    margin:3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.8);  
}

.slideTeckaActive{
    background-color:#f2f2f2;
}

.slideObalFoto{
    position:relative;
}

.kostkyObal{
    width:100%;
    display:flex;
    justify-content: space-between;
    padding-top:20px;
}   

.obalNazev{
    padding-top:0px;
}

.kostkaObal{
    width:30%;
    display:flex;
    flex-direction:column; 
    border-radius:10px;
    overflow:hidden;
    position:relative;
}

.kostkaObrazek{
    width:100%;
    display:flex;
}

.kostkaObrazek img{
    width:100%;
    height:100%;

}


.kostkaInfo{
    width:100%;
    background-color:rgba(0,0,0,0.7);
    flex:1;
    padding-bottom:25px;
}

.kostkaInfoNadpis{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
    font-family: sans-serif;
    padding:15px;
}

.kostkaInfoText{
    color: #fff;
    font-size: 15px;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
    font-family: sans-serif;
    padding:15px;
}


.kostkaOtviraciLine{
    display:flex;
    align-items:center;
    margin-bottom:7px;
}

.kostkaOtviraciDen{
    width:150px;
}

.kostkaOtviraciCas{
    white-space:nowrap;
    font-weight:bold;
}


.kostkaOtviraciDnes{
    color:#88c059;
}

.obalMaly{
    width:100%;
    padding:40px;
}

.infoResta{
    width:100%;
    color:#fff;
    text-align:center;
    font-family: sans-serif;
    font-size:15px;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
}

.nazevResta{
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-family: sans-serif;
    margin-bottom:15px;
}

.infoRestaNazev{
    font-weight:bold;
}

.instaObal{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap; 
    padding-top:0;
}


.instaNadpis{
    margin-top:0px;
    margin-bottom:15px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-family: sans-serif;
}

.instaPopis{
    color: #fff;
    font-size: 15px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-family: sans-serif;
}

.instaObal:after{
    content:"";
    width:32%;
}

.instaPost{
    width:32%;
    min-width:326px;
    max-width:540px;
    margin-bottom:13px;
}

.nazevResta{

}

.sroub{
    position:absolute;
    width:21px;
    height:22px;
}


.sroub img{
    width:100%;
    height:100%;
}
.sroub.sroubLevy{
    left:5px;
}

.sroub.sroubPravy{
    right:5px;
}

.sroub.sroubNahore{
    top:5px;
}

.sroub.sroubDole{
    bottom:5px;
}

.footerObal{
    background-color:rgba(0,0,0,0.8);
    margin-top: 500px;
    padding-left:40px;
    padding-right:40px;
    padding-top:20px;
    padding-bottom:20px;
    min-height:250px;
    display:flex;
    justify-content: space-between;
    color:white;
}

.footerObal2{
    background-color:black;
    padding-left:40px;
    padding-right:40px;
    padding-top:20px;
    padding-bottom:20px;
    min-height:60px;
    display:flex;
    justify-content: space-between; 
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    color:white;
    align-items:center; 
    font-style:italic;
}

.footerSloup{
    max-width:24%;
}

.footerNadpis{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:26px;
    font-weight:bold;
    color:white;
    margin-bottom:15px;
}

.footerAdresa{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    color:white;
    margin-bottom:15px;
}

.footerAdresaRadek{
    margin-bottom:5px;

}

.footerTel{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    color:white;
    margin-bottom:15px;
}


.footerMail{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    color:white;
    margin-bottom:15px;
}

.footerKont{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    color: #A0D8F1;
    text-decoration: underline; 
}


.footerOtviraci{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    color:white;
}


.footerOtviraciLine{
    display:flex;
    align-items:center;
    margin-bottom:5px;
}

.footerOtviraciDen{
    width:100px;
}


.footerOtviraciCas{
    font-weight:bold;
}


.footerInfo{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    color:white;
    margin-bottom:15px;
}

.footerInfoLine{
    margin-bottom:5px;
}

.footerSledujte{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    color:white;
}


.footerSledujteLine{
    margin-bottom:15px;
    display:flex;
}

.footerSledujteText{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    color:white;
    display:flex;
    align-items:center;
}

.social{
    margin-right:15px;
    width:35px;
    height:35px;  
    border-radius:30%;
    overflow:hidden;
}

.socialIcon{
    display:flex;
    align-items:center;
    justify-content: center;
    width:100%;
    height:100%;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-size:23px;
}

.socialInsta .socialIcon{
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

.socialFace .socialIcon{
    background:#4267b2 ;
}

.socialTwit .socialIcon{
    background:#38a1f3;
}

.footerNews{
    border: 1px solid #fff;
    padding: 14px 10px 14px 10px;
    border-radius: 5px;
    border-radius: 4px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:bold;
    cursor:pointer;
}

.footerNews .obalka{
    font-size:19px;
}


.footerNewsImput{

}

.footerNewsOk{

}

.footer2Pravy{
    display:flex;

}

.footer2Btn{
    display:flex;
    cursor:pointer;
    padding-left:20px;
    font-weight:bold;
    font-style:normal;
}

.shadow{
    background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8), rgba(0,0,0,0));

}

.menuItemMenu .sipka{
    width:18px; 
}

.menuItemMenu.dropdown:focus{
    background-color:rgba(230, 144, 71, 0.9);
}

.menuItemMenu{
    display:flex;
    align-items:center;  
}

.menuItemMenu .dropdownshow{
    top:40px;
    font-size:16px;
    font-family: "Segoe UI",Arial,sans-serif;
    right:unset; 
    left:0; 
    font-weight:600;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
}



.menuItemMenu .dropdownAkce{
    width:150px;
    overflow:hidden;
    border-top-left-radius:0px;  
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background-color:rgba(230, 144, 71, 0.9);
}

.menuItemMenu .dropdownAkceItem{
    text-align:left;
    padding:15px; 
    width:100%;
}

.menuItemMenu .dropdownAkceItem:hover{
    background-color:#EC7D1C ;
}

.menuNadpis{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:27px;
    color:#fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-weight:bold;
}

.menuNavi{
    display:flex;
    background-color: rgba(0,0,0,0.7);
    background-repeat:repeat;
    position:relative;
    justify-content: space-evenly;
    margin-bottom:40px;
    border-radius:10px;

}



.menuNavi .sroub{
    top:50%;
    transform:translateY(-50%);
}

.menuNaviItem{
    padding:15px 15px;
    cursor:pointer;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:19px;
    color:#fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-weight:bold;
    transition:all 1s ease;
}

.menuNaviItem:hover{
    color:#DD5202;
}

.menuNaviItemActive{
    color:#DD5202;

}

.menuMenu{


    border-radius:10px;
    overflow:hidden;
}  

.menuMenuObal{
} 

.menuMenuNadpis{

}     

.menuSubmenu{
    display:flex;
    background-color: rgba(0,0,0,0.7);
}

.menuSubmenuIn{
    display:flex;
}

.menuSubmenuItem{
    padding:20px;
    cursor:pointer;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    color:#fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-weight:bold;
    white-space:nowrap;
}

.menuSubmenuItemDatum{
    font-size:14px;
    font-weight:normal;
    font-style:italic; 
    padding-left:5px;
}

.menuSubmenuItemActive{
    position: relative;
    background-color:#DD5202;
}

.menuSubmenuContent{
    background-color:#E7EEF4; 
    height:1000px;
}


.menuSubmenuItemActive:before{
    content: ''; 
    width: 14px;
    height: 14px; 
    position: absolute; 
    bottom: -7px; 

    right: 50%;
    background-color:#DD5202;
    -webkit-transform:  translateX(50%) rotate(45deg);
    -ms-transform:  translateX(50%) rotate(45deg); 
    transform: translateX(50%) rotate(45deg);
}

.menuSekce {
    padding:30px;
}


.menuSekceNadpis {
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:23px;
    color:#606060;
    font-weight:bold;
}

.menuSekceNadpis .pribor {
    width:45px;
    height:45px;
    margin-right:15px;
    background-color:#DD5202;
    border-radius:50%;
    padding:10px;
    color:white;
    text-align:center;
}

.menuSekceObsah {

}

.menuTable {
    width:100%;
    margin-top:30px;
    margin-bottom:0;
}

.menuCast {
    margin-bottom:50px;
}

.menuCast:last-child {
    margin-bottom:0px;
}

.menuTable td {
    vertical-align:top;
    padding:5px;
    line-height:20px;
}
.menuJidloLine {
    padding-bottom:10px;     
    color:#333;
}
.menuJidloHmotnost {
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:13px;
    color:#606060; 
    width:1%;
    white-space:nowrap;
    margin-right:10px;

}
.menuJidloNazev {
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:15px;
    font-weight:bold;
}
.menuJidloPopis {
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:14px;
    color:#606060;
    font-weight:normal;
}
.menuJidloCena {
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    width:1%;
    white-space:nowrap;
    text-align:right;
}


.obalRezervace{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.rezervaceKostka{
    position:relative;
    width:45%;
    display:flex;
    flex-direction:column;
}

.rezervaceObrazek{
    width:100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow:hidden;
    padding-top:48.31%;
    position:relative;
}

.rezervaceObrazek img{
    width:100%;
    object-fit:cover;
    filter:brightness(70%);
    position:absolute;
    top:0;
    left:0;
}


.rezervaceText{
    color: #fff;
    font-size: 15px;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
    font-family: sans-serif;
    position: relative;
    overflow:hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rezervaceKostkaAkce .rezervaceText{
    flex:1;
}


.rezervaceObrazekText{
    position:absolute;
    width:100%;
    top:33%;
    text-align:center;
    color: #fff;
    font-family: "Segoe UI",Arial,sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,.7);
    font-weight:bold;
}

.rezervaceObrazekNadpis{
    font-size:25px;
    border-bottom:2px solid #fff;
}

.rezervaceObrazekNadpis2{
    font-size:17px;
}


.rezervaceObsah{
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    flex: 1;
    padding: 25px;
    padding-bottom: 35px !important;
}

.rezervaceKostkaAkce .rezervaceObsah{
    height:100%;
    display:flex;
    flex-direction:column;
}

.rezervaceInputObal{
    display:flex;
    flex-wrap:wrap;
    flex: 1;
    justify-content: space-between;

}

.rezervaceKostkaAkce .rezervaceInputObal{
    flex-direction: column;
    justify-content:flex-start;
}

.rezervaceInputObalRadek{
    display:flex;
    justify-content: space-between;
}

.rezervaceInputObalRadekDole{
    height:30px;
    width:100%;
}

.rezervaceInput{
    margin-bottom:15px;
    height:29px;
    width:45%;
    border:none;
    border-radius:5px;
    background-color: rgba(255,255,255,0.9);
    padding:7px;
}

.rezervaceInputSouhlas{
    width:45%;
    height:30px;
    text-align:center;
}

.rezervaceInputSouhlas a{
    text-decoration:underline !important;
    color:#A0D8F1  !important;
}

.rezervaceInputOdeslat{
    width:45%;
    text-align:center;
}

.rezervaceInputOdeslatBtn{
    border:1px solid #88c059;
    color:white;
    background-color:#88c059;
    height:30px;
    border-radius:5px;
    display:flex;  
    align-items: center;
    justify-content: center;
    font-weight:bold;
    cursor:pointer;
}

.rezervaceObsahNadpis{
    margin-bottom: 20px;
}

.rezervaceObsahNadpis a{
    font-style:italic;
}


.rezervaceInputText{
    font-family: "Segoe UI",Arial,sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,.7);
    width:100%;
    margin-bottom:15px;
}

.rezervaceInputAkce{
    width:32%;
}

.rezervaceInputZprava{
    width:100%;
    height:74px;
    min-height:74px;
    resize:vertical;
    flex: 1;
}


.galeriePopisNazev{
    text-transform:uppercase;
    line-break:no-break;
    white-space:nowrap;
    font-weight:bold;
}

.obalGalerie{
    display:flex;
}

.obalGalerieLevy{
    margin-right:30px;
    flex:1;

}

.obalGaleriePravy{
    width:350px;
}


.galerieAlba{

}

.galerieKontakt{

}

.galerieBox{
    display:flex;
    flex-direction:column;
    margin-bottom:30px;
    border-radius:10px;
    overflow:hidden;
    background-color: rgba(0,0,0,0.7);
}


.galerieBoxNadpis{


    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 15px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-weight: bold;   
    margin-bottom:10px;
}


.galerieAlba .galerieBoxNadpis{
    display:flex;
    justify-content: space-between;
    align-items:center;
}

.galerieNadpisNastaveni{
    height:22px;
    margin-right:20px;
    margin-left:20px;
    cursor:pointer;
}

.galerieNadpisNastaveni .fas{
    font-size:22px;
}

.galerieNadpisNastaveni .material-icons{
    color:white;
}

.galerieAlbum .galerieNadpisNastaveni{
    margin-left:auto;
}

.galerieBoxNadpisText{
    background-color: #DD5202;   
    padding: 20px;
    display:inline-block;
    position: relative; 
    min-width:25%;

}

.obalGaleriePravy .galerieBoxNadpisText{
    min-width:40%;
}


.galerieBoxNadpisText:before{
    content: ''; 
    width: 14px;
    height: 14px; 
    position: absolute; 
    bottom: -7px; 
    left: 20px;
    background-color:#DD5202;
    -webkit-transform:  translateX(50%) rotate(45deg);
    -ms-transform:  translateX(50%) rotate(45deg); 
    transform: translateX(50%) rotate(45deg);
}

.galerieAlba{

}



.galerieFotky{
    display:flex;
    flex-wrap:wrap;  
    justify-content: space-between;
}

.galerieObsah{
    padding:20px;
}

.galerieFotkyFotka{
    width:calc((100% - 40px) / 3);
    padding-bottom:20px;
    cursor:pointer;

} 

.galerieKontaktObsah{
    padding-top:5px;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-weight:400;
    margin-bottom:20px;
}

.galerieFotkyFotka img{
    width:100%;
}

.galerieFotkyIn{
    width:100%;
}

.modalGal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: auto;
    text-align: center;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}

.obrazekModalIn {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    position: absolute;
    height: 95%;
    width: 85%;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    object-fit: scale-down;
    background-color: black;
    display: flex;
    justify-content: center;
    align-content: space-between;
    flex-direction: row;
}

.galerieCernaObr {
    position: relative;
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: calc(100%);
    padding: 15px;
}

.modalGalImg {
    max-width: 100%;
    max-height: 100%;
    object-fit: scale-down;
}

.modalGalPD {
    cursor: pointer;
    opacity: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;

}

.modalGalPD.modalGalPredchozi {
    left: 0px;
    background: linear-gradient(to right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    background: -moz-linear-gradient(left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    background: -ms-linear-gradient(left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    background: -o-linear-gradient(left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
}
.modalGalPD.modalGalDalsi {
    right: 0px;
    background: linear-gradient(to left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    background: -webkit-linear-gradient(right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    background: -moz-linear-gradient(right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    background: -ms-linear-gradient(right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    background: -o-linear-gradient(right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    justify-content: flex-end;
}
.modalGalPD:hover {
    opacity: 1;
}

.modalGalPD .material-icons {
    font-size: 60px;
    color: #F0F0F0;
    cursor: pointer;
    margin: 20px;
}

.modalGalPop {
    position: absolute;
    width: 100%;
    bottom: 0px;
    color: white;
    text-align: left;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    left: 50%;
    transform: translate(-50%,0);
    background: linear-gradient(to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
    background-repeat: repeat;
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 50px;
    padding-right: 50px;
    opacity: 0;
}

.galerieCernaObr:hover .modalGalPop {
    opacity: 1;
}

.zavritModalGal {
    position: absolute;
    font-size: 34px;
    color: #C6C6C6;
    cursor: pointer;
    top: 11px;
    right: 11px;
}

.galerieAlbaSeznam{
    display:flex;
    flex-direction:column;
    max-height:400px;
}

.galerieAlbum{
    width:calc(100% - 17px);
    display:flex;
    margin-bottom:10px;
    align-items:center;
    cursor:pointer;
    border-bottom:1px solid #E5E6EA;
    padding-bottom:5px;
}

.galerieAlbum:last-child{
    margin-bottom:0px;

}

.galerieAlbumObrazek{
    width:80px;
    min-width:80px;
    height:80px;
    margin-right:15px;
}

.galerieAlbumObrazek img{
    width:100%;
    height:100%;
    border-radius:10px;
}

.galerieAlbumNazev{

    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 15px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    font-weight:600;
}

.galerieObsahAlba{
    padding-right:3px;
}


.galerieKontaktNadpis{
    font-size:22px;

    font-weight:bold;
    margin-bottom:10px;
}

.galerieKontaktAdresa{
    margin-bottom:20px;
    padding-bottom:20px; 
    border-bottom:1px solid #E5E6EA;

}



.galerieKontaktAdresaRadek{
    line-height:1.55em;
}


.galerieKontaktRadek{
    cursor:pointer;
    line-height:1.55em;
}

.galerieKontaktRadekTel{

}

.galerieKontaktRadekMail{

}

.galerieKontaktRadekKont{
    color: #A0D8F1;
    text-decoration: underline; 
    margin-top:7px;
}


.mapObal{
    background-color:#B5E7B5;
}

.kontaktObal{
    display:flex;
}

.kontaktBoxLevy{
    margin-right:30px;
    flex-grow:1;
}

.kontaktBoxLevy .galerieKontaktAdresa{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none;
}

.kontaktBoxLevy .galerieBoxNadpisText{
    width:100%;
}

.kontaktBoxLevy .galerieObsah{
    display:flex;
    justify-content: space-between;
    margin-bottom:0;
    align-items:center;
    height:100%;
}

.kontaktBoxPravy{
    width:360px;
}

.kontaktKostka{
    width:32%;
}


.kontaktBoxLevy .social{
    margin-right:7px;
    width:25px;
    height:25px;  
    border-radius:50%;
    overflow:hidden;
}


.kontaktBoxLevy .socialIcon{
    font-size:15px;
}

.kontaktBoxLevy .galerieKontaktAdresaRadek{
    line-height:1.65em;
}

.kontaktBoxLevy .galerieKontaktRadekKont{
    margin-top:30px;
}

.kontaktKostkyObal{
    display:flex;
    justify-content: space-between;
    width:100%;
}

.onasObal{
    display:flex;
    justify-content: space-between;
    background-color:rgba(0,0,0,0.7);
    border-radius:10px;
    overflow:hidden;
    flex-direction:column;
}


.onasBox{
    font-family: "Segoe UI",Arial,sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
    color: #fff; 
    width:100%;
    display:flex;
} 

.onasBox1{

}  

.onasBox2 .onasText{
    order:2;
}

.onasBox2 .onasObrazek{
    order:1;
}    

.onasBox3{

} 

.onasText{
    display:flex;
    flex-direction:column;
    width:50%;
    order:2;
    padding:30px;
}  

.onasNadpis{
    font-size: 24px;
    font-weight:bold;
    margin-bottom:25px;
}

.onasPopis{
    font-size: 16px;
    font-weight:400;
    line-height:1.5em;
}

.onasObrazek{
    width:50%;
    order:1;
}


.onasObrazek img{
    width:100%;
}


.onasBox2 .onasText{
    order:1;
}

.onasBox2 .onasObrazek{
    order:2;
}   


.indexDenni{

}

.indexDenniObsah{

}


.indexDenniObsah .menuJidloLine{ /*cerna*/
    color:#fff;
}
.indexDenniObsah .menuJidloHmotnost, .indexDenniObsah .menuJidloPopis, .indexDenniObsah .menuSekceNadpis{ /*seda*/
    color:#D8DAE2;
}


.indexDenni .galerieBox{
    margin-bottom:0;
}

.fb_vsude {
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 100;
    display: flex;
    width:320px;
    right:-300px;
    pointer-events: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.fb_ukaz {
    width:20px;
    height:30px; 
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fb_ukaz.fa-facebook {
    margin:0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #3B5998;
    color: white;
}

.fb-page {
    width:300px;
    pointer-events: auto;
    background: #f5f6f7;
}

.fb_vsude:focus{
    right: 0;
}

.obalIndexFoto .obalGalerieLevy{
    margin-right:0;
}

.obalIndexFoto .galerieFotkyFotka{
    width:calc((100% - 60px) / 4) ;
}

.obalIndexFoto .galerieBox{
    margin-bottom:0;
}

.menuItem .menuIco{
    margin-right:5px;

}

.menuIco.material-icons{
    font-size:20px;
}

.menuItem .menuIco.fa{
    font-size:17px;
}

.menuItem a{
    display:flex;
    align-items:center;
}

.menuObsahLine .menuItemSoc{
    padding:0px 6px;
}

.menuItemMapa:hover .menuItemMapaText{
    text-decoration:underline !important;
}

.menuObsahLine .menuItemSoc1.menuItem{
    margin-left:20px;
}

.menuObsahLine .menuItem:last-child{
    padding-right:0;
}

.menuItemSoc .menuIco{
    margin-right:0;
}

.slideText{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    font-family: "Segoe UI",Arial,sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,.9); 
    text-align:center;
    top:25%;
    width:85%;
}


.slideNadpis{
    font-size: 39px;
    color: #fff;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:20px;
}


.slidePopis{
    font-size: 27px;
    color: #fff;
    font-weight:600;
    text-transform:none;  
}


.slideTlacitko{
    font-size:20px;
    color: #fff;
    font-weight:bold;
    background-color:rgba(0,0,0,0.7);
    border-radius:10px;
    display:inline-block;
    margin-top:20px;
    padding:9px 12px;
    border:2px solid #fff;
}

.mobileMenu{
    display:none;
}

.adminLoginBox{
    margin:auto;
    margin-top:50px;
    width:100%;
    max-width:360px;
    padding:20px;
    background-color:rgba(0,0,0,0.7);
    border-radius:10px;
    color: #fff;
    font-family: "Segoe UI",Arial,sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,.9); 
}

.adminLoginNadpis{
    text-align:center;
    font-weight:bold;
    margin-bottom:15px;
    font-size:25px;
}

.adminInput{
    width:100%;
    margin-bottom:3px;
    margin-top:15px;
}

.adminInputChyba{
    font-size:14px;
    font-style:italic;
    visibility:hidden;
}

.cervena{
    color:red;
}

.adminInputPrihlasit{
    width:200px;
    background-color:#88c059;
    border-radius:10px;
    margin:auto;
    cursor:pointer;
    font-weight:bold;
    font-size:17px;
    text-align:center;
    padding:5px 0;
    margin-top:15px;
}

.adminMenu {
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: space-evenly;
    border-radius: 10px;
    font-family: 'Open Sans',Roboto,sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
}

.adminMenuItem {
    padding: 10px;
    font-family: 'Open Sans',Roboto,sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
    cursor: pointer;
}

.alertCover {

}

.alertBox {

}

.alertErr .alertBox {

}

.alertOk .alertBox {

}

.instaNastaveniObal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 100;
    background-color: rgba(0,0,0,0.7);
}

.instaNastaveniBox {
    margin:auto;
    margin-top:50px;
    width:80%;
    min-width:360px;
    height:80%;
    position:relative; 
    background-color:white; 
}

.instaNastaveniBoxIn {
    overflow:auto;
    width:100%;
    height:100%; 
    padding:15px; 
}

.instaNastaveniTop{
    font-size:25px;
    text-align:center;
    font-weight:bold;
    color:#333;
    font-family: "Segoe UI",Arial,sans-serif;
}


.instaNastaveni1 {
    display:flex;
    justify-content: space-between; 
}

.instaNastaveniObsah {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-evenly;
    margin-top:30px;
}

.instaNastaveniPostOdstranit {
    width:24px;
    color:red;
    cursor:pointer;
}

.instaNastaveniPost {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    cursor:grab;
}

.instaNastaveni2 {
    display:flex;
    align-items:center;
    flex-direction:column;
}

.novyInstaButton {
    display:flex;
    justify-content: space-between; 

    background-color:#00a100;
    border-radius:20px;
    cursor:pointer;
    font-weight:bold;
    font-size:15px;
    text-align:center;
    padding:10px 15px;;
    letter-spacing:1px;
    color:white;
    font-family: "Segoe UI",Arial,sans-serif;

}

.instaInput{
    border:4px solid #c2c2c2;
    border-radius:20px;
    margin-top:30px;
    height:45px;
    width:340px;
}

.instaNastaveniZrusit {
    position:absolute;
    bottom:30px;
    right:30px;
    top:7px;
    right:15px;
    height:24px;
    width:24px;
    cursor:pointer;
}

.instaNastaveniUlozit {
    position:absolute;
    bottom:30px;
    right:30px;
    z-index:101;
    background-color:#00a100;
    border-radius:20px;
    cursor:pointer;
    font-weight:bold;
    font-size:15px;
    text-align:center;
    padding:10px 20px;;
    letter-spacing:1px;
    color:white;
    font-family: "Segoe UI",Arial,sans-serif;
}

.galerieNastaveniObrazek {
    width:300px;
    height:168px;
}

.galerieNastaveniObrazek img{
    width: 100%; height: 100%;
}


.instaNastaveniButton{
    margin:auto;
    width:200px;
    background-color:#00a100;
    border-radius:20px;
    margin:auto;
    cursor:pointer;
    font-weight:bold;
    font-size:17px;
    text-align:center;
    padding:10px 0;
    letter-spacing:1px;
    color:white;
    font-family: "Segoe UI",Arial,sans-serif;
    margin-bottom:20px;
}

.smazatAlbum{
    background-color:red;
    color:white;
    border-radius:20px;
    right:unset;
    left:30px;

    cursor:pointer;
    font-weight:bold;
    font-size:15px;
    text-align:center;
    padding:10px 20px;;
    letter-spacing:1px;
    font-family: "Segoe UI",Arial,sans-serif;
}


.galerieNastaveniObrazky{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-evenly;
    margin-top:30px;
}

.galerieNastaveniObrazekObal{
    margin-right:10px;
    margin-left:10px;
    position:relative;
    cursor:grab;
    margin-bottom:80px;
}

.galerieNastaveniObrazekObal .instaNastaveniPostOdstranit{
    position:absolute;
    top:5px;
    right:5px;
}


.galerieNastaveniPopis input{
    margin-top:10px;
    border-radius:10px;
    border:1px solid #c2c2c2;
    width:100%;
    height:30px;
    padding:5px;
}

.galerieDalsi{
    margin:auto;
    margin-top:15px;
    color:white;

    cursor:pointer;
    font-weight:bold;
    font-size:15px;
    text-align:center;
    letter-spacing:1px;
    font-family: "Segoe UI",Arial,sans-serif;
    text-decoration:underline;
}