/*
  ======================
   obecné styly 
   verze:    1.01 
   ze dne:   2020-07-08
  ====================== 
*/


a.noLine {
  text-decoration: none;
  cursor: pointer;
}

a, .likeA {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

a:hover, .likeA:hover, a.noLine {
  color: red;
}


/*
  -----------------
  -- barvy písma --
  -----------------
*/

/* tyrkysová */
.aqua, .cyan {
  color: aqua;
}
/* azurová */
.azure {
  color: azure;
}
/* černá */ 
.black, .cerna {
  color: black;
}
/* modrá */
.blue, .modra {
  color: blue;
}
/* hnědá */
.brown, .hneda {
  color: brown;
}
/* korálová */
.coral {
  color: coral;
}
/* tmavě modrá */
.darkblue {
  color: darkblue;
}
/* tmavě tyrkysová */
.darkcyan {
  color: darkcyan;
}
/* tmavě zelená */
.darkgreen {
  color: darkgreen;
}
/* tmavě šedá */
.darkgray, .darkgrey {
  color: darkgray;
}
/* tmavě purpurová */
.darkmagenta {
  color: darkmagenta;
}
/* tmavě oranžová */
.darkorange {
  color: darkorange;
}
/* tmavě červená */
.darkred {
  color: darkred;
}
/* tmavě fialová */
.darkviolet {
  color: darkviolet;
}
/* zlatá */
.gold, .zlata {
  color: gold;
}
/* zelená */
.green, .zelena {
  color: green;
}
/* šedá */
.gray, .grey, .seda {
  color: gray;
}
/* čokoládová */
.chocolate {
  color: chocolate;
}
/* světle modrá */
.lightblue {
  color: lightblue;
}
/* světle tyrkysová */
.lightcyan {
  color: lightcyan;
}
/* světle zelená */
.lightgreen {
  color: lightgreen;
}
/* světle šedá */
.lightgray, lightgrey {
  color: lightgray;
}
/* světle růžová */
.lightpink {
  color: lightpink;
}
/* limetková */
.lime {
  color: lime;
}
/* purpurová */
.magenta {
  color: magenta;
}
/* olivová */
.olive {
  color: olive;
}
/* oranžová */
.orange, .oranzova {
  color: orange;
}
/* růžová */
.pink, .ruzova {
  color: pink;
}
/* nachová */
.purple, .nachova {
  color: purple;
}
/* červená */
.red, .cervena {
  color: red;
}
/* stříbrná */
.silver, .stribrna {
  color: silver;
}
/* fialová */
.violet, .fialova {
  color: violet;
}
/* bílá */
.white, .bila {
  color: white;
}
/* žlutá */
.yellow, .zluta {
  color: yellow;
}


/*
  ------------------
  -- barvy pozadí --
  ------------------ 
*/
/* černá */
.bgBlack {
  background-color: black;
}
/* modrá */
.bgBlue {
  background-color: blue;
}
/* hnědá */
.bgBrown {
  background-color: brown;
}
/* zlatá */
.bgGold {
  background-color: gold;
}
/* zelená */
.bgGreen {
  background-color: green;
}
/* šedá */
.bgGray, .bgGrey {
  background-color: gray;
}
/* limetková */
.bgLime {
  background-color: lime;
}
/* purpurová */
.bgMagenta {
  background-color: magenta;
}
/* oranžová */
.bgOrange {
  background-color: orange;
}
/* nachová */
.bgPurple {
  background-color: purple;
}
/* červená */
.bgRed {
  background-color: red;
}
/* stříbrná */
.bgSilver {
  background-color: silver;
}
/* fialová */
.bgViolet {
  background-color: violet;
}
/* bílá */
.bgWhite {
  background-color: white;
}
/* žlutá */
.bgYellow {
  background-color: yellow;
}


/*
  -----------------
  -- styly písma -- 
  -----------------
*/
/* velké */
.big, .velke {
  font-size: 120%;
}
/* tučné */
.bold, .tucne {
  font-weight: bold;
}
/* tučnější */
.bolder, .tucnejsi {  
  font-weight: bolder;
}
/* kurzíva */
.italic, .kurziva {
  font-style: italic;
}
/* přeškrtnuté */
.line-through, .preskrtnute {
  text-decoration: line-through;
}
/* malé */
.small, .male {
  font-size: 80%;
}
/* podtržené */
.underline, .podtrzene {
  text-decoration: underline;
}


/*
  --------------------
  -- plovoucí prvky --
  -------------------- 
*/
/* plovoucí vlevo */
.floatLeft {
  float: left;
}
/* plovoucí vpravo */
.floatRight {
  float: right;
}


/*
  --------------- 
  -- zarovnání --
  --------------- 
*/
/* centrované na střed */
.center {
  text-align: center;
}
/* oboustranně zarovnané */
.justify {
  text-align: justify;
}
/* zarované vlevo */
.left {
  text-align: left;
}
/* zarovnané vpravo */
.right {
  text-align: right;
}


/*
  ------------- 
  -- kurzory --
  ------------- 
*/
/* hand */
.hand, .pointer {
  cursor: pointer;
}

/*
  ----------
  -- menu --
  ----------
*/


:root {
  /*--barvy--*/
  --menu-bg-color: #f1f1f1;;
  --menu-border-color: #555;
  --menu-selected-bg-color: #4CAF50;
  --menu-color: black;
  --menu-hover-color: white;
  --menu-selected-color: white;    
  /*--rozměry--*/
  --menu-width: 50px;
  --menu-padding: 8px 16px;  
}



/* horizontální menu */
ul.menuH {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-width: var(--menu-width);
  background-color: var(--menu-main-bg-color);
  border: 1px solid var(--menu-border-color);  
}
ul.menuH li {
  border-top: 1px solid var(--menu-border-color);
  border-right: 1px solid var(--menu-border-color);
  border-bottom: 1px solid var(--menu-border-color);
  display: block;
  color: var(--menu-color);
  padding: var(--menu-padding);
  text-decoration: none;
  cursor: pointer;
  float: left;  
}
ul.menuH li:first-child {
  border-left: 1px solid var(--menu-border-color);
}
ul.menuH li:hover {
  background-color: var(--menu-border-color);
  color: var(--menu-hover-color);
}
ul.menuH .selected {
  background-color: var(--menu-selected-bg-color);
  color: var(--menu-selected-color);
}



/* vertical menu */
ul.menuV {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-width: var(--menu-width);
  background-color: var(--menu-main-bg-color);
  border: 1px solid var(--menu-border-color);  
}
ul.menuV li {
  border-bottom: 1px solid var(--menu-border-color);
  display: block;
  color: var(--menu-color);
  padding: var(--menu-padding);
  text-decoration: none;
  cursor: pointer;
}
ul.menuV li:last-child {
  border-bottom: none;
}
ul.menuV li:hover {
  background-color: var(--menu-border-color);
  color: var(--menu-hover-color);
}
ul.menuV .selected {
  background-color: var(--menu-selected-bg-color);
  color: var(--menu-selected-color);
}

/* tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  border: solid 1px gray;  
}
tr.hovered:hover {
  background-color: rgb(255,255,204); 
}