html { background: #FFF; color: #000; }

body {
  background: #FFF;
  font-family: Verdana, sans-serif;
  /*xt-align: center; */
}

h1 {
  margin: 0 64px 32px 64px;
  text-align: center;
  background: #CCF;     
  border-bottom: 1px solid #000000;
  padding: 10px;
}
h2 {
  text-align: left;
  margin: 0 0 16px 64px;
}

h3 {
  margin: 0 16px 16px 16px;
  padding: 10px;
  text-align: center;
  background: #CCF; 
  border: 2px outset gray;
  max-width: 70%;
  min-width: 600px;    
}

caption {
  border-collapse: collapse;
  padding: 1.0em 0em 0em 0em;
  font: bold 20px Verdana, sans-serif;
  background: #CCF;     
}

table 
{
  border-collapse: collapse;
  margin-left: 10px;
  margin-right: 10px;
  background: #CCF;
}
table.hlavni {
  border-collapse: collapse;
  /*margin: 10px auto; */
  margin: 0px;
  background: #CCF;
  text-align: center;
}
table.fixed {
  border-collapse: collapse;
  margin: 0px;
  background: #CCF;
  text-align: center;
  table-layout: fixed;
}
table.normal {
  border-collapse: collapse;
  margin: 0px;
  background: #CCF;
  text-align: center;
  /* table-layout: fixed; */
  /* width:80%; */ 
  /* width: 800px; */
}

table.centered {
  border-collapse: collapse;
  margin: 0 auto;
  text-align: center;
  border: thin solid #CCF;
}
table.bezokraju {
  border-collapse: collapse;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  border: none;
}

table.vnitrni
{
  border: none;
}
td.vnitrni
{
  padding: 0px 5px 0px 0px;
  vertical-align: top;
}

                                                                      
th {
  font: bold 14px Verdana, sans-serif;
  padding: 5px;
  text-align: center;
  background: #CCF;
}
th.wordwrap {
  font: bold 14px Verdana, sans-serif;
  padding: 5px;
  text-align: center;
  background: #CCF;
  white-space: normal;
}
/* styly pole_formulare jsou i v hlavni.css */
th.pole_formulare {
  font: normal 12px Verdana, sans-serif;
  padding: 5px 5px 0px 5px;
  text-align: left;
}
td.pole_formulare {
  padding: 0px 5px 5px 5px;
  text-align: left;
}
label.checkbox_pole_formulare {
  font: normal 12px Verdana, sans-serif;
}
div.pole_formulare, span.pole_formulare {
  font: normal 12px Verdana, sans-serif;
  padding: 5px 0px 2px 0px;
  text-align: left;
}
/*------------------------------------*/

td {
  font: normal 14px Verdana, sans-serif;
  padding: 5px 5px;
  text-align: left;
  background: #CCF;     
}
td.info {
  font: normal 14px Verdana, sans-serif;
  padding: 5px 5px 5px 5px;
  text-align: right;
  background: #CCF;     
}
td.hodnota {
  font: bold 14px Verdana, sans-serif;
  padding: 5px 10px 5px 5px;
  text-align: left;
  background: #CCF;     
}
td.leva_hodnota {
  font: bold 14px Verdana, sans-serif;
  padding: 5px 10px 5px 5px;
  text-align: left;
  background: #CCF;
  border-right: groove;     
}

td.chyba {
  font: bold 14px Verdana, sans-serif;
  padding: 5px 10px 5px 5px;
  background: #CCF;
  color: #900;
  text-align: center;
}

td.hlaseni {
  font: bold 14px Verdana, sans-serif;
  padding: 5px 10px 5px 5px;
  background: #CCF;
  color: blue;
  text-align: center;
  width: 100%;
}
td.wordwrap {
  font: bold 14px Verdana, sans-serif;
  padding: 5px 10px 5px 5px;
  text-align: left;
  /* background: #CCF; */
  background: #FFFFFF;
  /* bez následujícího řádku nedocházelo k zalamování ! */  
  white-space: normal;       
  word-wrap: break-word;
}
td.fixed, td.pole_rezervace {
  table-layout:fixed;
  width:50px;
  font: 14px Verdana, sans-serif;
  padding: 5px 10px 5px 5px;
  text-align: center;
  background: #FFFFFF;
  /* následujícím řádkem vypnuto zalamování */  
  /*white-space: normal; */       
  overflow: hidden;
  word-wrap: break-word;          
}
td.fixed_wordwrap, td.pole_rezervace_wordwrap 
{ /* stejné jako "fixed" a "pole_rezervace", ale se zalamováním řádků - rezervace_objektku.php */
  table-layout:fixed;
  font: 18px Verdana, sans-serif;
  padding: 5px 10px 5px 5px;
  text-align: center;
  background: #FFFFFF;
  border-color: lightgrey;
  white-space: normal;        
  overflow: hidden;
  word-wrap: break-word;          
}

td.pole_rezervace:hover, td.pole_rezervace_wordwrap:hover
{
    /* background-color: blue; */ 
    cursor: pointer;         
    border: 2px groove blue;
}

td.zahlavi,th.zahlavi {
  /* první řádek záhlaví jídelníčku */
  font: bold 14px Verdana, sans-serif;
  padding: 5px;
  text-align: center;
  background: #CCF;
  white-space: normal;
}
td.zahlavi2,th.zahlavi2 {
  /* druhý řádek záhlaví jídelníčku */
  font: italic 12px Verdana, sans-serif;
  padding: 5px;
  text-align: center;
  background: #CCF;
  white-space: normal;
}

td.rezervace_panel_hodiny {
  font-size: x-large;
  font-weight: bold;
  text-align: right;
}
td.rezervace_panel_caption {
  font-size: x-large;
  font-weight: bold;
  color: blue;
  text-align: left;
}

         
td.clear {
}

th.noborder {
  border:none;            
}
td.noborder {
  border:none;            
}

td a.uzivatel 
{
  border:none;
  font: bold 14px Verdana, sans-serif;
  padding: 5px 5px;
  text-align: left;
  background: #CCF;
  color: #00F;
  
  /* display: block;
  float: left;
  clear: right;
  padding: 8px;
  background: #99C;
  color: #FFF;
  border-bottom: 4px solid #CCF;
  font: 14px Verdana, sans-serif; */
  /* font: 12px/120% "Lucida Sans Unicode", "MS Sans Serif", Geneva, sans-serif; */
}


.button {
    border: 1px solid #006;
    background: #9cf;
    cursor: pointer;
}

input.jidelna_pocet 
{
  width: 3ex;
  height: 3ex; 
  font: bold 14px Verdana, sans-serif;
  text-align: center;
} 
input.jidelna_plus
{
  cursor: pointer;
  font: bold 14px/100% Verdana, sans-serif;
  color: #0000FF;
  width: 6ex; 
  height: 4ex; 
}
input.jidelna_minus
{
  cursor: pointer;
  font: bold 14px Verdana, sans-serif;
  color: #FF0000;
  width: 6ex; 
  height: 4ex;
}
input.num_keypad
{
  cursor: pointer;
  font: bold 14px/100% Verdana, sans-serif;
  width: 6ex; 
  height: 4ex; 
}

input
{ 
  padding: 1px 5px 1px 5px;
}
.povinne
{
  font: bold;
  color: #F00;
}