/* ******* RMK 20141030 - 20200501 ******** */
/* ******* Bacha! Zalezi na poradi: link, visited, hover, active! ******* */
   a:link { color: #084e93 }  
   a:visited { color: #3f6489 }  
   a:hover { color: red }  
   a:active { color: red }  

   body { 
    /* background-image: url("icons/zne_bckgr.png") ; */
    background-color: rgb(250,250,255) ;
    background-repeat: repeat;
    margin-left: 7%; 
    margin-right: 7%; 
    font-family: sans-serif;
    text-align: justify;
        }
   UL { margin-left: 3%; text-align: left; }
   OL { margin-left: 3%; text-align: left; }
   H1 { margin-left: -7%; }
   H2 { margin-left: -6%; }
   H3 { margin-left: -5%; }
   H4 { margin-left: -4%; }
   H5 { margin-left: -3%; }
   H6 { margin-left: -2%; }

   em { font-style: italic; font-weight: bold }
   strong { font-weight: bold }

   .centerblock{ 
     margin-left: auto;
     margin-right: auto;
     text-align: center;
          }
   .center{ 
     text-align: center;
     margin: 0 auto;
          }
   .rightfloat{ 
     float: right;
          }
   .rightblock{ 
     margin-left: 0;
     margin-right: auto;
     text-align: right;
          }
   .right{
     text-align: right;
         }
   .leftfloat{ 
     float: left;
          }
   .leftblock{ 
     margin-left: auto;
     margin-right: 0;
     text-align: left;
          }
   .left{ 
     text-align: left;
        }

   .justify{ 
     text-align: justify;
        }
   .noborder{
     border: none;
            }

   div{ display: block; }
   span{ display: inline; }

   .nadpis{
     /*
      background-image: url("icons/embls.png");
      background-repeat: no-repeat;
     */
     background-position: 0% 0%;
     /*
      min-height je potrebne mat (absolutne jednotky), aby obrazok loga 
      ("icons/embls.png) nebol urezany zospodu
      padding zlava je potrebne mat, aby nadpis/text neprekryl obrazok loga
      embl.png: PNG image data, 259 x 201, 1-bit colormap, non-interlaced
     */
     /* padding-left: 3.5cm; */
     /* min-height: 2.5cm; */
     text-align: center;
     padding-bottom: 2ex;
     margin-bottom: 1ex;
     border-bottom-style: double;
     border-bottom-width: thick;
     border-bottom-color: #064684;
           }

   .uvod{
     text-align: justify;
     background-color: rgb(240,240,245) ;
     margin-left: -5%; 
     margin-right: -5%; 
     padding: 1ex 1em;
     border-bottom-style: solid;
     border-bottom-width: thin;
     border-bottom-color: #064684;
        }
   p.uvod{
     border-bottom-color: #064684;
     border-bottom: 1px solid gray;
     margin-left: 2%; 
     margin-right: 2%; 
           }

   .obsah{
     text-align: justify;
     background-color: rgb(230,230,235) ;
     margin-top: 1%; 
     padding: 3%; 
     border-bottom-style: double;
     border-bottom-width: thick;
     border-bottom-color: #064684;
        }

  .foot{
     background-image : url("icons/foot_bckgr.png");
     background-color : transparent;
     border-top-style : solid;
     background-repeat : repeat-x;
     border-top-width : thin;
     border-top-color : #064684;
     margin-top: 1%; 
     margin-left: -5%; 
     margin-right: -5%; 
     text-align : left;
     padding : 1em;
       }  

   .poznamka{
     background-color: rgb(240,240,245) ;
     margin-left: 1%; 
     margin-right: 1%; 
     margin-top: 1%; 
     margin-bottom: 1%; 
     padding: 1ex 1em; 
     border-bottom-style: solid;
     border-bottom-width: thin;
     border-bottom-color: #064684;
     border-top-style: solid;
     border-top-width: thin;
     border-top-color: #064684;
     font-size: smaller;
        }
   .tabulka{
     background-color: rgb(220,220,225) ;
     border-style: dotted;
     border-width: thin;
     border-color: #064684;
     border-collapse: collapse;
     padding: 1em;
        }
   caption.tabulka{
     caption-side: top;
     text-align: center;
     background-color: rgb(200,200,205) ;
     border-bottom-style: solid;
     border-bottom-width: thick;
     font-variant: small-caps;
     font-weight: bold;
     font-size: large;
     padding: 0.4ex 1em;
                }
   th{
     text-align: center; 
     font-weight: bold;
     vertical-align: baseline;
     border-style: solid;
     border-width: thin;
     border-bottom-width: medium;
     border-color: #064684;
     padding-right: 0.3em;
     padding-left: 0.3em;
     }
   td{
     text-align: left;
     vertical-align: middle;
     border-style: solid;
     border-width: thin;
     border-color: #064684;
     padding-right: 0.5em;
     padding-left: 0.5em;
     }
   .listtable{
        border-width: thin;
        padding: 5ex;
   }
   
   table.listtable tr{
        background-color:#ffefec;
   }
   
   table.listtable th{
        border-bottom: 4px double #7777bb;
        padding: 0.3em 1em ;
        margin: 1em;
   }
   
   table.listtable tr.list{
        background-color:#e8ebef;
   }
   
   table.listtable tr.odd{
        background-color:#f0f5f5;
   }
   
   table.listtable tr.even{
        background-color:#e6eaee;
   }
   
   table.listtable tr.head{
   }
   
   table.listtable tr.note{
        background-color:#fefefe;
   }
   
   table.listtable td{
        border-bottom: 1px solid #ffaaaa;
        padding: 0.2em 1em ;
        margin: 1em;
   }
   
   table.listtable td.strong{
        font-weight: bold;
        background-color:#f8fbff;
   }

   .podciarknute{
     text-decoration: underline;
     }
   .preciarknute{
     text-decoration: line-through;
     }


   /* https://www.textfixer.com/tutorials/highlight-table-row.php */
       .hoverTable{
		border-collapse:collapse; 
                border-width: thin;
                padding: 5ex;
	}
	.hoverTable th{ 
		border-bottom: 4px double #7777bb;
                padding: 0.3em 1em ;
                margin: 1em;
	}
	.hoverTable td{ 
		border-bottom: 1px solid #ffaaaa;
                padding: 0.2em 1em ;
                margin: 1em;
	}
	/* Define the default color for all the table rows */
	.hoverTable tr{
		background-color:#e8ebef;
	}
	.hoverTable tr.odd{
		background-color:#f0f5f5;
	}
	.hoverTable tr.even{
		background-color:#e6eaee;
	}
	.hoverTable tr.head{
	         background-color:#ffefec;
	}
	.hoverTable tr.note{
		background-color:#fefefe;
	}
	/* Define the hover highlight color for the table row */
    .hoverTable tr:hover {
          background-color: #ffff99;
    }