/** {
  -moz-box-sizing: border-box;
} */

/**, html { overflow: hidden; } */    /* rozvora IE */


html { overflow: hidden; }

body {
  margin: 0px;
  font: 70% Verdana, Arial, Helvetica;
}

#all {
  width: 100%;
  height: 100%;
  overflow: hidden; /* nefunguje */
}

a, a:visited {
  color: blue;
}

a:hover {
  color: navy;
}

a.napoveda
{
  /*cursor: hand;*/
  text-decoration: none;
}

#allmargin {
  overflow-y: auto;
  width: 100%; /* height se nastavi javascriptem, aby se objevil scrollbar */
}
    
#bannermessage {
  position: absolute;
  left: 190px;
  top: 15px;
  width: 100%;
  height: 13px;
  font-weight: bold;
  z-index: 1000;
  border: 2px solid white;
  padding: 5px;
  display: none;
}

#bannerleft {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 163px;
  height: 55px;
  background-image: url("./img/banner_logo.gif");
}

#bannermiddle {
  position: absolute;
  top: 0px;
  left: 163px;
  right: 254px;
  width: expression(document.getElementById("all").offsetWidth - 417);
  height: 55px;
  background-color: #4d94a8;
  background-image: url("./img/banner_lines.gif");
  background-repeat: no-repeat;
}

#bannerright {
  position: absolute;
  top: 0px;
  right: 0px;
  left: expression(document.getElementById("bannermiddle").offsetWidth + 163);
  width: 254px;
  height: 55px;
  background-image: url("./img/banner_keyboard.gif");
}

#bannernadpis {
  position: absolute;
  top: 55px;
  left: 0px;
  width: 326px;
  height: 16px;
/*  background-image: url("./img/banner_nadpis.gif");*/
  font-weight: bold;
  font-size: 14px;
  padding-left: 5px;
}

#bannerfade {
  position: absolute;
  top: 55px;
  left: 326px;
  width: 94px;
  height: 16px;
  background-image: url("./img/banner_fade.jpg");
}

#bannerempty {
  position: absolute;
  top: 55px;
  left: 420px;
  right: 170px;
  width: expression(document.getElementById("all").offsetWidth - 590);
  height: 16px;
  background-color: #c0e1dc;
}

#bannerend {
  position: absolute;
  top: 55px;
  right: 0px;
  left: expression(document.getElementById("bannerempty").offsetWidth + 420);
  width: 170px;
  height: 16px;
  background-image: url("./img/banner_end.jpg");
}

#bannerline {
  position: absolute;
  top: 71px;
  width: 100%;
  height: 4px;
  background-image: url("./img/black_line.gif");
  background-repeat: repeat-x;
}

#bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  right: 0px;
  height: 20px;
  background-color: #4d94a8;
  text-align: center;
  padding-top: 3px;
  color: #ffffff;
}

#logininfo {
  position: absolute;
  top: 0px;
  width: 100%;
  right: 5px;
  height: 10px;
  text-align: right;
  color: #176385;
  font-size: 11px;
  font-style: italic;
}

#menu {
  overflow: auto;
  position: absolute;
  top: 85px;
  bottom: 20px;
  height: expression(document.getElementById("all").offsetHeight - 105);
  width: 170px;
  background-color: #83c0c5;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 6px;
  color: #176385;
  -moz-box-sizing: padding-box;
}

#main {
  overflow: auto;
  position: absolute;
  top: 85px;
  bottom: 20px;
  left: 188px;
  right: 0px;
  width: expression(document.getElementById("all").offsetWidth - 190);
  height: expression(document.getElementById("all").offsetHeight - 105);
  background-color: #ffffff;
  color: #297496;
  font: 100% Verdana, Arial, Helvetica;
  padding-right: 6px;
}

#mainfull {
  overflow: auto;
  position: absolute;
  /*top: 85px;*/
  top: 0px;
  bottom: 20px;
  left: 10px;
  right: 0px;
  width: expression(document.getElementById("all").offsetWidth - 10);
/*  height: expression(document.getElementById("all").offsetHeight - 105);*/
  height: expression(document.getElementById("all").offsetHeight - 20);
  background-color: #ffffff;
  color: #297496;
  font: 100% Verdana, Arial, Helvetica;
  padding-right: 6px;
}


.mainheader {
  background-image: url("./img/bg_zahlavi.gif");
  height: 18px;
  font: 125% Verdana, Arial, Helvetica;
  color: #000000;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}

.greenpad {
  background-color: #effaf7;
  padding: 10px;
}

.whitepad {
  background-color: #ffffff;
  padding: 10px;
}

form {
  margin-top: 2px;
  margin-bottom: 2px;
}

.green {
  color: #4d94a8;
}

.orange {
  /*color: orange;*/
  color: brown;
}

.red {
  color: #ff0000
}

.update_do {
  color: #ff0000;
  font-weight: bold;
}

.update_ok {
  color: #0000ff;
  font-weight: bold;
}

.menugreen {
  font-style: italic;
  color: #176385;
}

.menuhr {
  color: #297496;
  background-color: #297496;
  height: 1px;
  border: 0px;
}

a.menu:link, a.menu:active, a.menu:visited {
  color: #000000;
  font-weight: bold;
}

a.normal:link, a.normal:active, a.normal:visited {
  color: black;
  font-weight: bold;
}

a.red:link, a.red:active, a.red:visited {
  color: red;
  font-weight: bold;
}

a.blue:link, a.blue:active, a.blue:visited {
  color: blue;
  font-weight: bold;
}

a.gold:link, a.gold:active, a.gold:visited {
  color: goldenrod;
  font-weight: bold;
}

a.maroon:link, a.maroon:active, a.maroon:visited {
  color: maroon;
  font-weight: bold;
}

a.dimgray:link, a.dimgray:active, a.dimgray:visited {
  color: dimgray;
  font-weight: bold;
}


a.footer:link, a.footer:active, a.footer:visited {
  color: #c2e2dd;
  font-weight: bold;
}

ul
{
/*
  margin: 0px 0px 0px 0px; // 17 posledni
  padding-left: 0px;
*/
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  margin-left: 17px;
}

ul.menu
{
  margin-left: 0px;
}

ul li
{
  margin-top: 3px;
  list-style-type: disc;
}

ul.menu li
{
/*
  list-style-image: url(img/yellow.gif);
  list-style-position: inside;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 3px;
  margin-top: 3px;
*/

  background-image: url(img/yellow.gif);
  background-repeat: no-repeat;
  background-position: 0 .3em;
  padding-left: 10px;
  margin-top: 3px;
}

input.login, select.login {
  font: 100% Verdana, Arial, Helvetica;
  background-color: #c0e1dc;
  border-style: solid;
  border-color: #eeeeee;
  border-left-color: #83c0c5;
  border-top-color: #83c0c5;
  border-width: 1px
}

input.blue
{
  font: 100% Verdana, Arial, Helvetica;
  color: #ffffff;
  background-color: #4d94a8;
  border-style: solid;
  border-color: #2d768a;
  border-left-color: #83c0c5;
  border-top-color: #83c0c5;
  border-width: 1px
}

input.brown
{
  font: 100% Verdana, Arial, Helvetica;
  color:#FDCE5B;
  background-color: #666666;
  border-style: solid;
  border-color: #000000;
  border-left-color: #FDCE5B;
  border-top-color: #FDCE5B;
  border-width: 1px
}

input.iconedit
{
  background-color: #EFFAF7;
  background-image: url("./img/editv.gif");
  width: 16px;
  height: 16px;
  border: 0px;
  padding: 0px;
  margin: 2px;
  cursor: hand;
}

input.icon602
{
  background-color: #EFFAF7;
  background-image: url("./img/602.gif");
  width: 16px;
  height: 16px;
  border: 0px;
  padding: 0px;
  margin: 2px;
  cursor: hand;
}

input.icondelete
{
  background-color: #EFFAF7;
  background-image: url("./img/deletev.gif");
  width: 16px;
  height: 16px;
  border: 0px;
  padding: 0px;
  margin: 2px;
  cursor: hand;
}

#hidemenu, #showmenu
{
  overflow: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 55px;
  width: 9px;
  /* z-index: 5; */
  font: 100% Verdana, Arial, Helvetica;
  color:#FDCE5B;
  font-weight: bold;
  background-color: #83c0c5;
  /*border: 1px solid #73b0b5;*/
  cursor: hand;
  background-image: url("./img/menu_hide.gif");
  padding: 0px;
  z-index: 3;
}

#showmenu
{
  top: 0px;
  left: 0px;
  height: 100%;
  background-image: url("./img/menu_show.gif");
}


input.brownbold
{
  font: 100% Verdana, Arial, Helvetica;
  color:#FDCE5B;
  background-color: #666666;
  border-style: solid;
  border-color: #000000;
  border-left-color: #FDCE5B;
  border-top-color: #FDCE5B;
  border-width: 1px;
  font-weight: bold
}

input.disabled
{
  font: 100% Verdana, Arial, Helvetica;
  color: #ffffff;
  background-color: #b0b0b0;
  border-style: solid;
  border-color: gray;
  border-left-color: #eeeeee;
  border-top-color: #eeeeee;
  border-width: 1px
}

.text, .readonly, textarea, .textcenter, .invisible, .invisibledisplay
{
  font: 100% Verdana, Arial, Helvetica;
  background-color: #ffffff;
  border-style: solid;
  border-color: #EEEEEE;
  border-left-color: #83C0C5;
  border-top-color: #83C0C5;
  border-width: 1px;
  padding: 1px;
}

.invisible, .invisibledisplay /* invisibledisplay bude videt pri tisku */
{
  visibility: hidden;
  display: none;
}

.hiddensubmit
{
  width: 1px;
  height: 1px;
  position: absolute;
  left: -5000px;
  top: -5000px;
}

.hidden
{
  display: none;
}


.textcenter, .tdcenter
{
  text-align: center;
}

.readonly
{
  background-color: #dddddd;
}


/*********************************** tabulky **********************************/

table:not([class="ui-pg-table"])
{
  font: 100% Verdana, Arial, Helvetica;
  border-collapse: collapse;
}

/*********************** 1. tabulka v administraci apod. ***********************/
table.tab
{
  width: 100%;
  *width: 95%;
  border: 1px solid #CCD8DD;
/*  margin-right: -4px;*/
}

table.tab caption
{
  background-color: #83C0C5;
  font-weight: bold;
  color: #FFFFFF;
  padding: 4px;
  text-align: left;
}

table.tab th, table.tab th.small
{
  background-color: #C0E1DC;
  border: 1px solid #83C0C5;
  border-right-color: #EEEEEE;
  text-align: left;
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: bold;
  color: #000000;
}

table.tab th.small, table.tab th.smalledit
{
  width: 1%;
}

table.tab th.sort
{
  background-color: #c0e1dc;
}

table.tab th.sortasc
{
  background-image: url("./img/butt_up.gif");
  background-repeat: no-repeat;
  background-position: center right;
}

table.tab th.sortdesc
{
  background-image: url("./img/butt_down.gif");
  background-repeat: no-repeat;
  background-position: center right;
}


table.tab th.sortmouseover
{
  background-color: #4d94a8;
  color: #ffffff;
  cursor: hand;
}

table.tab th.sortcenter
{
  text-align: center;
  background-color: #c0e1dc;
}

table.tab th.sortcentermouseover
{
  text-align: center;
  background-color: #4d94a8;
  color: #ffffff;
  cursor: hand;
}


table.tab th.sorted
{
  background-color: #4d94a8;
  color: #ffffff;
}

table.tab th.sortedmouseover
{
  background-color: #4d94a8;
  color: #ffffff;
  cursor: hand;
}

table.tab th.sortedcenter
{
  text-align: center;
  background-color: #4d94a8;
  color: #ffffff;
}

table.tab th.sortedcentermouseover
{
  text-align: center;
  background-color: #4d94a8;
  color: #ffffff;
  cursor: hand;
}


table.tab th.center, table.tab th.small, table.tab td.center, table.tab td.small
{
  text-align: center;
}

table.tab td.leftsmall
{
  text-align: left;
}

table.tab tr
{
  color: #176385;
  background-color: #EFFAF7;
}

table.tab tr.sude
{
  color: #176385;
  background-color: #EFFAE7;
}

table.tab tr.disabled, span.disabled
{
  color: #999999;
  font-style: italic;
}

table.tab td
{
  border-spacing: 0px;
/*  background-color: #EFFAF7;*/
  border: 1px solid #CCD8DD;
  padding-left: 3px;
/*  padding: 3px;*/
}

.ui-pg-table td{
  border: none !important;
}

table.tab td.vazba
{
  padding: 0px;
}

table.tab tr.click, table.tab tr.over
{
  background-color: #DEE9E8;
}

table.tab td.click, table.tab td.over
{
  background-color: #DEE9E8;
}

/* zarovnavani */
table.tab td.middle
{
  text-align: middle;  
}
table.tab td.right
{
  text-align: right;  
}

table.tab td.small, table.tab td.leftsmall
{
  width: 1%;
  padding: 0px;
  white-space: nowrap;
}

table.tab td.found, table.tab td.found a, table.vazba td.found, table.vazba td.found a
{
  color: red;
/*  font-weight: bold;*/
}

table.tab td.green
{
  background-color: #aaffaa;
  color: black;
}

table.tab td.orange
{
  background-color: #ffcc66;
  color: black;
}

table.tab td.red
{
  background-color: #ff3333;
  color: black;
}

table.tab td.vypocet
{
  border: 0px;
  font-weight: bold;
  padding: 5px;
  color: black;
  white-space: nowrap;
}

table.tab tr.statlog
{
  font: 90% Verdana, Arial, Helvetica;
  color: gray;
  font-style: italic;  
}

table.tab tr.confignew
{
  background-color: #EFFAF7;
  font-weight: bold;
}


/********************** 2. tabulka s cudlikama a napovedou *********************/
table.panel caption
{
  font-style: italic;
  font-weight: bold;
  color: #176385;
  text-align: left;
  padding-left: 5px;
}

table.panel td
{
  background-color: #fdce5b;
  padding : 0px;
}

/*************************** 3. tabulka pro vazby *****************************/
table.vazba
{
  width: 100%;
/*  height: 100%;*/
}

table.vazba td
{
  padding: 1px;
  border: 1px solid #CCD8DD;
  background: #e6e6e6;
}

table.vazba td.mouseover
{
  padding: 1px;
  border: 1px solid #CCD8DD;
  background: #ccccdd;
  color: #000000;
  cursor: hand;
}

td.vazbazvlast
{
  padding: 1px;
  border: 1px solid #CCD8DD;
  background: #e6e6e6;
}

td.vazbazvlastover
{
  padding: 1px;
  border: 1px solid #CCD8DD;
  background: #ccccdd;
  color: #000000;
  cursor: hand;
}


/******************************************************************************/

td.nopad
{
  padding : 0px
}

td.nopadblue
{
  border-spacing: 0px;
  background-color: #EFFAF7;
  border-style: solid;
  border-color: #CCD8DD;
  border-right-color: #EFFAF7;
  border-top-color: #EFFAF7;
  border-width: 1px;
  padding: 0px
}

td.list, td.listsmall
{
  color: #176385;
  border-spacing: 0px;
  background-color: #EFFAF7;
  border-style: solid;
  border-color: #CCD8DD;
/*  border-right-color: #EFFAF7;
  border-top-color: #EFFAF7;*/
  border-width: 1px;
  padding: 1px;
  padding-left : 3px;
  padding-right : 3px
}

td.napoveda
{
  font: 85% Verdana, Arial, Helvetica;
  /*font-style: italic;*/
  color: #176385;
  border-spacing: 0px;
  background-color: #EFFAF7;
  border-style: solid;
  border-color: #CCD8DD;
/*  border-right-color: #EFFAF7;
  border-top-color: #EFFAF7;*/
  border-width: 1px;
  padding: 1px;
  padding-left : 3px;
  padding-right : 3px
}

td.listsmall
{
  width: 1%;
  padding: 0px;
  white-space: nowrap;
}

table.adresa td
{
  border: none;
}

/* konec tabulek */

hr
{
  background-color: #83c0c5;
  color: #83c0c5;
  height: 1px;
  border: 0px;
}

.logs
{
  font: 95% "Courier New";
}

#message
{
  position: relative;
  margin: 10px 0px 5px 0px;
}

p
{
  margin-top: 5px;
  margin-bottom: 5px;
}


ul.strom {
  margin-top: 1px;
  margin-left: 0px;
  padding-left: 17px;
  display: none;
}

ul#stromtop
{
  padding-left: 0px;
  display: block;
}

ul.strom span.pod { font-size: 13px; }
ul.strom a { text-decoration: none; }
ul.strom a:hover { color: #069; background-color: #EEE; text-decoration: none; }

ul.strom a.budova        { padding-left: 20px; background: transparent url("../img/budova.gif"       ) no-repeat scroll 0px 0px; }
ul.strom a.mistnost      { padding-left: 20px; background: transparent url("../img/mistnost.gif"     ) no-repeat scroll 0px 0px; }
ul.strom a.ikona {
  padding-left: 20px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
}

ul.strom li {
  padding-left: 0px;
  list-style-type: none;
  list-style-image: none;
  background: transparent url("../img/line.gif") repeat-y scroll 0px 0px;
}

ul.strom li.posledni {
  background: transparent url("../img/join.gif") no-repeat scroll 0px 0px;
}

textarea.grid
{
  width: 300px;
	height: 80px;
	position: absolute;
	z-index: 3000;
	border: 1px solid gray;
}

select.grid
{
  position: absolute;
}

input.blue, input.brown, input.brownbold
{
  cursor: pointer;
  cursor: hand;
}

.intro_evidence
{
  margin: 15px;
  position: relative;
  width: 100%;
}

.intro_evidence_left
{
  float: left;
  width: 70px;
}

.intro_evidence_right
{
  padding-top: 5px;
  line-height: 1.4;
}

.clear
{
  clear: both;
}

.textintrosearch
{
  font: 120% Verdana, Arial, Helvetica;
  background-color: #ffffff;
  border-style: solid;
  border-color: #EEEEEE;
  border-left-color: #83C0C5;
  border-top-color: #83C0C5;
  border-width: 1px;
  padding: 1px;
}
#advice
{
  position: absolute;
  margin-left: 0px;
  padding-left: 7px;
  width: 800px;
  overflow: auto;
  background-color: #effaf7;
  border: 1px dashed #83c0c5;
}
#advice:empty
{
  border: none;
}
#advice a
{
  position: relative;
  border: 0px;
  font-style: italic;
  line-height: 18px;
}
#advice a:hover
{
  font-weight: bold;
}


table#zalozkytop
{
  margin: 5px 0px 5px 0px;
}

table#zalozkytop td
{
  padding: 2px;
  border: 2px solid #2d768a;
  text-align: center;
  font-weight: bold;
  width: 100px;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
  background: #eeeeee;
}

table#zalozkytop td.selected
{
  background: #ffffff;
  border: 2px solid black;
}

table#zalozkytop a
{
  text-decoration: none;
  display: block;
}


div.calendar
{
  z-index: 5000;
}

div.right
{
  float: right;
}

input.iconedit2
{
  background-color: #EFFAF7;
  background-image: url("./img/add.gif");
  width: 16px;
  height: 16px;
  border: 0px;
  padding: 0px;
  margin: 2px;
  cursor: hand;
}