@media screen {
  body {
  margin:0; padding:0;
  font:0.85em, verdana, arial, helvetica, sans-serif;
  color:#333;
  background-color:white;
  }
  
  #osumset {
  min-width: 760px;
  width:expression(document.body.clientWidth < 800? "760px": "auto" );
  }
#Header {
	margin:20px 0px 10px 0px;
	padding:17px 0px 0px 20px;
	height:33px; /* 14px + 17px + 2px = 33px */
	border-style:solid;
	border-color:black;
	border-width:1px 0px; 
	line-height:11px;
	background-color:#eee;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:14px; /* the correct height */
	}
#Header a  {
  text-decoration:none;
  }

body>#Header {height:14px;}

  #divtop-in, #menu-v, #obsah-v {
  margin: 0;
  padding: 0.5em;
  border: 0;
  }
  #divtop {
  background-color: #0099FF;
  border-bottom: #99CCFF 3px solid;
  padding: 0;
  }
  #divtop-in {
  font-size: 130%;
  font-weight: bold;
  padding-left: 0.3em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  color: white;
  }
  
  #obsah {
  float: right;
  margin-left: -13.3em;
  width: 100%;
  background-color: white;
  padding: 0;
  border: 0;
  }
  #obsah-v {
  margin-left: 13.3em;
  background-color: white;
  padding-top: 1em;
  }
  
  
  #menu {
  float: left;
  width: 13em;
  padding: 0;
  }
  .boxik {
  border: #acc 2px solid;
  background-color: #E5EDFA;
  width: 100%;
  margin-top: 0.5em;
  }
    .boxik2 {
  border: #acc 2px solid;
  background-color: #E5EDFA;
  width: 100%;
  margin-top: 3em;
  }
  li {
  margin: 0.5em;
  font-size: 80%;
  }
  co{
  margin: 0.5em;
  font-size: 80%;
  }
  #boxik ul
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: #acc 2px solid;
  }
  #boxik li 
  { 
  margin: 0 0 .15em 0; 
  }
  #boxik a
  {
  display: block;
  color: #FFF;
  background-color: #9bb;
  width: 13em;
  padding: .2em .8em;
  text-decoration: none;
  }
  #boxik a:hover
  {
  background-color: #9b9;
  color: #000;
  }
  #active a
  {
  display: block;
  color: #FFF;
  background-color: #799;
  width: 13em;
  padding: .2em .8em;
  text-decoration: none;
  }
   .hacko {
  border: #fff 2px solid;
  background-color:#9bb;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
  padding: 0.1em;
  }
  a {
  color:#b32;
  font-weight : bold;
  }
  a:visited {color:#b42;}
  a:hover {
  color: #d71;
  text-decoration:none;
  background-color:#eee;
  }
  p {
  font:0.7em, verdana, arial, helvetica, sans-serif;
  margin:0px 0px 5px 5px;
  padding:0px;
  text-align: justify;
  }
    td {
  font:0.7em, verdana, arial, helvetica, sans-serif;
  margin:0px 0px 5px 5px;
  padding:0px;
  text-align: justify;
   }
  h1 {
  margin:0px 0px 15px 0px;
  padding:0px;
  font-size:28px;
  line-height:28px;
  color:#805959;
  }
  h2, h3 {
  font-size: 120%;
  }
  .li-mezera {
  padding-bottom: 0.5em;
  }
  .p-mezera {
  padding-top: 9em;
  }
  #centr {
  text-align: center;
 0.7em
  }
  .emc {
  font-style: italic;
  }
  ul {
  list-style-type: disc;
  }
  abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #000;
  }
  img {
  padding: 2px;
  border: 1px dashed #777;
  background: #eee;
  }
  .bez {
 border: 0px;
  }
  strong {
  font-weight: bold;
  font-style: normal;
  }
  em {
  font-weight: normal;
  font-style: italic;
  }
}



@media print {
  body {
  background-color: white;
  font: 12pt serif;
  }
  #divtop {
  background-color: transparent;
  border-bottom: black 1pt solid;
  }
  #divmain {
  margin-top: 0.5em;
  }
  #obsah {
  float: left;
  width: 100%;
  }
  #menu {
  display: none;
  }
  .boxik a {
  color: blue;
  }
  a {
  text-decoration: underline;
  }
  a:after {
  content : " [" attr(href) "] ";
  }
  abbr:after, acronym:after {
  content : " [" attr(title) "] ";
  }
  abbr, acronym, span.abbr {
  border-bottom: 0.5pt dashed;
  padding: 0;
  }
  p {
  text-align: justify;
  }
  h1 {
  font-size: 140%;
  }
  h2, h3 {
  font-size: 120%;
  }
  .li-mezera {
  padding-bottom: 0.5em;
  }
}