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


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

  cervena: #dc2b19
  modra:   #2f348e
*/

body {
  margin: 0px;
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  overflow: hidden;
}

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

a:link, a:active, a:visited {
  color: #0000FF;
}

a:hover {
  color: #dc2b19;
}

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

img {
  border: 0px;
}

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

#bannerleft {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 185px;
  height: 119px;
  background: #cdcdcd;
  background-image: url("img/right.png");
/*  background-repeat: no-repeat;*/
}

#bannerright {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 185px;
  height: 119px;
  width: expression(document.getElementById("all").offsetWidth - 185);
  background: #cdcdcd;
  background-image: url("/img/right.png");
}

#bannerlogin {
  position: absolute;
  top: 25px;
/*  right: 20px; */
  left: 200px;
  text-align: left;
  line-height: 2;
}

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

#menu {
  overflow: auto;
  position: absolute;
  height: expression(document.getElementById("all").offsetHeight - 119);
  top: 119px;
  left: 0px;
  bottom: 0px;
  width: 170px;
  background: #cdcdcd;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 6px;
  border-right: 3px solid gray;
}

#main {
  overflow: auto;
  position: absolute;
  top: 119px;
  bottom: 0px;
  left: 185px;
  right: 0px;
  width: expression(document.getElementById("all").offsetWidth - 185);
  height: expression(document.getElementById("all").offsetHeight - 119);
  background-color: #fafaff;
  color: #176385;
  padding-left: 10px;
  padding-right: 6px;
  padding-bottom: 6px;
}

#message {
  position: relative;
  visibility: visible;
  margin-top: 20px;
}
 
.calendartopright
{
  position: relative;
  float: right;
  right: 0px;
  width: 200px;
  font-weight: bold;
  color: #2f348e;
  font-size: 120%; 
}

.calendartopleft
{
  position: relative;
  float: left;
  left: 0px;
  width: 650px;
  font-weight: bold;
  color: #2f348e;
  font-size: 120%; 
} 

.calendartopleft a, .calendartopright a
{
  text-decoration: none;
}


.clear
{
  clear: both;
}
 

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

a.menu:link, a.menu:active, a.menu:visited {
  width: 150px;
  text-decoration: none;
  font-weight: bold;
  color: #2f348e;
  display: block;
  padding: 3px;
  margin: 1px;
  border: 1px solid #bbbbbb;
  background: #dddddd;
}

a.menu:hover, a.submenu:hover {
  background: #eeeeee;
}

a.submenu:link, a.submenu:active, a.submenu:visited {
  width: 140px;
  text-decoration: none;
  font-weight: bold;
  color: #2f348e;
  display: block;
  padding: 3px;
  margin: 1px;
  margin-left: 10px;
  border: 1px solid #bbbbbb;
  background: #dddddd;
}

a.submenukalendar:link, a.submenukalendar:active, a.submenukalendar:visited {
  width: 130px;
  text-decoration: none;
  font-weight: bold;
  color: #2f348e;
  display: block;
  padding: 3px;
  margin: 1px;
  margin-left: 20px;
  border: 1px solid #bbbbbb;
  background: #dddddd;
}

a.parta1:link, a.parta1:active, a.parta1:visited
{
  background: #cc3333;
  color: #ffffff;
}

a.parta2:link, a.parta2:active, a.parta2:visited
{
  background: #993399;
  color: #ffffff;
}

a.parta3:link, a.parta3:active, a.parta3:visited
{
  background: #cc9900;
  color: #ffffff;
}

a.parta4:link, a.parta4:active, a.parta4:visited
{
  background: #ff6600 !important;
  color: #ffffff;
}

a.parta5:link, a.parta5:active, a.parta5:visited
{
  background: #005500;
  color: #ffffff;
}

a.technik1:link, a.technik1:active, a.technik1:visited
{
  background: #3366cc;
  color: #ffffff;
}

a.technik2:link, a.technik2:active, a.technik2:visited
{
  background: #999966;
  color: #ffffff;
}

a.technik3:link, a.technik3:active, a.technik3:visited
{
  background: #660000;
  color: #ffffff;
}

a.technik4:link, a.technik4:active, a.technik4:visited
{
  background: #669999;
  color: #ffffff;
}

a.technik5:link, a.technik5:active, a.technik5:visited
{
  background: #ff69b4;
  color: #ffffff;
}

a.technik6:link, a.technik6:active, a.technik6:visited
{
  background: #40e0d0;
  color: #ffffff;
}

a.technik7:link, a.technik7:active, a.technik7:visited
{
  background: #ff0033;
  color: #ffffff;
}

a.technik8:link, a.technik8:active, a.technik8:visited
{
  background: #6677AA;
  color: #ffffff;
}

a.technik9:link, a.technik9:active, a.technik9:visited
{
  background: #2288ff;
  color: #ffffff;
}


a.dovolena:link, a.dovolena:active, a.dovolena:visited
{
  background: #669900;
  color: #ffffff;
}

a.ruzne:link, a.ruzne:active, a.ruzne:visited
{
  background: #444444;
  color: #ffffff;
}

/******************************************************************************/
table {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse;
}

table.list {
/*  border: 1px solid #CCD8DD;*/
}

table.full {
  width: 100%;
}

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

table.list tr
{
  color: #176385;
  background-color: #F0F0FF;
}

table.list tr.click
{
  background-color: #E0E0E0;
  border: 1px solid;
}

table.list tr.invalid
{
  font-style: italic;
  color: gray;
}

table.list tr.prijem
{
  background: #BBFFBB;
}

table.list tr.vydej
{
  background: #FFBBBB;
}


table.list th
{
  background-color: #2f348e;
  font-weight: bold;
  color: #ffffff;
  padding: 2 3 2 3;
  text-align: left;
  border: 1px solid #cdcdcd;
  white-space: nowrap;
}

table.list th.sort
{
}

table.list th.sortmouseover
{
/*  background-color: #2f344e;*/
  background-color: #000000;
  cursor: hand;
}

table.list th.sorted
{
/*  background-color: #2f344e;*/
  background-color: #000000;
}

table.list th.sortedmouseover
{
/*  background-color: #2f344e;*/
  background-color: #000000;
  cursor: hand;
}

table.list th.small
{
  width: 1%;
}

table.list td
{
  border-spacing: 0px;
  border: 1px solid #CCD8DD;
  padding: 2 3 2 3;
  white-space: nowrap;
}

table.list td.right {
  text-align: right;
}

table.filtr {
  width: 1100px;
}

table.filtr th {
  width: 110px;
  font-weight: bold;
  text-align: left;
}


td.max
{
/*  width: 100%;*/
}


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

h1, h2, h3 {font-weight: bold; color: #2f348e; width: 100%; }
h1 {font-size: 120%; margin-bottom: 7px; margin-top: 10px; padding: 0px; margin-bottom:0px; border-bottom: 2px solid #2f348e; }
h2 {font-size: 110%; margin-bottom: 7px; margin-top: 0px; padding: 0px;}
h3 {font-size: 100%; margin-bottom: 5px; margin-top: 0px; padding: 0px;}


.login_popis {
  font-weight: bold;
  color: #dc2b19;
}

input, select, textarea {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  border-style: solid;
  border-color: #aaaaaa;
  border-right-color: #888888;
  border-bottom-color: #888888;
  border-width: 1px;
}

.submit, .back
{
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #dc2b19;
  background-color: #eeeeee;
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  margin-top: 5px;
  padding: 1px;
  cursor : pointer; 
}

.back {
  background-color: #2f348e;
  color: #ffffff;
}

.green {
  color: #4d94a8;
}

.orange {
  color: orange;
  color: red;
}

.red {
  color: #ff0000
}

hr
{
  background-color: #2f348e;
  color: #2f348e;
  height: 1px;
  border: 0px;
}

ul li
{
  list-style-type: square;
  margin: 5 0 5 0;
  padding-left: 0;
}

form
{
  margin: 2px;
}

p
{
  margin: 5px;
}



div.day, div.week
{
  position: relative;
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
}


table.calendar, table.calendarweek
{
  width: 640px;
  border-collapse: collapse;
}

table.week
{
  width: 1240px;
}

table.week tr.nadpis
{
  height: 20px;
}

table.week td.oneday
{
  width: 240px;
  border: 1px solid blue;
}


table.calendar td
{
  border: 1px solid gray;
  height: 25px;
}

table.calendar td.time
{
  width: 40px;
  font-weight: bold;
/*  border: 0px;*/
}

table.calendar td.half
{
  color: gray;
  font-weight: normal;
  border-bottom: 15px;
}


div.udalost
{
  border: 1px solid black;
  font-size: 9px;
  color: #ffffff;
  overflow: hidden;
}

.parta1
{
  background: #cc3333;
}

.parta2
{
  background: #993399;
}

.parta3
{
  background: #cc9900;
}

.parta4
{
  background: #ff6600;
}

.parta5
{
  background: #005500;
}

.technik1
{
  background: #3366cc;
}

.technik2
{
  background: #999966;
}

.technik3
{
  background: #660000;
}

.technik4
{
  background: #669999;
}

.technik5
{
  background: #ff69b4;
}

.technik6
{
  background: #40e0d0;
}

.technik7
{
  background: #ff0033;
}

.technik8
{
  background: #6677AA;
}

.technik9
{
  background: #2288ff;
}

div.dovolena
{
  background: #669900;
}

div.ruzne
{
  background: #444444;
}


.legenda
{
  padding: 5px;
  color: white;
  font-weight: bold;
}

p
{
  margin-top: 20px;
}