/*********************************************************************************
 * Zakladni layout
 ********************************************************************************/
@font-face {
  font-family: 'titillium';
  src: url('https://produkce.computermedia.cz/obrazky/fonty/TitilliumWeb-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium';
  src: url('https://produkce.computermedia.cz/obrazky/fonty/TitilliumWeb-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

html {
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
  color: #333333;
  font-family: 'titillium', Tahoma, sans-serif;
  background: #ffffff;
}

main {
  position: relative;
  overflow-x: hidden;
}

#stranka {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 320px;
}

#obsah {
  position: relative;
  max-width: 2600px;
  margin: 0;
  padding: 0px 0px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  #obsah {
    flex-direction: column;
    -ms-flex-direction: column;
  }

  #obsah.je_obsah_vlevo {
    margin-top: 45px;
  }
}

#obsah_vlevo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0px;
  flex: 0 0 0;
  -ms-flex-preferred-size: 264px;
  flex-basis: 264px;
  margin-right: 24px;
  background: #373c3e;
  box-shadow: 7px 5px 8px 2px rgba(0,0,0,0.08);
}

@media (max-width: 1023px) {
  #obsah_vlevo {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 0px;
    position: absolute;
    top: 5px;
    left: 0px;
    width: 100%;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.08);
    z-index: 1;
  }

  .je_obsah_vlevo #obsah_vlevo {
    top: -40px;
  }
}

@media (max-width: 1023px) {
  #obsah_vlevo {
    display: block !important;
  }
}

@media (min-width: 1024px) {
  #obsah_vlevo {
    display: block !important;
  }
}

@media print {
 #obsah_vlevo {
   display: none;
 }
}

#obsah_vpravo {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  overflow: hidden;
}

#komponenta {
  border: 0;
  margin: 0;
  padding: 24px 0px 24px 0px;
  min-height: 50px;
}

#zahlavi {
  border: 0;
  background: #000000;
  height: 40px;
  box-sizing: border-box;
  box-shadow: 7px 5px 8px 2px rgba(0,0,0,0.08);
}

@media print {
 #zahlavi {
   display: none;
 }
}

#zahlavi-obsah {
  position: relative;
  max-width: 1520px;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
  box-sizing: border-box;
  height: 122px;
  line-height: 40px;
}

#zahlavi-vpravo {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
}

/*********************************************************************************
 * Zakladni styly
 ********************************************************************************/

a {
  color: #4c83b9;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.nadpis,
.podnadpis,
.podpodnadpis {
  font-family: 'titillium', Tahoma, Arial, sans-serif;
  font-weight: bold;
  color: #4c83b9;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nadpis {
  font-size: 2rem;
  margin: 0 0 1rem 0;
  position: relative;
}

.nadpis_form .nadpis {
  float: left;
  width: calc(100% - 200px);
}

.nadpis_form .hledej {
  float: left;
  width: 200px;
  text-align: right;
  position: relative;
}

.nadpis_form:after {
  clear: both;
  content: "";
  display: table;
}

.nadpis-kategorie-obrazek {
  margin: 0 0 15px 0;
}

.nadpis-kategorie-obrazek img {
  max-width: 100%;
}

@media (max-width: 800px) {
  .nadpis-kategorie-obrazek img {
  }
}

.nadpis-kategorie-popis {
  margin: 0 0 10px 0;
}

.podnadpis {
  font-size: 1.5rem;
  margin: 0 0 0.6em 0;
}

.podnadpis a {
  text-decoration: none;
}

.podpodnadpis {
  font-size: 1.25rem;
  margin: 0 0 0.4em 0;
}

.dialog .nadpis:first-child {
  display: none;
}

.dialog .nadpis {
  line-height: 42px;
  text-align: left;
  font-family: 'titillium', Tahoma, Arial, sans-serif;
  font-size: 19px;
  font-weight: bold;
  color: #000000;
}

.dialog .podnadpis {
  font-family: 'titillium', Tahoma, Arial, sans-serif;
  font-size: 15px;
  color: #000000;
}

fieldset .podnadpis {
  font-family: 'titillium', Tahoma, Arial, sans-serif;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  font-size: 16px;
  font-weight: bold;
}

.sloupec {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 0px;
}

.sloupec .napul > span,
.sloupec .napulOdsazeno > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
}

.sloupec .napul > span.none,
.sloupec .napulOdsazeno > span.none {
  display: none;
}

.sloupec .napul > span:first-child {
  text-align: right;
  line-height: 26px;
}

.sloupec .napul select,
.sloupec .napulOdsazeno select {
  width: 99%;
}

.sloupec .napulOdsazeno > span {
  width: 47%;
  line-height: 26px;
  padding: 2px;
}

.sloupec .napulOdsazeno > span:first-child {
  text-align: right;
  width: 51%;
}

.zalozky {
  width: 100%;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

.zalozky a {
  display: block;
  border-right: 1px solid #a9a9a9;
  float: left;
  font-family: 'titillium', Tahoma, Arial, sans-serif;
  font-size: 0.8rem;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

.zalozky a.posledni {
  border-right: none;
}

.zalozky a.aktivni {
  font-weight: bold;
  color: #356d9e;
}

.cara {
  height: 4px;
  background: #f3f7fa;
  border-top: 1px solid #f9fafc;
  border-bottom: 1px solid #f9fafc;
  margin: 10px 0px;
  clear: both;
}

.dialog {
  display: none;
  font-family: 'titillium', Arial, sans-serif;
  font-size: 14px;
  text-align: left;
}

.souborNacitany .souborObrazek {
  width: 50px;
  height: 50px;
  background: url('https://produkce.computermedia.cz/obrazky/nacitani_postup.png') no-repeat center center;
  background-position: 0px 0px;
  position: relative;
  float: left;
  margin: 5px;
}

.souborNacitany.neAjax .souborObrazek {
  width: 100px;
  background: url('https://produkce.computermedia.cz/obrazky/nacitani2.gif') no-repeat center left;
}

.souborNacitany .souborInformace,
.souborNahledy.nahledySloupec .souborNahled {
  float: left;
}

.souborNacitany .souborInformace,
.souborNahledy.nahledySloupec .souborNahled .souborInformace {
  width: 140px;
  height: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 5px;
}

.souborNahledy.nahledySloupec .souborNahled .souborObrazek {
  height: 85px;
}

.souborNahledy.nahledyRadek .souborNahled {
  display: inline-block;
  padding: 10px 10px 10px 10px;
}

.souborNacitany .souborInformace span,
.souborNacitany .souborInformace a,
.souborNahled .souborInformace span,
.souborNahled .souborInformace a {
  display: block;
  font-size: 13px;
}

.souborNacitany .souborProcenta {
  position: absolute;
  font-size: 11px;
  top: 17px;
  left: 10px;
}

.souborNacitany.neAjax .souborProcenta {
  position: static;
  padding-left: 20px;
}

.souborUpload .souborNacitane,
.souborUpload .souborNahledy,
.souborUpload .souborDiv {
  clear: both;
}

.souborUpload label.tlacitkoSvetle {
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin: 0px 5px 5px 10px;
}

.souborUpload .souborObrazek img {
  max-width: 280px;
  max-height: 200px;
}

.dialog .souborUpload .souborObrazek img {
  max-width: 100%;
}

/*********************************************************************************
 * Formulare
 ********************************************************************************/

form {
  margin: 0px;
}

form label.povinne,
form .vypis tr th.povinne {
  color: #356895;
}

form.zavislosti {
  padding-top: 5px;
}

.dialog form.zavislosti {
  padding-top: 0px;
}

form.zavislosti .zavislosti_nadpis,
form.zavislosti .zavislosti_nazev,
form.zavislosti .zavislosti_text {
  margin: 5px 10px;
}

.dialog form.zavislosti .zavislosti_nadpis,
.dialog form.zavislosti .zavislosti_nazev,
.dialog form.zavislosti .zavislosti_text {
  margin: 5px 0px;
}

form.zavislosti .zavislosti_nadpis,
form.zavislosti .zavislosti_nazev {
  font-weight: bold;
}

form.zavislosti .zavislosti_nadpis,
.dialog form.zavislosti .zavislosti_nadpis {
  margin-top: 10px;
}

.cbox, .rbox {
  margin: 7px 7px 0px 0px;
}

.select {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  font-family: inherit;
  font-size: inherit;
  color: #34373e;
  height: 26px;
  border: 2px solid #bcc3c9;
  margin: 0px 4px 0px 0px;
  padding: 3px 0px;
}

.select.velkyselect,
.select.vyberakce {
  font-weight: bold;
  height: 30px;
}

.tbox, .tarea {
  font-family: inherit;
  font-size: inherit;
  color: #34373e;
  background: white;
  border: 2px solid #4c83b9;
  padding: 3px 5px;
  margin: 0px 4px 0px 0px;
  height: 20px;
}

.tbox-multi, .tarea-multi {
  display: none;
}

.span-multi {
  position: relative;
}

.select-multi {
  position: absolute;
  max-width: 80px;
  height: 26px;
  top: 0px;
  right: 0px;
}

.tarea {
  height: auto;
}

.tbox:focus, .tarea:focus {
  outline: none;
  background: #fff;
  border-color: #c8c8c8;
}

.tbox[disabled], .tarea[disabled], .tbox[disabled='disabled'], .tarea[disabled='disabled'] {
  background-color: #ddd;
}

.tbox.combobox, .tarea.combobox {
  margin-right: 0px;
}

input.cena,
input.cislo,
input.datum,
form.uprostred input.cena,
form.uprostred input.cislo,
form.uprostred input.datum {
  width: 100px;
}

input.telefon,
form.uprostred input.telefon {
  width: 189px;
}

input.kratky,
form.uprostred input.kratky {
  width: 70px;
}

div .label {
  float: left;
  text-align: left;
  width: 38%;
  padding: 3px 1%;
  height: 22px;
  line-height: 22px;
}

.tboxLabel, .tareaLabel, .selectLabel, .cboxLabel, .rboxLabel {
  padding-right: 5px;
  text-align: left;
}

.tareaLabel {
  vertical-align: top;
}

.cboxLabel, .rboxLabel {
  vertical-align: 0px;
}

fieldset {
  border: solid 1px #ddd;
  padding: 12px 12px 12px 12px;
  margin: 5px 0px 5px 0px;
}

fieldset legend {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

form.uprostred > div .label,
form.uprostred fieldset > div .label {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 5px;
}

form.uprostred > div .left,
form.uprostred fieldset > div .left {
  width: 60%;
  margin-top: 5px;
  margin-bottom: 5px;
}

form.uprostred .tbox,
form.uprostred .tarea {
  width: 75%;
}

form.uprostred .mce-tinymce:not(.mce-fullscreen) {
  width: 75%;
  max-width: 75%;
}

form.uprostred > div .left.spanTextu,
form.uprostred fieldset > div .left.spanTextu {
  line-height: 22px;
  padding: 3px 0px;
}

.form-element {
  margin: 5px 0px 5px 20%;
}

.submit,
.tlacitko,
.tlacitkoSvetle,
.tlacitkoCervene,
.tlacitkoObjednat {
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  display: inline-block;
  border: 2px solid #4c83b9;
  height: 26px;
  line-height: 26px;
  margin: 0px 5px;
  padding: 0px 20px;
  cursor: pointer;
  text-decoration: none;
}

.submit,
.tlacitko,
a.tlacitko {
  background: #4c83b9;
  color: white;
}

.submit:hover,
.tlacitko:hover,
a.tlacitko:hover {
  background: white;
  color: #4c83b9;
}

.submit[disabled],
.submit[disabled='disabled'],
.submit[disabled]:hover,
.submit[disabled='disabled']:hover {
  color: #b0b0b0;
  background-color: #e0e0e0;
  border-color: #b0b0b0;
  cursor: default;
}

.elementSubmit {
  text-align: right;
  padding: 10px;
}

.dialog .elementSubmit {
  display: none;
}

.tlacitkoSvetle,
a.tlacitkoSvetle {
  background: white;
  color: #4c83b9;
}

.tlacitkoSvetle:hover,
a.tlacitkoSvetle:hover {
  border-color: #aaa;
}

.tlacitkoCervene,
a.tlacitkoCervene,
.tlacitkoObjednat,
a.tlacitkoObjednat {
  background: #ec0678;
  color: white;
  border: 2px solid #ec0678;
}

.tlacitkoCervene:hover,
a.tlacitkoCervene:hover,
.tlacitkoObjednat:hover,
a.tlacitkoObjednat:hover {
  border-color: #181717;
}

.listaTlacitek {
  position: absolute;
  right: 20px;
  top: 0px;
}

.chyba {
  color:red;
}

.chybaZprava {
  font-size: 12px;
  display: block;
  background: #fdd;
  position: absolute;
  color: red;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 99;
  border: 1px solid #D7D7D7;
  padding: 5px;
  text-align: left;
}

.chybaDialog.chybaZprava {
  z-index: 999;
}

.chybaZprava.chybaAbox {
  padding: 0px;
}

.chybaZprava.clicked {
  white-space: normal;
  max-width: 200px;
  overflow: visible;
}

.chybaZprava.chybaAbox.clicked {
  padding: 5px;
}

.chybaZprava.clicked:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: -6px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #ff0000 transparent transparent;
}

.adresar-filtr-hledej {
  width: 99%;
  padding: 0.5%;
}

.adresar-filtr-hledej .hledej {
  float: right;
  position: relative;
}

.adresar-filtr-hledej .filtr-zobrazeni {
  float: left;
}

.adresar-filtr-hledej:after {
  clear: both;
  content: "";
  display: table;
}

.hledej .tbox {
  background: #fff;
  height: 25px;
  margin: 0px;
  padding: 0px;
  outline: 0px;
}

.hledej .submit {
  background: #fff url('https://produkce.computermedia.cz/obrazky/hledej.png') no-repeat center center;
  bottom: 0px;
  height: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 25px;
  padding: 0px;
  display: block;
  margin: 0px;
}

.adresaPristupna {
  font-size: 12px;
  color: #d6d6d6;
}

.adresaPristupna .adresaZadana {
  font-weight: bold;
}

div.editor img {
  max-width: 100%;
}

div.editor img.logo {
  max-width: 350px;
  max-height: 65px;
}

.vyberBarvy,
form.uprostred input.vyberBarvy,
form.sloupce input.vyberBarvy {
  background: #ffffff;
  border: 1px solid #d7d7d7;
  padding: 5px 10px;
  display: block;
  color: #000;
  text-decoration: none;
  width: 100px;
}

#idKontaktAutorOriginal {
  display: none;
}

#titul-autori-original-pridat {
  padding: 5px 10px 5px 0px;
}

.kontakt-novy-nazev a {
  color: #333333;
}

.kontakt-novy-odstran {
  display: inline-block;
  padding: 0px 0px 0px 15px;
}

.notifikace-zluta,
.notifikace-cervena,
.notifikace-modra {
  border-radius: 5px;
  display: inline-block;
  padding: 5px;
  margin: 3px;
}

.notifikace-zluta {
  background: yellow;
}

.notifikace-modra {
  background: blue;
  color: white;
}

.notifikace-cervena {
  background: red;
}

.vykaz-skrtnuty {
  color: grey;
  text-decoration: line-through;
}

/*********************************************************************************
 * Vypisy
 ********************************************************************************/

.divVypis {
  position: relative;
}

.divVypis .vypisObal {
  width: 99%;
  padding: 0px 0.5%;
}

.nastaveniSloupcu {
  background: #e2e3e3;
  display: none;
}

.nastaveniSloupcu .cbox {
  margin: 0px 0px 0px 5px;
}

.nastaveniSloupcu .cboxLabel {
  margin: 0px 10px 0px 0px;
}

.nastaveniSloupcu .sloupec_cbox_span {
  white-space: nowrap;
}

.vypis, .vypis_bez, .tabulka {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
  text-align: left;
}

.vypis tr.zadnyRadek:hover {
  background: white;
}

.vypis tr:hover {
  background: #ecf0f1;
}

.vypis tr th {
  background-color: #d8d8d8;
  text-align: left;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  color: #626262;
  font-weight: normal;
  padding: 0px;
}

.vypis tr th:first-child {
  border-left: 1px solid #999999;
}

.vypis tr th:last-child {
  border-right: 1px solid #999999;
}

.vypis tr td,
.vypis_bez tr td {
  padding: 0px;
  vertical-align: middle;
  border: 1px solid #d7d7d7;
}

.vypis_bez tr td {
  border: 0px;
  padding: 5px 0px;
}

.vypis tr .tdDiv,
.vypis_bez tr .tdDiv {
  display: block;
  position: relative;
  padding: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vypis .sudyRadek {
  background-color: #f9f9f9;
}

.vypis .lichyRadek {
  background-color: #ffffff;
}

.zapati .stranky {
  text-align: center;
  padding: 10px 0px;
}

.zapati .nastranku {
  right: 0px;
  position: absolute;
  padding-top: 4px;
}

.zapati .nastranku a {
  display: none;
}

.zapati a {
  color: #626262;
}

.akce {
  padding: 0px;
  margin: 10px 0px;
}

.akce .right {
  text-align: right;
}

.razeni a {
  color: #626262;
  display: block;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
}

.razeni.razeni_hover {
  background-color: #e9e9e9;
  text-decoration: underline;
}

.razeni0 a {
  background: url('https://produkce.computermedia.cz/obrazky/smer0.gif') no-repeat left;
  padding-left: 15px;
}

.razeni1 a {
  background: url('https://produkce.computermedia.cz/obrazky/smer1.gif') no-repeat left;
  padding-left: 15px;
}

th .zobrazFiltr {
  display: none;
}

th.razeni_hover .zobrazFiltr {
  display: block;
}

.vypis .cbox {
  margin: 3px 4px 0px 0px;
}

.trFiltry {
  background: #ecf0f1;
  display: none;
}

.vypis tr.trFiltry td {
  border: 0px;
}

.trFiltry .tdDiv {
  line-height: 18px;
  font-size: 13px
}

.trFiltry input.tbox {
  width: 234px;
  margin: 0px 5px;
  padding: 2px 4px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}

.trFiltry input.cbox {
  margin-left: 5px;
}

.trFiltry input.rozsah {
  text-align: right;
  width: 100px;
}

.trFiltry input.datum {
  width: 100px;
}

.trFiltry .filtrLabel {
  width: 150px;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trFiltry .filtrLabel.tboxLabel {
  padding: 4px 0px;
}

.vypis thead img,
.trFiltry img {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
}

.seznam-polozek-odkaz {
  padding-left: 10px;
}

.vypis-zapati-celkem {
  text-align: right;
  padding: 5px 0.5%;
}

/*********************************************************************************
 * Adresar
 ********************************************************************************/

a.adresarSlozka,
a.adresarSoubor {
  text-decoration: none;
  color: black;
}

.adresarPriponaSlozka {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_slozka.gif') no-repeat left;
}

.adresarPriponaAudio {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_audio.gif') no-repeat left;
}

.adresarPriponaVideo {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_video.gif') no-repeat left;
}

.adresarPriponaObrazek {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_obrazek.gif') no-repeat left;
}

.adresarPriponaSoubor {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_soubor.gif') no-repeat left;
}

.adresarPriponaPdf {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_pdf.gif') no-repeat left;
}

.adresarPriponaDoc {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_doc.gif') no-repeat left;
}

.adresarPriponaDocx {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_docx.gif') no-repeat left;
}

.adresarPriponaXls {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_xls.gif') no-repeat left;
}

.adresarPriponaXlsx {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_xlsx.gif') no-repeat left;
}

.adresarPriponaPpt {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_ppt.gif') no-repeat left;
}

.adresarPriponaPptx {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_pptx.gif') no-repeat left;
}

.adresarPriponaOdt {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_odt.gif') no-repeat left;
}

.adresarPriponaEpub {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_epub.gif') no-repeat left;
}

.adresarPriponaPrc {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_prc.gif') no-repeat left;
}

.adresarPriponaMobi {
  padding-left: 19px;
  background: url('https://produkce.computermedia.cz/obrazky/pripona_mobi.gif') no-repeat left;
}

.adresarNahled {
  border: 1px solid #ecf0f1;
  margin: 5px;
  padding: 5px;
  width: 110px;
  float: left;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  position: relative;
}

.adresarNahled:hover {
  background: #ecf0f1;
}

.adresarNastroje {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 17px;
  overflow: hidden;
}

.adresarNastroje span,
.adresarNastroje a {
  display: block;
  padding-top: 2px;
}

.adresarNastroje span {
  padding-left: 2px;
}

.adresarObalka {
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
}

.adresarObalka img {
  vertical-align: middle;
}

.adresarNazev {
  padding-top: 5px;
  display: block;
}

/*********************************************************************************
 * Ostatni
 ********************************************************************************/

.prihlaseni0, .zverejni0 {
  padding-left: 20px;
  background: url('https://produkce.computermedia.cz/obrazky/zverejni1.png') no-repeat right;
  text-decoration: none;
}

.prihlaseni1, .zverejni1 {
  padding-left: 20px;
  background: url('https://produkce.computermedia.cz/obrazky/zverejni0.png') no-repeat right;
  text-decoration: none;
}

/*********************************************************************************
 * Kalendar
 ********************************************************************************/

.kalendarDiv {
  text-align: center;
  margin: 10px 0px 10px 0px;
}

.kalendarAktualni,
.kalendarPredchozi,
.kalendarNasledujici {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  padding: 0px 15px;
  background: #f8f8f8;
  border: 1px solid #d7d7d7;
  text-decoration: none;
  color: #222;
  font-weight: bold;
}

.kalendarPredchozi:hover,
.kalendarNasledujici:hover {
  background-color: #fff;
}

.kalendarPredchozi,
.kalendarNasledujici {
  background: #f8f8f8 url('https://produkce.computermedia.cz/obrazky/vzad.png') no-repeat center center;
  width: 33px;
  padding: 0px;
}

.kalendarNasledujici {
  background: #f8f8f8 url('https://produkce.computermedia.cz/obrazky/vpred.png') no-repeat center center;
}

.kalendarMesic {
  float: left;
  width: 30%;
  padding: 0% 0% 20px 3%;
}

.kalendarMesic .kalendarMesicNazev {
  font-weight: bold;
}

/*********************************************************************************
 * Pomocne
 ********************************************************************************/

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.skryte, .none { display: none; }
.block { display: block; }
.b { font-weight: bold; }
.i { font-style: italic; }
.paddT { padding-top: 10px; }
.paddB { padding-bottom: 10px; }
.margT { margin-top: 10px; }
.margB { margin-bottom: 10px; }
.margR { margin-right: 10px; }
.margL { margin-left: 10px; }
.tCenter { text-align: center; }
.tLeft { text-align: left; }
.tRight { text-align: right; }
.ui-datepicker { z-index: 9999 !important; }
.ui-dialog-titlebar > .ui-button { outline-width: 0px !important; }