body {
  font-family: Verdana, sans-serif;
  text-align: left;
  color: rgb(0, 0, 0);
  position: relative;
  margin: 2em 4em 2em 4em;
  background-color: rgb(255, 255, 255);
}

/* Velikost pisma globalne */
body, div, table, form, input, select {
  font-size: small;
  _font-size: x-small;
}

/*
div {
  border: 1px solid red;
}
*/

/* Layout */
div#body {
    margin: 0em;
    padding: 0em;
    height: 100%;
}
div#top {
  border: 1px solid rgb(199, 215, 228);
  background-color: rgb(247, 247, 247);
  padding: 0.5em;
  width: 100%;
  margin-bottom: 1em;
}

p.pozn {
  margin: 0 0 1em 0;
  color: rgb(104, 102, 112);
}

div#content {
  margin: 0px;
  width:100%;
  height: 100%;                 /* IE bug */
  padding-right: 0em;
}
div#contentin {
  margin: 0em;
  padding-bottom: 0em;
  float: left;    /* vychytávač pro clearing */ 
  width: 100%;
}

div#footer {
  text-align: right;
  margin-top: 8em;
  color: rgb(104, 102, 112);
}

/* Odstavce a odkazy */
div.status {
  background-color: rgb(217, 228, 234);
}

div.info {
  float: right; 
  width: 40%; 
  border: 1px solid rgb(199, 215, 228);
  text-align: right;
  padding: 0.4em;
  /*background: url("../img/logo16.png") center left no-repeat;*/
  background-color: rgb(255, 255, 255);
}

div.navbar {
  margin-top: 1em;
}


div#footer a {
  color: rgb(132, 176, 199);
}

a {
  color: rgb(101, 135, 190);
}
a:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

div.clear {
  clear: both;
}

.red    { color: rgb(255, 0, 0); }
.green  { color: rgb(52, 160, 44); }
.white  { color: rgb(255, 255, 255); }
.black  { color: rgb(0, 0, 0); }
.gray   { color: rgb(128, 128, 128); }
.orange { color: rgb(224, 99, 1); }
.blue   { color: rgb(0, 0, 255); }

.back_red { background-color : rgb(255, 0, 0); }

/* Stylovani tabulek */
table {
}

table.list {
  border-collapse: collapse;
  margin-bottom: 1em;
  border-right: 1px solid rgb(132, 176, 199);
}
table.list td, table.list th {
  border: 1px solid rgb(132, 176, 199);
  /*white-space: nowrap;*/
}
table.list th {
  background-color: rgb(235, 241, 242);
  text-align: center;
}
table.list tr.even      td { background-color: rgb(240, 240, 240); }
table.list tr.odd       td { background-color: rgb(248, 248, 248); }
table.list tr.vada      td { background-color: rgb(224, 99, 1); }
table.list tr.level1    td { background-color: rgb(255, 255, 255); }
table.list tr.level2    td { background-color: rgb(240, 240, 240); }
table.list tr.level3    td { background-color: rgb(225, 225, 225); }
table.list tr.level4    td { background-color: rgb(210, 210, 210); }
table.list tr.level5    td { background-color: rgb(195, 195, 195); }
table.list tr.level6    td { background-color: rgb(180, 180, 180); }
table.list tr.highlighte td { background-color: rgb(255, 245, 230); }
table.list tr.highlighto td { background-color: rgb(255, 245, 240); }
table.list tr.action    td { padding-top: 4px }

table.list td a {
  color: rgb(101, 135, 190);
}
table.list th a {
  color: rgb(0, 0, 0);
}
table.list td a:hover {
  color: rgb(0, 0, 0);
}
table.list th {
  padding: 0.1em 0.5em 0.1em 0.5em;
}
table.list td {
  padding: 0 0.5em 0 0.5em;
}
table td.icon {
  text-align: center;
}
table td.input {
  padding:0;
}

input.readonly {
  background-color: rgb(215, 215, 215);
}

/* Tabulka pro zobrazeni formularu */
table.layout {
  width: 100%;
}

table.layout td { 
  vertical-align: top;
}


/* Nadpisy */
h1, h2, h3 { color: rgb(101, 135, 190); margin: 0; padding: 0; }
h1 { font-size: 18px; float: left; width: 50%; }
h2 { font-size: 16px; margin-top: 5px; margin-bottom: 5px; }
h3 { font-size: 14px; }

/* Stylovani formularu */
form {
  margin: 0 0 1em 0;
}
fieldset {
  border: 1px solid rgb(200, 200, 200);
  margin-bottom: 1em;
}
fieldset.filtr {
  width: 400px;
  padding: 0.5em 1em 0.2em 1em;
}
fieldset.select {
  margin-top: 20px;
  width: 500px;
}

legend {
  color: rgb(101, 135, 190);
  font-weight: bold;
}

input.edit, input.upload, select, textarea {
  border: 1px solid rgb(132, 176, 199);
  margin-bottom: 4px;
}

input.editx {
  border: 1px solid rgb(132, 176, 199);
  margin-bottom: 4px;
}

button.button, input.button, button.disbutton, input.disbutton {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  margin-bottom: 4px;
  padding: 0 .25em;
  width: 0; /* pouze pro IE */
  overflow: visible;
  background-color: rgb(255, 255, 255);
}
input.button[class], input.disbutton[class] {
  width: auto;
}

button.button, input.button {
  border-top:    2px solid rgb(101, 135, 190);
  border-left:   2px solid rgb(101, 135, 190);
  border-right:  2px solid rgb(41,  68,  98);
  border-bottom: 2px solid rgb(41,  68,  98);
  color: rgb(101, 135, 190);
}

button.disbutton, input.disbutton {
  border-top:    2px solid rgb(192, 192, 192);
  border-left:   2px solid rgb(192, 192, 192);
  border-right:  2px solid rgb(64, 64, 64);
  border-bottom: 2px solid rgb(64, 64, 64);
  color: rgb(128, 128, 128);
}

textarea {
  width: 20em;
  height: 6em;
}
textarea.sdok{
  width: 12em;
  height: 2em;
}

label {
  color: rgb(104, 102, 112);
  float: left;
  width: 15em;
  text-align: right;
  padding-right: 1em;
  clear: both;
}

div.kontejner {
  margin-bottom: 5px;
  float: left;
}
input.checkbox {
  margin: 5px 0 0 0;
}

label.sdok{
  width: 8em;
}

label.right {
  float: none;
  width: auto;
  text-align: left;
  padding-left: 1em;
}

label.nofloat {
  color: rgb(104, 102, 112);
  float: none;
  width: 14em;
  text-align: left;
}

input.radio {
  margin: 0 0 0 1em;
}

label.right {
  color: rgb(0, 0, 0);
  float: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

label.povinny {
  color: rgb(255, 0, 0);
}
label.small {
  width: 8em;
}

p.dodatek {
  color: rgb(104, 102, 112);
  margin: 2em 0 0 0;
  font-size: smaller;
}

p.obj {
  border: 1px solid rgb(199, 215, 228);
  background-color: rgb(247, 247, 247);
  width: 50em; 
  padding: 1em 0 1em 0;
}

input.edit, select.edit {
  width: 12em;
} 

input.editx {
  width: 2em;
} 

input.nomargin, select.nomargin {
  margin: 0;
} 

input.dve, select.dve {
  width: 2em;
}
input.ctyri, select.ctyri {
  width: 4em;
}
input.pet, select.pet {
  width: 5em;
}

input.upload {
  /*width: 19.5em;*/
}

input.small, select.small {
  width: 6em;
}
input.huge, select.huge {
  width: 50em;
}



input.medium, select.medium {
  width: 12em;
}
input.large, select.large {
  width: 20em;
}

div.akce {
  margin: 0em 1em 1em 0;
}

/*
table th, table td {
  white-space: nowrap;
}
*/

img {
  border-width: 0;
}

img.icon {
  margin: 2px;
  vertical-align: middle;
}
span.stav {
  margin-left: 0.5em;
  vertical-align: middle;
}


img.calendar {
  cursor: pointer;
  cursor: hand;
}

.hand {
  cursor: pointer;
  cursor: hand;
}

/* Systemove zpravy */
div#sysmessage {
  width: 60em;
  margin-top: 1em;
  border: 1px solid rgb(132, 176, 199);
  background-color: rgb(248, 248, 248);
}

div#sysmessage div.title {
  font-weight: bold;
  padding: 0 0 0 1em;
  background-color: rgb(235, 241, 242);
  border-bottom: 1px solid rgb(132, 176, 199);
}

div#sysmessage div.message {
  padding: 0.5em 1em;
}


.right {
    text-align: right;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}

.nodisplay {
  display: none;
}

/* Taby */
div.board {
  display: none;
}
div#tabs {
  width: 100%;
  border-bottom: 1px solid rgb(132, 176, 199);
  margin-bottom: 5px;
  margin-top: 10px;
  height: 24px;
}

div.kkinfo {
  float: right;
}

div.kkinfo div.jmeno {
  float: left;
  margin-right: 10px;
  padding-top: 2px;
  color: rgb(104, 102, 112);
}

div.tab-active div, div.tab-passive div {
  height: 24px;
  float: left;
}

div.tab-passive div.tab-left   { background: url("../img/tabs/tab_passive1.png") top left no-repeat; width: 6px; }
div.tab-passive div.tab-center { background: url("../img/tabs/tab_passive2.png") top left repeat-x;  padding-top: 4px; }
div.tab-passive div.tab-right  { background: url("../img/tabs/tab_passive3.png") top left no-repeat; width: 6px; }
div.tab-active div.tab-left    { background: url("../img/tabs/tab_active1.png")  top left no-repeat; width: 6px; }
div.tab-active div.tab-center  { background: url("../img/tabs/tab_active2.png")  top left repeat-x;  padding-top: 4px; }
div.tab-active div.tab-right   { background: url("../img/tabs/tab_active3.png")  top left no-repeat; width: 6px; }

/* Barva tab odkazu + hover efekt */
div.tab-center a {
  text-decoration: none;
  color: rgb(101, 135, 190);
  font-weight: bold;
}
div.tab-center a:hover {
  color: rgb(0, 0, 0);
}

/* IFrame */
iframe.form {
  margin-top: 20px;
  width: 100%;
  height: 500px;
  border: 1px solid rgb(132, 176, 199);
}

iframe.download {
  display: none;
}

body.iframe {
  _border: 1px solid rgb(132, 176, 199);
  margin: 0;
  padding: 0px;
}

body.iframe div#all {
  padding: 20px;
}

div#sdok-panel {
  /*border: 1px solid red;*/
  float: right;
}


/* Menu */
#menu {
  width: 100%;
  float: left;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 120px;
  float: left;
}

#menu a, #menu h3 {
  font-weight: bold;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  display: block;
  border-width: 1px;
  border-style: solid;
  margin: 0;
  padding: 2px 3px;
}
#menu h3 a {
  border-width: 0px;
  padding: 0;
}

#menu h3 {
  text-transform: uppercase;
}

#menu a {
  /*background: rgb(255, 255, 255);*/
  text-decoration: none;
}

#menu a:hover {
  background: rgb(101, 135, 190);
  color: rgb(255, 255, 255);
  border-color: rgb(101, 135, 190);
}

#menu li {
  position: relative;
}

#menu ul ul {
  position: absolute;
  z-index: 500;
}

#menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

li.hasChild a {
  background-image: url("../img/menu/submenu.png");
  background-color: none;
}

li.noChild a {
  background-image: url("../img/menu/no-submenu.png");
  background-color: none;
}

/* Naseptavac */
#suggest {
	font: 11px sans-serif;
	background: #FFF;
	position: absolute;
  width: 180px;
	border: 2px solid #ddd;
	margin:0;
	margin-left: 200px;
	padding: 2px;
	list-style-type: none;
	cursor: default;
	visibility: hidden;
}

#suggest li {
	margin: 0;
	padding: 0;
	cursor: pointer;
}
#suggest li:hover, #suggest li.hover {
	color: #FFF;
	background: #00F;
}