/*
 *  CSS - často používané styly
 *  Copyrighted by Tomáš Halada, www.LTweb.info
 */


/* zarovnani ------------------------------------------------------------- */
.nic {display: none;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.bold {font-weight: bold;}
.f_left {float: left;}
.f_right {float: right;}
.top {
  vertical-align: top;
  padding-top: 5px;
}


/* hlasky ----------------------------------------------------------------- */
.hlaska-ok, .hlaska-ko {
  width: 450px;
  padding: 2px 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #808080;
  text-align: center;
}
.hlaska-ok strong, .hlaska-ko strong {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
}
.hlaska-ok {background-color: #d1e9d1;}
.hlaska-ko {background-color: #edc7c7;}


/* univerzalni tabulky ---------------------------------------------------- */

/* tabulka pro formuláře - dva sloupce, opakující se "hlavičky" */
.table-form {
  width: 500px;
  background-color: #f8f8f8;
  border: 1px solid #808080;
  border-collapse: collapse;
  text-align: left;
}
.table-form td {
  padding: 2px 5px;
}
.table-form .thead {
  /* .thead je už buňka tabulky, může se vícekrát opakovat */
  background: #5188a7 url(/img/thead-bg.png) repeat-x bottom center;
  font-weight: bold;
  color: #e8e8e8;
  padding-left: 5px;
  height: 20px;
}
.table-form .format {
  width: 200px;
}
.table-form .smaller {
  font-size: 9px;
}
.table-form .povinne {
  background-color: #ffffd0;
  border: 1px solid #000000;
}
.table-form .hv { /* hvezdicka za povinnym */
  color: #d00000;
  font-weight: bold;
  font-size: 1.1em;
  padding-right: 5px;
}
.table-form .disabled {
  color: #808080;
  background-color: #e0e0e0;
}
.table-form .upper {
  text-transform: uppercase;
}
.table-form .top {
  vertical-align: top;
  padding-top: 5px;
}

/* tabulka pro výpis dat - hlavička + více sloupců s daty */
.table-list {
  border: 1px solid #000000;
  background-color: #d0d0d0;
  color: #000000;  
}
.table-list thead td {
  background: #5188a7 url(/img/thead-bg.png) repeat-x bottom center;
  color: #ffffff;
  font-weight: bold;
}
.table-list tbody {
}
.table-list td {
  padding: 1px 5px;
  background-color: #f0f0f0;
}
.table-list a {
  margin: 0 1px;
}
.table-list form, .table-list input {
  /*font-size: 10px;*/
  /*height: 18px;*/
}
.table-list thead .smaller {
  display: block;
  font-size: 0.8em;
  font-weight: normal;
}

/* input KS přidat do košíku */
.ks-input, .table-list .ks-input {
  width: 22px;
  height: 16px;
  padding: 0 1px;
  text-align: right;
}

/* tabulka pro přehledy - dva sloupce, položka: hodnota */
.table-sum {
  border: 1px solid #808080;
  background-color: #f0f0f0;
  color: #000000;  
  border-collapse: collapse;
}
.table-sum td {
  padding: 2px 10px;
  border: 1px solid #ffffff;
}
.table-sum .polozka {
  text-align: left;
}
.table-sum .hodnota {
  text-align: right;
  font-weight: bold;
}

/* ruzne spolecne veci -------------------------------------------------- */
/* otaznikovy odkaz na blizsi vysvetleni */
.a-help, .a-help:link, .a-help:active, .a-help:visited, .a-help:hover {
  padding: 0 4px;
  background-color: #f0d0d0;
  color: #404040;
  font-weight: bold;
  text-decoration: none;
  margin-left: 5px;
}