@media screen {

/* pro texy! */
pre code
{
  padding: 0;
}

/* ------------------------------------------------------------------------- */

a:link, a:visited
{
  color: #828282;
}

a[href]:hover
{
  color: #a6a6a6;
}

/* ------------------------------------------------------------------------- */

h1
{
  margin: 0 0 12px 0;
  font-size: 200%;
}

/* ------------------------------------------------------------------------- */

th,td
{
  border: 1px #cccccc solid;
}

th
{
  background: #eeeeee;
}

form.table th,
form.table td
{
  border: 1px #cccccc solid;
}

code
{
  background: #eeeeee;
}

pre
{
  border: 1px #ababab dashed;
  background: #eeeeee;
}

blockquote
{
  border-left: 3px #cccccc solid;
  background: #eeeeee;
}

.button
{
  padding: 0 0.5em;
}

/* ------------------------------------------------------------------------- */

#msg
{
  color: #00ffff;
}

/* ------------------------------------------------------------------------- */

#error h3
{
  padding-top: 22px ;
  background: url("error.png") repeat-x left top ;
}

#error ul
{
  padding-bottom: 22px ;
  background: url("error.png") repeat-x left bottom ;
}

/* ------------------------------------------------------------------------- */

hr
{
  clear: both;
  height: 1px;
  background: #dbdbdb;
}

/* ------------------------------------------------------------------------- */

body
{
  font: 11px Verdana, "Geneva CE", sans-serif;
  background: url("bg.png") repeat left 800px;
}

#body
{
  min-height: 752px;
  min-width: 868px; /* o 2px vice, protoze #cover ma 1px ramecek */
  padding: 24px;
  background: url("body.png") repeat-x left top;
}

#cover
{
  width: 866px;
  margin: 0 auto;
  border: 1px #dbdbdb solid;
  background: #ffffff url("roh.png") no-repeat right top;
}

#top
{
  height: 84px;
  margin: 15px 15px 8px 15px;
  font-size: 90%;
  border-bottom: 1px #d61008 solid;
  color: #a6a6a6;
  background: url("top.png") no-repeat center;
}

#top p
{
  margin: 0 177px 0 400px;
  padding: 10px 0 0 0;
  text-align: right;
}

#inner
{
  position: relative;
  width: 836px;
  margin: 1em auto;
  background: url("inner.png") repeat-y center;
}

#main
{
  min-height: 558px;
  width: 462px;
  margin: 0 0 0 167px;
  padding: 20px 20px 8px 20px;
 _overflow: hidden;
  border-top: 1px #dcdcdc solid;
  border-bottom: 1px #dcdcdc solid;
}

#titulka
{
  float: right;
  margin: 0 0 0.4em 1em;
}

#right
{
  z-index: 20;
  position: absolute;
  top: 0;
  right: 1px;
  height: 90px;
  width: 157px;
  border-top: 1px #a6a6a6 solid;
  background: url("right.png") no-repeat 10px 8px;
}

#border-left,
#border-right
{
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 159px;
 _overflow: hidden; /* jinak nechce byt 1px vysoky */
  background-color: #a6a6a6;
}

#border-right
{
  right: 0;
}

#footer
{
  margin: 8px 15px 15px 15px;
  padding: 4px 0 0 4px;

  border-top: 1px #cacaca solid;
}

/* ------------------------------------------------------------------------- */

#mdl_33_
{
  margin-top: 1em;
}

#mdl_33_ div
{
  float: left;
  width: 138px;
  margin-right: 16px;

  text-align: center;
}

#mdl_33_ h4
{
  height: 2.6em;
  margin: 12px 0;
}

/* ------------------------------------------------------------------------- */

#menu ul
{
  position: absolute;
  top: 0;
  width: 159px;
  margin: 0;
  padding: 0 0 9px 0;
  background: url("menu.dole.zcela.png") no-repeat bottom;
}

#menu ul ul
{
  position: static;
  padding: 0;
  background: transparent;
}

#menu li
{
 _display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: url("menu.hore.zcela.png") no-repeat top;
}

#menu li + li
{
  background: url("menu.hore.png") no-repeat top;
}

#menu li li
{
  background: url("menu.hore.png") no-repeat top;
}

#menu a
{
  display: block;
 _width: 155px;
  padding: 2px 2px 1px 2px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  background: url("menu.dole.png") no-repeat bottom;
}

#menu li li a
{
  text-transform: lowercase;
}

#menu span
{
  display: block;
  padding: 0 0 10px 5px;
}

#menu li li span
{
  padding: 0 0 6px 17px;
}

#menu a:hover span,
#menu a.active span
{
  background: url("menu-hover.png") repeat-y left;
}

/* ------------------------------------------------------------------------- */

#mdl_45_ .weak
{
  font-weight: normal;
  font-family: "Courier New", Courier, monospace;
}

/* ------------------------------------------------------------------------- */

#mdl_42_ .hidden
{
  display: none;
}

#mdl_42_ .li
{
  list-style-type: square;
}

/* ------------------------------------------------------------------------- */

textarea,
input.input
{
  border: 2px #dddddd solid;
  background: #eeeeee;
}

textarea:hover,
input.input:hover
{
  border: 2px #999999 solid;
}

textarea:focus,
input.input:focus
{
  border: 2px #79b5d6 solid;
}

/* ------------------------------------------------------------------------- */

#obsah a img
{
  margin: 1em;
}

/* ------------------------------------------------------------------------- */

.czh_red
{
  color: red !important;
}

.czh_red *
{
  color: red !important;
}

} /* ----------------------------------------------------------------------- */

@media print {

form,
#left,
#footer
{
  display: none;
}

}