@media screen
{

body
 {
  margin: 0;
  padding: 0;
  background-color: #eee;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 }

#obsah
 {
  width: 95%;
  margin: 10px auto;
  padding: 0;
  border: 1px solid #00c;
  text-align: left;
  min-width: 700px;
  max-width: 1200px;
  background-color: #fff;
 }

#hlavicka
 {
  margin: 0;
  padding: 5px;
  border-bottom: 1px solid #00c;
  background-color: #ccf;
  color: #006;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
 }

#hlavicka a
 {
  text-decoration: none!important;
  color: #006!important;
 }

#levy
 {
  font-size: 80%;
  float: left;
  width: 200px;
  margin: 0;
  padding: 0;
 }

#pravy
 {
  font-size: 80%;
  float: right;
  width: 200px;
  margin: 0;
  padding: 0;
 }

#hlavni1
 {
  margin: 0 200px 0 200px;
  padding: 0;
 }

#hlavni2
 {
  margin: 0px;
  padding: 0px;
  font-size: 90%;
 }

#paticka
 {
  padding: 0 0 0 170px;
  margin: 0;
  background-color: #ddf;
  background-image: url("./img/paticka.jpg");
  background-position: 5px center;
  background-repeat: no-repeat;
  border-top: 1px solid #00c;
  font-size: 80%;
  clear: both;
 }

#skryte
 {
  display: none;
 }

.polozka
 {
  border: 1px solid #999;
  margin: 5px;
  padding: 0;
  background-color: #ddf;
 }

.polozka a, #paticka a
 {
  text-decoration: none!important;
 }

.polozka ul
 {
  margin: 0;
  padding: 0;
 }

.polozka li
 {
  margin: 0;
  padding: 0 2px;
  list-style-type: none;
 }

.polozka li:hover
 {
  background-color: #ffc;
 }

.varovani
 {
  font-size: 100%;
  font-weight: bold;
  border: 2px solid #f00;
  padding: 5px;
  text-align: center;
  background-color: #ffc;
 }

.skok
 {
  display: none;
 }

a img
 {
  border: none;
 }

h1
 {
  margin: 0;
  padding: 5px;
  font-size: 160%;
  font-weight: bold;
  text-align: center;
 }

h2
 {
  margin: 0;
  padding: 5px;
  font-size: 140%;
  font-weight: bold;
 }

h3
 {
  margin: 0;
  padding: 5px;
  font-size: 120%;
  font-weight: bold;
 }

p
 {
  margin: 0;
  padding: 5px;
  text-align: justify;
 }

pre
 {
  margin: 0;
  padding: 5px;
 }

.center
 {
  text-align: center!important;
 }

.left
 {
  text-align: left!important;
 }

.right
 {
  text-align: right!important;
 }

.chyba
 {
  color: #f00;
  font-weight: bold;
 }

.gray
 {
  color: #666;
 }

.tabulka
 {
  padding: 5px;
 }

.tabulka table
 {
  text-align: left;
  border: 1px solid #000;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
 }

.tabulka td, th
 {
  border: 1px solid #000;
  padding: 3px;
  text-align: left;
 }

.tabulka th
 {
  background-color: #ccc;
 }

.tabulka tr:hover
 {
  background-color: #ffc;
 }

a.eo
 {
  background: url("./img/odkaz.png") center right no-repeat;
  padding-right: 12px;
 }

p.datum
 {
  color: #999;
  font-size: 80%;
  text-align: right;
 }

p.podnadpis
 {
  margin: 0;
  padding: 2px;
  font-weight: bold;
  border-bottom: 1px solid #999;
  background-color: #ccf;
  text-align: left;
 }

p.podtext
 {
  margin: 0;
  padding: 2px;
  text-align: left;
 }

ul
 {
  margin: 0 0 0 20px;
  padding: 5px;
 }

li
 {
  list-style-type: square;
 }

dl
 {
  margin: 0;
  padding: 5px;
 }

dt
 {
  margin: 0;
  padding: 3px 0;
  font-style: italic;
 }

dd
 {
  margin: 0;
  padding: 3px 0 3px 15px;
 }

}

@media print
{

#obsah
 {
  width: 100%;
  margin: auto;
  padding: 0;
  border: none;
 }

#hlavni1
 {
  margin: 0;
 }

#skryte, #hlavicka, #levy, #pravy, #paticka, p.datum, .netiskni
 {
  display: none;
 }

#jidelnicek-body
 {
  font-size: 11pt;
 }

.jidelnicek-cara
 {
  page-break-after: always;
  visibility: hidden;
 }

dl
 {
  margin: 0;
  padding: 3px;
 }

dt
 {
  margin: 0;
  padding: 3px 0;
  font-style: italic;
 }

dd
 {
  margin: 0;
  padding: 3px 0 3px 15px;
 }

}

@media handheld
{

.skok
 {
  display: block;
 }

}
