body, html	{
  font-family: Tahoma;
  font-size: 11px;
  background: #FFFFFF;
  }

label { 
	display: block;
	width: 13em;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
	height: 19px;
	border: 0px solid #000000;
	font-weight: bold;
	}

#main {
  width: 800px;
  min-height: 551px;
  _height: 551px;
  border: 0px solid #000000;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  }
  
#left_panel {
  border: 0px solid #000000;
  width: 100px;
  min-height: 468px;
  _height: 468px;
  float: left;
  margin-top: 2px;
  }

#telo {
  border: 0px solid #000000;
  margin-left: 0px;
  margin-top: 0px;
  float: left;
  min-height: 468px;
  _height: 468px;
  width: 598px;
  margin-top: 2px;
  }
  
#right_panel {
  border: 0px solid #000000;
  width: 100px;
  min-height: 468px;
  _height: 468px;
  float: left;
  margin-top: 2px;
  }

#bottom {
  width: 798px;
  height: 14px;
  background: url('../obr/bottom.bmp');
  border: 0px solid #000000;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
  float: left;
  }
  
#left_panel ul, #left_panel li	{
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

#left_panel li	{
  border-bottom: 0px solid #000000;
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
  }

#left_panel li a	{
  display: block;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  background: #000000;
  color: #AAAAAA;
  text-decoration: none;
  }

#left_panel li a span	{
  display: block;
  padding: 3px;
  }

#left_panel li a:hover	{
  background: #000000;
  color: #FFFFFF;
  }

#table {				
  text-decoration: none;
  }

table.calendar {				
  text-decoration: none;
  margin-right: auto;
  margin-left: auto;
  background: #FFFFFF;
  height: 140px;
  width: 100%;
  }

table.calendar:hover {				  
  background: #AAAAAA;
  }
  
table.calendar td {				
  text-decoration: none;
  margin-right: auto;
  margin-left: auto;
  background: #FFFFFF;
  }

table.calendar td:hover {				
  text-decoration: none;
  margin-right: auto;
  margin-left: auto;
  background: #CCCCCC;
  }
  
table.calendar td:hover {				
  text-decoration: none;
  margin-right: auto;
  margin-left: auto;
  background: #CCCCCC;
  }

td.dayEvent a {
	display: block;
  font-weight: bold;
  color: blue;
  text-decoration:none;
  }
  
td.dayEventSelected a {
  font-weight: bold;
  color: green;
  }
  
td.daySelected {
  font-weight: bold;
  color: red;
  }


tr.header {
  font-weight: bold;
  
  }
  
tr.days {
  font-weight: bold;
  
  }

tr.footer  {
  font-weight: bold;
  }
 
#table th {
  background: #CCCCCC;
  color: #000000;
  }

#table tr.unselected {
  background: #FFFFFF;
  }

#table tr.unselected:hover {
  background: #AAAAAA;
  color: #000000;
  }

#table tr.unselected:active {
  background: red;
  }

#table tr.selected {
  background: #0000FF;
  color: #FFFF00;
  }

#table tr.selected:hover {
  background: MidnightBlue;
  color : #FFFF00;
  }

#table tr.selected:active {
  background: red;
  }		

#admin input {
	visibility: visible;
	}
	
#admin input.logoff {
	visibility: hidden;
	}
	
#table_vystava {
	width: 598px;
	border: 0px solid #000000;
  }
  
#table_vystava a {				
  text-decoration: none;
  color: blue;
  }
  
#table_vystava table.akcia {
	width: 596px;
	border: 0px solid #000000;				
  background: #DDDDDD;	
  }

  
#tab_prihlaska {
	width: 596px;
	border: 0px solid #000000;
  background: #EEEEEE;  
  float: left;
  }
  
#tab_stlpec {
	border: 0px solid #000000;
  background: #EEEEEE;  
  float: left;
  }
  
#table_vystava input {				
  background: #BBBBBB;
  border: none;
  }

#table_vystava input:hover {				
  background: #CCCCCC;
  border: none;
  }
  
#odkaz {
  background: #EEEEEE;
  display: block;
  text-decoration: none;
  color: red;
  border-width: 0px;
	}
	
#odkaz a {
	text-decoration: none;
  display: block;
  border-width: 0px;
	}
	
#odkaz img {
	text-decoration: none;
  display: block;
  border-width: 0px;
	}

#top_ban {
  width: 728px;
	height: 90px;
  border: 0px solid #000000;
  margin-right: auto;
  margin-left: auto;
  }

.doklad{
  color: #FF0000;
  font-size: 14px;
  font-weight: bold;
  margin-left: 60px;
  margin-right: 60px;
  text-decoration: blink;
}

.vysledky {

}

.vysledky ul {
  list-style-type: decimal
}

.obr {
  margin-top: 5px;
}

.obr img {
  width: 100%;
}


.hlavneMenu {
	width: 100%;
	height: 16px;
	margin:2px;
}

/* buttony */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 4px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:8pt;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:0 7px 0 4px; /* Links */

}

.buttons button{
    width:auto;
    overflow:visible;
    padding:0 7px 0 4px; /* IE6 */
}
.buttons button[type]{
    padding:0 7px 0 4px; /* Firefox */
    line-height:6px; /* Safari */
}
*:first-child+html button[type]{
    padding:0 7px 0 4px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 5px -1px 0 !important;
    padding:0;
    border:none;
    width:12px;
    height:12px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/*
<div class="buttons" onClick="{@ONCLICK}">
  <button type="submit" class="positive" name="{@NAME}">
    <img src="{@SRC}" alt=""/>
    <xsl:value-of select="@NAME" />
  </button>
</div>
*/

.resultDB{
	font-weight: bold;
	font-size: 12pt;
  width: 50%;
  min-height: 20px;
  _height: 20px;
  position:absolute;
	left:25%;
	top:50%;
	z-index:100;
	margin-right: auto;
  margin-left: auto;
}

.resultDB table{
	width: 100%;
}

.resultDB td {
 text-align: center;
}

.chybaDB{
	background: #FF0000;
}

.vystupDB{
  background: #00FF00;
}

.bottomBanner{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}