.se_zahlavim tr:first-child td {
    border-bottom:1px solid #ddd;
}



#myForm label {background-color:cyan; padding:7px 50px 7px 7px;}
#myForm input[type=radio] {margin:15px;}

.level-2 {background-color:#faf}
.level-1 {background-color:#ddd}
.level0 {background-color:#fdd}
.level1 {}
.level10 {background-color:#cfc}



/*td {border:1px solid #aaa; overflow: hidden; white-space:nowrap}*/
table {border-collapse: collapse;}

.butSmall {margin:3px; padding:1px}


/*
=====
NASLEDUJI STYLY Z JINEHO WEBU, KTERE JSEM NYNI NEUPRAVOVAL,
TY ZARUCUJI RESPONZIVITU A DESIGN
=====
*/

.menu li a[href]{
  color:black;
  text-decoration: none;
}

.menu li a {
  padding: 1rem 1px;
  font-size: 16px;
  font-weight: 500;
  /*text-transform: uppercase;*/
  display:block;
}

.menu li a:focus{
  /*outline: 2px solid red;*/
  background-color: #f99;
}


.menu{
  padding:0;
  background-color: #f0f0f0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24);
  display: flex;  
  /*position: fixed;*/
  flex-wrap: wrap;
  flex-direction: row;
  text-align: center;
  padding: 0;
  margin: 0;
  height: 52px;
  list-style: none;
}

.menu li{
  height: 20px;
  flex-grow: 1;
  /*will-change: color;
  transition: color 1s ease-out;  */
}


.menu li a{
  position: relative;
  overflow: hidden;
  height: 100%;
  /*will-change: color;
  transition: color 1s ease-out;  */
}

.menu li a::before, 
.menu li a::after{
  content: "";
  width: 0;
  height: 10px;
  background-color: #f00;

  will-change: width;
  transition: width .5s ease-out;

  position: absolute;
  bottom: 0;
}

.menu li a::before{
  left: 50%;
  transform: translateX(-50%); 
}

.menu li a::after{
  right: 50%;
  transform: translateX(50%); 
}

.menu li a:hover::before, 
.menu li a:hover::after{
  width: 100%;
  transition-duration: .2s;
}

/*html { margin-left: calc(100vw - 100%);
margin-right: calc(100%-100vw);
}*/

body{
  /*font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Open Sans, Ubuntu, Fira Sans, Helvetica Neue, sans-serif;*/
  font-family: Monospace;
  
  margin: 10px;
  /*min-height: 100vh;
  display: flex;  
  flex-direction: column;*/
  /*background-color: #ff9c11;*/
  background-color: #500;
}

.menu li.ozn a {background-color: #f99;}
.menu li.ozn a::before, 
.menu li.ozn a::after{
  width: 100%;
}

a {
text-decoration: none;
font-weight: 600;
color:red;
} 

a:hover {
text-decoration: underline;
}

.container{
margin:0 auto; padding:0; width:100%; 
max-width:1200px; min-height:50%; 
background-color: #fff;  
box-shadow: 10px 10px 10px rgba(0, 0, 0,.2), 0 1px 2px 0 rgba(0, 0, 0, .24);
}

.scroll{
/*overflow:scroll;
width:100%;*/
background-color:#ffd;
}

.seznam {display:flex; flex-direction: column}
.seznam .polozka {display:block; margin: 10px 0; 
background:#fff4d5; padding:10px 20px; border: 2px solid #aaa;border-radius: 40px;
box-shadow: 3px 3px 5px #aaa/*, 3px 3px 5px white inset;*/}

.seznam .pravo {float:right; color:blue;}
.seznam .titulek {color:red; font-weight: 500; display:inline-block}
.seznam .polozka:hover {background-color: #ffd79a;border: 2px solid #444;}
.seznam img.ikona {width:64px;height:64px;float:left; padding-right:15px;}
h1 img.ikona {width:64px;height:64px;float:left; padding-right:15px; margin-top:-6px;}
.seznam .polozka {
font-weight: normal !important; 
color:black;
min-height:100px;
text-decoration: none;
}
.seznam .polozka span {color:blue; margin:10px;}

.seznam .probehla {background:#ccc;!important}

/* Při fixní šířce zmenší obrázek na šířku */
.container div img {max-width:100%;transition: transform .3s ease;}

#akualne_kruhy img:hover {transform: rotate(10deg);}
.container div img.zoom {border:2px solid #ff9c3a}
.container div img.zoom:hover {transform: scale(2);}

.header {
    /*background: url('https://test.lidahorka.cz/gfx/banner.png') center top repeat-x;*/
    background-size: auto;
	background-color:#fff;
	height:40px;
}
/*.header .logo {display:inline; position:absolute;left:50px; top:50px}*/
.header .popis {display:inline; color:red;
white-space:pre; margin:15px;}
.header .popis a {color:#840;
	text-decoration: none;
	font-size:30px;
	font-family: Monospace;
}
.header .logo_pravo {float:right;}

table {width:100%; border-collapse:collapse}

h1,h2,h3,h4 {color:#d00;}

.str_akce {border:2px solid #777; padding:10px; font-weight:bold}


input,textarea,.tlacitko
 {
	padding: 7px;
	background: #F7F7F7;
}

select {height:2rem}

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
textarea,
select,
.tlacitko
{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fff7ee;
	border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus,
.button:focus
{
	box-shadow: 0 0 7px #ff8000;
	border: 1px solid #ff8000;
}

.button {
	padding:5px 12px 7px 12px !important;
	text-decoration: none !important;
}

input[type="submit"],
input[type="button"],
.button,
button{
/*	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;*/
	background: #d00;
	border-bottom: 2px solid #f00;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;	
	color: #fff;
	padding:7px 12px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	cursor:pointer;
	text-align: center;
	font-size:90%;
	font-weight:normal;
}
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
button:hover{
	background: #f00;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
.button.disabled,
button:disabled{
	background: #bbb;
	border-bottom: 2px solid #555;
	cursor:default;
	pointer-events: none;
}


#text_html {border:2px solid red}


table#prihlaska td {width:50%; padding:5px 2px; border-bottom:1px solid #ddd}
.chyba{color:red; font-weight:bold; padding:5px;}
table#prihlaska td:nth-child(1) {text-align:right}
table#prihlaska .povinne::before {
  content: "* ";
  font-weight:bold;
  color:red;
}
table#prihlaska .textmax {max-width:43vw;}
table#prihlaska .predel {text-align: center !IMPORTANT; font-weight:bold}

.edituj {border:1px solid blue;background:#ddf;color:blue; display:inline-block}



@media screen and (max-width: 600px) {
	.menu{flex-direction: column;height:auto;}
	.menu li {width: auto;height:40px;}
	.menu li a {font-size: 16px;  padding: 8px 5px;height:24px; min-height:auto;}

}