/** {
  -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;
}

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

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: 156px;
  height: 119px;
  background: #cdcdcd;
/*  background-image: url("./img/bannerleft.jpg");*/
  background-image: url("/img/bannerright.jpg");
}

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

#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: 250px;
  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.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.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, table.list tr.soucty
{
  background-color: #dc2b19;
  font-weight: bold;
  color: #FFFFFF;
  padding: 4px;
  text-align: left;
}

table.poptavka caption
{
  background-color: #336633;
}

table.aktivni caption
{
  background-color: #000099;
}

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, caption tr.prijem
{
  background: #BBFFBB;
}

table.list tr.prijem_kontrola_vypisu
{
  background: #008800;
  color: #ffffff;
}


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.listform th {
  font-weight: bold;
  white-space: nowrap;
  border: 0px;
  text-align: left;
  background: none;
  color: black;
  border: 1px solid #CCD8DD;
}

table.listform, table.listform td, table.listform th {
  background-color: #D0D0FF;
}


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.filtr {
  width: 1100px;
}

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

div.filtr {
  position: relative;
  float: left;
  width: 400px; /* jen orientacni, nepouziva se */
  color: black;
  padding: 2px;
}

div.filtrth {
  position: relative;
  float: left;
  width: 110px;
  font-weight: bold;
  text-align: left;
}

div.filtrtd {
  position: relative;
  float: right;
  width: 290px;
  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;*/
  margin: 0px;
}

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


td.red       { color: #ff2222;  }
td.darkblue  { color: navy; }
td.lightblue, tr.lightblue { color: navy; background: #ddddff; }

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

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


textarea.detailzakazky {
  width:  400px;
  height: 150px;
}

textarea.poznamkazakaznik {
  width:  600px;
  height: 400px;
}

textarea.poznamkaaktivni {
  width:  550px;
  height: 150px;
}

textarea.poznamkaaktivnismall {
  width:  550px;
  height: 70px;
}

textarea.poznamkaaktivnismallest {
  width:  400px;
  height: 40px;
}



tr.yellow, th.yellow, td.yellow, caption.yellow {
  background-color: #ffff88 !important;
}

tr.darkyellow, th.darkyellow, td.darkyellow, caption.darkyellow {
  background-color: #ffff00 !important;
}


th.verylightgreen, td.verylightgreen {
  background-color: #c0ffc0 !important;
}

th.lightgreen, td.lightgreen, th.provize, td.provize {
  background-color: #90ee90 !important;
}

th.midgreen, td.midgreen {
  background-color: #20cc20 !important;
}

th.darkgreen, td.darkgreen {
  background-color: #00bb00 !important;
  /*color: white !important;*/
}


th.blue, td.blue {
  color: white;
  background: #00aaaa !important;
}

th.provize, td.provize {
  background: rgb(160,160,255) !important;
}

th.ziskred, td.ziskred {
  background: #dc2b19 !important;
  color: white !important;
}

th.ziskpink, td.ziskpink {
  background: #E75480 !important;
  color: white !important;
}


th.provize_tmavsi, td.provize_tmavsi {
  background: rgb(0,0,255) !important;
  color: white !important;
}


th.bordertop,    td.bordertop    { border-top: 2px solid black !important;    }
th.borderbottom, td.borderbottom { border-bottom: 2px solid black !important; }
th.borderleft,   td.borderleft   { border-left: 2px solid black !important;   }
th.borderright,  td.borderright  { border-right: 2px solid black !important;  }












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

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;
}

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.week th.oneday
{
  color: white;
  background: navy;
}

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;
}


table.month td
{
  width: 220px;
  height: 160px;
  vertical-align: top;
  border: 1px solid blue;
}



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

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

div.udalost-month
{
  width: 220px;
  font-size: 10px;
  color: #000000;
  overflow: hidden;
  height: 27px;
  border: 1px solid black;
}

div.udalost-month-date, div.udalost-month-date-active, div.udalost-month-date-mimo
{
  width: 220px;
  font-size: 12px;
  color: white;
  background: navy;
  overflow: hidden;
  height: 18px;
  text-align: center;
  font-weight: bold;
  border: 1px solid black;
}

div.udalost-month-date-active, th.onedayactive {
  color: white;
  background: #cc0000;
}

div.udalost-month-date-mimo {
  color: white;
  background: #bbbbff;
}

a.cal_dovolena:link, a.cal_dovolena:active, a.cal_dovolena:visited, .cal_dovolena
{
  background: #33CC00;
  color: #000000;
}
a.cal_volno:link, a.cal_volno:active, a.cal_volno:visited, .cal_volno
{
  background: #AAFFAA;
  color: black;
}
a.cal_praha:link, a.cal_praha:active, a.cal_praha:visited, .cal_praha
{
  background: #FFFF00;
  color: #000000;
}
a.cal_vary:link, a.cal_vary:active, a.cal_vary:visited, .cal_vary
{
  background: #FFFF44;
  color: #000000 !important;
}
a.cal_montaz_oken:link, a.cal_montaz_oken:active, a.cal_montaz_oken:visited, .cal_montaz_oken
{
  background: #FF4444;
  color: #000000;
}
a.cal_montaz_dveri:link, a.cal_montaz_dveri:active, a.cal_montaz_dveri:visited, .cal_montaz_dveri
{
  background: #00FFFF;
  color: #000000;
}
a.cal_montaz_nabytku:link, a.cal_montaz_nabytku:active, a.cal_montaz_nabytku:visited, .cal_montaz_nabytku
{
  background: #3366FF;
  color: #000000;
}
a.cal_svatek:link, a.cal_svatek:active, a.cal_svatek:visited, .cal_svatek
{
  background: #339900;
  color: #000000;
}
a.cal_ostatni:link, a.cal_ostatni:active, a.cal_ostatni:visited, .cal_ostatni
{
  background: #FFCCFF;
  color: #000000;
}

a.cal_auto:link, a.cal_auto:active, a.cal_auto:visited, .cal_auto
{
  background: #9B30FF;
  color: #ffffff !important;
}

a.cal_nemoc:link, a.cal_nemoc:active, a.cal_nemoc:visited, .cal_nemoc
{
  background: #777777;
  color: #FFFFFF !important;
}
a.cal_lekar:link, a.cal_lekar:active, a.cal_lekar:visited, .cal_lekar
{
  background: #555555;
  color: #FFFFFF !important;
}
a.cal_skoleni:link, a.cal_skoleni:active, a.cal_skoleni:visited, .cal_skoleni
{
  background: #996633;
  color: #FFFFFF !important;
}
a.cal_schuzkain:link, a.cal_schuzkain:active, a.cal_schuzkain:visited, .cal_schuzkain
{
  background: #FFA500;
  color: #000000 !important;
}
a.cal_home:link, a.cal_home:active, a.cal_home:visited, .cal_home
{
  background: #FFFFCC; 
  color: #000000;
}
a.cal_doprava:link, a.cal_doprava:active, a.cal_doprava:visited, .cal_doprava
{
  background: #BB0088;
  color: #ffffff !important;
}

.cal_montaz_oken_nepotvrzeno
{
  background: #FF8888;
  color: #000000;
}
.cal_montaz_dveri_nepotvrzeno
{
  background: #BBFFFF;
  color: #000000;
}
.cal_montaz_nabytku_nepotvrzeno
{
  background: #33CCFF;
  color: #000000;
}

.srafovani 
{
  background-image: url("./img/srafovani1.png");
  background-repeat: repeat;
}

span.heslo_alert {
  font-weight: bold;
  color: red;
}

tr.zvyraznit {
  border: 2px solid #bbbbbb;
}