body {
	width: 100vw;
    height: auto;
	min-height: 100vh;
	background-color: rgba(235,232,227,1.00)!important;
	color: rgba(65,34,26,1.00);
    overflow-x: hidden;
    /*background-image: url(../img/menu/menu.jpg);*/
}
/*
.no-webp body { 
	background-image: url(../img/menu/menu.jpg);
}
.webp body { 
	background-image: url(../img/menu/menu_male_88.webp);
}
*/

/* banner */
.banner_hp_leto {
    display: none!important;
}


/* WYSIWYG */
.zz_web_vpravo_obsah h2 {
    float: left;
    clear: left;
    width: 100%;
    text-align: center;
}
.zz_web_vpravo_obsah h3 {
    float: left;
    clear: left;
    width: 100%;
    text-align: center;
}
.zz_web_vpravo_obsah h4 {
    float: left;
    clear: left;
    width: 100%;
    text-align: center;
}
.butonek {
	width: 90%;
	height: 48px;
	line-height: 48px;
	font-size: 1.1em;
	background-color: rgba(87,38,33,1.00);
	display: inline;
	float: left;
	clear: both;
	margin-left: 5%;
	margin-top: 0px;
	border-radius: 10px;
	text-align: center;
	background-image: url(../img/ikony/otd.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 24px 24px;
}
.butonek a {
	display: block;
    color: rgba(235,232,227,1.00)!important;
    padding-left: 1vw;
    padding-right: 1vw;   
	border-radius: 10px;   
    font-family: "zatoka_title_01"; 
    letter-spacing: 1px;
}
.butonek a:hover {
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.24);
    text-decoration: none;
    background-color: rgba(57,15,11,1.00);
	background-image: url(../img/ikony/otd.png);
	background-repeat: no-repeat;
	background-position: 0.7vw center;
	background-size: 1.4vw 1.4vw;  
}
.sirka_80 {
    width: 100%;
    float: left;
    clear: both;
}
.sirka_50 {
    width: 100%;
    float: left;
    clear: both;
}

.tab_cenik {
    width: 90%!important;
    height: auto;
    margin-left: 5%!important;
    float: left;
    clear: both;
    margin-bottom: 2vw;
}
.tab_cenik tr {
	height: 2vw;
	border-bottom: 1px solid rgba(114,89,90,1.00);
}
.tab_cenik tr:hover {
	background-color: rgba(218,186,123,1.00);
}
.tab_cenik td {
	height: 2vw;
	border-bottom: 1px solid rgba(114,89,90,1.00);
    text-indent: 2px;
}
/* IKO FB */
.zz_ikony_fb {
    width: 54px;
    height: 54px;
    position: absolute!important;
    z-index: 9700!important;
    top: 8px;
    right: 60px;
    cursor: pointer;
}
.zz_ikony_fb img {
    width: 54px;
    height: 54px;
    opacity: 0.9;
}
.zz_ikony_fb img:hover {
    opacity: 1;
}
/* WEB */
.zz_web {
	width: 100%;  
    height: auto;
    min-height: 100vh;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 0;
}
.zz_web_vlevo_home {
	width: 100vw!important;
	height: 65vh!important;
	left: 0;
	top: 35vh!important;
	position: absolute;
	z-index: 9500!important;
	background-size: 100vw 65vh !important;
	background-image: url("../img/hlava/leva_bg_01m.png");
	background-repeat: no-repeat;
    background-position: top center;
}
.zz_web_vlevo {
	width: 100vw!important;
	height: 78px!important;
	left: 0;
	top: 0!important;
	position: absolute;
	z-index: 9500!important;
	background-size: 100vw auto;
    background-image: url("../img/hlava/leva_bg_01m2.png");
	background-repeat: no-repeat;
    background-position: bottom center;
}
.zz_web_vlevo_bg {
	display: none;
}
.zz_web_vlevo_bg img {
	width: 24vw;
	height: 100vh;
}
.zz_web_vpravo {
	width: 100vw;
    height: auto;
	margin-top: 80px;
    float: left;
    clear: both;
    z-index: 1000!important; 
	-webkit-animation: pomaluzobraz 2s;
	animation: pomaluzobraz 2s;
}
.zz_web_vpravo a {
	/*text-decoration: underline;*/
    color: rgba(138,107,53,1.00);
    font-weight: 600;
}
.zz_web_vpravo_obsah{
	width: 96%;
    height: auto;
    float: left;
    clear: both;
    z-index: 1000!important; 
    margin-left: 2%;
	-webkit-animation: pomaluzobraz 2s;
	animation: pomaluzobraz 2s;
}
.zz_web_vpravo_obsah ul {
    width: 80%;
    float: left;
    clear: both;
    margin-bottom: 2vw;
}
.zz_web_vpravo_panorama {
	width: 100vw;
    height: auto;
	min-height: 80vh;
    float: left;
    z-index: 1000!important; 
    overflow: hidden;
}
.zz_web_vpravo_panorama iframe {
	width: 70vw!important;
    height: 80vh!important;
}
.zz_web_vpravo_pano {
	width: 100vw;
	height: 72vh;
    float: left;
    clear: both;
    z-index: 1000!important; 
    overflow: hidden;
    position: absolute;
    top: 28vh;
    left: 0;
    z-index: 1000;
}
.zz_web_vpravo_obsah_info {
	width: 96%;
    height: auto;
    margin-left: 2%;
    float: left;
    clear: both;
    z-index: 1000!important; 
}
.zz_web_vpravo_obsah_foto {
	width: 100%;
    height: auto;
    float: left;
    clear: both;
    z-index: 1000!important;    
    margin-top: 20px;
}
.zz_web_vpravo_obsah_rezervace {
	width: 90%;
    height: auto;
    float: left;
    clear: both;
    z-index: 1000!important;    
    margin-top: 20px;
    margin-left: 5%;
}
.zz_web_vpravo_obsah iframe{
	width: 100%;
    height: auto;
	min-height: 100vh!important;
    float: left;
    clear: both;
}
.zz_web_animace {
	width: 100vw!important;
	height: 74vw;
	right: 0;
	top: 0;
	position: fixed;
    z-index: 1000!important; 
	-webkit-animation: pomaluzobraz 2s;
	animation: pomaluzobraz 2s;
    overflow: hidden;
    cursor: pointer;
}
.zz_web_vpravo_kontakt{
	width: 100%;
    height: auto;
    float: left;
    clear: both;
    margin-top: 80px;
}
.zz_web_vpravo_mapa {
	width: 100%;
    min-height: 300px;
    height: auto;
    float: left;
    clear: both
    z-index: 1000!important; 
	overflow: hidden;
}
.zz_web_vpravo_mapa iframe {
	width: 100%;
    min-height: 300px;
}
/* FOTO */
.zz_foto_stranka {
    width: 100%;
    height: auto;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;    
}
.zz_foto_objekt{
	width: 90vw;
	height: auto;
    margin: 3vw;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.24);
    overflow: hidden;
}
.zz_foto_stranka img {
    width: 100%;
	height: auto;
}

/* NAVI */
.zz_obsah_navi {
	width: 100%;
	height: 48px;
	float: left;
	clear: both;
	border-bottom: 1px solid rgba(162,138,105,0.27);
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center!important;
    align-items: center!important;    
}
.zz_obsah_navi_pano {
	width: 100%;
	height: 16vh;
	position: absolute;
    top: 80px;
    left: 0;
	border-bottom: 1px solid rgba(162,138,105,0.27);
    overflow: hidden;
    margin-bottom: 2vw;
    background-color: rgba(199,182,158,0.69);
    z-index: 1100;
}

.zz_obsah_navi_home {
	width: auto;
	height:  48px;
	float: left;
    clear: both;
    overflow: hidden;
}
.zz_obsah_navi_home img {
	height: 18px;    
	margin: 15px;
}
.zz_obsah_navi_home img a{
	width: 18px; 
	height: 18px;  
}
.zz_obsah_navi_stranka {
	width: auto;
	height: 48px;
	text-align: center;
	line-height:  48px;
    overflow: hidden;
    font-size: 1.2em;
}
.zz_obsah_navi_stranka h1 {
	display: inline;
    font-size: 1.2em;
}

/* KONTAKT */
.zz_kontakt_leva {
    width: 100%;
    float: left;
    clear: both;
}
.zz_kontakt_text {
    width: 90%;
    float: left;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5%;
}
.zz_kontakt_box {
    width: 90%;
    float: left;
    clear: both;
    margin-left: 5%;
}
.zz_kontakt_box_50 {
    width: 90%;
    float: left;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5%;
}
.zz_kontakt_info {
    height: 48px;
    width: 100%;
    float: left;
    clear: both;
    line-height: 48px;   
}
.zz_kontakt_info_50 {
    height: 48px;
    width: 100%;
    float: left;
    line-height: 48px;
}
.zz_kontakt_iko {
    height: 48px;
    width: 48px;
    float: left;
}
.zz_kontakt_iko img {
    height: 24px;
    width: 24px;
    margin: 12px;
}
.zz_kontakt_data {
    height: 48px;
    width: auto;
    float: left;
    line-height: 48px;
}
.zz_kontakt_foto {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.zz_kontakt_foto_box1 {
    width: 100%;
    height: auto;
}
.zz_kontakt_foto_box2 {
    width: 33%;
    height: auto;
}
.zz_kontakt_foto img {
    width: 100%;
    height: auto;
}
.zz_kontakt_foto img:hgover {
    opacity: 0.5;
}
.zz_kontakt_otd {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
}
.zz_kontakt_otd_line {
    width: 100%;
    height: 48px;
    line-height: 48px;
    float: left;
    clear: both;
}
.zz_kontakt_otd_tit {
    width: 40%;
    height: 48px;
    line-height: 48px;
    float: left;
    text-align: right;
}
.zz_kontakt_otd_cas {
    width: 60%;
    height: 48px;
    line-height: 48px;
    float: left;
    text-indent: 8px;
}
/* LOGO HOME */ 
.zz_logo_home {
    width: 26vw;
    height: 14vh;
    margin-top: 4vh;
    margin-left: 6vw;
    overflow: hidden;
    float: left;
    clear: left;
    z-index: 9100!important;  
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.zz_logo_home img {
    width: 14vh;
    height: 14vh;
    -webkit-animation: pomaluzobraz 2s;
    animation: pomaluzobraz 2s;      
}
.zz_logo_home img:hover {
    opacity: 0.5;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s  ease-out;
    transition: opacity 1s  ease-out;       
}

.zz_logo_home_2{
    width: 64vw!important;
    height: 8vh;
    margin-top: 7vh;
    margin-right: 4vw;
    overflow: hidden;
    float: left
    z-index: 9100!important;    
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.zz_logo_home_2 img {
    width: 90%;
    height: auto;
    float: left;
    -webkit-animation: pomaluzobraz 2s;
    animation: pomaluzobraz 2s;      
}
.zz_logo_home_2 img:hover {
    opacity: 0.5;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s  ease-out;
    transition: opacity 1s  ease-out;       
}
/* LOGO */ 
.zz_logo {
    width: auto;
    height: 48px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 5px;
    overflow: hidden;
    float: left;
    clear: left;
    z-index: 9100!important;  
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.zz_logo img {
    width: 48px;
    height: 48px;
    -webkit-animation: pomaluzobraz 2s;
    animation: pomaluzobraz 2s;      
}
.zz_logo img:hover {
    opacity: 0.5;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s  ease-out;
    transition: opacity 1s  ease-out;       
}

.zz_logo_2{
    width: auto;
    height: 78px;
    line-height: 78px;
    overflow: hidden;
    float: left
    z-index: 9100!important;    
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.zz_logo_2 img {
    width: auto;
    height: 42px;
    margin-bottom: 7px;
    float: left;
    -webkit-animation: pomaluzobraz 2s;
    animation: pomaluzobraz 2s;      
}
.zz_logo_2 img:hover {
    opacity: 0.5;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s  ease-out;
    transition: opacity 1s  ease-out;       
}

/* MENU MALE */
.zz_menu_male {
	display: none;
}
/* MENU MALE */
.zz_menu_male_home {
	width: 100vw;
	height: auto!important;
	z-index: 9120!important;
	overflow: hidden;
    float: left;
    clear: both;
    margin-top: 1vh;
	-webkit-animation: pomaluzobraz 0.7s;
	animation: pomaluzobraz 0.7s;
    overflow: hidden;
}
.zz_menu_male_home ul {
    width: 100vw;
    height: auto;   
    list-style: none!important;
    padding: 0;
    top: 0vw;
    left: 0%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;     
    align-content: flex-start;
    align-items: flex-start;
}
.zz_menu_male_home ul li {
    width: 50%;
    min-height: 7.4vh!important;   
    line-height: 7.4vh; 
    text-align: center;
	display: block;
	list-style: none;
}
.zz_menu_male_home ul li a {
    color: rgba(207,186,155,1.00);
    font-family: "zatoka_title_01";     
    font-weight: 400!important;
    font-size: 3.2vh;  
    text-decoration: none;
    display: block;   
    text-shadow: 2px 2px 10px rgba(0,0,0,0.73);
}
.zz_menu_male_home ul li a:hover {
	color: rgba(229,218,201,1.00);
    text-shadow: 2px 2px 10px rgba(0,0,0,0.93);
	text-decoration: none;
	background-image: url(../img/menu/vlny2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 1.8vw;
}
.zz_menu_male_home ul li ul {
    display: none;
}
/* MENU */
.zz_menu {    
	width: 100vw!important;
	height: auto!important;
	min-height: 100vh;
	display: none;
	z-index: 9000!important;
	position: absolute!important;
	overflow: hidden;
	top: 80px;
	left: 0;
	-webkit-animation: pomaluzobraz 0.7s;
	animation: pomaluzobraz 0.7s;
	background-color: rgba(235,235,235,1);
	border-bottom: 10px solid rgba(58,8,4,1.00);
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.38);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.58);
}
.zz_menu_obsah {
    width: 100%;
    height: auto;
    z-index: 9000;
}
.zz_menu_obsah nav  {  
    -webkit-animation: pomaluzobraz 1.2s;
    animation: pomaluzobraz 1.2s;    
}
.zz_menu_obsah nav > ul {
    width: 100%;
    height: auto;
    list-style: none!important;
    padding: 0;
    top: 0vw;
    left: 0%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;   
    align-content: center;
    align-items: center;
}
.zz_menu_obsah nav > ul > li {
    width: auto;
    list-style: none!important;
    padding: 0;    
    min-height: 68px!important;   
    line-height: 68px; 
    text-align:  center;
	display: block;
	list-style: none;
}
.zz_menu_obsah nav > ul > li > a {
    min-height: 68px!important;   
    line-height: 68px;    
    color: rgba(58,8,4,1.00);
    font-family: "zatoka_title_01";     
    font-weight: 600!important;
    font-size: 1.25em;  
    text-decoration: none;
    display: block;   
    text-shadow: 2px 2px 10px rgba(0,0,0,0.33);
}
.zz_menu_obsah nav > ul > li > a:hover { 
    min-height: 68px!important;   
    line-height: 68px;      
    color: rgba(14,4,3,1.00);
    text-shadow: 2px 2px 10px rgba(0,0,0,0.33);
    display: block;
    text-decoration: none;
}
.zz_menu_obsah nav > ul > li > ul {
	width: 100%;
	height: auto;
    padding: 0;
    list-style: none!important;
    margin-top: 1vw;
	border-top: 1px solid rgba(138,112,80,1.00);    
}
.zz_menu_obsah nav > ul > li > ul > li {
	width: 100%!important;
	height: 32px!important;
	line-height: 32px;
	text-align: center;
	display: block;
	list-style: none;
	white-space: nowrap;
	border-bottom: 1px solid rgba(138,112,80,1.00);
}
.zz_menu_obsah nav > ul > li > ul > li > a {
    height: 32px!important;   
    line-height: 32px;  
    color: rgba(58,8,4,1.00);
    font-family: "zatoka_title_01";     
    font-weight: 400!important;
    font-size: 1em;  
    text-decoration: none;
}
.zz_menu_obsah nav > ul > li > ul > li > a:hover {
    height: 32px!important;   
    line-height: 32px;   
    color: rgba(14,4,3,1.00);
    text-shadow: 2px 2px 10px rgba(0,0,0,0.33);
}
.zz_menu_obsah nav > ul > li > ul > li > ul {
	display: none;
}
.w_active_item {
    color: rgba(0,177,234,1.00)!important;
	border-top: 0;  
}
.w_active_item a {
    color: rgba(0,177,234,1.00)!important;
	border-top: 0;   
}
/* SUBMENU SEKCE */
.zz_submenu_sekce {
    width: 100%;
    height: auto;   
    z-index: 9100!important;
    float: left;
    clear: both;
    cursor: pointer;
}
.zz_submenu_sekce ul{
    width: 100%;
    height: auto;   
    list-style: none!important;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
}
.zz_submenu_sekce ul li{
    width: 49.5%;
    height: 32px!important;  
    line-height: 32px;  
    list-style: none!important;
    padding: 0;
    text-align: center;
    background-color: rgba(94,54,50,0.29);
    margin-bottom: 1%;
}
.zz_submenu_sekce ul li a{
    display: block;
    font-family: "zatoka_title_01";     
    font-weight: 400!important;
    font-size: 1em;  
}
.zz_submenu_sekce ul li a:hover {
	opacity: 0.5;
	-webkit-box-shadow: inset 0px 0px 6px 2px rgba(10,2,2,0.2);
	box-shadow: inset 0px 0px 6px 2px rgba(10,2,2,0.2);
}
.zz_submenu_sekce_aktivni {
    background-color: rgba(87,38,33,1.00)!important;
    color: rgba(235,232,227,1.00)!important;    
}
.zz_submenu_sekce_aktivni a{
    color: rgba(235,232,227,1.00)!important;
}
/* MENU IKO */
.zz_menu_mobil_iko {
    width: 54px;
    height: 54px;
    position: absolute!important;
    z-index: 9700!important;
    top: 10px;
    right: 0.5vw;
    cursor: pointer;
}
.zz_menu_mobil_iko img {
    width: 48px;
    height: 48px;
}
.zz_menu_mobil_iko img:hover {
    -webkit-animation: pomalupruhledne 0.5s;
    animation: pomalupruhledne 0.5s;
}
.zz_menu_mobil {
    display: none;
    width: 100%;
    min-height: 100vh;
    position: absolute;
    z-index: 9700!important;;
    top: 64px;
    background-color: rgba(220,220,220,1.00);
}
.zz_menu_zavri {
    width: 32px;
    height: 32px;
    position: absolute!important;
    z-index: 9900;
    top: 10px;
    left: 10px;
    cursor: pointer;
}
.zz_menu_zavri img {
    width: 32px;
    height: 32px;
}
.zz_menu_zavri img:hover {
    -webkit-animation: pomalupruhledne 0.5s;
    animation: pomalupruhledne 0.5s;
    transform: rotate(5deg); 
    transform: rotate(-5deg);     
} 



/* GALERIE */
.zz_gal_box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.zz_gal_objekt {
    width: 90vw;
    height: auto;
    margin: 3vw;
    cursor: pointer; 
    float: left;
    clear: both;
}
.zz_gal_objekt_foto{
	width: 90vw;
	height: auto;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.26);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.26);
}
.zz_gal_objekt_foto img{
    width: 100%;
    height: auto;
}
.zz_gal_nazev {
    width: 100%;
    height: auto;
    margin-top: 5px;
    text-align: center;
}
.zz_gal_popis {
    width: 100%;
    height: auto;
    text-align: center;
}


/* CLANKY */
.zz_clanky {
    width: 100%;
    height: auto;
    float: left;
    clear:both;    
}
.zz_clanky_box {
	width: 98%;
	height: auto;
	float: left;
	clear: both;
	margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0.5%;
    padding-bottom: 20px;
	border: 1px solid rgba(138,121,109,1.00);
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.30);
    overflow: hidden;
}
.zz_clanky_box_foto {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    overflow: hidden;
}
.zz_clanky_box_foto img {
    width: 100%;
    height: auto;
    border: 0;
}
.zz_clanky_box_titulek {
    width: 90%;
    height: auto;
    min-height: 48px;
    margin-left: 4%;
    float: left;
    clear: both;
    overflow: hidden;
    font-size: 1.2em;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.zz_clanky_box_obsah {
    width: 90%;
    height: auto;
    float: left;
    clear: both;
    margin-left: 4%;    
    overflow: hidden;
    font-size: 0.9em;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;   
}
.zz_clanky_box_odkaz {
    width: 100%;
    height: 48px;
    line-height: 48px;
    float: left;
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.zz_clanky_box_odkaz p {
    display: inline!important;    
}
.zz_clanky_box_odkaz img {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-top: 15px;
}


/*  NAPIS */
.cv_napis {
    display: none;
}