/* OBECNE STYLY */

body, html {    
    height: 100%;    
    margin: 0;
    padding: 0;
    width: 100%;
}

body{background: transparent url('../img/background.jpg') top center no-repeat;background-attachment: fixed;background-size: cover;}

* { margin: 0; padding: 0;outline: none;}

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: 'Open Sans', serif;}

p{font-size: 16px;font-weight: 400;color:#505050;letter-spacing: 0.3px;margin-bottom: 20px;}
b{font-size: 16px;font-weight: 600;color:#505050;letter-spacing: 0.3px;margin-bottom: 20px;}
strong{font-size: 16px;font-weight: 600;}

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

/*ol,ul*/
ul{margin-left: 0;list-style-position: inside;margin-bottom: 20px;}
ul li{position: relative;color:#505050;font-size: 16px;line-height: 150%;letter-spacing: 0.3px;font-weight: 400;padding-left: 10px;margin-bottom: 10px;}
ul li::marker{color:#34baec;font-size: 16px;font-weight: 800;}

li ul{list-style-type:disc!important;margin-left: 20px;}
li ul li{padding: 0;margin: 0;}

ol{text-align: left;position: relative;list-style-position: inside;line-height: 150%;margin-bottom: 20px;}
ol li{position: relative;color:#505050;font-size: 16px;line-height: 150%;font-weight: 400;letter-spacing: 0.3px;padding-left: 10px;margin-bottom: 10px;}
ol li::marker{color:#34baec;font-size: 16px;font-weight: 800;}

/*table*/
#table{overflow-x: auto;}
table{width: 100%;border-collapse: collapse;border: none;margin-bottom: 10px;}
table p{margin: 0!important;}
th{border: none;color:#505050;font-size: 16px;font-weight: 500;padding: 10px;}
td{border: none;color:#505050;font-size: 16px;font-weight: 400;padding: 10px;}
tr{}

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

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;}

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.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;}
.napoveda{font-weight: 300; font-size: 13px; color: #808080;margin-left: 10px;}
.fb-like{top:-5px;}
.seznam{width: 100%; font-size: 12px; text-align: center;}
.seznam th{padding: 5px;}
.seznam td{padding: 5px;}

h1{font-size: 30px; font-weight:700; text-transform: uppercase; color: #65c6cf;margin-bottom: 20px;}
h1.center{text-align: center;}
h2{font-size: 25px; font-weight:700; text-transform: uppercase; color: #65c6cf;margin-bottom: 20px;}
h3{font-size: 22px; font-weight:700; text-transform: uppercase; color: #65c6cf;margin-bottom: 20px;}

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

/* LAYOUT */
#panelMiddle{ min-height: 100%;position: relative;width: 100%;z-index: 98;}
.panelMiddleIn{max-width:1200px; padding: 0px 10px; min-width: 300px; margin:0 auto;position: relative;box-sizing: border-box;}
#panelStred{padding-top: 200px;}
#panelStred.uvod{padding-top: 0;}

#panelTop{position: fixed;width: 100%;max-width: inherit;z-index: 99;box-sizing: border-box;transition: all 0.5s;background-color: rgba(255,255,255,0.8);}

#panelTop.fixed{top:0;}

#panelTop.visible{top:0px!important;}
#panelTop.invisible{top:-147px!important;}

#logo{float: left;margin-bottom: 20px;}

@media only screen and ( max-width: 500px ){    
    #logo{float: left;width:220px;margin-bottom: 20px;}
    #logo img{max-width: 100%;}
}

#uzivatel{text-align: right;position: relative;display: block;padding: 0;height: 20px;padding-top: 3px;}
#uzivatel a{float: right;color: #65c6cf;font-size: 12px;font-weight: 600;padding: 0 10px;}

#panelContent{padding: 0 0 100px 0;}

#panelVideo{position: relative;width:100%; height:100vh; overflow: hidden;z-index: 97;margin: 0 auto;}
#panelVideo video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;}

#panelRozcestnik{width: 100%;position: relative;bottom: 47px;z-index: 97;}
#rozcestnik{width: 100%; text-align: center;}
#rozcestnik a{display: inline-block;vertical-align: top;width: calc(33.33% - 45px);margin:0 20px; box-sizing: border-box;text-align: center;font-size: 0;position: relative;top: 0;transition: all 0.9s!important;}
#rozcestnik a:nth-child(1){animation:1.5s ease-out forwards slide;animation-delay: 0s;background-color: #d2a9d1;}
#rozcestnik a:nth-child(2){animation:1.5s ease-out forwards slide;animation-delay: 1s;background-color: #65c6cf;}
#rozcestnik a:nth-child(3){animation:1.5s ease-out forwards slide;animation-delay: 2s;background-color: #d2a9d1;}
#rozcestnik a:hover{text-decoration: none;}
#rozcestnik.hover a:hover{text-decoration: none;top: -200px!important;}
#rozcestnik h3{color:white;font-weight: 600;font-size: 20px;margin: 10px 0;text-transform: uppercase;}
#rozcestnik img{width:100%;}

@keyframes slide{
  0%   {transform: translateY(0px)}
  50% {transform: translateY(-200px)}
  100%   {transform: translateY(0px)}  
}

@media only screen and ( max-width: 1000px ){
    #panelRozcestnik{bottom: -188px;}
    #rozcestnik a{box-shadow: 5px 5px 18px #aaaaaa;width: 250px;margin:0 5px;}
    #rozcestnik a:hover{text-decoration: none;top: -188px!important;}
    
    @keyframes slide{
        0%   {transform: translateY(0px)}
        50% {transform: translateY(-188px)}
        100%   {transform: translateY(0px)}  
    }
}

@media only screen and ( max-width: 800px ){
    #panelRozcestnik{display: none;}    
}

#panelGalerie{background-color: #65c6cf; padding: 0px; text-align: center;padding: 20px 0 10px 0;}
#panelBottom{width:100%;background-color: #fcd6a7;position: absolute; bottom: 0;border-top: 10px solid white;}

#panelFooter{width:100%;background-color: #d2a9d1;}

#footer{padding: 30px;}
#footer p{text-align: right;font-size: 14px;font-weight: 600;color: #282828;margin-bottom: 0;}
#footer a{color:#65c6cf;font-size: 14px;font-weight: 600;}

@media only screen and ( max-width: 500px ){
    #footer p{float: none!important;text-align: center!important;margin: 10px 0;}
}

#bottom{padding: 20px;text-align: center;}
#bottom p{color: #be424a;font-size: 12px; text-transform: uppercase; font-weight: 400;}
#bottom a{color: #be424a;font-size: 12px; text-transform: uppercase; font-weight: 500;}

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

#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 .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;}

#kontakt{width: 300px;float: right;padding: 30px;text-align: right;position: relative;background-color: rgba(255,255,255,0.5);}
#kontakt p{color:#2a4455;font-size: 20px;font-weight: 700;}
#kontakt a{color:#65c6cf;font-size: 20px;font-weight: 700;}
#kontakt p strong{font-size: 20px;font-weight: 700;}
#kontakt big{background: transparent url('../img/phone.png') no-repeat center left; padding-left: 35px;text-decoration: none;color:#2a4455;font-size: 25px;font-weight: 700;}

#panelMain{width: 100%;overflow: hidden;text-align: center;box-sizing: border-box;}
#panelMain.edit{overflow: unset;}
#panelMain h1{color:#65c6cf;font-size: 30px;font-weight: 700; text-transform: uppercase; margin-bottom: 10px;}
#panelMain h2{color: #65c6cf;font-size: 25px; margin-bottom: 10px;font-weight: 700;text-transform: none;}
#panelMain h3{color: #65c6cf;font-size: 20px; margin-bottom: 10px;font-weight: 700;text-transform: none;}
#panelMain p{color:#282828;font-size: 15px;font-weight: 500;margin-bottom: 10px;}
#panelMain b{font-weight: 700;}
#panelMain strong{font-weight: 700;}
#panelMain strong span{padding:2px 5px;}
#panelMain div.popis img{max-width:100% !important;height:auto !important;}
#panelMain a{color: #65c6cf;font-weight: 600; text-decoration: underline;}
#panelMain a:hover{text-decoration: none;}
#panelMain ul{margin-bottom: 10px; line-height: 200%;list-style-position: inside;}
#panelMain li{color: #444; font-size: 14px;font-weight: 500;}
#panelMain ol{margin-left: 20px; margin-bottom: 20px; line-height: 150%;}
#panelMain hr{color: #65c6cf; background-color: #65c6cf; height: 1px; border-width: 0px; margin-bottom: 10px;}
#panelMain table{border-collapse: collapse;margin: 0 auto;}
#panelMain td{text-align: left;color: #282828;font-size: 14px; font-weight: 500;padding: 5px;vertical-align: middle;}
#panelMain td p{color: #282828;font-size: 14px;font-weight: 500;}
#panelMain td strong{color: #282828;font-weight: 700; margin-bottom: 0;}
#panelMain table.hodiny td{padding: 5px 15px;}

#galerie{text-align: center;}
#galerie div.galerie{position: relative;overflow: hidden;width: 250px; display: inline-block;margin: 11px;font-size: 0;}
#galerie img{transition: transform 0.9s;max-width:100% !important;height:auto !important;}
#galerie a{}
#galerie a:hover img{transform: scale(1.3)}
#galerie a.del{position:absolute; top: 3px; left:21px;background: transparent url('../img/kos_foto.png') no-repeat; width:15px; height:15px; border: none;}
#galerie div.edit{cursor: pointer; position:absolute; top: 3px; left:3px;background: transparent url('../img/pencil_foto.png') no-repeat; width:15px; height:15px; border: none;}
#galerie form{display: none; width:180px; float: left; position: relative; top:15px; padding: 5px; background-color: #546a76;color: white;}
#galerie form label{float: left; margin-right: 5px;font-size: 12px; color: white;}
#galerie input{padding: 2px; margin-bottom: 5px;}
#galerie form input.button{text-align: center; color: black; background-color: white; border: none;}

#blog div.blog{text-align: center;position: relative;width: 100%;z-index: 98;margin-bottom: 50px;}
#blog h3{position: relative;text-align: center;color:#65c6cf;font-size: 18px;font-weight: 700;margin-bottom: 20px;}
#blog p{color:#505050;font-size: 17px;font-weight: 300;margin-bottom: 20px;}
#blog p.datum{display: inline-block;color:white;font-size: 13px;font-weight: 700;margin-bottom: 0px;background-color: #65c6cf;padding: 5px 10px;text-transform: uppercase;margin-bottom: 10px;}
#blog a.vice{margin-top: 20px;display: inline-block;color: #be3f34;text-decoration: none;font-size: 12px;font-weight: 700;border: 3px solid #002654;padding: 5px 10px;border-radius: 30px;transition: all 0.9s;text-transform: uppercase;}
#blog a.vice:hover{color: white;border: 3px solid #002654;background-color: #002654;text-decoration: none;}

#ordinace{display: flex;flex-flow: row wrap;justify-content: center;}
#ordinace div.ordinace{flex: 1;border:2px solid #65c6cf;padding: 20px;box-sizing: border-box;margin: 20px;}
#ordinace h3{font-size: 30px;font-weight: 700;text-transform: uppercase;text-align: center;}
#ordinace p{color:#282828;font-size: 15px;font-weight: 500;margin-bottom: 10px;}
#ordinace b{font-weight: 700;}
#ordinace a.vice{margin-top: 20px;display: inline-block;color: #be3f34;text-decoration: none;font-size: 12px;font-weight: 700;border: 3px solid #002654;padding: 5px 10px;border-radius: 30px;transition: all 0.9s;text-transform: uppercase;}
#ordinace a.vice:hover{color: white;border: 3px solid #002654;background-color: #002654;text-decoration: none;}
#ordinace a.phone{display: inline-block;font-size: 20px;font-weight: 700;padding: 10px 0;padding-left: 40px;background: transparent url(../img/phone.png) left center no-repeat;text-decoration: none;margin:0 10px;}
#ordinace a.phone:hover{text-decoration: none;}

#ordinace a.email{display: inline-block;font-size: 20px;font-weight: 700;padding: 10px 0;padding-left: 40px;background: transparent url(../img/email.png) left center no-repeat;text-decoration: none;margin:0 10px;}
#ordinace a.email:hover{text-decoration: none;}

@media only screen and ( max-width: 1000px ){
    #ordinace a.phone{margin:0;}
}

@media only screen and ( max-width: 800px ){
    #ordinace div.ordinace{display: flex;flex-flow: column wrap;justify-content: center;margin: 50px 0;}
    #ordinace div.ordinace div{margin: 10px 0;}
}

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

#menu b.openbtn{border-bottom: 14px double #d378b5;border-top: 5px solid #d378b5;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: #d378b5; cursor: pointer;display: none;}
#menu b.closebtn:hover{color: #65c6cf;}
div.nav_bg{display: block;}

#menu ul{list-style:none;}
#menu ul li{position: relative;display:inline-block; text-align: center;transition: all 300ms ease 0s;margin: 0; padding: 0;}
#menu ul li a{position: relative;display: inline-block;color:#d378b5;background: none;position: relative;z-index: 99;font-size: 14px;font-weight:700;padding: 20px 5px 20px 5px;text-decoration: none;}
#menu ul li p{color:#d378b5;position: relative;z-index: 99;display: block;font-size: 14px;font-weight:600;padding: 30px 10px 20px 10px;text-decoration: none;}
#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;color:#65c6cf;}
#menu ul li.unmark a:hover{text-decoration: none;color:#65c6cf;}
#menu ul li.mark a{text-decoration: none;color:#65c6cf;}

#menu li ul{list-style:none; position: absolute;visibility: hidden;overflow: hidden;padding-top: 10px;padding-bottom: 10px;max-height:0px;top:50px;width: 300%;margin: 0 0 0 -100%;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:#d378b5;display: inline-block;padding: 10px;font-size: 14px;font-weight: 700;}
#menu li.mark ul li a:hover{color: #d378b5;background: none;}
#menu li.unmark ul li a:hover{color: #d378b5;background: none;}
#menu li.unmark ul li a{color: #65c6cf;background: none;border: none;}
#menu li.mark ul li a{color: #65c6cf;background: none;border: none;}

@media only screen and ( max-width: 1200px ){
    div.nav_bg{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);}
    #menu{padding: 40px 0 0 0;}
    #menu ul{float: none;}
    #menu b{display: inline-block!important;}
    #menu ul li ul{background: none;}
    #menu ul li ul li a{color:#d378b5;}
    #menu ul li{display:block;background: none;padding-right: 0;padding-left: 0;}
    #menu ul li a{color:#d378b5;background: none;padding: 10px;border: none;font-size: 13px;font-weight: 700;}
    #menu ul li p{color:#d378b5;background: none;padding: 10px;border: none;font-size: 13px;font-weight: 700;}
    #menu ul li a.sub{color:#d378b5;}
    #menu ul li.mark a:hover{color:#65c6cf;text-decoration: none;border:none;}
    #menu ul li.mark p:hover{color:#65c6cf;text-decoration: none;border:none;}
    #menu ul li.unmark a:hover{color:#65c6cf;text-decoration: none;border:none;}
    #menu ul li.unmark p:hover{color:#65c6cf;text-decoration: none;border:none;}
    #menu ul li.mark a{color:#65c6cf;text-decoration: none;border:none;}
    #menu ul li.mark p{color:#65c6cf;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: 13px;font-weight: 800;}
    #menu ul li ul li p{font-size: 13px;font-weight: 800;}
    #menu ul li.unmark ul li a{color:#d378b5;text-decoration: none;border:none;}
    #menu ul li.unmark ul li p{color:#d378b5;text-decoration: none;border:none;}
    #menu ul li.unmark ul li a:hover{color:#65c6cf;text-decoration: none;border:none;}
    #menu ul li.unmark ul li p:hover{color:#65c6cf;text-decoration: none;border:none;}
    #menu .nav{height: 100%;width: 200px;position: fixed;z-index: 1;top: 0;right: -200px;background-color: rgba(255,255,255,0.8);overflow-x: hidden;padding-top: 60px;transition: 0.5s;}    
}

@media only screen and ( max-width: 500px ){
    #menu{padding: 25px 0 0 0;}
}

/*Podmenu*/
#podmenu{text-align: center;}
#podmenu a{font-size: 14px; font-weight: 700;}
#podmenu ul{list-style:none; text-align:center; margin-left: 0px; margin-bottom: 0px;}
#podmenu ul li{display: inline-block;margin: 10px;}
#podmenu ul li a{display: block;background: none;padding: 0 10px; color: #65c6cf;font-size: 14px; font-weight: 700; text-decoration: none;transition: all 0.9s;}
#podmenu ul li a:hover{color: white;background-color: #65c6cf;font-size: 14px; font-weight: 700;}

/*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 white;}

/* SLOGAN */
#slogan{position: absolute;top: 20%;left: 50%;transform: translateX(-50%);z-index: 98;width: 1200px;}
#slogan p{text-align: right; font-weight: 600;font-size: 25px;color: white;margin-bottom: 20px;}

@media only screen and ( max-width: 900px ){
    #slogan{display: none;}
}

/* AKTUALITA */
#aktualita{position: absolute;z-index: 98;top: 50%;left: 10%;transform: translateY(-50%);width: 500px;height: 478px;box-sizing: border-box;margin: 0 auto;background: transparent url('../img/aktualita_bg.png') center center no-repeat;padding: 0px 80px;padding-top:190px;}
#aktualita h3{color: #d3a14c;text-align: center;font-size: 25px;font-weight: 600;margin-bottom: 20px;}
#aktualita p{text-align: center; font-weight: 500;font-size: 16px;color: #282828;margin-bottom: 20px;}
#aktualita p.small{font-size: 13px;}
#aktualita span.close{position: absolute;left: 50%;transform: translateX(-50%);bottom:100px;font-size: 16px;color: #65c6cf;border:none;cursor: pointer;}

@media only screen and ( max-width: 900px ){
    #aktualita{top: 50%;left: 50%;transform: translate(-50%,-50%);}
}

@media only screen and ( max-width: 620px ){
    #aktualita{width: 100%;top: 60%;}
}

#personal{overflow: hidden;text-align: center;text-align: center;max-width: 1920px;margin: 0 auto;}
#personal div.personal{display: inline-block;vertical-align: top;text-align: center;position: relative;width: 280px;position: relative;z-index: 98;overflow: hidden;margin: 20px;}
#personal div.bottom{position: relative;bottom: 0;left:0;margin: 0px;width: 100%;text-align: center;}
#personal div.img{position:relative;display: inline-block;box-sizing: border-box;width: 100%;margin-bottom: 20px;}
#personal div.img img{max-width: 100%;transition: all 0.9s;}
#personal div.text{text-align: center;overflow: hidden;box-sizing: border-box;box-sizing: border-box;}
#personal h5{position: relative;display: inline-block;text-align: center;margin-bottom: 10px;text-transform: uppercase;color: #65c6cf;font-size: 18px;font-weight: 600;}
#personal p{font-size: 15px;font-weight: 400;letter-spacing: 0.3px;color: #323232;line-height: 20px;margin-bottom: 10px;}
#personal strong{font-size: 13px;font-weight: 600;text-transform: uppercase;}

/* FORMULAR */
#formular{width: 600px;height: 574px;box-sizing: border-box;margin: 0 auto;background: transparent url('../img/formular_bg.png') center center no-repeat;padding: 120px;}
#formular h3{color: #65c6cf;text-align: center;font-size: 25px;font-weight: 600;margin-bottom: 20px;}
#formular p{text-align: center; font-weight: 500;font-size: 16px;color: #282828;margin-bottom: 20px;}
#formular p.small{font-size: 13px;}
#formular label{text-align: right; font-weight: 600;font-size: 14px;color: #282828;width: 130px;margin-right: 20px;}
#formular form input{color: #282828; background: none;border: none;border-bottom: 1px solid #65c6cf;border-radius: 0;margin-bottom: 7px;}
#formular form textarea{color: #282828; background: none;border: none;border-bottom: 1px solid #65c6cf;border-radius: 0;}
#formular input[type=submit]{font-size: 12px;font-weight: 600;border-radius: 0;padding: 10px;color: #282828;margin-bottom: 0px;text-transform: uppercase;border: 1px solid #65c6cf;background-color: white;transition:all 0.5s;}
#formular input[type=submit]:hover{background-color: #65c6cf;border: 1px solid #65c6cf;color: white;}

@media only screen and ( max-width: 600px ){
    #formular{width: 100%;padding: 120px 85px 120px 85px;}    
}

@media only screen and ( max-width: 500px ){
    #formular{width: 100%;padding: 120px 40px 120px 40px;}    
}

@media only screen and ( max-width: 400px ){
    #formular{width: 100%;padding: 120px 20px 120px 0px;}    
}

/* 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: 110px;color: #666666;}

/*Search form*/
#Form{text-align: left;}

/*Registrace*/

/*napoveda*/

/*sprava*/
#sprava{text-align: left;}
#sprava label.sprava{float: left; width: 160px; padding: 5px; font-size: 15px;font-weight: 400;color: #505050;box-sizing: border-box;}
#sprava input.sprava{width: calc(100% - 160px);margin-bottom: 5px;font-size: 15px;font-weight: 400;padding: 5px;border-radius:5px;background-color: white;border:1px solid #546a76;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#sprava textarea.sprava{width: calc(100% - 160px);margin-bottom: 5px;font-size: 15px;font-weight: 400;padding: 5px;border-radius:5px;background-color: white;border:1px solid #546a76;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#sprava select.sprava{width: auto;margin-bottom: 5px;padding: 5px;border-radius:5px;border:1px solid #546a76;}
#sprava .textarea{display: inline-block;width: calc(100% - 160px);margin-bottom: 5px;box-sizing: border-box;}
#sprava input[type=submit]{width:100%;padding: 5px;border-radius:5px;border:1px solid #546a76;background-color: #546a76;color: white;font-size:14px;font-weight: 600;cursor:pointer;}
#sprava input[type=submit]:hover{background-color: white; color: #546a76; transition: all 300ms ease 0s;}
#sprava span.napoveda{font-weight: 300; font-size: 15px; color: #505050;margin-left: 10px;}

.ck.ck-list {
  max-height: 300px;
  overflow-y: scroll;
}

#sprava input.button_small{
    width: auto;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;    
}

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

@media only screen and ( max-width: 900px ){    
    #panelKontakty span{font-size: 18px!important;}
    #panelBottom{position: static;}
    #panelStred{padding-bottom: 0px;}
    #bottom{text-align: center;}
    #bottom div{padding: 0; margin: 10px;width: auto;text-align: center !important;}    
    #kontakt{padding:10px;width: auto;float: none;text-align: center;}    
    #panelMain table{margin:0px auto;width:100%!important;}
    #panelMain h1{text-align: center!important;}    
}

@media only screen and ( max-width: 500px ){    
    iframe{width: 100%;margin-bottom: 20px;}
    #panelMain div.popis div{width:100%!important;margin:10px 0!important;}
    #panelMain div.popis p{text-align: center!important;}
    #panelMain div.popis img{float: none!important;display: block;margin: 0 auto!important; margin-bottom: 20px!important;}
    #panelKontakty p{text-align: center;}
    #panelKontakty img{margin-top: 10px;float: none!important;}
}

/*cookies*/
.cookies_trigger{cursor: pointer;position: fixed;bottom: 0;left: 0;z-index: 99;height: 50px;width: 50px;background: #34baec 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:#34baec;
    padding:20px;
    z-index:1000;
    box-sizing: border-box;
}

#cookies_extend{display: none;}

#cookies_popup_consent h1{
    text-align: center;
    color: white;
    font-size:1.2em;
    font-weight: 500;
    text-transform: uppercase;
}
#cookies_popup_consent h1:before{
    content:"";
    padding:0;
}

#cookies_popup_consent a{
    font-size:12px;
    color: #393588;
    text-decoration: underline;
}

#cookies_popup_consent p{
    font-size:12px;
    color: white;
}

#cookies_popup_consent span.nadpis{
    font-size:0.8em;
    font-weight: 600;
    color: white;
}

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

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

#cookies_popup_consent button[type="button"] {
    float: right;cursor: pointer;border: none;background: none;color: white;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: #393588;
}

.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: #393588;
    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;
}