/*
 *  CSS - často používané styly
 *  Copyrighted by Michal Madleňák <madlenak@ltweb.cz>, www.LTweb.cz
 */


/* 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;}
.block {display: block;}
.inline {display: inline;}
.vertical-top {vertical-align: top;}
.vertical-bottom {vertical-align: bottom;}
.italic {font-style: italic;}

/*formatovani textu ----------------------------------------------------------*/
.note {font-size: 0.85em;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.invisible {visibility: hidden; position: absolute; width: 10px;}
.highlight {background: #ffff00;}
.small {font-size: 0.85em;}
.cite {font-style: italic;}
.white {color: #ffffff;}

/*formularove prvky ----------------------------------------------------------*/
.hv {font-size: 1.2em; color: red;}
.povinne {background: url(../img/content/format-povinne.jpg) repeat-x top;}
.format {width: 250px;}

/* šedivé datumy apod. */
.gray {
  color: #808080;
}

/* hlasky ----------------------------------------------------------------- */
.hlaska-ok, .hlaska-ko, .hlaska-info {
  width: 95%;
  padding: 5px 0;
  margin: 10px auto;
  position: relative;
  text-align: center;
  font-size: 1em;
  color: #ffffff;
}
.hlaska-ok div, .hlaska-ko div, .hlaska-info div {
  padding: 12px 25px;
}
.hlaska-ok strong, .hlaska-ko strong, .hlaska-info strong {
  display: block;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 1em;
}

.hlaska-ok {
  background: #008b02 url("../img/hlasky/hlaska-ok.jpg") repeat-x left top;
  border: 1px solid #1e5a84;
}
.hlaska-ok div {background: url("../img/hlasky/hlaska-ok-icon.jpg") no-repeat left top; }
.hlaska-ok a {color: #ffffff;}
.hlaska-ok a:hover, .hlaska-ok a:active {color: #000000;}

.hlaska-ko {
  background: #d71e0c url("../img/hlasky/hlaska-ko.jpg") repeat-x left top;
  border: 1px solid #1e5a84;
}
.hlaska-ko div {background: url("../img/hlasky/hlaska-ko-icon.jpg") no-repeat left top; }
.hlaska-ko a {color: #ffffff;}
.hlaska-ko a:hover, .hlaska-ko a:active {color: #000000;}

.hlaska-info {
  background: #135eb3 url("../img/hlasky/hlaska-info.jpg") repeat-x left top;
  border: 1px solid #1e5a84;
}
.hlaska-info div {background: url("../img/hlasky/hlaska-info-icon.jpg") no-repeat left top; }
.hlaska-info a {color: #ffffff;}
.hlaska-info a:hover, .hlaska-info a:active {color: #000000;}


/*formjular ------------------------------------------------------------------*/
.table-form {
  width: 500px;
  font-size: 0.9em;
  border-collapse: collapse;
}
.table-form .format {
  width: 300px;
}
.table-form .format-zip {
  width: 50px;
}
.table-form .format-city {
  width: 241px;
}
.table-form .nazev {
  padding-top: 4px;
  width: 150px;
}
.table-form .top {
  vertical-align: top;
  padding-top: 3px;
}
.table-form .submit {
  font-weight: bold;
  text-align: right;
}