/* OBECNE STYLY */

body, html {
 height: 100%;
 background-color: #111111;
}

* { margin: 0; padding: 0; }

BODY, DIV, TABLE, CAPTION,ADRESS, IMG {
  border: 0;
  font-family: Arial;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, p, ul, ol, b, a, li, td, th, strong, span, div {font-family: "Cabin", serif;}

h1{text-align: center;color:white;font-size: 35px;font-weight: 400;margin-bottom: 10px;}
h2{color:white;font-size: 30px;font-weight: 400;margin-bottom: 10px;}
h3{color:white;font-size: 25px;font-weight: 400;margin-bottom: 10px;}
h4{color:white;font-size: 20px;font-weight: 400;margin-bottom: 10px;}
h5{color:white;font-size: 18px;font-weight: 400;margin-bottom: 10px;}

@media only screen and ( max-width: 800px ){
    h1{font-size: 25px;}
    h2{font-size: 20px;}
}

a{color: #da251c;text-decoration: none;}
a:hover{text-decoration: underline;}

form{text-align: left;}

ul, ol {
    line-height: 100%;
}

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.hidden{display: none;}

.toCenter{display: block;text-align: center;margin: 0 auto;}
.halfwidth{width: 50%;}
.right{text-align: right;}
.cleaner{display: block;height: 0;clear: both;overflow: hidden;content: ' ';font-size: 0;}
.fb-like{top:-5px;}
.seznam{width: 100%; font-size: 12px; text-align: left;}
.seznam th{padding: 5px;color: black!important;}
.seznam td{padding: 5px;color: black!important;}

.msgOK{position: relative;z-index: 99;background-color: #438bc5;  font-weight: 900; font-size: 15px; color: white; text-align: center; padding: 10px;}
.msgError{position: relative;z-index: 99;background-color: #E21A1A;  font-weight: 900; font-size: 15px; color: white; text-align: center; padding: 10px;}

.grecaptcha-badge{display: none;}

/* LAYOUT */
#panelMiddle{min-height: 100%;position: relative;width: 100%;z-index: 94;}
.panelMiddleIn{max-width: 1200px;padding: 0 10px; margin:0 auto;}
#panelStred{padding: 0 0 77px 0;}
#panelTop{position: fixed;width:100%;z-index: 99;box-sizing: border-box;}

#panelContent{text-align: center;background: none;}

#logo{padding:20px 0;float: left;text-align: center;margin-left: 50px;}
#logo a{text-decoration: none;width: 100%;}
#logo a img{max-width:100% !important;height:auto !important;}

@media only screen and ( max-width: 1600px ){
    #logo{margin-left: 10px;}
}

@media only screen and ( max-width: 800px ){
    #logo a img{height:60px!important;}
}

#jazyky{padding:30px 0;float: right;text-align: center;margin-right: 50px;}

@media only screen and ( max-width: 1600px ){
    #jazyky{margin-right: 10px;}
}

@media only screen and ( max-width: 1200px ){
    #jazyky{padding:40px 0;}
}

#panelMenu{position: fixed;width:100%;z-index: 98;background-color: #3974ac;}

#panelSlogan{position: relative;height: 100vh;background: white url('../img/slogan_bg.jpg') center center no-repeat;background-size: cover;}

#slogan{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1200px;z-index: 99;}
#slogan p{font-size: 18px;line-height: 40px;font-weight: 400;color: white;text-align: right;text-transform: uppercase;}
#slogan strong{font-size: 150px;font-weight: 600;margin-bottom: 20px;color: white;text-transform: uppercase;text-align: center;}

@media only screen and ( max-width: 1200px ){
    #slogan{width: 100%;}
    #slogan strong{font-size: 120px;}
}

@media only screen and ( max-width: 1000px ){
    #slogan strong{font-size: 100px;}
}

@media only screen and ( max-width: 800px ){
    #slogan strong{font-size: 80px;}
}

@media only screen and ( max-width: 600px ){
    #slogan strong{font-size: 40px;}
    #slogan p{font-size: 20px;text-align: center;}
}

#panelSlider{position: relative;width:100%;height: 100vh;overflow: hidden;z-index: 97;background-color: #111111;margin: 0 auto;}
#panelSlider img{-webkit-animation:10s ease-out forwards kenburns-zoomin;animation:10s ease-out forwards kenburns;}

@keyframes kenburns{
  0%   {transform:scale3d(1, 1, 1);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);}
  100% {transform:scale3d(1.2, 1.2, 1.2);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);}
}

#panelSlider.vyskaAuto{height: auto;}

@media only screen and ( max-width: 1600px ){
    #panelSlider{height: auto;}
}

@media only screen and ( max-width: 600px ){
    #panelSlider{padding-top: 100px;}
}

#panelSocial{cursor: pointer;z-index: 99;position: fixed;bottom: 20px;left:20px;}
#panelSocial a.facebook{display: block;float: left;width: 40px;height:40px;background: transparent url('../img/facebook.png') center center no-repeat;}
#panelSocial a.instagram{display: block;float: left;width: 40px;height:40px;background: transparent url('../img/instagram.png') center center no-repeat;}
#panelSocial a.youtube{display: block;float: left;width: 40px;height:40px;background: transparent url('../img/youtube.png') center center no-repeat;}

#panelQuick{cursor: pointer;z-index: 99;position: fixed;bottom: -120px;right:60px;background: transparent url('../img/quick.png') top right no-repeat;padding-top: 40px;transition: all 0.5s;}
#panelQuick p{color: white;font-size:18px;font-weight:500;padding: 20px;}
#panelQuick strong{font-size:25px;font-weight:500;text-transform: uppercase;}
#panelQuick a{color: white;font-weight:400;}
#panelQuick a:hover{color: #da251c;}
#panelQuick:hover{bottom: 0px;}

#panelPersonal{padding: 0;text-align: center;padding: 100px 0;}

#personal .personal{position: relative;display: inline-block;width: 250px;text-align: center;font-size: 0;margin: 20px;vertical-align: top;}
#personal h2{color:#5a5a5a;font-size: 35px;font-weight: 400;margin-bottom: 20px;text-align: center;}
#personal h3{color:#5a5a5a;font-size: 20px;font-weight: 700;margin-bottom: 5px;text-align: center;}
#personal p{color:#5a5a5a;font-size: 20px;font-weight: 400;margin-bottom: 0px;text-align: center;}
#personal a{color:#da251c;font-size: 18px;font-weight: 400;margin-top: 10px;text-align: center;}
#personal img{max-width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all 0.9s;}
#personal a.facebook{display: inline-block;width: 25px;height:25px;background: transparent url('../img/facebook_small.png') center center no-repeat;}
#personal a.instagram{display: inline-block;width: 25px;height:25px;background: transparent url('../img/instagram_small.png') center center no-repeat;}
#personal a:hover{text-decoration: none;}
#personal a:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}

#personal a.button{color: #5a5a5a;text-decoration: none;font-size: 12px;font-weight: 700;border: 2px solid #5a5a5a;padding: 10px;transition: all 0.9s;text-transform: uppercase;}
#personal a.button:hover{color: #5a5a5a;border: 2px solid #cd4b8c;text-decoration: none;}

#panelGalerie{max-width: 1920px;margin: 0 auto;overflow-x: hidden;text-align: center;}
#panelGalerie div.galerie{float: left;width: 25%;text-align: center;font-size: 0;margin: 0px;vertical-align: top;}
#panelGalerie h2{color:#5a5a5a;font-size: 35px;font-weight: 400;margin-bottom: 20px;text-align: center;}
#panelGalerie div.img{overflow: hidden;padding-top: 100%;}
#panelGalerie div.img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-filter: grayscale(100%) contrast(130%);filter: grayscale(100%) contrast(130%);transition: all 0.9s;}
#panelGalerie div.galerie:hover img{-webkit-filter: grayscale(0%) contrast(130%);filter: grayscale(0%) contrast(130%);}

@media only screen and ( max-width: 1200px ){
    #panelGalerie div.galerie{width: 33.333333%;}
}

@media only screen and ( max-width: 800px ){
    #panelGalerie div.galerie{width: 50%;}
}

#panelOceneni{position: relative;background: transparent url('../img/oceneni.jpg') center center no-repeat;background-size: cover;padding: 50px 0;}

#panelOceneni h1{color: #ffffff;font-size: 50px;font-weight: 400;text-transform: uppercase;text-align: left;}
#panelOceneni ul{display: inline-block;text-align: left;margin: 50px;}
#panelOceneni li{color:white; margin-bottom: 10px;font-size: 20px;font-weight: 300;padding-left:20px;}


#panelMapa{padding: 0;}
#panelMapa h2{color:#5a5a5a;font-size: 35px;font-weight: 400;margin-bottom: 20px;text-align: center;}

#mapa{width: 100%;height: 500px;margin-top: 50px;}

#panelFooter{position: absolute;bottom: 0;width:100%;background-color: black;}

#footer{padding: 30px;}
#footer .toLeft, #footer .toRight {
    padding: 0 5px;
}
#footer p{text-align: right;font-size: 15px;font-weight: 400;color: #5a5a5a;margin-bottom: 0;}
#footer a{color:#ee1f29;font-size: 15px;font-weight: 400;}

@media only screen and ( max-width: 700px ){
    #footer{padding: 20px 100px;}
    #footer p{text-align: center;float: none;margin: 0!important;margin-bottom: 5px;}
}

@media only screen and ( max-width: 500px ){
    #panelStred{padding: 0;}
    #panelFooter{position: relative;}
}

#edit{float: right; margin: 5px; width: 130px;}

#upload{float: left; margin: 5px;}
#upload label{float: left; padding-top: 4px; font-size: 13px; color: white; margin-left: 10px;}
#upload b{cursor: pointer; float: left;}
#upload input{float: left; margin-left: 10px;}
#upload select{float: left;margin-left: 10px;height: 21px;}
#upload .popis{height: 21px;}
#upload div.img{display: none; float: left; padding: 5px; background-color: #546a76;color: white;}
#upload div.file{display: none; float: left; padding: 5px; background-color: #546a76;color: white;}

div.foto{position: relative;width: 100%;height: 100vh;overflow: hidden;text-align: center;}
div.foto img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
div.foto div.obsah{display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
div.foto h1{color: white;font-size: 150px;font-weight: 400;padding: 10px 30px;text-transform: uppercase;white-space: nowrap;}
div.foto p{color: white;font-size: 20px;font-weight: 200;}

@media only screen and ( max-width: 1200px ){
    div.foto h1{font-size: 120px;}
}

@media only screen and ( max-width: 1000px ){
    div.foto{height: auto;}
    div.foto img{position: relative;top: 0;left: 0;transform: none;}
    div.foto h1{font-size: 100px;}
}

@media only screen and ( max-width: 800px ){
    div.foto h1{font-size: 80px;}
}

@media only screen and ( max-width: 600px ){
    div.foto{padding-top: 100px;}
    div.foto h1{font-size: 60px;}
}

@media only screen and ( max-width: 500px ){
    div.foto h1{font-size: 50px;}
}

div.bezlogo{position: relative;width: 100%;height: 100px;overflow: hidden;text-align: center;}

.uvod div.bezlogo{height: 0px;}

#podmenu{text-align: center;}
#podmenu a{font-size: 15px; font-weight: 800;text-decoration: none!important;}
#podmenu a:hover{text-decoration: underline!important;}

#panelLeft{float: right;width: 600px;overflow: hidden;box-sizing: border-box;padding: 120px 0 20px 0;}

#panelMain{width: auto;overflow: hidden;box-sizing: border-box;padding: 100px 0 0 0;}
#panelMain div.popis{text-align: left;box-sizing: border-box;padding: 0 0 100px 0;}
#panelMain div.dokumenty{text-align: left;}
#panelMain h1{text-align: left;color:white;font-size: 50px;margin-bottom: 40px;text-transform: uppercase;}
#panelMain p{color:white;font-size: 17px;margin-bottom: 20px;font-weight: 400;}
#panelMain b{color:white;font-size: 17px;margin-bottom: 20px;font-weight: 600;}
#panelMain strong{font-weight: 500;}
#panelMain a{text-decoration: none;}
#panelMain a:hover{text-decoration: underline;}
#panelMain a.vice{display: inline-block;text-align: center; text-decoration: none;color: #66cc33;font-size: 15px;font-weight: 400;padding: 0 10px 10px 10px;border-bottom: 2px solid #f07c31;}

#panelMain hr{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); margin-bottom: 50px;margin-top: 50px;}

#panelMain a.button{color: #5a5a5a;text-decoration: none;font-size: 12px;font-weight: 700;border: 2px solid #5a5a5a;padding: 10px;transition: all 0.9s;text-transform: uppercase;}
#panelMain a.button:hover{color: #6c757a;border: 1px solid #66cc33;background-color: white;text-decoration: none;}

@media only screen and ( max-width: 800px ){
    div.bezlogo{height: 0px;}
    #panelLeft{float: none;width: 100%;overflow: hidden;box-sizing: border-box;padding: 0;}
    #panelMain ul{margin-left: 0px;}
    #panelMain ul li{padding: 0;margin: 0; background: none;}
    #panelMain div.popis img{float: none!important;width: auto!important;max-width: 100%!important; height: auto!important;margin: 10px 0!important;}
    #panelMain div.popis iframe{float: none!important;width: auto!important;max-width: 100%!important; height: auto!important;margin: 10px 0!important;}
    #panelMain h1{text-align: center;}
}

/*ol,ul*/
#panelMain ul,ol {position: relative;list-style: none;padding: 0;}
#panelMain ul li,ol li {color:white;font-size: 17px;font-weight: 400;line-height: 150%;margin: 20px 0;}
#panelMain ol li:before {position: absolute;left: 0;color: #da251c;font-size: 25px;font-weight: 300;}
#panelMain ol {counter-reset: listitem;}
#panelMain ul {counter-reset: listitem;margin-left: 20px;}
#panelMain ol li {padding-left: 20px;}
#panelMain ul li {padding-left: 20px;}
#panelMain ol li:before {counter-increment: listitem;content: counters(listitem, '.') '.';padding-right: 20px;}
#panelMain ul li:before {counter-increment: listitem;content: '\2022';color: #da251c;padding-right: 20px;}
#panelMain ol ol li {margin: 10px 0;}
#panelMain ol ul li {margin: 10px 0;}

#horizontalTab li{padding: 0!important;margin: 0!important;}
#horizontalTab li:before {content: none!important;padding: 0!important;margin: 0!important;}

/*table*/
table{width: 100%;border-collapse: collapse;border: none;margin-bottom: 10px;}
table p{margin: 0!important;}
th{border: none;color:white;font-size: 17px;font-weight: 600;text-align: left;padding: 10px;}
td{border: none;color:white;font-size: 17px;font-weight: 400;text-align: left;padding: 10px;}
tr{}

@media only screen and ( max-width: 800px ){
    table{width: 100%!important;}
}

#fotky{max-width: 1920px;margin: 0 auto;overflow: hidden;text-align: center;text-align: center;box-sizing: border-box;margin-bottom: 50px;}
#fotky div.fotky{float: left;position: relative;width: 20%;font-size: 0;margin: 0px;vertical-align: top;}
#fotky .fotky a{display: block;position: relative;width: 100%;font-size: 0;text-align: center;overflow: hidden;}
#fotky .fotky a:hover{text-decoration: none;}
#fotky .fotky div.img{position: relative;overflow: hidden;padding-top: 100%;}
#fotky a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-filter: grayscale(100%) contrast(130%);filter: grayscale(100%) contrast(130%);transition: all 0.9s;}
#fotky a img.portrait{max-width: 100%;}
#fotky a img.landscape{max-height: 100%;}
#fotky a:hover img{-webkit-filter: grayscale(0%) contrast(130%);filter: grayscale(0%) contrast(130%);}
#fotky a span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 17px;
    font-weight: 700;
    opacity: 0;
    transition: opacity 1s;
    text-shadow: 0 2px 8px black;
}
#fotky a:hover span{opacity: 1;}
#fotky a.del{position:absolute;top: 3px; left:21px;background: transparent url('../img/kos_foto.png') no-repeat; width:15px; height:15px; border: none;}
#fotky div.edit{cursor: pointer; z-index: 90;position:absolute; top: 3px; left:3px;background: transparent url('../img/pencil_foto.png') no-repeat; width:15px; height:15px; border: none;}
#fotky form{display: none; width:180px; float: left; position: relative; top:15px; padding: 5px; background-color: #546a76;color: white;}
#fotky form label{float: left; margin-right: 5px;font-size: 12px; color: white;}
#fotky input{padding: 2px; margin-bottom: 5px;}
#fotky form input.button{text-align: center; color: black; background-color: white; border: none;}

@media only screen and ( max-width: 1200px ){
    #fotky div.fotky{width: 33.333333%;}
}

@media only screen and ( max-width: 800px ){
    #fotky div.fotky{width: 50%;}
}

@media only screen and ( max-width: 600px ){
    #fotky div.fotky{width: 100%;}
}

#galerie{max-width: 1920px;margin: 0 auto;overflow: hidden;text-align: center;text-align: left;box-sizing: border-box;margin-bottom: 50px;}
#galerie h3{text-align: left;font-size: 25px;color: white;font-weight: 500;text-transform: uppercase;}
#galerie a{text-align: left;font-size: 25px;color: white;font-weight: 500;text-transform: uppercase;}
#galerie p{text-align: left;font-size: 17px;font-weight: 400;color: white;margin-bottom: 30px;}
#galerie div.fotky{float: left;position: relative;width: 20%;font-size: 0;margin: 0px;vertical-align: top;}
#galerie .fotky a{display: block;position: relative;width: 100%;font-size: 0;text-align: center;overflow: hidden;}
#galerie .fotky a:hover{text-decoration: none;}
#galerie .fotky div.img{position: relative;overflow: hidden;padding-top: 100%;}
#galerie a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-filter: grayscale(100%) contrast(130%);filter: grayscale(100%) contrast(130%);transition: all 0.9s;}
#galerie a img.portrait{max-width: 100%;}
#galerie a img.landscape{max-height: 100%;}
#galerie a:hover img{-webkit-filter: grayscale(0%) contrast(130%);filter: grayscale(0%) contrast(130%);}
#galerie a span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;color:#2f5597;font-size: 17px;font-weight: 700;opacity: 0;transition: opacity 1s;}
#galerie a:hover span{opacity: 1;}

@media only screen and ( max-width: 1200px ){
    #galerie div.fotky{width: 33.333333%;}
}

@media only screen and ( max-width: 800px ){
    #galerie div.fotky{width: 50%;}
    #galerie p img{float: none!important;width: auto!important;max-width: 100%!important; height: auto!important;margin: 10px 0!important;}
    #galerie p iframe{float: none!important;width: auto!important;max-width: 100%!important; height: auto!important;margin: 10px 0!important;}
}

@media only screen and ( max-width: 600px ){
    #galerie div.fotky{width: 100%;}
}

#aktuality{text-align: left;box-sizing: border-box;margin-bottom: 50px;}
#aktuality div.aktuality{position: relative;}
#aktuality h3{text-align: left;font-size: 25px;color: white;font-weight: 500;text-transform: uppercase;}
#aktuality a.nadpis{text-align: left;font-size: 25px;color: white;font-weight: 500;text-transform: uppercase;}
#aktuality p{text-align: left;font-size: 17px;font-weight: 400;color: white;margin-bottom: 30px;}
#aktuality p.datum{display: inline-block;background-color: #da251c;padding: 5px 10px;color: white;font-weight: 500;font-size: 17px;}
#aktuality div.fotky{float: left;position: relative;width: 20%;font-size: 0;margin: 0px;vertical-align: top;}
#aktuality .fotky a{display: block;position: relative;width: 100%;height:100%;font-size: 0;text-align: center;overflow: hidden;}
#aktuality .fotky a:hover{text-decoration: none;}
#aktuality .fotky div.img{overflow: hidden;padding-top: 100%;}
#aktuality iframe{max-width: 100%;}
#aktuality img{max-width: 100%;}
#aktuality ul,ol {position: relative;list-style: none;padding: 0;}
#aktuality ul li,ol li {color:white;font-size: 17px;font-weight: 400;line-height: 150%;margin: 20px 0;}
#aktuality ol li:before {position: absolute;left: 0;color: #da251c;font-size: 25px;font-weight: 300;}
#aktuality ol {counter-reset: listitem;}
#aktuality ul {counter-reset: listitem;margin-left: 20px;}
#aktuality ol li {padding-left: 20px;}
#aktuality ul li {padding-left: 20px;}
#aktuality ol li:before {counter-increment: listitem;content: counters(listitem, '.') '.';padding-right: 20px;}
#aktuality ul li:before {counter-increment: listitem;content: '\2022';color: #da251c;padding-right: 20px;}
#aktuality ol ol li {margin: 10px 0;}
#aktuality ol ul li {margin: 10px 0;}

@media only screen and ( max-width: 1200px ){
    #aktuality div.fotky{width: 33.333333%;}
}

@media only screen and ( max-width: 800px ){
    #aktuality div.fotky{width: 50%;}
}

/*Menu*/
#menu{float: right;text-align: right;position: relative;z-index: 99;padding: 20px 0;margin-right: 10px;}

#menu b.openbtn{border-bottom: 14px double #da251c;border-top: 5px solid #da251c;content:"";height: 4px;width:30px;cursor: pointer;display: none;}
#menu b.closebtn{font-family: arial;position: absolute;top: 0;left: 15px;font-size: 36px;color: white; cursor: pointer;display: none;}
#menu b.closebtn:hover{color: #da251c;}

#menu ul{list-style:none;}
#menu ul li{position: relative;display:inline-block; text-align: center;transition: all 300ms ease 0s;}
#menu ul li a{display: inline-block;color:white;position: relative;z-index: 99;font-size: 14px;font-weight:400;padding: 10px 10px 10px 10px;text-decoration: none;border-bottom: 3px solid transparent;text-transform: uppercase;}
#menu ul li p{color:white;position: relative;z-index: 99;display: block;font-size: 14px;font-weight:400;padding: 10px 10px 10px 10px;text-decoration: none;text-transform: uppercase;}
#menu ul li a.edit{width: 20px; height: 20px;padding: 0 10px;background: transparent url('../img/plus.png') center bottom no-repeat;}
#menu ul li.mark a:hover{text-decoration: none;border-bottom: 3px solid #da251c;}
#menu ul li.unmark a:hover{text-decoration: none;border-bottom: 3px solid #da251c;}
#menu ul li.mark a{text-decoration: none;border-bottom: 3px solid #da251c;}

#menu li ul{list-style:none; position: absolute;visibility: hidden;overflow: hidden;max-height:0px;top:40px;left:50%;padding: 20px 0;transform: translateX(-50%);background-color:rgba(30,30,30,0.8);width: 250px;transition: all 0.5s ease-in-out;}

#menu li:hover ul{max-height: 400px;visibility: visible;}
#menu li ul li{text-align: center;margin: 0px;padding: 0;display: block;vertical-align: top;}
#menu li ul li a{color:white;display: inline-block;padding: 10px;font-size: 14px;font-weight: 400;}
#menu li.mark ul li a:hover{color: #da251c;border: none;}
#menu li.unmark ul li a:hover{color: #da251c;border: none;}
#menu li.unmark ul li a{color: white;border: none;}
#menu li.mark ul li a{color: white;border: none;}

@media only screen and ( max-width: 1600px ){
    #menu{margin-right: 10px;}
}

@media only screen and ( max-width: 1400px ){
    #menu{padding: 38px 0px 30px 0;}
    #menu ul{float: none;}
    #menu b{display: inline-block!important;}
    #menu ul li ul{background: none;}
    #menu ul li ul li a{color:white;}
    #menu ul li{display:block;background: none;padding-right: 0;padding-left: 0;}
    #menu ul li a{color:white;background: none;padding: 10px;border: none;font-size: 14px;font-weight: 400;}
    #menu ul li p{color:white;background: none;padding: 10px;border: none;font-size: 14px;font-weight: 400;}
    #menu ul li a.sub{color:white;}
    #menu ul li.mark a:hover{color:#da251c;text-decoration: none;border:none;}
    #menu ul li.mark p:hover{color:#da251c;text-decoration: none;border:none;}
    #menu ul li.unmark a:hover{color:#da251c;text-decoration: none;border:none;}
    #menu ul li.unmark p:hover{color:#da251c;text-decoration: none;border:none;}
    #menu ul li.mark a{color:#da251c;text-decoration: none;border:none;}
    #menu ul li.mark p{color:#da251c;text-decoration: none;border:none;}

    #menu ul li a.edit{display: none;}
    #menu ul li ul{position: relative;top:0px;padding: 0;width: 100%;margin: 0;}
    #menu ul li ul li a{font-size: 15px;font-weight: 500;}
    #menu ul li.unmark ul li a:hover{color:#5a5a5a;text-decoration: none;border:none;}
    #menu ul li.unmark ul li p:hover{color:#5a5a5a;text-decoration: none;border:none;}
    #menu .nav{height: 100%;width: 200px;position: fixed;z-index: 1;top: 0;right: -200px;background-color: rgba(0,0,0,0.8);overflow-x: hidden;padding-top: 60px;transition: 0.5s;}
}

/*Podskupiny*/
#podskupiny{position: relative;text-align: center;}
#podskupiny a{display: inline-block;color:#66cc33;font-size: 15px;font-weight: 400;text-decoration: none;margin: 10px;padding: 0 10px 10px 10px;box-sizing: border-box;border-bottom: 2px solid #f07c31;}
#podskupiny a:hover{text-decoration: none;}

/* LOGIN */
#login{width: 300px; margin: 0 auto;}
#login h3{text-align: left;font-size: 15px;color: #666666;font-weight: bold;}
#login input[type=submit]{background-color: #666666;border:1px solid #666666;}
#login input[type=submit]:hover{background-color: white; color: #546a76; transition: all 300ms ease 0s;}
#login label{width: 100px;color: #666666;}

/*Search form*/

/*Registrace*/

/*napoveda*/

/*Nevim heslo*/
#nevim-heslo {width: 350px;}
#nevim-heslo a{color: white;}
#nevim-heslo input.button{position: relative; top: -5px;}

/*loader*/
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../img/page-loader.gif') 50% 50% no-repeat rgb(17,17,17);}

/* FORMULAR */
#formular{text-align: left;padding: 0;box-sizing: border-box;}
#formular form{margin: 0 auto;}
#formular h3{text-align: left;color:white;font-size: 30px;font-weight: 400;margin-bottom: 20px;text-transform: uppercase;}
#formular p{color: white;}
#formular p.small{font-size: 13px;}
#formular label{text-align: right;font-size: 17px;font-weight: 400;color: white;padding: 10px;}
#formular input{font-size: 15px;font-weight: 400;color: white;background:none;border: 1px solid #da251c;border-radius: 0;padding: 10px;}
#formular textarea{font-size: 15px;font-weight: 400;color: white;background:none;border: 1px solid #da251c;border-radius: 0;}
#formular input[type=submit]{text-align: center;font-size: 11px;font-weight: 700;color: white;border: 1px solid #da251c;margin-bottom: 0px;text-transform: uppercase;}
#formular input[type=submit]:hover{border: 1px solid #da251c;background-color: #da251c;}

#formular input::placeholder {color: #505050;font-size: 14px;font-weight: 500;opacity: 0.8;}
#formular textarea::placeholder {color: #505050;font-size: 14px;font-weight: 500;opacity: 0.8;}

@media only screen and ( max-width: 800px ){
    #formular{padding-top: 100px;}
    #formular label{float: none;}
}

/*arrow*/
.arrow {
  position: absolute;
  bottom: 0;
  z-index: 99;
  left: 50%;
  width: 100px;
  color: white;
  margin-left: -50px;
  height: 100px;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1NiAyNTYiIGNvbG9yPSJ3aGl0ZSIgaGVpZ2h0PSIyNTZweCIgaWQ9IkxheWVyXzEiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHdpZHRoPSIyNTZweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTM4LjM5OSw3Ni44YzEuNjM3LDAsMy4yNzQsMC42MjUsNC41MjQsMS44NzVsODUuMDc1LDg1LjA3Nmw4NS4wNzUtODUuMDc2YzIuNS0yLjUsNi41NS0yLjUsOS4wNSwwczIuNSw2LjU1LDAsOS4wNSAgbC04OS42LDg5LjYwMWMtMi41LDIuNS02LjU1MSwyLjUtOS4wNTEsMGwtODkuNi04OS42MDFjLTIuNS0yLjUtMi41LTYuNTUsMC05LjA1QzM1LjEyNCw3Ny40MjUsMzYuNzYyLDc2LjgsMzguMzk5LDc2Ljh6IiBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPjwvc3ZnPg==);
}

.bounce{
    -webkit-animation: bounce_arrow 2s infinite;
    animation: bounce_arrow 2s infinite;
}

@keyframes bounce_arrow {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); }
}

/*cookies*/
/*.cookies_trigger{cursor: pointer;position: fixed;bottom: 10px;right: 0;z-index: 99;height: 50px;width: 50px;background: transparent url('../img/cookies.png') center center no-repeat;border: none;}*/
#cookies_popup{display: none;top: 0;left:0;right: 0;bottom: 0;position: fixed;z-index: 998;z-index: 888888888;width: 100%;height:100%;background-color: rgba(0,0,0,0.6);}
#cookies_popup_consent{
    position: absolute;z-index: 999;bottom:0;left:0;
    max-width: 600px;
    background-color:black;
    padding:20px;
    z-index:1000;
    box-sizing: border-box;
}

#cookies_extend{display: none;}

#cookies_popup_consent h1{
    color: #da251c;
    font-size:1.2em;
    text-transform: uppercase;
}
#cookies_popup_consent h1:before{
    content:"";
    padding:0;
}

#cookies_popup_consent a{
    color: #da251c;
    text-decoration: underline;
}

#cookies_popup_consent p{
    font-size:15px;
    color: #333333;
}

#cookies_popup_consent span.nadpis{
    font-size:15px;
    font-weight: 600;
    color: #333333;
}

#cookies_popup_consent form{
    /*text-align: center;*/
}

#cookies_popup_consent button[type="submit"] {
    float: right;cursor: pointer;border: none;background-color: #da251c;color: white;padding: 10px;margin: 5px;font-size: 12px;font-weight:600;text-transform: uppercase;
}

#cookies_popup_consent button[type="button"] {
    float: right;cursor: pointer;border: none;background: none;color: #da251c;padding: 10px;margin: 5px;font-size: 12px;font-weight:600;text-decoration: underline;
}

.switch {
    float: right;
    font-size: 100%;
    height: 1.6em;
    position: relative;
}

.switch > input[type="checkbox"] {
    display: none;
}

.switch .switch-style {
    height: 1.6em;
    left: 0;
    background: #C0CCDA;
    -webkit-border-radius: 0.8em;
    border-radius: 0.8em;
    display: inline-block;
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 3em;
    cursor: pointer;
}

.switch > input[type="checkbox"]:checked + .switch-style {
    background-color: #da251c;
}

.switch .switch-style:before {
    display: block;
    content: '';
    height: 1.4em;
    position: absolute;
    width: 1.4em;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0.1em;
    top: 0.1em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.switch > input[type="checkbox"]:checked + .switch-style:before {
    left: 50%;
}

.more > input[type="checkbox"] {
    display: none;
}

.more .more-more {
    position: relative;
}

.more .more-more p{
    display: inline-block;
    font-size:12px;
    height: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.more .more-more:before {
    display: block;
    content: '+';
    color: #da251c;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.more > input[type="checkbox"]:checked + .more-more:before {
    content: '-';
}

.more > input[type="checkbox"]:checked + .more-more p{
    height: auto;
    visibility: visible;
}