/* GLOBÁLNÍ NASTAVENÍ
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

/* RESET VÝCHOZÍCH HODNOT, NASTAVENÍ FONTU */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* VÝŇATEK Z GLB FONTŮ PRO NADPISY */
h1,h2,h3,h4,h5,h6 {
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  color: #287971;
}
h1 {font-size: 2em; margin: 20px 0 10px;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;margin-top: 10px;}
h4 {font-size: 1.6em;
    background-color: #f2ffcd;} /* zvýraznění - upozornění */

h1 a,h2 a,h3 a, h4 a,h5 a,h6 a {
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

/* NASTAVENÍ REFERENČNÍ VELIKOSTI FONTU A JEHO BARVY */
body {
  font-size: 14px;
  color: #505050;
}

/* UKONČENÍ FLOATU */
.konecFloatu:after {
  content: "";
  display: table;
  clear: both;
}

/* 
MAXIMÁLNÍ ŠÍŘKA BLOKOVÝCH PRVKŮ
- nebrání responzivitě
- obsahuje úpravu podle poznámky pod videem HTML a CSS L 106 */
.sirka {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 0.5%; /* to je podle té poznámky */
}

/* NASTAVENÍ SEKČNÍCH NADPISŮ */
.nadpis-main h2 {
  text-align: center;
  margin-top: 20px;
}
.nadpis-main h2:after { /* podtržení: není nutné */
  content: "";
  display: block;
  width: 200px;
  border-bottom: 5px solid grey;
  margin: 20px auto;
}

/* seznamy obecně */
ul li {
  list-style-type: disc;
  margin-left: 30px;
}

dl dt {
  margin: 10px 0 0;
  text-decoration: underline;
  font-size: 15px;
}

dl dd {
  margin-left: 50px;
}

i {
  font-style: normal;
  color: #f00;
  font-weight: bold;
}

/* ODKAZY */
a:link,
a:visited {
  /* text-decoration: none; */
  color: #800000;
}
a:hover,
a:active {
  color: #006e00;
}
footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
  text-decoration: none;
  /* color: #008378; */
}
/* footer a:hover,
footer a:active {
  color: #004943;
} */

/* HLAVA - HEADER
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

.hlava .sirka {
  padding: 0;
}
.hlava img {
  border-radius: 20px;
  max-width: 100%;
  margin: 5px 0 0;
  box-shadow: 7px 7px 14px #648f8b;
}

/* MENU - NAV
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

/* LEPICÍ LIŠTA
------------------------------------------------------------------------*/
.lepiciLista {
  position: sticky;
  top: 0px;
  background-color: #badcd9;
  border-top: 2px solid #648f8b;
  margin: 10px 0 15px;
  box-shadow: 7px 7px 14px #648f8b;
}

/* NASTAVENÍ PÍSMA A DEKORACÍ PRO OBĚ VARIANTY MENU
------------------------------------------------------------------------*/
.menu ul li,
.menu ul li a {
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;  
  list-style-type: none;
  text-align: center;
  background-color: #badcd9;
  color: #004741;
}
.menu ul li {
  padding-top: 8px;
}
.menu ul li:hover
/*.menu ul li a:hover*/ {
  background-color: #ddeeec;
}

/* ROZDĚLENÍ MENU DO DVOU VARIANT
------------------------------------------------------------------------*/
.dlouhy { 
  display: initial; 
}
.kratky {
  display: none;
}

/* DLOUHÉ MENU
------------------------------------------------------------------------*/
.dlouhy ul li ul { 
  display: none; /* schová submenu */
}
.dlouhy ul {
  float: right;
}
.dlouhy ul li {
  display: inline-block;
  width: auto;
  height: 36px;
}
.dlouhy ul li a {
  padding: 7px 15px;
  background: transparent;
}
.dlouhy ul li:hover > ul {
  display: block;
}
.dlouhy ul li ul li {
  position: relative;
  left: 0px;
  top: 9px;
  background-color: #ddeeec;
  box-shadow: 7px 7px 14px #648f8b;
}
.dlouhy ul li ul li:hover {
  background-color: #badcd9;
}

/* KRÁTKÉ MENU
------------------------------------------------------------------------*/
.kratky ul li ul { 
  display: none; /* schová PRVNÍ submenu */
}
.kratky ul li ul li ul { 
  display: none; /* schová DRUHÉ submenu */
}
.kratky ul li {
  display: inline-block;
  width: 100%;
  height: 36px;
}
.kratky ul li:hover > ul {
  display: block;
}
.kratky ul li ul li {
  display: block;
  float: left;
  position: relative;
  top: 9px;
  width: 54%;
  margin-left: 23%; /* levé odsazení roletky položek menu, původní hodnota 15% */
  background-color: #ddeeec;
}
.kratky ul li ul li:hover {
  background-color: #badcd9;
}
.kratky ul li ul li ul li {
  position: relative;
  top: -27px;
  width: 80%;
  margin-left: 100%;
}
.kratky ul li ul li a {
  padding: 8px 25%;
  background: transparent;
}

/* HLAVNÍ OBSAH - MAIN
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

.aktuality {
  margin-top: 31px;
}

.aktuality,
.dekujeme,
.emailer,
.obsah .vlevo,
.obsah .stred,
.obsah .vpravo,
.obsah .plny,
.kontInfo {
  border: 1px dotted #badcd9;
  border-radius: 8px;
  box-shadow: 4px 4px 8px #648f8b;
  padding: 0.5%;
}
.obsah .sirka {
  padding: 0.5% 0;
}
/* .obsah .vlevo,
.obsah .stred,
.obsah .vpravo,
.emailer,
.dekujeme,
.aktuality
 {
  padding: 0.5%;
} */
.obsah p,
.dekujeme p,
.aktuality p,
.emailer p,
.prihlaska p {
  margin: 10px 0;
}
.obsah .stred h1 {
  margin-top: 0;
}

.obsah ul {
  list-style-type: none;
}

.dekujeme img {
  float: left;
  width: 62px;
  margin-right: 20px;
}

.kontakty .obsah img {
  float: left;
  margin-right: 5px;
}

/* PATA - FOOTER
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

footer .lista {
  background-color: #badcd9;
  border-top: 2px solid #648f8b;
  margin-top: 20px;
  margin-bottom: 10px;
  box-shadow: 4px 4px 8px #648f8b;
}
footer .zarovnani {
  text-align: center;
}
footer .fb-logo,
footer .fb-txt {
  display: inline-block;
}
.fb-logo {
  width: 16px;
  margin: 4px 0px -2px 0px;
}
footer .creator {
  padding: 4px 0;
  color: #004943;
}

/* TITUL - AKTUALITY
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

.obrazekVtxtP {
  float: right;
  margin: 15px 0 0 15px;
}
.obrazekVtxtL {
  float: left;
  margin: 0 15px 0 0;
}
.obrazekZAtxt {
  /* když ho chci zobrazit, parametr display zapoznámkuju */
  /* display: none; */
  text-align: center;
}
.aktuality h3 {
  margin-bottom: 10px;
  text-align: center;
}
.aktuality h3 a:link,
.aktuality h3 a:visited {
  /* font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
  color: #800000;
}
.aktuality h3 a:hover,
.aktuality h3 a:active {
  color: #006e00;
}
.aktuality h2 a:link,
.aktuality h2 a:visited {
  /* font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
  color: #006e00;
}
.aktuality h2 a:hover,
.aktuality h2 a:active {
  color: #800000;
}

/* TITUL - OBSAH
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

.obsah .titul img {
  border: 1px solid #fff;
  margin: 3px 3px 0 3px;
}
.obsah .titul img:hover {
  border: 1px solid #008000;
}
.mapka img {
  float: right;
}

/* TITUL - O NÁS
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

/* GALERIE
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
.nahledy img {
  border: 1px solid #ffffff;
}
.nahledy img:hover {
  border: 1px solid #008000;
}

/* KONTAKTY - EMAILER
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

.emailer {
  text-align: center;
  background-color: #ddeeec;
  width: 600px;
  margin: 30px auto 10px;
  border-radius: 20px;
  padding: 10px;
  border: 2px solid #badcd9;
}
.emailer input,
.emailer textarea,
.emailer select {
  width: 80%;
  border: 2px solid #badcd9;
  margin: 2px 0;
  border-radius: 10px;
  padding: 5px 7px;
}
.g-recaptcha {
  width: 80%;
  margin-top: 7px;
  padding: 8px;
  border-color: #648f8b;
  border-width: 3px;
  border-radius: 10px;
  color: #004741;
  font-weight: bold;
  background-color: #f5faf9;
  box-shadow: 3px 3px 5px #648f8b;
}
.g-recaptcha:hover {
  color: #004943;
  background-color: #fff;
  box-shadow: none;
}

/* PŘIHLÁŠKA kurva
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

.prihlaskaTlacitko {
  text-align: center;
  margin-top: 25px;
}
.prihlaskaTlacitko a {
  display: inline-block;
  width: 40%;
  margin: 20px 10px 10px;
  text-decoration: none;
  border: 3px solid #648f8b;
  border-radius: 10px;
  padding: 8px;
  color: #004943;
  font-weight: bold;
  background-color: #ddeeec;
  box-shadow: 3px 3px 5px #648f8b;
}
.prihlaskaTlacitko a:hover {
  background-color: #f5faf9;
  box-shadow: none;
}
.prihlForm {
  text-align: center;
  background-color: #ddeeec;
  width: 97.5%;
  margin: 20px auto 10px;
  border-radius: 20px;
  padding: 10px;
  border: 2px solid #badcd9;
}
.prihlForm input,
.prihlForm textarea {
  width: 100%;
  border: 2px solid #badcd9;
  margin: 2px 0;
  border-radius: 10px;
  padding: 5px 7px;
}
/* Tady zrušíme width:100% jen pro inputy v .bydliste */ 
.prihlForm .bydliste input { 
  width: auto; 
  box-sizing: border-box; 
}

.bydliste { 
  display: flex; 
  flex-wrap: wrap; 
  gap: 5px; 
} 
.ulice { 
  width: calc(75% - 5px) !important; 
} 
.cislo { 
  width: calc(25%) !important; 
} 
.psc { 
  width: calc(25% - 5px) !important; 
} 
.obec { 
  width: calc(75%) !important; 
}


/* .bydliste {
  display: flex;
  gap: 3px;
}
.ulice {
  width: 180px !important;
  box-sizing: border-box;
}
.cislo { 
  width: 50px !important; 
  box-sizing: border-box; 
}
.psc { 
  width: 70px !important; 
  box-sizing: border-box; 
}
.obec {
  flex: 1;
} */

/* Tady rušíme width:100% jen pro inputy v .telefon */ 
.prihlForm .telefon input { 
  width: auto; 
  box-sizing: border-box; 
}
.telefon {
  display: flex;
  gap: 10px;
}
.provolba { 
  width: 70px !important; 
  box-sizing: border-box; 
}
.tlfCislo {
  flex: 1;
}
.prihlForm h3,
.prihlForm p {
  text-align: left;
  margin: 5px 0;
}
.prihlForm input[type=checkbox],
.prihlForm input[type=radio] {
  width: auto;
}
.prihlForm ul {
  width: 90%;
  margin: 0 auto;
}
.prihlForm form li {
  text-align: left;
  width: 100%;
  list-style-type: none;
  margin-left: 0;
}
.prihlForm li p {
  margin: 10px 0;
}
.prihlForm .navod {
  font-style: italic;
  font-size: 13px;
}

/* TJÁDYDÁDYDÁDYDÁDÁDÁDÁÁÁ - TO JE KONEC :D
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/