body {
	 font-family: 'Roboto Condensed', sans-serif;
	 font-size: 14pt;
   margin: 0px;
   padding: 0px;    
   text-align: center;
   background-color:#cccccc;
   color:#444; 
}

.hlavni {
	 display: inline-block;
	 top:-40px;
	 position: relative;
	 width: 910px;
	 padding:70px;
   margin: 0 0 0 80px;
   text-align: left;
   background-color:#ffffff;
   min-height: 1000px;
   min-width: 0;
   margin-left: 122px;
}

.mys {	
	color: #cccccc;
}

.podhlavni {
	 position: relative;
}

.nadpis {
  display: flex;
  justify-content: space-between; 
  align-items: baseline;
  font-size: 28pt;
}

.podnadpis {	
	font-size: 16pt;
	background-color: #eeeeee;
	padding: 6px;
}

.podnadpis-red {	
	font-size: 16pt;
	background-color: #800000;
	color: #ffffff;	
	padding: 6px;
}

.sekce {	
	padding: 6px;
}

.minipage {
	display: inline-block;
	vertical-align: top;
}

.minipage-red {
	display: inline-block;
	vertical-align: top;
	font-size: 14pt;
	line-height: 1.8;
}

.mezerus {
    width: 20px;
    display: inline-block;
}

.vpravo {
	float: right; 
}

.mensi {
  font-size: 20pt;
}


.hlavicka {
  position: relative;
  height: 120px;         
}

.dopravadolu {
  position: absolute;
  bottom: 0;  
  right: 0; 
}

.hspace{
	display: inline-block;
	width: 2cm;
}

.hhspace{
    float: right;
	display: inline-block;
	width: 10cm;
}

.jmena {
  display: grid;
  grid-template-columns: 430px auto;
  gap: 8px 8px;
}

.jmena span:nth-child(odd) {
  text-align: right;
}

.prog {
  display: grid;
  grid-template-columns: 20px auto;
  gap: 8px 32px;
}

.prog span:nth-child(odd) {
  text-align: right;
}

.uhel   { color: #444; }
.alert  { color: #e04500; }
.alertb { font-weight: bold; color: #e04500; }
.olivab { font-weight: bold; color: #80804D; }

.obloha { color: #3c84b6; }

.cara { height: 12px; background-color: #eeeeee }

.no-tel {
  -webkit-user-modify: read-write-plaintext-only; 
  -webkit-touch-callout: none;                    
  user-select: text;                              
}

.menumode { padding:0px; position: absolute; top: -32px; left: 70px; padding:0px; height:37px; width: 700px; display block; }
.menumode a:hover { background-color:#e04500; }

.menuyear { position: absolute; top: 400px; left: -122px; padding:0px; height:32px; display block; }
.menuyear a:hover { background-color:#e04500; }

.placelist { position: absolute; top: 74px; left: -390px; padding:0px; height:32px; display block; }
.place     { display: block; width: 300px; height: 32px; line-height: 32px; color: #888888; font-family: inconsolata, verdana, courier; font-weight:normal; font-size:12pt; text-align: right; }

.aktuality           { display: block; width: 122px; height: 42px;                            line-height: 42px; color: #888888; font-weight:bold; font-size:16pt; text-align: right; }
.aktuality-sel       { display: block; width: 122px; height: 42px; background-color: #e04500; line-height: 42px; color: #ffffff; font-weight:bold; font-size:16pt; text-align: right; }
.aktuality:hover     { color: #ffffff; }
.aktuality-sel:hover { color: #ffffff; }

.program           { display: block; width: 122px; height: 42px;                            line-height: 42px; color: #888888; font-weight:bold; font-size:16pt; text-align: right; }
.program-sel       { display: block; width: 122px; height: 42px; background-color: #e04500; line-height: 42px; color: #ffffff; font-weight:bold; font-size:16pt; text-align: right; }
.program:hover     { color: #ffffff; }
.program-sel:hover { color: #ffffff; }

.registrace            { display: block; width: 122px; height: 42px;                            line-height: 42px; color: #888888; font-weight:bold; font-size:16pt; text-align: right; }
.registrace-sel        { display: block; width: 122px; height: 42px; background-color: #e04500; line-height: 42px; color: #ffffff; font-weight:bold; font-size:16pt; text-align: right; }
.registrace:hover      { color: #ffffff; }
.registrace-sel:hover  { color: #ffffff; }

.ubytovani           { display: block; width: 122px; height: 42px;                            line-height: 42px; color: #888888; font-weight:bold; font-size:16pt; text-align: right; }
.ubytovani-sel       { display: block; width: 122px; height: 42px; background-color: #e04500; line-height: 42px; color: #ffffff; font-weight:bold; font-size:16pt; text-align: right; }
.ubytovani:hover     { color: #ffffff; }
.ubytovani-sel:hover { color: #ffffff; }

.doprava           { display: block; width: 122px; height: 42px;                            line-height: 42px; color: #888888; font-weight:bold; font-size:16pt; text-align: right; }
.doprava-sel       { display: block; width: 122px; height: 42px; background-color: #e04500; line-height: 42px; color: #ffffff; font-weight:bold; font-size:16pt; text-align: right; }
.doprava:hover     { color: #ffffff; }
.doprava-sel:hover { color: #ffffff; }

.off { color: #bbb; }
.on  { color: #444; }

ul { list-style-type: square; }

.sekce a:link    { color: #2c73ff; }
.sekce a:visited { color: #2c73ff; }

a:link    { text-decoration: none; border-bottom-color: #eeeeee; }
a:visited { border-bottom-color: #eeeeee; }
a:active  { border-bottom-color: #eeeeee; }
a:hover   { border-bottom-color: #eeeeee; background-color: #eeeeee; }

.obrazky { margin: 0px; border-width: 0px; padding: 0px; padding-bottom: 4px; }