html, body {
    margin: 0px 0px 0px 0px; 
    height: 100%;
    font-family: Verdana, Arial, fantasy;
    font-size: 11px;
}

h1 {
    font-size: 32px;
}

h2 {
    color: #09af60;
    font-size: 22px;
    padding-left: 0px;
    border-bottom: 2px dotted #29cf80;
    margin-bottom: 25px;
    font-weight: bold;
    font-stretch: semi-expanded;
}

form {
}

ul.menu {
    list-style-type: none;
    margin: 0;
    /*padding: 0;*/
    overflow: hidden;
    background-color: #fafafa;
    background: -webkit-gradient(linear, top, bottom, from(#ed9621), to(#ffffff));
    background: -webkit-linear-gradient(top, #ed9621, #ffffff);
    background: -moz-linear-gradient(top, #ed9621, #ffffff);
    background: -ms-linear-gradient(top, #ed9621, #ffffff);
    background: -o-linear-gradient(top, #ed9621, #ffffff);
    padding: 6px 10px 6px 10px;
}

a {
    text-decoration: none;
}

li {
    float: left;
}

li a.menuitem { 
    padding: 2px 30px 2px 30px; 
    margin: 1px 6px 2px 6px; 
    border: 1px dotted blue; 
    background-color: #EFF913; 
    color: black;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    font-size: 120%;
}

li a.menuitem:hover {
    background-color: #4ccc00;
}



div.sysError {
    padding: 5px 20px 5px 20px;
    margin-left:  30px;
    margin-right: 30px;
    margin-bottom: 5px;
    border:  3px solid red;
}

div.sysInfo {
    padding: 5px 20px 5px 20px;
    margin-left:  30px;
    margin-right: 30px;
    margin-bottom: 5px;
    border:  3px solid blue;
}

div.sysWarning {
    padding: 5px 20px 5px 20px;
    margin-left:  30px;
    margin-right: 30px;
    margin-bottom: 5px;
    border:  3px solid yellow;
}

table { 
    border-spacing: 0px;
    border-collapse: separate;
}

td {
    padding: 3px;
}

table#rezervacni {
    min-width: 800px;
    width: 100%;
    border-spacing: 0px;
    border: 2px solid black;
}

td.rezervacehodiny {
    border-left: 1px solid #b2b0b0;
    border-top: 1px solid #b2b0b0;
    font-size: 82%;
    height: 20px;
}

th.rezervacehlavicka {
    border-left: 1px solid #b2b0b0;
    font-weight: bold;
}

td.rezervaceradek {
    border-top: 2px solid black;
}

input {
    font-size:  11px;
}

input[type="submit"] {
    /*width: 140px;*/
    padding: 3px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    background-color: #ed7621;
    background: -webkit-gradient(linear, left top, right bottom, from(#f2b681), to(#ed7621));
    background: -webkit-linear-gradient(left, #ed7621, #f2b681);
    background: -moz-linear-gradient(left, #ed7621, #f2b681);
    background: -ms-linear-gradient(left, #ed7621, #f2b681);
    background: -o-linear-gradient(left, #ed7621, #f2b681);
    border: 1px solid #b34702;
    font-weight: bolder;
    margin-top: 15px;
}

input[type="button"] {
    /*width: 140px;*/
    padding: 3px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    background-color: #76ed21;
    background: -webkit-gradient(linear, left top, right bottom, from(#b6f281), to(#76ed21));
    background: -webkit-linear-gradient(left, #76ed21, #b6f281);
    background: -moz-linear-gradient(left, #76ed21, #b6f281);
    background: -ms-linear-gradient(left, #76ed21, #b6f281);
    background: -o-linear-gradient(left, #76ed21, #b6f281);
    border: 1px solid #47b302;
    font-weight: bolder;
    margin-top: 15px;
}

.rez_free {
    background-color: transparent;
}

.rez_free:hover {
    background-color: #EFF913;
}

.rez_trusted {
    background-color: red;
    font-size:  7px;
    text-overflow: clip;
    color: #EFF913;
}

.rez_nonmember {
    background: repeating-linear-gradient(
      -45deg,
      #ffffff,
      #ffffff 3px,
      #ffaaaa 3px,
      #ffaaaa 6px
    );
    font-size:  7px;
    text-overflow: clip;
}

.rez_hospoda {
    background: repeating-linear-gradient(
      -45deg,
      #ffffff,
      #ffffff 3px,
      #bFc913 3px,
      #bFc913 6px
    );
    font-size:  7px;
    text-overflow: clip;
}

.rez_untrusted {
    background: repeating-linear-gradient(
      -45deg,
      #ffffff,
      #ffffff 5px,
      #ff9999 5px,
      #ff9999 10px
    );
    font-size:  7px;
    text-overflow: clip;
}

td.pagesideleft {
  width: 100px; 
  background-color: #ed7621;
  background: -webkit-gradient(linear, left top, right top, from(#ed7621), to(#7a2600));
  background: -webkit-linear-gradient(left, #7a2600, #ed7621);
  background: -moz-linear-gradient(left, #7a2600, #ed7621);
  background: -ms-linear-gradient(left, #7a2600, #ed7621);
  background: -o-linear-gradient(left, #7a2600, #ed7621);
}
td.pagesideright {
  width: 100px; 
  background-color: #ed7621;
  background: -webkit-gradient(linear, left top, right top, from(#7a2600), to(#ed7621));
  background: -webkit-linear-gradient(left, #ed7621, #7a2600);
  background: -moz-linear-gradient(left, #ed7621, #7a2600);
  background: -ms-linear-gradient(left, #ed7621, #7a2600);
  background: -o-linear-gradient(left, #ed7621, #7a2600);
}

td.formcaption {
    width: 150px;
    text-align: right;
    padding-right:  15px;
    font-weight: bold;
    vertical-align: top;
}

td.formdata {
    text-align:  left;
    padding-left:  5px;
    vertical-align: top;
}

td.buttons {
    padding-right: 30px;
    text-align: right;
}

td.space {
    max-width: 40px;
}

td.required {
    background-image: url(obr/required.png);
    background-repeat: no-repeat;
    background-position: right top;
}

td.info {
    padding-left:  30px;
    background-image: url(obr/sys_info.gif);
    background-repeat: no-repeat;
    background-position: left top;    
}

td.warn {
    padding-left:  30px;
    background-image: url(obr/sys_warning.png);
    background-repeat: no-repeat;
    background-position: left top;    
}

tr.svit:hover {
    background-color: #eeffee;
}

#tabmenu {
    width: 100%;
    border-spacing: 0px;
    /*border-bottom: 2px dotted #999999;*/ 
}

#tabmenu td {
    cursor: pointer;
    width: 120px; 
    padding: 5px 10px 5px 10px;
    border-top: 2px dotted #DEDEDE;    
    border-left: 2px dotted #DEDEDE;    
    border-right: 2px dotted #DEDEDE;
    border-radius: 7px;    
}

#tabmenu td.seltab {
    background-color: #eeeeee;
    font-weight: bold;
    border-top: 2px dotted #999999;    
    border-left: 2px dotted #999999;    
    border-right: 2px dotted #999999;    
}

#webcamcasovac a {
    margin-left: 20px;
    margin-right: 20px;
}


#sqltable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#sqltable td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
  max-width: 240px;
}

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

#sqltable tr:hover {background-color: #ddd;}

#sqltable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}