header {
	margin: 0;
	padding: 0;
  }

body{ 
	font-family: 'PT Sans', sans-serif;
	margin: 8px 8px 0px 8px;
/*	background-image: url(../images/spodek.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 540px;
	background-size: contain;
	animation-fill-mode: backwards; */

}
/*.row {
	display: flex;
	flex-direction: column;
}*/

    .chyba {
        border: 2px solid red;
        background-color: #ffe5e5;
    }
.barvaModraSvetla { background-color: #e8f7fe;}
input { font-family: 'PT Sans', sans-serif;}
.clear { clear: both;}
.logo img { max-width: 300px;}
.velke { text-transform: uppercase;}
.logos { max-width: 180px;}
.logos {float: left; margin-bottom: 20px; margin-right: 50px;} 
h1 {  color:#0066a4;  font-size: 20px; text-align: left;}
h2 { text-align: center;color:#0066a4;}
.box1 h2, .box h2 { text-align: center;color:#15a0db;}
hr {-webkit-box-shadow: 1px 2px 23px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 2px 23px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 2px 23px 0px rgba(0,0,0,0.75);}
	.ld {padding-top:27px; text-align: center; left: -110px; position: relative; z-index: -99;}
.cele {  display: flex;}
.menicko, .kalendar {
	flex: 1;
}
	.stredni {margin-top: 50px;
		justify-content: center; /* Horizontální zarovnání do středu */
		/*align-items: center; Vertikální zarovnání do středu */
		/*min-height: 100vh;  Minimální výška celé stránky */}

		.menu_itecko
		{
		display: flex;
		justify-content: center; /* Horizontální zarovnání boxů do středu */
		align-items: center; /* Vertikální zarovnání boxů do středu */
		width: 1100px; /* Šířka kontejneru */
		height: auto; /* Výška kontejneru */
		margin: 0 auto;
		}
		.menu_itecko a 
		{
			min-width: 190px; /* Šířka boxu */
			margin: 10px; /* Odstup mezi boxy (můžete upravit podle potřeby) */
			text-align: center;
			color:#0066a4;
			border:1px solid #0066a4;
			display: block;
    		line-height: 25px;
    		vertical-align: middle;
		}
		.menu_itecko a:hover {
			background-color:#0066a4;
			border:1px solid #0066a4;
			color: #fff !important;
		 }

	.container {
		display: flex;
		justify-content: center; /* Horizontální zarovnání boxů do středu */
		align-items: center; /* Vertikální zarovnání boxů do středu */
		width: 1100px; /* Šířka kontejneru */
		height: 50px; /* Výška kontejneru */
		margin: 0 auto;
	  }
	  .container h2 {font-size: 18px;}
	  .containerG {
		display: flex;
		justify-content: center; /* Horizontální zarovnání boxů do středu */
		align-items: center; /* Vertikální zarovnání boxů do středu */
		width: 1200px; /* Šířka kontejneru */
		height: 120px; /* Výška kontejneru */
		margin: 0 auto 20px auto;

		
	  }
	  .stredni h2 {font-size: 20px;}

	  .container a, .containerG a{  text-decoration: none; color: inherit;}  
	  .container a:hover, .containerG a:hover {  border-bottom:1px solid #0066a4; }
	  .ikon { float: left; height: 50px;}
	  .ikonText { line-height: 50px; vertical-align: middle;}
	  .box {
		width: 240px; /* Šířka boxu */
		height: 50px; /* Výška boxu */
		margin: 10px; /* Odstup mezi boxy (můžete upravit podle potřeby) */
		text-align: center;
		color:#0066a4;
	  }
	  .box1 {
		width: 400px; /* Šířka boxu */
		height: 50px; /* Výška boxu */
		margin: 10px; /* Odstup mezi boxy (můžete upravit podle potřeby) */
		text-align: center;
		color:#009ddc !important;
	  }
	  .zased {width:100%; border: 1px solid black }
p.prihlaseni { color:#0066a4; text-align: center; font-size: 25px; font-weight: bold;}
  
  .okraj { border: 1px solid #408cbb; color: #408cbb !important; font-size: 15px !important; padding: 5px 5px; margin-left: 10px;}
  /* Umístění loga vlevo nahoře */
  .logo {
	float: left;
	margin: 10px 20px; /* Můžete upravit okraje podle potřeby */
  }
  .ctverec {
	margin: 0px auto 0 auto;
	max-width: 480px;
	margin-top: 200px !important; 
  }

  table.zapis {max-width: 500px; border: none !important; display: block; text-align: center; margin: 50px auto;}
  .zapis td, .zapis tr { border: none;}
  .zapis td { text-align: left;}
  .zapisT {font-size:14px; color:#fff; background-color:#0066a4; border:outset; text-decoration:none; font-weight:bold; padding: 10px;}
  .zapisO {font-size:14px; color:#fff; background-color:#ff0000; border:outset; text-decoration:none; font-weight:bold; padding: 10px;}
  .trzapisO {
    height: 70px;
}
#prihlas_pozadi{position:relative;/* top: 250px;*/  width:492px; margin: 0pt auto; color: white; 
 font-size: 9pt; text-align: left; padding: 10pt; /*height:100%;*/ }
#prihlas{
	margin-top: 250px;
/*	position:absolute;
	left:170px;
		top: 218px;
	*/
	margin: 0 auto;
	max-width:480px;
	color: #0d36b2;
	
	font-size: 9pt;
	text-align: left;
	padding: 10pt;
}

tr.pozadi td a.odkaz:link, tr.pozadi td a.odkaz:visited, tr.pozadi td a.odkaz:hover {
    COLOR: #fff !important;
    TEXT-DECORATION: none;
    font-size: 10pt;
}


div.big{width:100%; height:100%; text-align:center}
.text1{color:#0066a4;  font-size: 18pt; font-weight:bold; text-align: left; }
.text3{color:#0066a4;  font-size: 14pt; font-weight:bold; text-align: left;}
.nadpisek{color: #000000;  font-size: 9pt; text-align:left;}
.text2{color: #000000;  font-size: 10pt;}
input.tlacitko1{background-color: #0066a4; color: white; font-weight: bold; font-size: 9pt; cursor: hand; border: 2px solid white; padding: 10px;}
input.tlacitko{background-color: white; color: #cc0000; font-weight: bold; font-size: 9pt; cursor: hand; border: 2px solid #cc0000; padding: 0pt 0pt 0pt 0pt ;}
input.tlacitko2{ background-color:#0066a4;color: #FFFFFF; font-weight: bold; font-size: 14px; cursor: hand; padding: 10px; border: none;}
input.hide_sklad{background-color: #ffffcc ; color: black; font-size: 9pt; border: 0px; padding: 0pt 0pt 0pt 0pt ;}
div.menu{position: relative; top: 5px; left: 0px; background-image:url(../image/menu_bg.jpg); width:140px;  color: white;  font-size: 9pt; text-align: left; padding: 5pt;}
div.menu_asist{position: relative; top: 5px; left: 0px; background-image:url(../image/pozadi_asistentky.jpg); width:140px;  color: white;  font-size: 9pt; text-align: left; padding: 5pt;}

div.menu_kitte{position: relative; top: 5px; left: 0px; background-image:url(../image/pozadi_kitte.jpg); width:140px;  color: white;  font-size: 9pt; text-align: left; padding: 5pt;}
div.menu_pharma{position: relative; top: 5px; left: 0px; background-image:url(../image/menu_pharma.jpg); width:140px;  color: white;  font-size: 9pt; text-align: left; padding: 5pt;}
div.menu_zas{position: relative; top: 5px; left: 0px; background-image:url(../image/menu_zas.jpg); width:140px;  color: white;  font-size: 9pt; text-align: left; padding: 5pt;}

div.menu_vyrob{position: relative; top: 5px; left: 0px; background-image:url(../image/menu_vyroba.jpg); width:140px;  color: white;  font-size: 9pt; text-align: left; padding: 5pt;}
div.menu_eu{position: relative; top: 5px; left: 0px; background-image:url(../image/menu_eu.jpg); width:140px;  color: white;  font-size: 9pt; text-align: left; padding: 5pt;}
div.nadpis{position: relative; top: 0px; left: 0px; background-color:white; width:700px; height:104px; color: #6633FF;  font-size: 40pt; text-align: right; }
div.vnitrek{position: relative; margin-top: 60px;  margin-left: 10px; color: #0066a4; font-size: 9pt; text-align: left; }
div.ramecek{background-color:white; color: black;  font-size: 9pt; text-align: left; border: 1px solid black;}
div.leva{background-color:white; color: black;  font-size: 9pt; text-align: left; width: 450px;}
div.prava{background-color:white; color: black;  font-size: 9pt; text-align: left; position:absolute; left:460px; top: 40px}
div.prava_vyrobek{background-color:white; color: black;  font-size: 9pt; text-align: left; position:absolute; left:460px; top: 80px}
div.smazat{background-color:white; color: black;  font-size: 9pt; text-align: left; position:relative; left:70px; top: -39px}
div.kody_1{background-color:white; color: black;  font-size: 9pt; text-align: left; border: 1px solid black;}
div.uvod{color: black;  font-size: 14pt; color:#01025e;}
div.uvod_asistentka{  font-size: 14pt; color:#660033;}
div.uvod_itecko{color: #0066a4; font-size: 14pt;    margin-bottom: 70px; }
div.uvod_vyroba{ font-size: 14pt; color:#FF6600}
div.objednavka{ width:640px; text-align: left; vertical-align:middle;}
div.objednatel{background-color:white; color: black; width: 300px;
 font-size: 9pt; text-align: left; border: 1px solid black; padding: 5px;}
div.dodavatel{width:300px; position:absolute; left:340px; top:130px; color: black; 
 font-size: 9pt; text-align: left; border: 1px solid black; padding: 5px;}
div.zavoz{width:300px; height:30px; color: black; 
 font-size: 9pt; text-align: left; border: 1px solid black; padding: 5px;}
div.dopravce{width:300px; position:absolute; left:0px; top:300px; color: black; 
 font-size: 9pt; text-align: left; border: 1px solid black; padding: 5px;}
div.obj_zbozi{width:640px; position:relative; top:25px; color: black; 
 font-size: 9pt; text-align: left; padding: 0px;}
hr{margin:0px; padding:0px;}
.smazano {text-decoration: line-through; }
.hotovson { color: #009ddc !important;}
.hotovo {background-color: #ccc;}
.sred { background-color: burlywood;}
.tlac {
	font-size: 10pt;
    min-width: 150px;
    margin: 10px;
    text-align: center;
    color: #0066a4;
    border: 1px solid #0066a4;
    display: block;
    line-height: 25px;
    vertical-align: middle;
}
a.odkaz_zas:link{COLOR:#009ed8 ; TEXT-DECORATION: none; font-size: 9px;FONT-WEIGHT: normal; }
a.odkaz_zas:visited{COLOR:#009ed8 ; TEXT-DECORATION: none; font-size: 9px;FONT-WEIGHT: normal; }
a.odkaz_zas:hover{COLOR:#009ed8; TEXT-DECORATION: none; font-size: 9px;FONT-WEIGHT: normal; }
a.odkaz_zas_m:link{COLOR:#09669c ; TEXT-DECORATION: none; font-size: 9px;FONT-WEIGHT: normal; }
a.odkaz_zas_m:visited{COLOR:#09669c ; TEXT-DECORATION: none; font-size: 9px;FONT-WEIGHT: normal; }
a.odkaz_zas_m:hover{COLOR:#09669c; TEXT-DECORATION: none; font-size: 9px;FONT-WEIGHT: normal; }

a.odkaz_zas_obj:link{COLOR:#808285 ; TEXT-DECORATION: none; font-size: 9px;FONT-WEIGHT: normal; }
a.odkaz_zas_obj:visited{COLOR:#808285 ; TEXT-DECORATION: none; font-size: 9px;FONT-WEIGHT: normal; }
a.odkaz_zas_obj:hover{COLOR:#808285; TEXT-DECORATION: none; font-size: 9px;FONT-WEIGHT: normal; }

a.odkaz_obj:link{COLOR: #ffffff  ; TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }
a.odkaz_obj:visited{COLOR: #ffffff  ; TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }
a.odkaz_obj:hover{COLOR:#ffffff ; TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }

a.odkaz_obj_zas:link{COLOR:#ffffff ; TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }
a.odkaz_obj_zas:visited{COLOR:#ffffff ; TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }
a.odkaz_obj_zas:hover{COLOR:#ffffff; TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }
a.odkaz_obj_zas{COLOR:#ffffff; TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }
a.odkaz_zas_obj{COLOR:#ffffff;TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }
a.odkaz_obj_zas{COLOR:#ffffff;TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }

a.odkaz_obj_m:link{COLOR: white ; TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }
a.odkaz_obj_m:visited{COLOR: white ; TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }
a.odkaz_obj_m:hover{COLOR:#FFCC99; TEXT-DECORATION: none; font-size: 10px;FONT-WEIGHT: normal; }
a.odkaz, a.odkaz:link, a.odkaz:visited, a.odkaz:hover{COLOR: #0066a4 ; TEXT-DECORATION: none; font-size: 10pt; }
.male {margin-left: 10px;}
a.zpet:link{COLOR: #cc0000 ; TEXT-DECORATION: none; font-size: 10pt;FONT-WEIGHT: bold; }
a.zpet:visited{COLOR: #cc0000 ; TEXT-DECORATION: none; font-size: 10pt;FONT-WEIGHT: bold; }
a.zpet:hover{COLOR: #cc0000 ; TEXT-DECORATION: underline; font-size: 10pt;FONT-WEIGHT: bold; }
a.male:link{COLOR: #09669c ; TEXT-DECORATION: none; font-size: 9pt;FONT-WEIGHT: bold; }
a.male:visited{COLOR: #09669c ; TEXT-DECORATION: none; font-size: 9pt;FONT-WEIGHT: bold; }
a.male:hover{COLOR: #09669c ; TEXT-DECORATION: underline; font-size: 9pt;FONT-WEIGHT: bold; }
a.polozka:link{COLOR: #000000 ; TEXT-DECORATION: underline; font-size: 9pt;FONT-WEIGHT: bold; }
a.polozka:visited{COLOR: #000000 ; TEXT-DECORATION: underline; font-size: 9pt;FONT-WEIGHT: bold; }
a.polozka:hover{COLOR: #000000 ; TEXT-DECORATION: underline; font-size: 9pt;FONT-WEIGHT: bold; }
.zasedacka a {color:#CC0000; text-decoration:none; font-size:24px}
.zasedacka a:hover {color:#009966}
.TextCenter { text-align: center !important;}
font.nadpis{color: black;  font-size: 14pt; font-weight: bold; text-decoration: underline;}
font.chyba{color: red;  font-size: 10pt; font-weight: bold; text-decoration: underline;}
font.error{color: black;  font-size: 10pt; background-color:#ff6666; padding: 0px 5px 0px 5px;}
td.text{color: black;  font-size: 9pt; text-align:left;}
td.text_s{color: black;  font-size: 8pt; text-align:left;}
td.text_small{color: black;  font-size: 7pt; text-align:left;}
td.dole{color: black;  font-size: 9pt; text-align:left;border-bottom: 2px solid black;border-top: 1px solid black;}
td.dole_t{color: black;  font-size: 9pt; text-align:center; border-bottom: 1px solid black;}
td.textr{color: black;  font-size: 9pt; text-align:right;}
td.ramek{color: black;  font-size: 9pt; text-align:left; border: 1px solid black;}
td.objednavka{color: black;  font-size: 9pt; text-align:center; border: 1px solid black;}
td.obj_tenka{color: black;  font-size: 9pt; text-align:center; border-right: 1px solid black;border-bottom: 1px solid black;}
td.tenka_d_h_r{color: black;  font-size: 9pt; text-align:center; border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black;}
td.tenka_d_h_r_left{color: black;  font-size: 9pt; text-align:left; border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black;}
td.tenka_d_h{color: black;  font-size: 9pt; text-align:left; border-top: 1px solid black;border-bottom: 1px solid black;}
td.objednavka_red{color: black;  font-size: 9pt; text-align:center; border: 1px solid black;background-color: #FF0000;}
td.objednavka_green{color: black;  font-size: 9pt; text-align:center; border: 1px solid black;background-color: #00FF00;}
td.objednavka_zluta{color: black;  font-size: 9pt; text-align:center; border: 1px solid black;background-color: #FFF500;}
td.objednavka1{color: black;  font-size: 9pt; text-align:center; border: 1px solid black; background-color: #E8E8E8;}
td.vstup{color: black;  font-size: 9pt; background-color: #ccffcc; padding: 2px 4px 2px 4px;}
td.zbozi{color: black;  font-size: 9pt; background-color: #CCFFFF; padding: 2px 4px 2px 4px;}
td.zkouska{color: black;  font-size: 9pt; background-color: #ffff99; padding: 2px 4px 2px 4px;}
td.vyrobek{color: black;  font-size: 9pt; background-color: #c0c0c0; padding: 2px 4px 2px 4px;}
td.sklad{color: black;  font-size: 9pt; background-color: #ffffcc; padding: 2px 4px 2px 4px;}
td.sklad_bile{color: black;  font-size: 9pt; background-color: #ffffff; padding: 2px 4px 2px 4px;}
td.uzivatel{color: white;  font-size: 9pt; background-color: #000099; padding: 2px 4px 2px 4px;}
table{border: 1px solid black; padding:3px; font-size:12px;}
table{color: black;  font-size: 13px; text-align:left; border: 1px solid #0066a4;}
.table_prihlas{color: black;  font-size: 13px; text-align:left; border: none !important;     max-width: 350px;}
.table_prihlas td { border: none;}
.pozadi {background-color:#09669c; color:#FFFFFF; text-align:center}
.pozadicko {background-color:#09669c; color:#FFFFFF; text-align:center; font-size:11px}
.pozadicko1 {background-color:#000; color:#FFFFFF; text-align:center; font-size:11px}
.pozadicko_text {border: 1px solid #09669c; background-color:#09669c; color:#FFFFFF;font-size: 16px; padding: 8px 5px ; margin-bottom: 10px; float: left; margin-right: 10px;}
.pozadicko_bar {background-color:#009ed8; color:#FFFFFF; text-align:center; font-size:11px}
.pozadicko_bar_text {border: 1px solid #009ed8; background-color:#009ed8; color:#FFFFFF; padding: 8px 5px; font-size:16px; margin-bottom: 10px; float: left;margin-right: 10px;}
.pozadicko_zas {background-color:#808285; color:#FFFFFF; text-align:center; font-size:11px}
.pozadicko_zas_text {border: 1px solid #808285;  background-color:#808285; color:#FFFFFF;padding: 8px 5px; font-size:16px; margin-bottom: 10px; float: left; margin-right: 10px;}
.pozadicko_vse_text {border: 1px solid #0070b0;  color:#0070b0;padding: 8px 5px; font-size:16px; margin-bottom: 10px; float: left; }
.pozadi_asistentka {background-color:#660033; color:#FFFFFF; text-align:center}
.pozadi_asistentka_text {background-color:#660033; color:#FFFFFF; text-align:center}
.pozadi_vyroba {background-color:#660033; color:#0E633A; text-align:center}
.pozadi_itecko {background-color:#0E633A; color:#FFFFFF; text-align:center}
.cenik {color:#990033; text-align:center; font-size:14px}
.cenik_tab {color:#FFFFFF;background-color:#990033;text-align:left; font-size:14px}
.note {color: black; font-size: 10px; text-align:center; }

input[type="text"] {
	border:1px solid  #0066a4;
	color: #0066a4 !important;
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	margin-top: 5px;
}


table {
	width: 100%; /* Celková šířka tabulky */
	border-collapse: collapse; /* Sloučí rámečky buněk */
	
  }
  
  td {
	border: 1px solid #0066a4; /* Rámeček buněk - můžete upravit vzhled rámečků podle potřeby */
	padding: 8px; /* Odsazení uvnitř buněk pro lepší vizuální vzhled */
	text-align: center; /* Zarovnání textu do středu buněk */
  }


	
a.sm {color: #009ed8 !important;}	
table.tk {color: #0066a4;
    border: none;
    width: 700px;
    /* display: block; */
    margin: 0 auto;}
	table.tk td  {
		border: none;
		text-align: left;
	}
#demo1 { border: 1px solid #09669c; margin-right: 10px; color: #000;    width: 57%; float: left;}
.kalendarik {     border: none;
    height: 19px;
    top: 4px;
    position: relative;}
	.text_num { position: relative; top: 10px; border: 1px solid #09669c; color: #09669c; min-width: 38px;}
	.zz { color: #09669c; position: relative; top: 10px;}
	.zadane td { border: 1px solid #09669c;}
	table.zadane thead td, table.zadane thead td.odkaz a, table.zadane thead td a.odkaz:visited, table.zadane thead td a.odkaz:link, table.zadane thead td a.odkaz:hover {background-color: #09669c !important; color: #fff !important;}
	table.zadane {color: #09669c;}
	.navstivene { background-color: #09669c; color: #fff !important;}
	input[type="radio"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 15px;
		height: 15px;
		border: 1px solid #09669c;
		border-radius: 50%;
		outline: none;
		cursor: pointer;
		margin: 3px 3px 0px 0px;
	  }
	input[type="radio"]:checked {
		background-color: #09669c; /* Červená barva pro zaškrtnuté tlačítko */
		border-color: #09669c; /* Též změníme barvu rámečku kolečka */
	  } 
@media print{
input.tlacitko { display:none; }
}
.modra {color: #0d36b2; font-weight:bold}
.fialova {color:#660033; font-weight:bold}
.zelena {color:#0066a4; font-weight: bold;}
.oranzova {color:#FF6600; font-weight:bold}
.grafik textarea {border-width: 1px; border-style: solid; border-color:#0066a4;}
.grafik select { border-width: 1px; border-style: solid; border-color:#0066a4;} 
.asistentka textarea {border-width: 1px; border-style: solid; border-color:#660033;}
.itecko select { border-width: 1px; border-style: solid; border-color:#0066a4;} 
.itecko textarea {border-width: 1px; border-style: solid; border-color:#0066a4;}
.asistentka select { border-width: 1px; border-style: solid; border-color:#0066a4;} 
.sklad textarea {border-width: 1px; border-style: solid; border-color:#0066a4;}
.sklad select { border-width: 1px; border-style: solid; border-color:#0066a4;} 
.sklad input { border-width: 1px; border-style: solid; border-color:#0066a4;} 
textarea {border-width: 1px; border-style: solid; border-color:#0066a4;}
.obj {background-color:#009ed8; font-size:10px;color:#ffffff !important}
.obj_m {background-color:#09669c; font-size:10px; color:#ffffff}
.obj_zas {background-color:#808285; font-size:10px; color:#ffffff}
.zbyva {font-size: 14px; display: inline-block; width: 30px;}
a.c, a.cK {display: block; text-decoration: none; color: inherit;}
a.c:hover, a.cK:hover {color: inherit; color: #f00; }
@media (max-width: 768px) {
	.container {

  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); /* Umožní flexibilní počet sloupců v závislosti na šířce obrazovky */
  grid-gap: 10px; /* Odstup mezi boxy */
  max-width: 800px; /* Maximální šířka kontejneru */
  margin: 0 auto; /* Zarovná kontejner do středu stránky */
  padding: 20px 0px; /* Vnější odsazení pro lepší vizuální vzhled */
  height: auto;
	}
  
	.box {
	  width: 100%; /* Změníme šířku boxů na 100% šířky kontejneru */
	  margin: 5px; /* Změníme odstup mezi boxy pro mobilní zařízení */
	  flex: 1; 
	}
	.logos, .logo, .logo img, .ctverec img{
		float: none;
		width: 200px;
		display: block;
		margin: 0 auto !important;
		text-align: center;
	}
	h1 {text-align: center; 
	font-size: 18px;
	}

	.ctverec {
		margin: 0px auto 0 auto;
		max-width: 100%;
		margin-top: 200px !important; 
	  }
	#prihlas_pozadi{position:relative;/* top: 250px;*/  width:100%; margin: 0pt auto; color: white; 
	 font-size: 9pt; text-align: left; padding: 0pt; height:100%; }
	#prihlas{
		margin-top: 250px;
	/*	position:absolute;
		left:170px;
			top: 218px;
		*/
		margin: 0 auto;
	
		max-width:100%;
		color: #0d36b2;
		
		font-size: 9pt;
		text-align: left;
		padding: 10pt;
	}
	.text1 {
		color: #0066a4;
		
		font-size: 16pt;
		font-weight: bold;
		text-align: left;
	}
	.menu_itecko {
		display: contents;
		justify-content: center;
		align-items: center;
		width: 1100px;
		height: auto;
		margin: 0 auto;
	}
}
.skry {display: none; visibility: hidden;}


table.gm, table.gm tr, table.gm tr td { border: 1px solid #0066a4; text-align: left; color: #0066a4;}
table.gm tr td input  {border: none; display: block; 	background-color: #fff;}
.table_g {  float: left; max-width: calc(100% - 400px);}
.gm { border: none; color:#0066a4;}
.gm td {padding: 5px !important;}
.gm input {color: #0066a4 !important; ;}
.gm input[type="number"] {     width: 30px;
    padding-right: 0px !important;
    margin-right: 0px !important;
    display: inline-block;
	border: 1px solid #0066a4;
}

.gm input[type="submit"] {
	background-color: #fff; /* Modrá barva */
	color: #0066a4; /* Bílá barva pro text */
	border: none;
	cursor: pointer;
	 width: 100%;
	 height: 30px;
  }
  
  /* Styly pro změnu barvy tlačítka na najetí myší */
  .gm input[type="submit"]:hover {
	background-color: #0066a4;
	color: #fff !important;

  }
  td.barva {padding: 0px !important; /* Odstup tlačítka od okrajů buňky */}
.barva:hover {background-color: #0066a4; color: #fff; }
.menicko {
	float: left;
	min-height: 100%;
	clear: left;
	position: relative;
}
.accordion {
	width: 350px;
	margin: 0px 10px 0px 0px;

  }

  .accordion h3 {color: #0066a4;}
  
  h3 {
	padding: 0px 10px 5px 5px;
	margin-left: 10px;
	cursor: pointer;
	font-size: 14px;
  }
  
  .panel {
	display: none; /* Skryjeme panel s nabídkou */
	padding: 10px;
  }
  
  .panel ul {
	list-style: none;
	padding: 0;
  }
  
  .panel li {
	margin-bottom: 5px;
  }
  
  .panel a {
	text-decoration: none;
	color: #0066a4;
	font-size: 12px;
  }
  .ksede {color: #808285; font-size: 13px; margin-left: 26px;}


  #calendarUForm {
	margin-bottom: 20px;
	margin-top: 10px;
  }

  /* Styly pro kalendář */
.calendar {
	max-width: 400px;
	margin: 0 auto;
	padding: 20px;
  }
  
  .calendar .header {
	text-align: center;
  }
  
  .calendar table {
	width: 100%;
	border-collapse: collapse;
  }
  
  .calendar th, .calendar td {
	border: 1px solid #ccc;
	padding: 8px;
	text-align: center;
  }
  
  .calendar th {
	background-color: #f2f2f2;
  }
  
  .calendar td {
	cursor: pointer;
  }
  
  .calendar td:hover {
	background-color: #f2f2f2;
  }

  .table_m{  float: left; max-width: calc(100% - 400px); border: none; margin-top: 50px; }
.table_mN { max-width: calc(100% - 400px); border: none; margin: 50px auto 0 auto; }
.a .table_m {
    float: left;
    max-width: calc(50% - 30px);
    border: none;
    margin-top: 50px;
    margin-right: 30px;
}
.ramecek { border: 1px solid #0066a4;}
  .table_m td, .table_m th{  border: 1px solid #0066a4 ;}
  .table_m th.jinam{  background-color:  #009ddc ;}
  .table_m td{  color: #0066a4 ; font-size: 20px; font-weight: bold; text-align: center; }
  .vodorovne td{ font-size: 14px !important; padding: 10px 0px !important; font-weight: normal;}
  .bold {font-weight: bold !important;}
  .table_mN td{  color: #0066a4 ; font-size: 13px; font-weight: normal; text-align: center; }
  .table_mN .hotovson td { color: #009ddc !important;}
  .modr {background-color: #0066a4; color: #fff; padding: 10px;}
  .modrN {background-color: #0066a4; color: #fff; padding: 10px; font-size: 15px !important; text-align: center;}
  .table_m th { font-size: 24px; text-transform: uppercase;}
  .a .table_m th { font-size: 16px; text-transform: uppercase;}
  .table_m th.jinam { font-size: 16px; text-transform: none; font-weight: normal; text-align: center;}
  .seda {background-color: #c0c2c6;}
  .tstred { margin-left: auto; margin-right: auto; float:none}
  .gstred {margin: 60 auto 0 auto !important;}
  .boxVse { 
	text-align: center;
	width: 300px; /* Šířka boxu */
	height: 50px; /* Výška boxu */
	margin: 10px; /* Odstup mezi boxy (můžete upravit podle potřeby) */
	text-align: center;
	color:#0066a4;
  }
  .boxVse img { margin-right: 10px;}
  .tukol {font-size: 12px !important; color: #0066a4 !important; display: block;padding: 0 10px;}
  td.selected {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffc758;
    z-index: -1; /* Umožní prvek zůstat pod obsahem buňky */
  }
  .vm {vertical-align: middle !important;/* min-height: 75px; */}

  td a {text-decoration: none;}
  .tf tr td {
 /*   height: 82px;*/
	padding: 0px;
	vertical-align: top;
    color: #0066a4;
}
tr table {  border:none}

.ram { border-top: 1px solid #0066a4; padding-top: 10px; padding-bottom: 10px;}
.ramD { border-bottom: 1px solid #0066a4;}
.tdm {background-color: #009ddc; color: #fff; font-size: 16px; padding: 5px 0px;}
.red{color: #0066a4 !important; font-size: 12px !important; }
.red div { text-decoration: line-through;}
.hotovka { background-color: #c0c2c6;font-size: 12px !important; color: #0066a4 }

td.c:hover, td.cK:hover {
	cursor: pointer;
  }
.kt { float: none; background-color: transparent; color: #0066a4; border: 1px solid #0066a4; margin-left: 10px;}
.kt:hover { background-color: #0066a4; cursor: pointer; color: #fff;}
.knez {border: 1px solid #0066a4; margin-top: 10px; }
  /* Styl pro skrytou nabídku */
#hiddenkalendar, #hiddenkalendar1,#hiddenkalendar2 , #hiddenkalendarP, #hiddenkalendarP1, #hiddenkalendarP2, #hiddenkalendarPm1,
#hiddenkalendarS, #hiddenkalendarS1,#hiddenkalendarS2 , #hiddenkalendarSm1,#hiddenkalendarN, #hiddenkalendarN1,#hiddenkalendarN2 , #hiddenkalendarNm1,#hiddenkalendarM, #hiddenkalendarM1,#hiddenkalendarM2 , #hiddenkalendarMm1,
#hiddenkalendarB, #hiddenkalendarB1,#hiddenkalendarB2 , #hiddenkalendarBm1,#hiddenkalendarB, #hiddenkalendarB1,#hiddenkalendarB2 , #hiddenkalendarBm1 {
	display: none;
	padding: 10px 0px;
  }
  
#toggleKalendar, #toggleKalendar1, #toggleKalendar2   {
	float: left;
	width: 50%;
	color: #009ed8;
	cursor: pointer;
}

.ukol { width: 80%;}
.male { font-size: 18px !important;}
#pmkalendarPm1, #pmkalendar, #pmkalendar1 , #pmkalendar2, #pmkalendarP, #pmkalendarP1 , #pmkalendarP2,#pmkalendarP0 ,#pmkalendarS,#pmkalendarS0, #pmkalendarS1 , #pmkalendarS2,#pmkalendarM,#pmkalendarM0, #pmkalendarM1 , #pmkalendarM2,#pmkalendarN,#pmkalendarN0, #pmkalendarN1 , #pmkalendarN2, #pmkalendarA, #pmkalendarA1 , #pmkalendarA2, #pmkalendarN, #pmkalendarN1 , #pmkalendarN2, #pmkalendarB, #pmkalendarB1 , #pmkalendarB2 , #pmkalendarB0  {
	/*float: left;*/
	width: auto;
	color: #009ed8;
	margin-right: 50px;
	cursor: pointer;

}
.vetsib {font-size: 16px; margin-top: 9px; display: block;}
.ikonkaS {  height: 15px;  margin-left: 5px; } 
.ikonka { float:inline-start; height: 15px;  margin-left: 5px; } 
.ikonka a, .ikonkaS a {text-decoration: none;}
.ikonka img, .ikonkaS img {height: 15px;}
.maxS {	max-width: calc(100% - 400px);
	margin: 0 auto;}
.bila { color: #fff !important; font-weight: normal !important;}

.maxST {	max-width: calc(100% );
		margin: 0 auto;}


.detail { width:calc(50% - 40px); color: #09669c; -webkit-box-shadow: 0px 0px 12px 0px rgba(9,102,156,1); padding: 10px;
	-moz-box-shadow: 0px 0px 12px 0px rgba(9,102,156,1);
	box-shadow: 0px 0px 12px 0px rgba(9,102,156,1); min-width: 700px;}
.detail hr {border: 1px solid #09669c; box-shadow: none;}
.detail textarea { margin-top: 10px; 	color: #0066a4;
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;}
.detail label.odsazenyl { color: #09669c; margin-top: 5px; display: inline-block;}
.modreKolo {height: 20px; width: 20px; border-radius: 100%; background-color: #0066a4; color: #fff; text-align: center; margin-right: 10px; display: inline-block; cursor: pointer ;}
.detail label.odsazenyl1 { color: #09669c; margin-bottom: 0px; display: inline-block;}
.detail input[type="date"] { margin-bottom: 20px; color: #0066a4 !important;}
.tdetail { float: right; color: #fff; background-color: #09669c; clear: both;border-color: transparent;}
.odsazenyl p {margin-bottom: 5px;}
.vytizenBox { max-width:300px; color: #09669c; -webkit-box-shadow: 0px 0px 12px 0px rgba(9,102,156,1); 
	-moz-box-shadow: 0px 0px 12px 0px rgba(9,102,156,1);
	box-shadow: 0px 0px 12px 0px rgba(9,102,156,1);
	margin-top: 17px;
	min-height: 0px;
	padding: 30px 10px;
}
.hore { margin-top: 17px;}

.normal {font-weight: normal !important; margin-bottom: 5px;
    display: block;}
.table_m th.bezO {border: none !important;}
.popis {width: 300px; margin-left: 20px;}
.popis_z {width: 247px; margin-left: 20px;}
.table_m th {width: 20%; }

.vodorovne th {width: auto; padding: 10px 20px }
.vodorovne TD {width: auto; padding: 10px 20px }
.bez { border: none !important;}
.odsad { margin-left: 40px !important;}


.tooltipster-base {
    background-color: #0066a4;
    color: #fff;
    padding: 4px 4px;
    font-size: 12px;
	border: none;
	max-width: 250px;
	text-align: justify;
}

.tooltipster-base.custom-tooltip {
    background-color: #3498db;
    color: #fff;
}