body, html {height: 100%;margin:0;font-family:calibri;padding: 0;}
#all { background: #dedede;padding-bottom: 5%;}
h3 {font-size: 1.2em;font-variant:  all-petite-caps; letter-spacing: 0px; ;/*! padding: 25px 0px 25px 0px; */margin: 1px;}
h1  {font-size: 1.5em;font-variant:  all-petite-caps; letter-spacing: -1px; ;/*! padding: 25px 0px 25px 0px; */margin: 1px;}
h1 a {text-decoration-line: none}
.item-content a{COLOR:rgba(43,53,57,1);text-decoration-line: none}

.Slide div{ text-align: center; width:100%;  position: relative;  top: 50%;}
.Slide .nazev a{ ;text-decoration-line: none;}

#top {background:#302f2c; padding:0; margin:0}
.menu  { background: -webkit-linear-gradient(45deg, #ffc600, #fcaf42);             -webkit-background-clip: text;color: #fff0;}
.topkontakt{ padding-bottom:5px}
#paticka {background:#302f2c; color:#999; text-align: left ;padding:10px 0;font-weight: normal;}
#paticka a{  color:#999;font-weight: normal;;text-decoration-line: none; font-weight: bold}
 .stred {display: table;}


@media (min-width: 1250px) {
	.logo {width: 25%;float: left;color: white;}
/*** Container ***/
.container {width:1200px; margin:0 auto;padding:4px 0px 0px 0px;}
.stred {background: white;position: relative;z-index: 1;height: 100vh;}
.Slide .custom {background-image: url(../images/webslideshow.jpg); background-size: cover;background-position-y: 31%;position: relative;z-index: 2;height: 70vh;}

.Slide  .uvitani { font-size: 1.32em;text-shadow: #EEEADA 1px 1px 1px;color: #5b1e1e;font-weight: bold;padding-bottom:10px}
.Slide .nazev { font-size: 3em;text-shadow: #EEEADA 1px 1px 1px;color: #5b1e1e;font-weight: bold;padding-bottom:10px}
.Slide .titulek { font-size: 1.35em;text-shadow: #5b1e1e 1px 1px 1px;color: #EEEADA;font-weight: normal; padding-bottom:10px}

#fotovclanku {float:right;width: 20%; padding: 0 0 0 20px; box-shadow: 30px 24px #1e3039;}
#fotogalerievclanku {width: 32.5%; padding:3px; ;}

/*** Menu ***/
	#logo_menu{background: linear-gradient(90deg, rgba(44,21,32,1) 0%, rgba(26,46,57,1) 48%, rgba(43,53,57,1) 100%);position: relative;Z-INDEX: 3;}
.nav {	display: flex;}
.menu{  width:66%;  margin: 0 auto;     /*! height:49px; *//*! color:#fff; */position: relative;z-index: 10000;float: right; letter-spacing: normal;font-size: 1em;/*! padding: 10px 0; */}
.menu ul ul {box-shadow: 5px 5px 4px 5px rgba(0, 0, 0, 0.2); }
.mod-menu {background-color: none; width: 100%; height: 39px; position: relative; z-index: 10;}
.menu li{/*! list-style-type: none; */padding: 10px 0;padding-left: 10px;margin-left: 7px;}
.menu li img{width:10px;}
.menu a:hover{color: #df2929; font-weight: bold;}
.menu a:active{color: black; font-weight: bold;}
.menu ul li ul{display:none;    top:34px;padding: 0px;}
.menu ul li ul ul{display:none;background: #02a9f0; left:100px;  height: auto;}
.menu ul li:hover > ul{display:block; position:absolute; float:none;background: #203139;padding: 15px 0;border-radius: 10px 10px 0px;list-style: none;}
.menu > ul > li{/*! display: inline-block; */    /*! margin-right: 0; */}
.menu > ul > li > a{}
.menu > ul > li {PADDING: 10PX 0;}
.menu > ul > li > ul {z-index:5;    }
.menu > ul > li > ul > li{padding: 10px;  margin-top: 1px; border-radius: 10px 10px 0px;}
.menu > ul > li > ul > li > a{font-weight: 400;}
div.menu > ul  {padding-left:0px;}
div.menu > ul > li > a > img {margin:-5px 1px 1px 1px;}
.menu li li a {   position: relative;color:white}
.menu li li {border-bottom: 1px solid #3797c2;   position: relative;color:white;padding: 10px;}
.menu li ul li:hover ul{   display:block;    position:absolute;    left:100%;     top:0;    width:max-content;}
.menu li ul li ul li{     white-space:nowrap;}

.com-content-article {  width:100%;  margin: 0 auto;     /*! height:49px; */color:#000; ;float: right; letter-spacing: normal;font-size: 1.2em;padding: 5px 0;padding: 8% 0;}
.item-pageindex svg{   margin: 0 auto;  display: block;  width:100px;}
 #banka {background: #eed7c2;position: relative;z-index: 1;border: 1px white solid;padding: 10px;}

#partneri {background: #e3e3e3;position: relative;z-index: 1;}
.partneri2 .custom{background: none ;position: relative;z-index: 1; width: 33%; float:left; padding: 10px; margin-right: 10px}
}
   

 
 

 /***********  Tablet ***/




@media (min-width: 900px) and (max-width: 1399px){
	
	.logo {width: 28%;float: left;color: white;letter-spacing: -1px;}
/*** Container ***/
.container {width:800px; margin:0 auto;padding:4px 0px 0px 0px;}
.stred {background: white;position: relative;z-index: 1;height: 100vh;}
.Slide .custom {background-image: url(../images/webslideshow.jpg); background-size: cover;background-position-y: 31%;position: relative;z-index: 2;height: 60vh;}

.Slide  .uvitani { font-size: 1.32em;text-shadow: #EEEADA 1px 1px 1px;color: #5b1e1e;font-weight: bold;padding-bottom:10px}
.Slide .nazev { font-size: 3em;text-shadow: #EEEADA 1px 1px 1px;color: #5b1e1e;font-weight: bold;padding-bottom:10px}
.Slide .titulek { font-size: 1.35em;text-shadow: #5b1e1e 1px 1px 1px;color: #EEEADA;font-weight: normal; padding-bottom:10px}

#fotovclanku {float:right;width: 20%; padding: 0 0 0 20px; box-shadow: 30px 24px #1e3039;}
#fotogalerievclanku {width: 32.5%; padding:3px; ;}

/*** Menu ***/
	#logo_menu{background: linear-gradient(90deg, rgba(44,21,32,1) 0%, rgba(26,46,57,1) 48%, rgba(43,53,57,1) 100%);position: relative;Z-INDEX: 3;}
.nav {	display: flex;}
.menu{  width:72%;  margin: 0 auto;     /*! height:49px; *//*! color:#fff; */position: relative;z-index: 10000;float: right; letter-spacing: normal;font-size: 1em;/*! padding: 10px 0; */}
.menu ul ul {box-shadow: 5px 5px 4px 5px rgba(0, 0, 0, 0.2); }
.mod-menu {background-color: none; width: 100%; height: 39px; position: relative; z-index: 10;}
.menu li{/*! list-style-type: none; */padding: 10px 0;}
.menu li img{width:10px;}
.menu a:hover{color: #df2929; font-weight: bold;}
.menu a:active{color: black; font-weight: bold;}
.menu ul li ul{display:none;    top:34px;padding: 0px;}
.menu ul li ul ul{display:none;background: #02a9f0; left:100px;  height: auto;}
.menu ul li:hover > ul{display:block; position:absolute; float:none;background: #203139;padding: 15px 0;border-radius: 10px 10px 0px;list-style: none;}
.menu > ul > li{/*! display: inline-block; */    /*! margin-right: 0; */}
.menu > ul > li > a{}
.menu > ul > li {PADDING: 18PX 0;letter-spacing: -0.5px;}
.menu > ul > li > ul {z-index:5;    }
.menu > ul > li > ul > li{padding: 10px;  margin-top: 1px; border-radius: 10px 10px 0px;}
.menu > ul > li > ul > li > a{font-weight: 400;}
div.menu > ul  {padding-left:0px;}
div.menu > ul > li > a > img {margin:-5px 1px 1px 1px;}
.menu li li a {   position: relative;color:white}
.menu li li {border-bottom: 1px solid #3797c2;   position: relative;color:white;padding: 10px;}
.menu li ul li:hover ul{   display:block;    position:absolute;    left:100%;     top:0;    width:max-content;}
.menu li ul li ul li{     white-space:nowrap;}

.com-content-article {  width:100%;  margin: 0 auto;     /*! height:49px; */color:#000; ;float: right; letter-spacing: normal;font-size: 1.2em;padding: 5px 0;padding: 8% 0;}
.item-pageindex svg{   margin: 0 auto;  display: block;  width:100px;}
 #banka {background: #eed7c2;position: relative;z-index: 1;border: 1px white solid;padding: 10px;}

#partneri {background: #e3e3e3;position: relative;z-index: 1;}
.partneri2 .custom{background: none ;position: relative;z-index: 1; width: 33%; float:left; padding: 10px; margin-right: 10px}

}

 













@media (max-width: 899px){
.container {width:100%; margin:0 auto;/*! padding:0px; */}
.stred {background: white;box-shadow: 3px 0px 7px 4px #ccc;padding: 10px;position: relative;display: flow-root;height:80vh}
.logo {text-align: center;color: white;padding: 10px;}
/*** Container ***/
.Slide .custom {background-image: url(../images/webslideshow.jpg); background-size: cover;background-position-y: 0%;position: relative;z-index: 2;height: max-content;padding: 20% 0 20% 0;}

.Slide  .uvitani { font-size: 1.2em;text-shadow: #EEEADA 1px 1px 1px;color: #5b1e1e;font-weight: bold;padding-bottom:10px}
.Slide .nazev { font-size: 2em;text-shadow: #EEEADA 1px 1px 1px;color: #5b1e1e;font-weight: bold;padding-bottom:10px}
.Slide .titulek { font-size: 1.2em;text-shadow: #5b1e1e 1px 1px 1px;color: #EEEADA;font-weight: normal; padding-bottom:10px}

#fotovclanku {float:right;width: 20%; padding: 0 0 0 20px; box-shadow: 30px 24px #1e3039;}
#fotogalerievclanku {width: 32.5%; padding:3px; ;}

/*** Menu ***/
#logo_menu{background: linear-gradient(90deg, rgba(44,21,32,1) 0%, rgba(26,46,57,1) 48%, rgba(43,53,57,1) 100%);HEIGHT: 70px;position: relative;}
.icon-menu {color:black; /*! font-size:2em; */ }
.nav {	display: flex;}
.menu{  width:100%;  margin: 0 auto;     /*! height:48px; */text-align:center;position: relative;z-index: 10000;float: left; letter-spacing: normal;font-size: 1em;background: white;}
.menu li{list-style-type: none;margin: auto;width: 100%;padding: 8px;background: white;text-align: center;font-size: 1.5em;color: #3895c1;float: left;}
.icon-menu:after { content:"MENU";padding: 10px; font-size:1.2em; font-family: calibri; padding-top:10px;color: #ececec;}
.menu li a{list-style-type: none;margin: auto;width: 100%;padding: 2px;text-align: center;font-size: 1em;color: #302f2c;float: left;}
.menu li img{width:10px;}
.menu a:hover{color: #162642; font-weight: bold;}
.menu a:active{color: black; font-weight: bold;}
.menu ul li:hover > ul{display:block; position:relative; float:none; }
div.menu > ul  {padding-left:0px;}
div.menu > ul > li > a > img {margin:-5px 1px 1px 1px;}
.menu li li a {   position: relative;color:#8c8787;}
  
.com-content-article {  width:100%;  margin: 0 auto;     /*! height:49px; */color:#000; ;float: right; letter-spacing: normal;font-size: 1.2em;padding: 5px 0;padding: 8% 0;}
.item-pageindex svg{   margin: 0 auto;  display: block;  width:100px;}
#banka {background: #eed7c2;position: relative;z-index: 1;border: 1px white solid;padding: 10px;}

#partneri {background: #e3e3e3;position: relative;z-index: 1;}
.partneri2 .custom{background: none ;position: relative;z-index: 1; width: 33%; float:left; padding: 10px; margin-right: 10px}

}