body   { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size:1em; }
input,select  { font-family: 'Open Sans';  }
h2 { padding-top:0; margin-top:0; font-size:2em; color:#000080; font-weight:bold; }
.cleard { clear:both; }
.logo1 { width:100%; margin:0% auto; display:block; border:0; }
.logo2 { width:70%; margin:5% auto; border:10px solid white; border:0; display:block; display:none; }
.pad10 { padding:10% }
.pad10w { padding:10%; background-color:white;}
.pad5  { padding:5%; }
.navbar {
  display:none; overflow: hidden;  background-color: #eee;  border-bottom:2px ridge gray;  position: fixed;  bottom: 0;  width: 100%; padding:2px 0;  }
.navbar ul { padding:0; margin:0; border-top:0px solid white; }
.navbar ul li { display:inline; width:20%; float:left; padding:0; margin:0;   }
.navbar ul li a { color:gray; display:block; text-decoration:none; text-align:center; font-size:0.8em; font-weight:bold; height:50px; border-right:1px solid #d0d0d0;  }
.navbar ul li a img { height:25px; display:block; margin:3px auto; }
.vlocka1 { position:absolute; opacity:0.25; height:400px; }
.vlocka2 { opacity:0.25; height:400px;  }

.tabresults { margin:50px auto; text-align:center; width:100%; max-width:900px; }
.tabresults td { border-bottom:1px solid gray; }

.menu1 { color:white; background:#accedd; width:300px; float:left; height: 100%; overflow-y: auto; position: fixed; }
.menu1 ul { list-style-type:none; }
.menu1 ul li { padding: 5px;  font-size:1.2em; }
.menu1 a { color:black; font-weight:bold; text-decoration:none; }

.content { border:0px solid red; left:305px; position:absolute; width: calc(100% - 320px); line-height:1.5; background:url(imgs/bg04.jpg); z-index:100; }
.footer { text-align:right; margin-top:50px; margin-bottom:250px; padding:3%; }
.footerlogo { width:150px; float:right; margin:10px; padding:3px 30px;  }
.logo1s { display:none; }
.footer1 { width:95%; margin:0px auto; text-align:center; border-top:2px solid #15a6df; }

.iframevideo1 { width: calc(92vw - 330px); height: calc(100vw/2.5); }

.div30 { margin-bottom:15px; }
.tCenter { text-align:center; clear:both;  }
.itemSport { margin:30px 30px;   display: inline-block; vertical-align: middle; text-align:center; border:0px; font-weight:bold; } 
.itemSport img { width:100px; margin:0px 10px; display:inline;  }
a.itemSportLink { text-decoration:none; font-weight:normal; display:block; text-align:left; margin-top:5px; }
a.itemSportLink img { width:25px; float:left; }
.itemSportW { margin:30px 30px;   display: inline-block; vertical-align: middle; text-align:center; } 
.itemSportW img { width:100px; margin:0px 10px; display:block; }

.info1 { width:580px; float:left; margin-left:3%; margin-top:3%;}
.info1 h3 { color:#1188cc; margin-top:0; }
.info1img { width:80px; margin:5px 20px; float:left; }

.info2 { display: inline-block; vertical-align: middle;  margin:1% 2% 0% 2%; }
.info2img { width:25px; margin:0px 5px 0 0px; filter: grayscale(90%); }
.info2akt { width:25px; margin:0px 5px 0 0px; filter: grayscale(10%); }


td.tdbold { font-weight:bold; }
td.tdhead { font-weight:bold; color:#1188cc; }
.iconmenu1 { width:50px; padding:5px; display:none; float:right; }
.iconmenu1c { width:50px; padding:5px; display:none; float:right; }


.animlink1 {   display: inline-block;  text-decoration: none;}
.animlink1::after {   content: '';    display: block;    width: 0;    height: 2px;    background: #15A6DF;    transition: width .3s;}
.animlink1:hover::after {    width: 130%;    }

.partneri { padding:10%; text-align:center; }
.partneri img { width:80%; max-width:500px; }
.harmonogramMap { width:45px; padding:1px 10px; float:right; }
.table1div1 { font-weight:bold; width:320px; float:left; }


@media all and (max-width: 800px) 
{
.iconmenu1 { width:50px; padding:5px; display:block; float:right; }
.iconmenu1c { width:50px; padding:5px; display:none; float:right; }

.pad5  { padding:1%; }
.menu1 { width:100%; float:none; position: static;  background:#ffffff url(); text-align:left; }
.logo1 { width:60px; margin:0px auto; border:3px solid white; float:left; display:none; }
.logo2 { width:60px; margin:0px auto; border:3px solid white; float:left; display:block; }

.menu1 ul { list-style-type:none; text-align:center; background-color:#accedd; padding:0; margin:0; display:none; }
.content { width:100%; border:0; position:static; }
.footer { text-align:center; margin-top:50px; padding:1%; padding-bottom:250px; margin-bottom:0; }
.footerlogo { width:150px; float:none; margin:10px; display:block; margin:0px auto; }
.pad10w { display:none; }
.itemSportW {display:none; }
.itemSport img { width:80px; }
.info1img { width:60px; margin:10px 8px 20px 3px; float:left; }
.info1 { width:98%; font-size:0.8em; border-bottom:2px solid #dedede; width:95%; }
.table1 {  font-size:0.8em;  }
.harmonogramMap { width:35px; }
h2 { text-align:center; }
.logo1s { display:block; width:60%; margin:30px auto; }
.itemSport { margin:10px; }
.navbar { display:block; }

.table1div1 { font-weight:bold; width:auto; float:none; }
.hidden1 { display:none; }
.footer1 { display:none; }
.iframevideo1 { width: calc(95vw); height: calc(100vw/1.6); }
.vlocka1 { display:none; }
.vlocka2 { display:none; }

}