* {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;}
body, input, textarea {font-family: 'Nunito', sans-serif;}
h1, #boxMenuContent a, .tinyslide h2, #boxAkceONas h2, #boxAktuality .boxAkce h2, #boxPodporujiNasPosledniGalerie h2, .boxAkce .boxDatum, #boxPreledKrouzku .boxPreledKrouzkuPolozka .nadpis, #boxPreledKrouzku h2,
#paticka h2, #boxAktualityPodstrana h2, #boxAktualityPodstrana .datum, .boxTableKrouzky .nadpis h2 {font-family: 'Merienda', cursive;}

body {  background: #fff url() ;position: relative;text-indent: 0 !important;font-size: 120%;color: #121314;}

/******************************************************************************/
a, .a, .cerveny, .povinne {
  color: #e60569;
}  
.kapacita_naplnen {color: #ff0000;}
.kapacita_volno {color: #23a638;}
.kapacita_nahradnici {color: #f7a600;}

iframe {max-width: 100%;}
/******************************************************************************/
strong {font-weight: 700;}
ul {margin: 0 0 20px 25px;}
ol {margin: 0 0 20px 25px;}
ul li {
  list-style: none;
  line-height: 170%;
}
a, .a, #paticka a:hover, #paticka .patickaBottom a {
  text-decoration: underline;
  cursor: pointer;
}
a:hover, .a:hover, #paticka a {
  text-decoration: none;
}
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: 150px;}
.stredni {width: 250px;}
.velky, .vetsi {width: 100%;}

.ukryte {display: none;}
.nowrap {white-space: nowrap;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.center {text-align: center !important;}
.box-left {float: left;}
.box-right {float: right;}
div.text {text-align: justify;}
div.text ul li {padding: 0 0 10px 0px; list-style: square; line-height: 150%;}
div.text ol li {padding: 0 0 10px 5px; line-height: 150%;}
/******************************************************************************/
img {max-width: 100%;height: auto;}
h1, h2.h1 {
  font-weight: normal;
  border: none;  
  font-size: 140%;
  margin: 0 0 15px;
  font-weight: bold;
  padding: 0;
}
h2 { 
  font-size: 120%;
  padding: 5px 0 15px;
  font-weight: bold;
}
h3 { 
  font-size: 110%;
  padding: 5px 0 12px;
  line-height: 160%;
  font-weight: bold;
}
h4 { 
  font-size: 100%;
  padding: 0 0 10px;
  line-height: 150%;
  font-weight: bold;
}
div.p, p, address {
  line-height: 170%;
  padding: 0 0 20px;
  font-style: normal;
}

table, .dTable {
  background-color: #fff;
  border: medium none;
  border-collapse: collapse;
  margin: 0 0 25px;
  width: 100%;
}

table td, table th, .dTable .dCell {
  padding: 8px 5px;
  line-height: 140%;
  text-align: left;
  vertical-align: top;
/*  border: 1px solid #008080;*/
}
/*table th {background-color: rgba(0,128,128, .3); font-weight: bold; border-bottom: rgba(0,128,128, .3);}*/
table th {background-color: #fff; font-weight: bold; border-bottom: solid 1px #e5e5e5; color: #e60569;}
table td {border-bottom: solid 1px #e5e5e5;}

.dTable {display: table; }
.dTable .dTr {display: table-row;}
.dTable .dCell {display: table-cell;}


/* top-left border-radius */
table th:first-child, table td:first-child,
.boxTableDokumenty table tr:first-child td:first-child,
.boxTableKrouzky th:first-child,
.tableHlavicka th:first-child {
    padding-left: 0;
}

/* top-right border-radius */
table tr:first-child th:last-child, table td:last-child,
.boxTableDokumenty table tr:first-child td:last-child,
.tableHlavicka th:last-child {
    padding-right: 0;
}

/* bottom-left border-radius */
table tr:last-child td:first-child {
    border-bottom-left-radius: 0px;
}

/* bottom-right border-radius */
table tr:last-child td {
    border-bottom: none;
}
table tr:last-child th {
    border-bottom: none;
}



/* ------------------- formulare -------------------------*/
input.text, textarea.text, select.text {
  border: none;
  border-radius: 6px;
  border: solid 1px #ccc;
  background: #fff;
  background-image: linear-gradient(to top, #ffffff 0%,#ebebeb 100%);
  padding: 8px 11px;
  color:#121618;
  font-size: 100%;
  line-height: 130%;
}
input.datePickerDate {background: url("../layout/calendar.png") no-repeat scroll right 10px center, linear-gradient(to top, #ffffff 0%,#ebebeb 100%);cursor: pointer; background-size: 24px auto;}
#hlavniObsah input.text:focus, #hlavniObsah textarea.text:focus, #hlavniObsah select.text:focus {background-image: linear-gradient(to top, #ffffff 0%,#fafafa 100%);}
#hlavniObsah input.datePickerDate:focus {background: url("../layout/calendar.png") no-repeat scroll right 10px center, linear-gradient(to top, #ffffff 0%,#fafafa 100%); background-size: 24px auto;}
input.submit, button.submit {
  border: none;
  border-radius: 6px;
  background: #e60569 url() repeat-x left top;
  padding: 7px 25px;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
  cursor: pointer;
}
button.submit span {display: none;}
input.povinny, select.povinny, textarea.povinny {border-color: #BD0900;}



div.formular {text-align: left; width: 100%; margin: 0; border: solid 1px #ccc; padding: 25px 26px; border-radius: 6px;}
div.formular h3 {background-color: #008080; margin: 25px -5px 15px; padding: 5px 10px; border-radius: 6px; color: #fff;}
div.formular h3:first-of-type {margin-top: 0;}
div.formular h4 {padding:15px 0 0 0; margin: 0px 0 15px; border-bottom: solid 1px #ccc; color: #e60569; font-size: 110%;}
div.formular p.label {padding: 0; line-height: 150%; text-align: left;}
div.formular p label {font-size: 100%;}
div.formular p.input {padding: 0 0 10px 0;}
div.formular p.submit {text-align: left; padding: 0;}

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

div.formular ul {width: 100%; margin: 25px 0 25px 20px;}

div.webFormular label.checkboxLabel {background-color: #ddd; border-radius: 5px; padding: 4px 8px;}

#formPrihlaska {padding: 0 0 25px;}
#formPrihlaska div.formular {width: 60%;}

div.formular p.inputTelefon {position: relative;}
div.formular p.inputTelefon span {position: absolute; left: 0; line-height: 130%; padding: 9px 11px; color: #555;}
div.formular p.inputTelefon input.text {padding-left: 68px;}

/*******/
div.hlaseni-chyby, div.hlaseni-ok {margin: 0 0 15px;padding: 12px 5px 12px 45px;font-size: 100%;text-align: left; color: #000}
div.hlaseni-chyby {background: #fff url(../layout/ico-error.png) no-repeat scroll  8px 8px;border:1px solid #ed1c24;}
div.hlaseni-ok {background: #fff url(../layout/ico-ok.png) no-repeat scroll  8px 8px;border:1px solid #1b1b1b;}

/**** cookies lišta ***/
#myConsentCookies, #myConsentCookies * {color: #000;}
#myConsentCookies {position: fixed;bottom: 25px;left: 25px; border-radius: 10px; width: 500px; 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 20px 40px rgba(0,0,0,.4);}
#myConsentCookies .boxTl {text-align: center; padding: 0x 0 10px; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;justify-content:space-between;}
#myConsentCookies .tl {padding: 10px 12px;cursor: pointer;margin: 0 0 5px; color: #000; display: inline-block; cursor: pointer; width: 48%; border-radius: 9px;}
#myConsentCookies .tlMin {background-color: #ccc;}
#myConsentCookies .tlVse {font-weight: bold; background-color: #e60569; color: #fff;}
#myConsentCookies .nadpis {font-size: 120%; font-weight: bold; padding: 0 0 10px;}
.boxTableCookies h3 {font-size: 100%; font-weight: bold; margin: 0; padding: 0 0 5px;}
.boxTableCookies .b1 {width:20%;}
.boxTableCookies .b2 {width:20%;}
.boxTableCookies .b3 {width:40%;}
.boxTableCookies .b4 {width:40%;}
.boxYoutubeIframeHiden {padding: 90px 10px 50px; color: #000; text-align:center; line-height: 170%; background: #ddd url("../layout/YouTubeHide.png") no-repeat scroll center top 40px; background-size: 100px auto; }
.boxYoutubeIframeHidenText {font-style: italic;}