*{margin:0;padding:0;}
html{scroll-behavior: smooth;}
body{font-size: 12px; text-align: center; font-family: "Poppins", sans-serif;}
a img{border:none;}
ul{padding-left: 15px;}
.cl, .cleaner{clear: both;}
input[type="button"],input[type="submit"],input[type="text"],textarea{-webkit-appearance:none;}
.fx{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

.theme{width: 100%; height: 800px; background-image: url(images/theme.jpg); background-size: cover;}
.logo{margin-top: 30px; margin-bottom: 40px;}
.menu{color:#fff; font-size: 14px; font-weight: 600;}
.menu a, .menu > span{color: #fff; text-decoration: none; margin-left: 17px; margin-right: 17px; display: inline-block; cursor: pointer;}
.submenu{display: none;}
span.sipka{width:7px;height:6px;display:inline-block;vertical-align:top;background-image:url(images/sipka-menu.png);margin-top:8px;margin-left:7px;}
.menu > span{position: relative; padding-bottom: 20px;}
.menu span.menu-item:hover .submenu{display: block; position: absolute; z-index:10; background-color: rgba(0,0,0,0.9); padding:12px 20px; left:0; top:30px; text-align: left; width: 110px;}
.menu span.menu-item .submenu a{margin-left: 0; margin-right: 0; font-weight: 300; font-size: 13px;}
.menu a:hover{text-decoration: underline;}
.theme-txt{margin-top: 80px; color:#fff;}
.slogan-1{text-transform: uppercase; font-size: 32px; font-weight: 200;}
.slogan-2{text-transform: uppercase;}
.slogan-2 h1{font-size: 80px; font-weight: 600;}
.cara{width: 70px; height: 3px; background-color: #fff; display: inline-block; margin-top: 60px; margin-bottom: 70px;}
.slogan-3{font-size: 20px; font-weight: 300;}

.panel{width: 100%; height: auto; display: table;}
.panel-txt{display: table-cell; width: 650px; text-align: left; padding-top: 120px; padding-bottom: 120px;}
.panel-img{display: table-cell; width: 50vw;}
.mezera-pred, .mezera-za{width: calc((100vw - 1300px) / 2);display: table-cell;}
.panel-txt h2{font-size: 100px; font-weight: 100;line-height: 115px;}
.panel-obsah{font-size: 18px; line-height: 28px; margin-top: 50px; }
.panel-obsah a{display: block; font-size: 26px; color:#017c51; font-weight: 700;margin-top: 50px;}
.panel-img{background-repeat: no-repeat; background-size: cover;}
.panel-left .panel-img{background-position: left top;} 
.panel-right{background-color: #f3f3f3;}
.panel-right .panel-img{background-position: right top;} 
.panel-right .panel-txt{text-align: right;}

.panel-fotbal .panel-img{background-image: url(images/img-fotbal.jpg);}
.panel-hokej .panel-img{background-image: url(images/img-hokej.jpg);}
.panel-kanoistika .panel-img{background-image: url(images/img-kanoistika.jpg);}
.panel-stolni-tenis .panel-img{background-image: url(images/img-stolni-tenis.jpg);}
.panel-cviceni .panel-img{background-image: url(images/img-cviceni.jpg);}
.panel-turistika .panel-img{background-image: url(images/img-turistika.jpg);}
.panel-lyzovani .panel-img{background-image: url(images/img-lyzovani.jpg);}

.pata{width: 100%; height: 420px; background-image: url(images/pata.jpg);}
.pata a:hover{text-decoration: underline;}
.logo-pata{margin-top: 60px; margin-bottom: 40px;}
.adresa{font-size: 16px; display: block; color:#fff; text-decoration: none; margin-bottom: 30px;}
.telefon, .mail{display: block; color:#Fff; font-size: 22px; font-weight: 300; text-decoration: none;}

.copy{width: 100%; height: 64px; background-color: #1e1e1e;}
.copy-left{float: left; margin-left: calc((100% - 1300px) / 2); font-size: 12px; color:#fff; margin-top: 23px;}
.copy-right{float: right; margin-right: calc((100% - 1300px) / 2); color:#fff; font-size: 10px; margin-top: 23px;}
.copy-right a{color:#fff; text-decoration: none;}
.copy-right a span{display: inline-block; vertical-align: top; margin-top: 1px; margin-right: 5px;}
.copy-right a img{display: inline-block; vertical-align: top;}

.historie{background-color: #f3f3f3; padding-top: 100px; padding-bottom: 120px;}
.historie .o{width:1300px; margin:0px auto; text-align:left; font-size:16px;}
.historie .o h2{font-size:40px;font-weight:300;display:inline-block;width:100%;margin-bottom:60px;  text-align:center;}