html { background: #FFF; color: #000; }
body { margin: 8px 8px 8px 8px; background: #FFF; color: #000;}
#co { font: 12px "MS Sans Serif", Geneva, sans-serif; padding-top: 4px; }
a.prep {
  display: block;
  float: left;
  clear: right;
  padding: 8px;
  background: #99C;
  color: #FFF;
  border-bottom: 4px solid #CCF;
  font: 12px/120% "Lucida Sans Unicode", "MS Sans Serif", Geneva, sans-serif;
}
.myButton
{ 
  -moz-box-shadow: 3px 4px 0px 0px #899599;
	-webkit-box-shadow: 3px 4px 0px 0px #899599;
	box-shadow: 3px 4px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	/* color:#3a8a9e; */
	color:black;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:7px 25px;
	/* margin: 0px 0px 10px 0px */;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.myButton:hover 
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
.myButton:active 
{
	position:relative;
	top:1px;
}

a.dis { color: #CCC; }
a.zap, a:active { background: #CCF; color: #000; }
a.posl { clear: right; }
a:link, a:visited { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
a.ret { background: #CCF; }

/* th a:link, th a:visited { font-family: Webdings; color: #000; } */
th a:link, th a:visited {color: #000; }
th img, th .rad { cursor: pointer; cursor: hand; }
table { clear: both; }
td.schvaleni { background: #0F0; }

/* td a:link, td a:visited {
  background: #CCC;
  border: 2px outset #AAA;
  color: #000;
  font-size: 12px;
} */
td a:active { border-style: inset; }
td a.pikto { padding-left: .2em; padding-right: .2em; }
td a.smaz { background: #C66; border-color: #F00; }
td a.oprav { background: #CC6; border-color: #FF0; }
td a.schval { background: #6C6; border-color: #0F0; }
td a.grid 
{ background: inherit;
  border: none;
  color: inherit;
  font-size: inherit;
} 
form { margin: 0px; }
table.mega {
  background: #CCF;
  clear: both;
  margin: 0;
  border: 0 none;
  border-collapse: collapse;
}
table.dotaz { background: #CCF; clear: both; }
table.zadost th.titulek { text-align: left; padding-bottom: 1em; }
table.zadost tbody { border-top: 1px solid #666666; }
table.zadost .predmet, table.zadost .vyjadreni { font-style: italic; }
input.datum { width: 10ex; }
input.osc 
{ 
  text-align:right;
  width: 10ex; 
}
input.cas, input.rok 
{ width: 6ex; 
  text-align: center;
}
input.panel { width: 20ex; font: 11px/110% Arial, Helvetica, sans-serif; }
input.big_panel { width: 20ex; height: 4ex; font: 15px/100% Arial, Helvetica, sans-serif; } 
input.kiosek_big_panel { width: 20ex; height: 6ex; font: 17px/100% Arial, Helvetica, sans-serif; }

input.pageframe 
{
  display: block;
  float: left;
  clear: right;
  padding: 8px;
  background: #99C;
  color: #FFF;
  border-bottom: 4px solid #CCF;
  font: 12px/120% "Lucida Sans Unicode", "MS Sans Serif", Geneva, sans-serif;
} 
input.selected
{ 
  background: #CCF; color: #000; 
}
input.js_filtr
{
  font-size: 85%;
  background: #E6E6FF;
  margin: 0px 0px 2px 0px;
} 
td, th {
  font: 13px/110% Arial, Helvetica, sans-serif;
  /* zalamovani textu v tabulkach */
  white-space: nowrap; /* nowrap = nezalamovat, normal = zalamovat */
  padding: 1px 2px 1px 3px;
} 
th { font-weight: bold; text-align: center; background-color: rgb(212,208,200); padding: 3px 5px 3px 5px;}
th.zapis 
{
  background: #CCF;
  text-align: left;
} 

th.radkove { text-align: left; padding-right: .5em; }
th.odstup, td.odstup { padding-left: 1em; }
.osoba { width: 30ex; }
.hand { cursor: hand; }
.chyba { color: #900; font-weight: bold; }
p.chyba { clear: both; }
.male { font-size: 70%; }
.logout { font-size: 80%; color: #660; }
.login { font-size: 80%; color: #060; }
#Prihlaseni h1 {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background: #CCF;
}
.PrihlasenC {
  border: thin solid #CCF;
  width: 15em;
  margin: 0 auto;
  text-align: center;
}
.PrihlasenC h2, .PrihlasenC .logout {
  font: 100%/150% Arial, Helvetica, sans-serif;
  margin: 0;
  background: #CCF;
}
.PrihlasenC p {
  font: 100%/150% monospace;
  margin: 0;
}
#PrihlasSe {
  border-collapse: collapse;
  margin: 0 auto;
  text-align: center;
  border: thin solid #CCF;
}
#ZmenaHesla {
  border-collapse: collapse;
  margin: 0 auto;
  text-align: center;
  border: thin solid #CCF;
}
#PrihlasSe thead, #ZmenaHesla thead { background: #CCF; }
#PrihlasSe thead th { font: bold 100%/150% Arial, Helvetica, sans-serif; }
#ZmenaHesla thead th { font: bold 100%/120% Arial, Helvetica, sans-serif; }
#PrihlasSe tbody th,
 #ZmenaHesla tbody th { text-align: right; }
#PrihlasSe tbody td,
 #ZmenaHesla tbody td { text-align: right; }
#PrihlasSe #tdPrihlasit,
 #ZmenaHesla #tdUlozit { text-align: right; }
textarea { font: 13px/110% Arial, Helvetica, sans-serif; }
textarea.fullwidth { width: 99%; }
.stornovano td { text-decoration: line-through; }
.stornovano td.tool { text-decoration: none; }
p.adhoclink { text-align: center; font-family: Verdana, sans-serif; }

.btn-style
{
  border : solid 1px #e6e6e6;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 12px;
	color : #696869;
	padding : 1px 17px;
	background : #ffffff;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}


.grid
{
  border-collapse:collapse;
  border-spacing:0;
  border-color:#ccc;
}
.grid td, .grid td.zapis
{
  font-family:Arial, sans-serif;
  font-size:13px;
  padding:5px 5px;
  border-style:solid;
  border-width:1px;
  overflow:hidden;
  word-break:normal;
  border-color:#ccc; 
}
.grid td.zapis:hover
{
  cursor: pointer;         
  border: 2px groove blue;
}
.grid td.zapis_noborder:hover
{
  cursor: pointer;         
}

.grid th 
{
  font-family:Arial, sans-serif;
  font-size:13px;
  font-weight:bold;
  padding:5px 5px;
  border-style:solid;
  border-width:1px;
  overflow:hidden;
  word-break:normal;
  /* border-color:#ccc; */
  border-color:rgb(128,128,128); 
  color:#333;
  /* background-color:#f0f0f0; */
  background-color:rgb(210,210,210); 
}

#servertime
{ /* zobrazení aktuálního data a času */
  color: rgb(0,0,255);
  font-size: 16px;
  font-weight: bold;
}

/* styly pole_formulare jsou i v mso.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;
}
/*------------------------------------*/