* {margin: 0; padding: 0; outline: none;}
*, *:after, *:before {
  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
*:focus {outline: auto 5px blue;}
html, body {background: #373737 url(../layout/bgBody.webp) repeat;}
body, input, textarea, select {font-family: "Montserrat", arial, serif;}
/*body, input, textarea, select {font-family: "Roboto", arial, serif;}*/
body {position: relative;font-size: 120%;text-indent: 0 !important; overflow-y: scroll;}
body.uvod {background-color: #333;}
.russo-one {font-family: "Russo One", arial, serif; font-weight: 400;}
.montserrat {font-family: "Montserrat", arial, serif; font-weight: 400;}
/******************************************************************************/
body, #hlavniMenu li a {color: #1d1d1d;}
h1 {color: #1d1d1d;}
h2, h3, h4, h5 {color: #1d1d1d;}
a, .a, .textBarva {color: #1d1d1d;}
a, .a {transition: .2s all ease;}
div.text a, div.text .a, div.text .link, #myConsentCookies a {font-weight: bold;}
.cerveny, .cervene {color: #fb6400;}
.zelene {color:#7dc001;}
iframe {max-width: 100%;}
/******************************************************************************/
ul {margin: 0 0 0 25px; padding: 0 0 25px;}
ol {margin: 0 0 25px 25px;}
ul li {list-style: none;line-height: 140%;}
ol li {line-height: 140%;}
a, .a, .link, .tl span, #boxPrehledGalerii h2 span {text-decoration: underline; cursor: pointer; transition: .2s all ease; text-decoration-color: #1d1d1d; -webkit-text-decoration-color: #1d1d1d;}
a:hover, .a:hover, .link:hover, #boxPrehledGalerii h2 span:hover {text-decoration: underline; color: #1d1d1d;  text-decoration-color: transparent; -webkit-text-decoration-color: transparent;}

#paticka a {text-decoration-color: #fff; -webkit-text-decoration-color: #fff;}
#paticka a:hover {text-decoration-color: transparent; -webkit-text-decoration-color: transparent;}

#paticka .patickaBottom a, #boxPrehledGalerii h2 span {text-decoration-color: #000; -webkit-text-decoration-color: #000;}
#paticka .patickaBottom a:hover, #boxPrehledGalerii h2 span:hover {text-decoration-color: #fff; -webkit-text-decoration-color: #fff;}

a img {border: none;}
/******************************************************************************/
.bold {font-weight: bold;}
.cleaner {clear: both;}
.italic {font-style: italic;}
.hidden {visibility: hidden;display: none;}
hr.hidden, .box-hidden {display: none;}

li.cleaner {
  float: none !important; 
  clear: both !important; 
  height:0 !important; 
  width: 0 !important;
  padding: 0 !important;  
}
.maly {width: 180px;}
.stredni {width: 200px;}
.velky,.vetsi, .cele-okno {width: 100%;}
.stredni, .velky, .vetsi, .cele-okno {max-width: 100%;}

.ukryte {display: none;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.center {text-align: center !important;}
.nowrap {white-space: nowrap;}
.box-left, .boxLeft {float: left;}
.box-right, .boxRight {float: right;}

.flexBox {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:left;justify-content:left;}
.flexBoxSpaceBetween {-ms-justify-content:space-between;justify-content:space-between;}
.flexBoxRight {-ms-justify-content:right;justify-content:right;}
.flexBoxCenter {-ms-justify-content:center;justify-content:center;}

div.text {text-align: justify; text-align: left;}
.boxJustify div.text {text-align: justify;}
div.text ul li {padding: 0 0 7px 0px; list-style: square;}
div.text ol li {padding: 0 0 7px 0px;}
/******************************************************************************/
img {max-width: 100%;height: auto;}
h1, .hlavniNadpis {font-weight: bold;font-size: 250%;padding: 0 0 30px; margin: 0;line-height: 130%;}
h2 {font-size: 240%; margin: 0 0 25px; padding: 0;line-height: 130%; font-weight: bold;}
h3 {font-size: 160%;padding: 0 0 20px;line-height: 120%;font-weight: bold; }
h4 {font-size: 130%;padding: 0 0 15px;line-height: 110%;  font-weight: bold; }
div.p, p, address {line-height: 170%;padding: 0 0 25px;font-style: normal;}
table, .dTable {border-collapse: collapse;  width: 100%;border: none;background-color: #fff;margin: 0 0 25px;}
table td, table th, .dTable .dCell {text-align: left;vertical-align: top;padding: 5px 7px;border: solid 1px #d9d9dd;}
table th {background-color: #f0f0f0;}

.dTable {display: table; }
.dTable .dTr {display: table-row;}
.dTable .dCell {display: table-cell;}
/* ------------------- formulare -------------------------*/
input.text, textarea.text,
select.text {border: solid 2px #ddd;background: #fff;font-size: 100%;color: #1b1b1b;padding: 8px 10px; border-radius: 10px; transition: .2s all ease}
input.text, select.text {}
input.text:focus, textarea.text:focus, select.text:focus {border-color:#222}

input.checkbox {border: 1px solid #e3e3e3;}
input.submit, button {transition: .2s all ease; padding: 13px 40px;font-size: 140%;text-transform: uppercase;;font-size: 130%;font-weight: normal;cursor: pointer;margin-top: 5px;}
input.submit:hover, button:hover {}
button.submit span {display: none;}
input.povinny, select.povinny, textarea.povinny {border-color: #EB0000;}
.povinne {color: #EB0000;}
.info-povinne {border-top: solid 1px #b5b5b5; line-height: 170%;margin: 10px 0 25px;padding: 0;}
/****** formulář ****/
div.formular {margin: 0px 0 15px 0;background-color: #fff;padding: 20px 0px 15px;}
div.formular p.label {padding: 0 0 0px 0;}
div.formular p.label span.dodatek {font-weight: normal;font-size: 90%;}
div.formular p label {font-weight: bold;}
div.formular p.input {padding: 0 0 7px 0;}
div.formular h2 {}
div.formular h3 {}
div.formular .duo {padding: 15px 0;}
div.formular .duoBox {width: 49%;}
div.formular .duoBox h3 {background-color: #000; color:#fff; line-height: 160%;}
div.formular p.iko-color {position: relative;}
div.formular p.iko-color img {padding: 0;margin: 0;border: none;position: absolute;top: 3px;left: 147px;cursor: pointer;}
div.formular label .povinne {padding: 0 0 0 3px;}
div.formular .nadpisFormulare span.dod, .nadpisFormulare span.dod {font-size: 60%; font-weight: bold;}

div.formular .formBoxLeft {float: left; width: 47%;}
div.formular .formBoxRight {float: right; width: 50%;}

/**** halseni ***/
div.hlaseni-chyby, div.hlaseni-upozorneni, div.hlaseni-ok, div.hlaseni {line-height: 140%;color:#1b1b1b;margin:5px 0 15px;padding: 15px 5px 15px 45px;font-size: 120%;text-align: left; border-radius: 10px;}
div.hlaseni-chyby {background: #fff url(../layout/ico-error.png) no-repeat scroll 8px 14px; border:2px solid #EB0000;}
div.hlaseni-ok {background: #fff url(../layout/ico-ok.png) no-repeat scroll 8px 14px;  border:2px solid #1b1b1b;}
div.hlaseni {border:1px solid #555;  padding: 10px 8px;}
div.hlaseni-upozorneni {background:#f9f9f9 url(../layout/information.png) no-repeat scroll 6px 14px;border:1px solid #EB0000;}


/*************************/
#myConsentCookies_v2, #myConsentCookies_v2 * {color: #000;}
#myConsentCookies_v2 {display:none; margin: 0 auto;max-width: 1500px;position: fixed;bottom: 10%;left: 0;right: 0;border-radius: 0px;width: 90%;background-color: rgba(255,255,255,1);z-index: 9999;padding: 40px 40px 30px;font-size: 100%;text-align: left;line-height: 170%;box-shadow: 0 0px 50px rgba(0,0,0,.6); max-height: 90%; overflow-y: auto;}
#myConsentCookies_v2 .nadpis {font-size: 120%; font-weight: bold;}
#myConsentCookies_v2 .tl {padding: 8px 30px 10px;cursor: pointer;margin: 0 5px 5px 0; color: #fff; display: inline-block; cursor: pointer; width: auto; background-color: #000; transition: .2s all ease; border-radius: 0px;}
#myConsentCookies_v2 .tl:hover {background-color: #111; color: #fff;}

#myConsentCookies_v2 .polozka {border-bottom: solid 1px #ccc; padding: 0 0 15px; margin: 0 0 15px;}
#myConsentCookies_v2 .nadpis-2 {font-size: 100%; padding: 0 0 7px;}
#myConsentCookies_v2 .cookie-info-text p {line-height: 150%; font-size: 90%; padding: 0 0 15px;}

#myConsentCookies_v2 .myConsentCookiesSite_2 {display: none;}

#myConsentCookies_v2 .cookie-switch {display: flex;align-items: center;gap: 10px;font-size: 16px;}
#myConsentCookies_v2 .switch {position: relative;display: inline-block;width: 50px;height: 24px;}
#myConsentCookies_v2 .switch-invisible .slider {cursor: not-allowed;}
#myConsentCookies_v2 .switch input {opacity: 0;width: 0;height: 0;}
#myConsentCookies_v2 .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;border-radius: 34px;}
#myConsentCookies_v2 .slider:before {position: absolute;content: "";height: 18px;width: 18px;left: 3px;bottom: 3px;background-color: white;transition: 0.4s;border-radius: 50%;}

#myConsentCookies_v2 input.visible_checked:checked + .slider {background-color: #4caf50;}
#myConsentCookies_v2 input:checked + .slider:before {transform: translateX(26px);}



#boxUpozorneni, #boxUpozorneni * {color: #1d1d1b;}
#boxOknoUpozorneni {
  width: 100%;
  background-color: #fff;
  padding: 7px 15px;
  text-align: center;
  line-height: 170%;
}
#boxUpozorneni {position: fixed; bottom: 0; left: 0; width: 100%;z-index: 301;}
#boxOknoUpozorneni {padding: 11px 15px; background-color: #472ca0 ; color: #fff;}
#boxOknoUpozorneniButton {padding: 3px 10px;cursor: pointer;margin-left: 10px;color: #000; border-radius: 8px;background-color: #fff; color: #1b1b1b;}

#boxInlineUpozorneni {padding: 11px 15px; background-color: #472ca0; color: #fff !important;text-align: center; line-height: 170%;}