/******************** Proměnné definované v rámci celého dokumentu ********************/


/* By default the width, height, min and max values are defined for the content
  height = content-height, width = content-widt. The following definition 
  changes this behaviour. Now 
  height = content-height + padding + border
  width = content-width + padding + border.
  It makes calculating the element size simpler.
*/
* {
  box-sizing: border-box;
}

/******************** Nastavení pro HTML TAGy ********************/

html { scroll-behavior: smooth; }

/***** Základní text *****/
body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: var(--text-font-size, 13px);
  background: #67757d;
  padding: 0px;
  margin: 0px;
}

/***** běžný text, odrážky *****/
ul, ol {
  margin: .5em; 
  padding: 0;
}

p,td,tr,li {
  font-size: 100%;
  padding-top: 0.23em;
  margin-top: 0px;
  text-indent: 0px;
  text-align: justify;
  color: #333;
}

p, table {
  margin-top: 0.23em;
  margin-bottom: 0.23em;
  margin-left: 0px;
  margin-right:0px;
}

ol,ul {
  margin-top: 0px;
  padding-top: 0px;
  text-indent: 0.75em;
}

li {list-style-position: inside;}



/*****  Nadpisy *****/
h1, h2, h3, h4, h5  {
  font-weight: bolder;
  padding: 0px;
  margin: 0px;
  color: #566D8C;
  text-align: left;
}

h1{
  font-size: 150%;
  width: 100%;
  letter-spacing: 0.1em;
  margin-top: 0px;
  padding-top: 1em;
  margin-bottom: 0em;
  padding-bottom: 2px;
  border-bottom: 1px solid #FF6000;
  color: #083C8F;
}

h2 {
  font-size : 130%;
}
h3 {
  font-size : 120%;
}

h4{
  font-size: 120%;
  color: Navy;
  border-bottom-color: #FFCC66;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 0.4em;
  padding-top: 1em;
  padding-bottom: 2px;
}

h5{
  font-size: 100%;
  margin-bottom: 0px;
  margin-top: 1.0em;
}

/***** Styl odkazů *****/
a {
  text-decoration : none;
  font-weight: bold;
  color: #FF9900;
}
a:hover {color : #CC3333;}


/*****  Obecné tabulky  ******/
table{
  border: 0px;
  border-collapse: collapse;
  font-size: 100%;
}

table th, table td {
  padding: 0.3em 0.5em 0.3em 0.5em;
  border: 0px;
}


thead {
  font-size: 100%;
  color: #FF9900;
  font-weight: bolder;
}


/***** horizontální čára *****/
hr {
  color: silver;
  height: 1px;
}


/***** details and summary tags *****/
details {
  text-height: 100%;
  margin-bottom: 0.8em;
}

summary {
  margin: 0px;
  border: 0px;
  padding: 0px;
  cursor: pointer;
}

/******************** Nastavení pro CLASS ********************/

/***** Pozice textů  *****/
.vpravo{
  float: right;
}
.dolu{
  vertical-align: baseline;
}

.vertical_center {
  margin-top: auto;
  margin-bottom: auto;
}

.horizontal_center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.overflowing {
  overflow-x: auto;
}

/***** Barevné texty *****/
.orange {
  color: #E18125;
  font-weight: bold;
  font-size: calc(var(--main-menu-font-size, 12px) + 4px);
  line-height: calc(var(--main-menu-font-size, 12px) + 3px);
}

.blue {
  color: #083C8F;
  font-weight: bold;
  font-size: var(--main-menu-font-size, 12px);
  line-height: var(--main-menu-font-size, 12px);
}


/***** Barevná pozadí *****/
.backgroundHighlight {
  background-color: aliceblue;
}

.backgroundWarn {
  background-color: mistyrose;
}

.backgroundSuccess{
  background-color: honeydew;
}

.backgroundWait{
  background-color: ivory;
}

/***** Formátování tlačítek *****/
.submitButton {
  display:inline-block;
  font-size: 100%;
  font-weight: 600;
  color: #9BC9F3;
  margin-top: 1em;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0.5em;
  border: 4px solid var(--color-layout-blue, #6C94D2);
  border-radius: 10px;
  padding: 0.2em 3em 0.2em 3em;
  background: linear-gradient(0deg, #0f3300 45%, #375e22, #709f59 55%);
  transition-duration: 0.2s;
  cursor: pointer;
}

.submitButton:hover {
  color: white;
  border: 4px solid #FF9900;
}

.submitButton:active {
  color: black;
  border: 4px solid #325ba5;
}


.acceptButton {
  display:inline-block;
  font-size: 100%;
  font-weight: 600;
  color: #b1f39b;
  margin-top: 1em;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0.5em;
  border: 4px solid #84d16b;
  border-radius: 10px;
  padding: 0.2em 3em 0.2em 3em;
  background: linear-gradient(0deg, #003300 45%, #32a44f, #589d58 55%);
  transition-duration: 0.2s;
  cursor: pointer;
}

.acceptButton:hover {
  color: white;
  border: 4px solid #FF9900;
}

.acceptButton:active {
  color: black;
  border: 4px solid #325ba5;
}


.rejectButton {
  display:inline-block;
  font-size: 100%;
  font-weight: 600;
  color: #f39b9b;
  margin-top: 1em;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0.5em;
  border: 4px solid #d16b6b;
  border-radius: 10px;
  padding: 0.2em 3em 0.2em 3em;
  background: linear-gradient(0deg, #4d0000 45%, #b14825, #ab4949 55%);
  transition-duration: 0.2s;
  cursor: pointer;
}

.rejectButton:hover {
  color: white;
  border: 4px solid #FF9900;
}

.rejectButton:active {
  color: black;
  border: 4px solid #325ba5;
}

/***** Zadávací pole login formuláře *****/
.loginInputBox {
  width: 100%;
  border: 1px solid #999;
  font-size: 100%;
  padding: 0.2em 0em 0.2em 0.2em;
}


/*****  Styly pro aktualiaty *****/
.aktual h3 {
  color: #566D8C;
  font-size: 100%;
  border-top-style: dotted;
  border-top-width: 1px;
  border-top-color: #C3C3C3;
}
.aktual b {
  color: #6C6C6C;
  font-size: 100%;
  margin-left : 0px;
}
.aktual p {
  margin-left: 70px;
  margin-right: 30px;
}


/***** styl pro krátkou anotaci v úvodu stránky *****/
.anotace {
  font-size: 100%;
  color: #566D8C;
  border-bottom: 1px solid Silver;
  margin-bottom: 1em;
  padding: 0.4em 0.8em 0.4em 0.8em;
  text-align: justify;
  font-style: oblique;
  background-color: AliceBlue;
}

.anotace.warning {
  background-color: mistyrose;
}

.anotace.success {
  background-color: honeydew;
}


/***** Užší vzdálenost písmen používaná především v anotaci *****/
.normalLineHeight {line-height: 1.2;}


/***** Pseudo tabulka používaná v textech, formátováním podobná obsahu *****/
.pseudo-table {
  width: 100%;
  border: 0px;
  margin: 0.7em 0px 0.7em 0px;
  list-style: none;
}


.pseudo-table li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 0px;
  margin-bottom: 0.2em;
}


.pseudo-table .description {
  font-size: 100%;
  white-space: nowrap;
  font-weight: bolder;
  text-align: left;
}

.pseudo-table .value {
  white-space: nowrap;
  text-align: right;
  border: 0px;
  font-size: 100%
}

.pseudo-table .separator {
  margin: 0em 0.3em 0em 0.3em;
  width: 100%;
  height: 0.8em;
  background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
  background-position: bottom;
  background-size: 6px 1px;
  background-repeat: repeat-x;
}


/***** Okno s mapou *****/
.map-mapycz {
  border: none;
  width: 100%;
  height: 333px;
  frameborder: 0px;
  margin-top: 20px;
  margin-bottom: 50px;
}


/***** Tabulky v textu *****/
.basicTable {
  border: 1px solid black;
  border-collapse: separate;

}

.basicTable th {
  background-color: AliceBlue;
  border: 1px solid black;
}

.basicTable td {
  border: 1px solid black;
}

/***** Registrační formulář *****/
.regItem {
  margin-bottom: 0.7em;
  clear: both;
  --reg-descript-width: var(--descript-width);
  --reg-remainig-width: calc(100% - var(--descript-width));
}

.regItem .regDescriptNarrow {
  --reg-descript-width: calc(var(--descript-width) / 2);
  --reg-remainig-width: calc(100% - var(--descript-width) / 2);
}

.regItem .regDescriptVeryNarrow {
  --reg-descript-width: calc(var(--descript-width) / 3);
  --reg-remainig-width: calc(100% - var(--descript-width) / 3);
}

.regItem * {
  vertical-align: middle;
}

.obligMark { color: red;}

.regDescript {
  display: inline-block;
  width: var(--reg-descript-width);
}

.regWarnMarker {
  color: red;
  font-weight: bold;
}

.regWarning {
  color: red;
}

.regWarnList {
  color: red;
}

.regWarningBox {
  border: 2px solid red;
  background-color: mistyrose;
}

.regInputBox {
  width: calc(var(--reg-remainig-width) - 0.9em);
  border: 1px solid #999;
  font-size: 100%;
  padding: 0.2em 0em 0.2em 0.2em;
}

.regTextArea {
  width: calc(var(--reg-remainig-width) - 0.9em);
  border: 1px solid #999;
  font-size: 100%;
  padding: 0.2em 0.2em 0.2em 0.2em;
  resize: vertical;
}

.regDate {
  width: 8.0em;
  border: 1px solid #999;
  font-size: 100%;
  padding: 0.2em 0em 0.2em 0.2em;
}

.regCheckBox {
}

.regCheckBoxLabel {
  display: inline-block;
  position: relative;
  width: calc(var(--reg-remainig-width) - 2.5em);
}

.regRadio {
}

.regRadioLabel {
  display: inline-block;
  position: relative;
  width: calc(var(--reg-remainig-width) - 2.5em);
}

.regOption {
  font-size: var(--text-font-size, 13px);
  width: calc(var(--reg-remainig-width) - 0.9em);
}

.regCharCounter {
  display: inline-block;
  position: relative;
  float: right;
  font-size: 0.5em;
  color: grey;
  margin-right: 2em;
}

.regButton{
  min-width: 3em;
  display: inline-block;
  font-size: 100%;
  font-weight: 600;
  color: #9BC9F3;
  margin: 0em 0em 0em 0em;
  border: 4px solid var(--color-layout-blue, #6C94D2);
  border-radius: 10px;
  padding: 0.2em 0.2em 0.2em 0.2em;
  background: linear-gradient(0deg, #000571 45%, #325ba5, #586f9e 55%);
  transition-duration: 0.2s;
  cursor: pointer;
}

.regButton:hover {
  color: white;
  border: 4px solid #FF9900;
}

.regButton:active {
  color: black;
  border: 4px solid #325ba5;
}

/***** Styly pro schovávací menu *****/
.collapseHeader {
  font-size: 100%;
  font-weight: bold;
  color: Navy;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom-color: #FFCC66;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.collapseText {
  margin: 0px;
  padding: 0.4em 0em 0.4em 0.5em;
}


/****** Specifické styly ******/

.abstractStatus {
  float: right;
  margin-right: 0.5em;
  color: silver;
  width: 8.4em;
}

.abstractStatus .accepted {
  color: green;
  vertical-align: top;
}

.abstractStatus .rejected {
  color: red;
  vertical-align: top;
}

.abstractStatus .pending {
  color: gold;
  vertical-align: top;
}

.abstractStatus .new {
  color: navy;
  vertical-align: top;
}

.abstractDescript {
  display: inline-block;
  width: var(--abstract-descript-width);
}

.abstractTextArea {
  width: calc(100% - var(--abstract-descript-width) - 0.9em);
  border: 1px solid #999;
  font-size: 100%;
  padding: 0.2em 0.3em 0.2em 0.2em;
  resize: vertical;
}

.abstractTitle {
  display: inline-block;
  width: calc(100% - 9em - 1.2em);
}

.newsStatus {
  float: right;
  margin-right: 0.5em;
  color: silver;
  width: 9.5em;
}

.newsStatus .active {
  color: green;
  vertical-align: top;
}

.newsStatus .expired {
  color: red;
  vertical-align: top;
}

.newsStatus .upcoming {
  color: gold;
  vertical-align: top;
}

.newsStatus .restricted {
  color: navy;
  vertical-align: top;
}

.newsDescript {
  display: inline-block;
  width: var(--abstract-descript-width);
}

.newsTextArea {
  width: calc(100% - var(--abstract-descript-width) - 0.9em);
  border: 1px solid #999;
  font-size: 100%;
  padding: 0.2em 0.3em 0.2em 0.2em;
  resize: vertical;
}

.newsDate {
  width: 8.5em;
  border: 1px solid #999;
  font-size: 100%;
  padding: 0.2em 0.3em 0.2em 0.2em;
  resize: vertical;
}

.newsTitle {
  display: inline-block;
  width: calc(100% - 9.5em - 1.5em);
}


/***** Admin section classes *****/
.adminSelectorLabel {
  margin-left: 0.2em;
}


/******************** Nastavení pro ID ********************/

/***** Nastavení vnějších rámečků, včetně šířky stránky *****/
#mostOuter {
  text-align: center;
}


/*****  styly pro rámce stránky ******/
#out {
  width: var(--total-page-width, 803px);
  padding: 0px;
  border: 0px;
  margin: 20px auto;
  border-color: Gray;
  position: relative;
  float: center;
}


/***** Horní vnější frame *****/
#top_out {
  width: 100%;
  padding: 0px;
  border: 0px;
  margin: 0px;
}




/***** Top banner včetně přepínače jazyka *****/
#top_banner {
  width: 100%;
  height: auto;
  padding: 0px 0px 0px 0px;
  border: 0px;
  margin: 0px;
  line-height: 0px;
}

#top_banner a {
  color: white;
  font-weight: bold;
}

#top_banner a:hover { color:  #FF9900;}

#top_banner #top_banner_img {
  position: relative;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid white;
}

#top_banner #lang_switch {
  position: absolute;
  top: 0.6em;
  right: 1em;
  border-radius: 0px;
  width: 1.5em;
  height: 1em;
}




/***** Top menu *****/
#top_menu {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: stretch;
  font-size: var(--top-menu-font-size, 12px);
  width: 100%;
  padding: 0px 2em 0.0em 2em;
  margin: 0px;
  background-color: black;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-left: 2px solid white;
  border-right: 2px solid white;
  border-bottom: 1px solid white;
  color: white;
}

#top_menu a {
  font-size: 100%;
  margin-top: 0.2em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  width: 12em;
  color: #9BC9F3;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  background-origin: border-box;
  background-color: black;
  background-image: url(../layout/button_top_off.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
}

#top_menu a:hover {
  background-image: url(../layout/button_top_on.svg);
  color: White;
}


#top_menu a + a {
  margin-left: 3%;
}


/***** Centrální část *****/
#center_out {
  display: flex;
  align-items: stretch;
  flex-wrap: no-wrap;
  width : 100%;
  float : left;
  border-left: 2px solid var(--color-layout-blue, #6C94D2);
  border-right: 1px solid var(--color-layout-blue, #6C94D2);
  border-top: 0px solid var(--color-layout-blue, #6C94D2);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}



/***** Levý frame včetně pozadí *****/
#left_frame {
  font-size: var(--main-menu-font-size, 12px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: relative;
  background-origin: border-box;
  background-clip: border-box;
  background-color: White;
  background-image: url(../layout/MCB.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
  font-size: var(--main-menu-font-size, 12px);
  border-top: 7px solid var(--color-layout-blue, #6C94D2);
  border-right: 1px solid var(--color-layout-blue, #6C94D2);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;

}

#left_frame p{padding-left: 0.3em;}




/***** Pravý frame včetně pozadí *****/
#right_frame{
  font-size: var(--text-font-size, 13px);
  width: 100%;
  border: 0px;
  padding: 0px;
  vertical-align: top;
  border-top-right-radius: inherit;
  background-origin: border-box;
  background-color: White;
  background-image: url(../layout/center_back.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left 1.8em;
  border-top-left-radius: inherit;

  border-top: 7px solid var(--color-layout-blue, #6C94D2);
  border-left: 1px solid var(--color-layout-blue, #6C94D2);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;

}


/***** Nastavení banneru a novinek v menu *****/
#main_menu_banner {
  border-top-left-radius: inherit;
  width: 100%;
  background-origin: padding-box;
  background-clip: border-box;
  background-color: White;
  background-image: url(../layout/menu_top.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  padding-left: 15%;
  margin-top: 1em;
}

#main_menu_banner .blue {
  margin-bottom: 15%;
}

#main_menu_banner .orange {
  margin-left: 12%;
  padding-bottom: 3%;
}


#topnews {
  width: 100%;
  margin-bottom: 0.8em;
  padding: 0.5em 1.5em 0.5em 1.0em;
  border-bottom: 2px solid var(--color-layout-blue, #6C94D2);
  border-top: 2px solid var(--color-layout-blue, #6C94D2);
}

#topnews p {
  padding-left: 0.4em;
  border-left: 6px solid #E18125;
  border-radius: 6px;
}

/***** Nastavení funkce odkazů pro menu *****/
#main_menu {
  margin: 0px 0 0 0;
  text-align: left;
  width: var(--main-menu-panel-width, 200px);
  font-size: var(--main-menu-font-size, 12px);
  border-top-left-radius: inherit;
  border-top-ritgh-radius: inherit;
}


#main_menu a {
  color: #9BC9F3;
  display: block;
  margin: 0.5em 1.5em 0.5em 1em;
  padding: 0.7em 0px 0.7em 1em;
  background-origin: border-box;
  background-clip: border-box;
  background-image: url(../layout/buton_left_off.svg);
  background-repeat: no-repeat;
  background-attachment: local;
  background-position: left center;
  background-size: 100% 100%;
  font-size: 100%;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  border-collapse: collapse;
}

#main_menu br {
  height: 0px;
  padding: 0px;
  border: 0px;
  margin: 0px;
}

#main_menu a.sel { 
  background-image: url(../layout/buton_left_on.svg);
  color: White;
  letter-spacing : 0.1em;
}
#main_menu a:hover {
  background-image: url(../layout/buton_left_on.svg);
  background-size: 100% 100%;
  color: White;
}




/***** Center text, obrázky a tabulky *****/
#page_text {
  font-size: var(--text-font-size, 13px);
  width: 100%;
  padding: 0.4em 8% 2em 1.6em;
  margin: 0px;
  border: 0px;
  min-height: 65em;
  text-align: left;
  overflow-x: scroll;
}

#page_text img{
  border: 0px;
  border: 1px solid #366F95;
  padding: 0;
  margin: 0.5em 0px 0.7em 1em;
  width: 100%;
}

#page_text img.ceny{
  border: 0px;
  margin: 0.5em 0px 0.7em 1em;
}
#page_text img.ico{
  border: 0px;
  margin: 0px;
}
#page_text .logo {
  border: 0px;
}



#page_text input.submitBox {
  border: 1px solid #333;
  color: #333;
  background-color: #FFF;
}



/***** Spodní část *****/
#bottom_out {
  clear: both;
  width: 100%;
  padding: 0px;
  border: 0px;
  margin: 0px;
}




/***** Spodní frame *****/

#bottom_frame {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  font-size: var(--text-font-size, 13px);
  height: 1.4em;
  font-weight: bold;
  color: #566D8C;
  background-color: #CCD4E1;
  text-align: center;
  border-top: 1px Gray solid;
  border-left: 2px solid var(--color-layout-blue, #6C94D2);
  border-right: 1px solid var(--color-layout-blue, #6C94D2);
  border-bottom: 2px solid var(--color-layout-blue, #6C94D2);
}

#bottom_frame A {color: #666699;}




/***** Formátování textů ve spodní části *****/
#pocitadlo {
  height: 100%;
  width: var(--main-menu-panel-width, 200px);
  color: Gray;
  padding-top: 0.1em;
}

#adresa {
  width: calc(var(--total-page-width, 800px) - var(--main-menu-panel-width, 200px) - 121px);
  height: 100%;
  border-left: 2px solid var(--color-layout-blue, #6C94D2);
  padding-top: 0.1em;

}

#navigace {
  height: 100%;
  width: 120px;
  border-left: 1px solid var(--color-layout-blue, #6C94D2);
  padding-top: 0.1em;
}

#navigace a + a {
  margin-left: 6px;
}




/***** Specifické tagy *****/
#PPTframe {
  overflow: hidden;
  position: relative;
  border: 1px solid gray;
  height: var(--PPTheight, 52em);
  width: 100%;
}


#PPTframe iframe{
  position: absolute;
  border: 0;
  left: 0;
  top: 0;
  height: 60em;

  --PPTwidth: 1000px;
  width: var(--PPTwidth, 1000px);

/*  --PPTscale: 0.5;*/
  top: calc(-1.0 * 60em * (1.0 - var(--PPTscale)) / 2 );
  transform: scale(var(--PPTscale));
  left: calc(-1.0 * var(--PPTwidth) * (1.0 - var(--PPTscale)) / 2 );
}



/******************** Nastavení pro adaptive styl ********************/

/***** Screen width smaller than 480 px *****/
@media only screen and (max-width: 480px) {
  :root {
    --total-page-width: 100vw;
    --main-menu-font-size: 16px;
    --main-menu-panel-width: 100vw;
    --top-menu-font-size: 16px;
    --text-font-size: 18px;
    --color-layout-blue: #6C94D2;
  }

  /* Horní okraj rámu není potřeba */
  #out {margin: 0px}

  /* Menu a text jsou zarovnány pod sebe */
  #center_out {flex-wrap: wrap;}

  /* Povolit zalomení horního menu */
  #top_menu {flex-wrap: wrap; justify-content: center;}

  /* Obrázek pod menu by zavazel */
  #left_frame {background-image: none;}

  /* Minimální délka stránky není nutná */
  #page_text {min-height: 0em;}

  /* Počítadlo a navigace nejsou potřeba */
  #pocitadlo {display: none;}
  #navigace {display: none;}

  .pseudo-table .description {white-space: normal; padding-bottom: 0.5em;}

  /* Adresa roztažená přes celý řádek */
  #adresa {width: 100%;}

  #PPTframe {overflow: scroll;}
}




/***** Screen width in range 480 - 768 px *****/
@media only screen and (min-width: 480px) and (max-width: 768px) {
  :root {
    --total-page-width: 100vw;
    --main-menu-font-size: 12px;
    --main-menu-panel-width: 25vw;
    --top-menu-font-size: 10px;
    --text-font-size: 16px;
    --color-layout-blue: #6C94D2;
    --descript-width: 9em;
    --abstract-descript-width: 7em;
  }

  /* Horní okraj rámu není potřeba */
  #out {margin: 0px}

  /* Navigace není potřeba */
  #navigace {display: none;}

  /* Povolid zalomení v popisu psudotabulky */
  .pseudo-table .description {white-space: normal; padding-bottom: 0.5em;}


  /* Adresa roztažená přes celý řádek */
  #adresa {width: calc(var(--total-page-width, 800px) - var(--main-menu-panel-width, 200px));}

  #PPTframe {overflow: scroll;}
}




/***** Screen width in range 768 - 1024 px *****/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  :root {
    --total-page-width: 760px;
    --main-menu-font-size: 14px;
    --main-menu-panel-width: 200px;
    --top-menu-font-size: 12px;
    --text-font-size: 16px;
    --color-layout-blue: #559933;
    --descript-width: 10em;
    --abstract-descript-width: 7em;
    --PPTscale: 0.485;
    --PPTheight: 465px;
  }
}




/***** Screen width in range 1024 - 1200 px *****/
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  :root {
    --total-page-width: 1020px;
    --main-menu-font-size: 16px;
    --main-menu-panel-width: 220px;
    --top-menu-font-size: 16px;
    --text-font-size: 18px;
    --color-layout-blue: #559933;
    --descript-width: 10em;
    --abstract-descript-width: 7em;
    --PPTscale: 0.705;
    --PPTheight: 762px;
  }
}




/***** Screen width in range 1200 - 1366 px *****/
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
  :root {
    --total-page-width: 1200px;
    --main-menu-font-size: 18px;
    --main-menu-panel-width: 260px;
    --top-menu-font-size: 18px;
    --text-font-size: 22px;
    --color-layout-blue: #559933;
    --descript-width: 10em;
    --abstract-descript-width: 7em;
    --PPTscale: 0.825;
    --PPTheight: 1056px;
  }
}




/***** Screen width above 1366 px *****/
@media only screen and (min-width: 1366px) {
  :root {
    --total-page-width: 1360px;
    --main-menu-font-size: 20px;
    --main-menu-panel-width: 340px;
    --top-menu-font-size: 20px;
    --text-font-size: 22px;
    --color-layout-blue: #559933;
    --descript-width: 10em;
    --abstract-descript-width: 7em;
    --PPTscale: 0.9;
    --PPTheight: 1144px;
  }
}