/* CSS Document */

html
 {
  font-family: 'Signika', sans-serif;
  font-size:  16px;
 }

body 
 {
  background-color: #e0ffff;  
 }
 
   
#panel
 {
  width: 100%;
  margin: 0rem auto;
  background-color: #e0ffff;
  color: #000000;
  font-family: 'Signika', sans-serif;
  font-style: normal;
  font-size: 1rem;
  font-weight: normal;  
  text-align: justify;
  text-decoration: none;
  padding-top: 0rem;
  border-style: none; 
 } 
 
#panel-obsah
 {
  width: 60%;
  margin: 0rem auto;   
  padding: 1rem 2rem;  
  text-indent: 0rem; 
 }
 

.nadpis
 {
  color: #820000;
  font-size: 2.5rem;
  font-weight: bold;  
  text-align: center;
  padding-top: 0rem;
  text-indent: 0rem; 
 }
  
  .tab
 {
  font-family: 'Signika', sans-serif;
  text-align: center;
  font-style: normal;
  font-size: 0.8rem;
  font-weight: normal;
  color: #000000;
  border-collapse: collapse;
  border: 0px solid black;
  margin: 1rem auto; 
 }   
 
 .tab td
  { padding: 1px; 
    margin:0px;
  } 

 
button
 {       
    color: #ffffff;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight:bold;
    margin: 4px 2px;
    cursor: pointer;
    border: 2px solid #e7e7e7;
}

.button1
 {
  background-color: #008CBA; /* Blue */
 }
 
.button2 
 {
  background-color: #f44336; /* Red */   
 } 

.button3
 {
  background-color: #4CAF50; /* Green */
 } 
 
.button4
 {
  background-color: #e7e7e7; color: black; border: 2px solid #000000; /* Gray */
 }
  
.button5 
 {
  background-color: #555555; /* Black */    
 } 

