#Hlavicka {
  font-family: Verdana;
  font-size: 25px;
  line-height: 25px;
  color: #7777FF;   //beige;
  font-weight: bold;

  padding: 2px;
  position:absolute;z-index:1;visibility:visible;left:250px;top:17px;
}




body {
        background-color: #CCCCFF;
	font-family: Arial, Helvetica, sans-serif,Verdana, Geneva;
	font-size: 12px;
	line-height: 12px;
	color: black;   //beige;
}

td, th {
	font-family: Verdana;
	font-size: 9px;
	line-height: 9px;
	color: black;
	background-color : inherit;

}



#Hladat {
        //border: 1px solid gray;
        //border-radius: 3px;
        z-index:1;
        visibility:visible;
        position:absolute;
        left:20px;
        top:60px;
        font-size:14px;
        font-weight:normal;
        border: 1px solid gray;
        border-radius: 3px;
}

#Hladat td, #tab_zaznamy th {
  //border: 1px solid #ddd;
  padding: 2px;
}







#tab_zaznamy {
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid gray;
  border-radius: 3px;
  position:absolute;z-index:1;visibility:visible;left:20px;top:170px;
}

#tab_zaznamy td, #tab_zaznamy th {
  border: 1px solid #ddd;
  padding: 2px;
}

#tab_zaznamy tr:nth-child(even){color: white; background-color: #f2f2f2;}

#tab_zaznamy tr:hover { background-color: #aaa;}

#tab_zaznamy td:hover {color: yellow; }

#tab_zaznamy td {
  color: black;
}


#tab_zaznamy th {
  padding-top: 0px;
  padding-bottom: 0px;

  border: 1px solid gray;
  border-radius: 3px;

  text-align: center;
  background-color: #8888CC;    //#4CAF50;
  color: black;
}

/*    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#tab_vysledky {
  font-family: Arial, Helvetica, sans-serif;

  position:absolute;z-index:1;visibility:visible;left:20px;top:140px;
}

#tab_vysledky td, #tab_vysledky th {
  background-color: #EEFFEE;
  border: 1px solid gray;
  border-radius: 3px;
  padding: 6px;
}






a {
	color: darkblue;    /* blue */
        font-weight: bold;
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif;
        font-size: 10px;
}

a:hover {
	text-decoration: none;
	background : transparent;
	color :yellow ;         /* #880088; */
}



#Vysledky{position:absolute;z-index:1;visibility:visible;left:20px;top:110px;text-align:left;padding-left:1px;font-size:36px;font-weight:bold;}



#vstup {
       background-color:white;
       border: 1px solid gray;
       border-radius: 4px;
       padding: 1px 1px;
       text-align: center;
       font-size:10px;
       color: black;
       }



.button {
  background-color: #FF6666; /* Green */
  border: 1px solid gray;
  border-radius: 3px;
  color: white;
  padding: 2px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 7px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.0s; /* Safari */
  transition-duration: 0.0s;
}



.button0 {
  background-color:  lightgray;   /*  #77A044;   */
  border: 1px solid black;
  border-radius: 4px;
  color: black;
  padding: 1px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.0s; /* Safari */
  transition-duration: 0.0s;

}

.button1:hover {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.50),0 2px 5px 0 rgba(0,0,0,0.50);
}

.buttonGreen {
  background-color: lightgreen;
  border: 1px solid gray;
  border-radius: 4px;
  color: black;
  font-weight: bold;
  padding: 2px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.0s; /* Safari */
  transition-duration: 0.0s;

}

.buttonBlue {
  background-color: lightblue;
  border: 1px solid gray;
  border-radius: 4px;
  color: black;
  font-weight: bold;
  padding: 2px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.0s; /* Safari */
  transition-duration: 0.0s;

}