/* Základní styl */
body {
  margin: 0;
  font-family: sans-serif;
}

.navbar {
  display: flex;
  justify-content: space-between;
  background-color: #333;
  padding: 1rem 2rem;
  color: white;
}

.nav-links {
  list-style: none;
  display: flex;
  gap: 1.5rem;
}

.nav-links li a {
  color: white;
  text-decoration: none;
}

.burger {
  display: none;
  font-size: 2rem;
  cursor: pointer;
}

/* Tlačítka pro mobilní slidery */
.panel-buttons {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  background-color: #eee;
}

.panel-buttons button {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  cursor: pointer;
}

/* Desktop layout */
.desktop-layout {
  display: none;
}

/* Slider panely */
.slider {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 240px;
  background-color: #f0f0f0;
  padding: 1rem;
  box-shadow: 2px 0 5px rgba(0,0,0,0.3);
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: 1001;
}

.right-slider {
  right: 0;
  left: auto;
  transform: translateX(100%);
  box-shadow: -2px 0 5px rgba(0,0,0,0.3);
}

.slider.active {
  transform: translateX(0);
}

/* Překryv */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 1000;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Tlačítko zavření */
.close-btn {
  background: none;
  border: none;
  font-size: 2rem;
  float: right;
  cursor: pointer;
}

/* Responzivita */

@media (max-width: 768px) {
  .desktop-layout {
    display: block;
    padding: 1rem;
  }

  .left-column,
  .right-column {
    display: none; /* ?? Skryjeme boční panely */
  }

  .main-content {
    display: block;
    padding: 1rem;
    background-color: #fff;
  }

  .nav-links {
    display: none;
    flex-direction: column;
    background-color: #444;
    position: absolute;
    top: 60px;
    right: 0;
    width: 200px;
    padding: 1rem;
  
  }
  .nav-links.active {
    display: flex;
  }
  .burger {
    display: block;
  }
}


@media (min-width: 769px) {
  .panel-buttons,
  .slider {
    display: none;
  }

.desktop-layout {
  display: flex;
  gap: 1rem;
  padding: 2rem;
}

.left-column,
.right-column {
  flex: 1 1 240px;     /* základní šířka 240px, flexibilní */
  max-width: 240px;    /* horní limit */
  background-color: #f0f0f0;
  padding: 1rem;
}

.main-content {
  flex: 2;
  background-color: #fff;
  padding: 1rem;
}

}

img.art {border:1px groove gold;display:block;margin:4px
}

span.art {float:right; font-size: 50%}
body.neop {background-repeat:repeat-y; background-image: url("pozadi.gif");
	font-family: arial, helvetica, sans-serif;}

body.neop1 {
	background-repeat:repeat-y; 
	background-color: #016BA8;
	font-family: arial, helvetica, sans-serif;
}

td.menu1 {text-align:center;font-size:11pt; color:black;background-color:white}

td.kdyc {background-color: #FFE6E1; text-align:right; 
font-size:10pt; }

td.kdec {background-color: #FFE6E1; text-align:center; 
font-size:10pt;font-weight:coralBlue; }

td.kdys {background-color: #87DEEF; text-align:right; 
font-size:10pt; }

td.kdes {background-color: #87DEEF; text-align:center; 
font-size:10pt;font-weight:coralBlue; }

td.sed {text-align:center; background-color:wheat;font-size:10pt}
td.nor {text-align:center; background-color:white;font-size:10pt}

td.sedL {text-align:left; background-color:wheat;font-size:10pt}
td.norL {text-align:left; background-color:white;font-size:10pt}

ul.nor {text-align:justify; background-color:white;font-size:10pt}
td.norM {text-align:left; background-color:white;font-size:8pt}
td.norM2 {text-align:left; background-color:beige;font-size:8pt}
td.norM3 {text-align:left; background-color:beige;font-size:8pt;font-weight:bold;}
td.norM4 {text-align:left; font-size:8pt}
td.norC {text-align:center; background-color:white;font-size:8pt}
td.kdeM {background-color: khaki; text-align:center; 
font-size:10pt;font-weight:bold; }
td.kdeM1 {background-color: white; text-align:center; 
font-size:10pt;font-weight:bold; }
td.kdeM2 {text-align:center; font-size:10pt;font-weight:bold; }


td.por {text-align:center;font-size:10pt;font-weight:bold; }
td.por2 {text-align:center;font-size:10pt; }
td.kde2 {width:20%;background-color:wheat; text-align:center; 
font-size:10pt;font-weight:bold; color:crimson}
td.jm {text-align:center;font-size:10pt; }
p.levo {text-align:center;font-size:15pt; font-weight:bold; }



a {
	FONT-SIZE: 10pt; COLOR: #003399; TEXT-DECORATION: underline
}

A.m {
	FONT-SIZE: 10pt; COLOR: #003399; TEXT-DECORATION: underline
}

A.m:hover {
	FONT-SIZE: 10pt; COLOR: #003399; TEXT-DECORATION: underline
}
A.m:link {
	FONT-SIZE: 10pt; COLOR: #003399; TEXT-DECORATION: none
}
A.m:active {
	FONT-SIZE: 10pt; COLOR: #003399; TEXT-DECORATION: underline
}
A.m:visited {
	bold; FONT-SIZE: 10pt; COLOR: #003399; TEXT-DECORATION: none
}

A.m:visited:hover {
	bold; FONT-SIZE: 10pt; COLOR: #003399; TEXT-DECORATION: underline
}


A.menu {
	FONT-SIZE: 11pt; COLOR: #003399; TEXT-DECORATION: none; 
}

A.menu:hover {
	FONT-SIZE: 11pt; COLOR: #003399; TEXT-DECORATION: underline; 
}
A.menu:link {
	FONT-SIZE: 11pt; COLOR: #003399; TEXT-DECORATION: none; 
}
A.menu:active {
	FONT-SIZE: 11pt; COLOR: #003399; TEXT-DECORATION: underline; 
}

A.menu:visited {
	bold; FONT-SIZE: 11pt; COLOR: #003399; TEXT-DECORATION: none;
}
A.menu:visited:hover {
	bold; FONT-SIZE: 11pt; COLOR: #003399; TEXT-DECORATION: underline;
}


Pxxx { font-size:10pt; text-decoration:none; color:black }

a {font-size:10pt; color:blue}

p.l {text-align:center;font-size:15pt; font-weight:bold; color:black}

p.v {text-align:center;font-size:12pt; font-weight:bold; }

p.x {text-align:left;font-size:14pt; font-weight:bold; color=red}

p.xx {text-align:left;font-size:10pt; font-weight:bold;}


p.vm {text-align:center;font-size:13pt; font-weight:bold; }

p.vv {text-align:center;font-size:18pt; font-weight:bold; color:red}

td {font-size:11pt; }

td.s {background-color:aqua;font-size:10pt; }
td.d {background-color:#EBCC94;text-align:right; font-size:10pt;font-weight:bold; }

td.h {background-color:#EBCC94;text-align:left; font-size:10pt;font-weight:bold; }

td.v {background-color:#EBCC94;text-align:center; font-size:10pt;font-weight:bold; color:maroon}

td.dat {background-color: #10AF70; text-align:center; 
font-size:10pt;font-weight:bold; }

td.dar {background-color: #10AF70; text-align:right; 
font-size:12pt;}

th {background-color:#9BA05F;text-align:center; font-size:10pt;font-weight:bold; }

td.ac {text-align:center; font-size:9pt;}
td.al {text-align:left; font-size:9pt;}
td.ar {text-align:right; font-size:9pt;}
td.art {text-align:right; font-size:9pt;font-weight:bold;}

td.bc {background-color:#DAD9A5;text-align:center; font-size:9pt;}
td.bl {background-color:#DAD9A5;text-align:left; font-size:9pt;}
td.br {background-color:#DAD9A5;text-align:right; font-size:9pt;}
td.brt {background-color:#DAD9A5;text-align:right;font-weight:bold;font-size:9pt;}

td.ir {background-color:#10AF70;text-align:right; font-size:9pt;font-style:italic;}
td.ic {background-color:#10AF70;text-align:center; font-size:9pt;font-style:italic;}

td.kt {background-color:#10AF70;text-align:left; font-size:9pt;font-weight:bold;}
td.k {text-align:center; font-size:9pt;}
td.kx {background-color:#91F0D1;text-align:center; font-size:9pt;font-weight:bold;}

td.t {background-color:#91F0D1; text-align:center; 
font-size:12pt;font-weight:bold; }

td.sout {background-color:#EBCC94; text-align:center; 
font-size:11pt;font-weight:bold; }

td.sl {background-color:#DAD9A5;text-align:left; font-size:10pt;}

td.vyh {background-color:#00FFB9; text-align:center; 
font-size:10pt;}

td.pro {background-color:#8E946B; text-align:center; 
font-size:10pt; }

td.dis_tema {background-color:white; text-align:center; 
font-size:11pt; }

a.dis_tema {text-align:center; 
font-size:15pt; }

p.uzivatel {text-align:center;font-size:10pt; font-weight:bold; color:black}	

p.pridat {text-align:center;font-size:10pt; font-weight:bold; color:black}	

td.dis {background-color:#FFFFFF; text-align:left; 
font-size:10pt; }

td.sez {background-color:aqua; text-align:center; font-weight:bold;
font-size:12pt;}

td.uziv {background-color:aqua; text-align:left; font-weight:bold;
font-size:10pt;}

td.ddat {background-color:aqua; text-align:right; font-weight:bold;
font-size:10pt;}

td.dnaz {background-color:aqua; text-align:center; font-weight:bold;
font-size:10pt;}

p.tema {text-align:center;font-size:14pt; font-weight:bold; color:black}

p.otazka {text-align:center;font-size:12pt; font-weight:bold; color:red}

p.odp {text-align:center;font-size:25pt; font-weight:bold; color:red}

p.res {text-align:center;font-size:18pt; font-weight:bold; color:red}

td.kdy {background-color: #10AF70; text-align:right; 
font-size:12pt;font-weight:bold;}

td.kde {background-color: #FFAF70; text-align:center; 
font-size:11pt;font-weight:bold; }

td.kdeFL {background-color: wheat; text-align:center; 
font-size:11pt;font-weight:bold; }



td.tur {font-size:16pt; color:red; font-weight:bold; text-align:center}

p.nad {text-align:center;font-size:13pt; font-weight:bold; color:red}

p.cernad {text-align:center;font-size:13pt; font-weight:bold; margin:2pt}

p.lev {text-align:left;font-size:20pt; font-weight:bold; }

p.ltxt {text-align:justify;font-size:11pt;}

p.nad2 {text-align:center;font-size:15pt; font-weight:bold; color:blue; margin:7pt}

p.nad3 {text-align:center;font-size:14pt; color:blue; margin:7pt}


p.nor {text-align:justify;font-size:10pt; }

p.nornew {text-align:justify;font-size:12pt; }

p.norC {text-align:center;font-size:10pt;}


p.nadp {text-align:center;font-size:10pt;font-weight:bold;}

p.vv {text-align:center;font-size:15pt; font-weight:bold; color:blueviolet}


td.kdy {background-color:darkseagreen; text-align:right; 
font-size:11pt;font-weight:bold;}

td.kde {background-color:wheat; text-align:center; 
font-size:11pt;font-weight:bold;}

td.msnad {background-color:black; color:white; text-align:center; 
font-size:10pt;font-weight:bold;}

td.msnad1 {background-color:#00FF00; text-align:center; 
font-size:12pt;font-weight:bold;}


font.jmeno {font-size:11pt;font-weight:bold;}

td.jmeno {text-align:center;font-size:11pt;font-weight:bold; }

td.jmeno2 {text-align:left;font-size:12pt; }

td.klub {text-align:left;font-size:11pt; }

td.adr {text-align:left;font-size:11pt; }

td.adrc {text-align:center;font-size:11pt;}
font.kat {font-style:normal; font-size:11pt;}

td.kat {text-align:left; font-style:normal; font-size:11pt; }

td.misto {text-align:center; font-size:11pt; }

td.skup {text-align:center;text-valign:top;font-size:10pt; }

td.skup2 {text-align:center;text-valign:top;font-size:0pt; }

li.pra {text-align:left; font-size:11pt; text-decoration:none;list-style-position:outside}

li.pra2 {text-align:left; font-size:11pt; text-decoration:none;list-style-position:outside}

li.pra3 {text-align:left; font-size:11pt; text-decoration:none;list-style-position:outside}

li.sez {text-align:justify; font-size:12pt; text-decoration:none;list-style-position:outside; list-style-type:decimal}

li.num {text-align:justify; font-size:12pt;text-decoration:none;list-style-position:outside; list-style-type:decimal}

li.sez2 {text-align:justify; font-size:12pt; text-decoration:none;list-style-position:outside; list-style-type:lower-alpha}

table.tx {border:0pt; padding-left:40pt; padding-right:14pt; cellspacing:0pt}

td.tzah {background-color: gainsboro; text-align:center; 
font-size:10pt;font-weight:bold; }

td.okej {background-color: floralwhite; text-align:center; 
font-size:10pt; }

td.tur2 {font-size:14pt; color:red; font-weight:bold; text-align:center}

td.nejtur2 {font-size:10pt; color:black; font-weight:bold; text-align:center}

td.stat1 {text-align:center; font-size:10pt;font-weight:bold;}

td.stat {text-align:left; font-size:10pt;font-weight:bold; }

A.m1 {
	FONT-SIZE: 10px; COLOR: blue; TEXT-DECORATION: underline;}

A.m1:hover {
	FONT-SIZE: 10px; COLOR: blue; TEXT-DECORATION: underline;}
A.m1:link {
	FONT-SIZE: 10px; COLOR: blue; TEXT-DECORATION: none;}
A.m1:active {
	FONT-SIZE: 10px; COLOR: blue; TEXT-DECORATION: underline;}
A.m1:visited {
	bold; FONT-SIZE: 10px; COLOR: blue; TEXT-DECORATION: none;}

a.hlav {background-color:#9BA05F;text-align:center;color:black;text-decoration:none;font-size:10px;}

td.ligjmeno {text-align:center;font-size:12pt;font-weight:bold;}

td.ligjmeno1 {text-align:left;font-size:10pt;font-weight:bold; }

td.ligjmeno2 {text-align:center;font-size:10pt;font-weight:normal;}

p.lignad {text-align:center;font-size:10pt; font-weight:bold; color:black}	

p.lignadpis {text-align:center;font-size:13pt; font-weight:bold; color:black}	

td.ligtur {text-align:left;font-size:10pt;font-weight:normal; }

td.m1 {
	FONT-SIZE: 10px; text-align:left; }



body.zlut
{
    background-color: #ffcc00;
    font-size: 10px;
    color: #000;
    vertical-align: middle;
}

#obsah
{
	font-size: 10px;
 	position: absolute;
	top: 235px;
	left: 40px;
	height: 520px;
	width: 730px;
	background: 1px #fff;
	border: 1px solid #000;
	border-radius: 5px;
	margin: 5px auto;
	padding: 5px;
	text-align: center;
	vertical-align: middle;

}

#obsah2
{
	font-size: 10px;
 	position: absolute;
	top: 775px;
	left: 40px;
	height: 285px;
	width: 730px;
	background: 1px #fff;
	border: 1px solid #000;
	border-radius: 5px;
	margin: 5px auto;
	padding: 5px;
	text-align: center;
	vertical-align: middle;

}

	

#logo
{
 	position: absolute;
	top: 25px;
	left: 40px;
	height: 140px;
	width: 730px;
	background: url(images/stigath.jpg) no-repeat right 1px #fff;
	border: 1px solid #000;
	border-radius: 5px;
	font-size: 16px;
	padding: 5px;
	margin: 5px auto;
}	

#logocasg
{
 	position: relative;
	top: 5px;
	left: -230px;
	height: 120px;
	width: 200px;
	background: url(images/logocasg.gif) no-repeat left 1px #fff;
	border: 0px solid #000;
	font-size: 24px;
	padding: 5px;
	margin: 5px auto;
}	



#napis
{
 	position: relative;
	top: 2px;
	left: 210px;
	height: 60px;
	width: 250px;
	background: #fff;
	border: 0px solid #000;
	font-size: 24px;
	padding: 5px;
	margin: 5px auto;
	text-align: center;
}	


#menu2
{
 	position: absolute;
	top: 185px;
	left: 40px;
	height: 30px;
	width: 730px;
	background: 1px #6496C8;
	border: 1px solid #000;
	border-radius: 5px;	
	margin: 5px auto;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	color:#fff;
	
}	



#menu
{
 	position: absolute;
	top: 1075px;
	left: 40px;
	height: 50px;
	width: 730px;
	background: 1px #6496C8;
	border: 1px solid #000;
	border-radius: 5px;
	margin: 5px auto;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}	

#patka
{
 	position: absolute;
	top: 1120px;
	left: 40px;
	height: 30px;
	width: 730px;
	background: transparent;
	margin: 5px auto;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}	

#terminy
{
 	position: absolute;
	top: 235px;
	left: 795px;
	height: 230px;
	width: 255px;
	background: 1px #fff;
	border: 1px solid #000;
	border-radius: 5px;
	margin: 5px auto;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}	

#partneri
{
 	position: absolute;
	top: 480px;
	left: 795px;
	height: 120px;
	width: 255px;
	background: 1px #6496C8;
	border: 1px solid #000;
	border-radius: 5px;
	margin: 5px auto;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}	



#terminyITHF
{
 	position: absolute;
	top: 620px;
	left: 795px;
	height: 400px;
	width: 255px;
	background: 1px #fff;
	border: 1px solid #000;
	border-radius: 5px;
	margin: 5px auto;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}	


#twitter
{
 	position: absolute;
	top: 1035px;
	left: 795px;
	height: 230px;
	width: 255px;
	background: 1px #fff;
	border: 1px solid #000;
	border-radius: 5px;
	margin: 5px auto;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}	


#video
{
 	position: absolute;
	top: 25px;
	left: 795px;
	height: 190px;
	width: 255px;
	background: 1px #fff;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 5px;
	margin: 5px auto;
}	


td.head0
{
    background-color:white;
	color:black;
	font-size: 100%;
	text-align: center;   
	font-weight: bold;
}
td.head1
{
	color:black;
	font-size: 100%;   
	text-align: center;
}

a.head
{
 
	color:#1061DC;
	text-decoration: none;
	font-size: 100%;   
	font-weight: bold;
   
}

table.tabmain
{
	background-color: white !important;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
 }


table.tabTermin {
	background-color: #EEEEEE; !important;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
 }