h2 {color: #1A71A9; font-size: 160%; font-family: arial; font-variant: small-caps; letter-spacing: 1px; padding: 0 0 10px 0;}
h3 {font-size: 120%; padding: 15px 0 0 0; margin: 0;}
ul {padding: 0 0 5px 40px;}
li {line-height: 140%;}
p {margin: 5px 0 10px 0;}
a {color: #000;}
a:hover {color: #0395DF;}
body {
  padding: 0;
  margin: 0;
  font: 70%/150% verdana, sans-serif;
  text-align: center;
  background: #f5f5f5 url("../images/pozadi_seda.gif");
}
dl {line-height: 130%;}
dt {
  left: 0px;
  float: left;
  padding: 0;
  border: 0;
  margin: 0 0 1px 20px;
  font-style: italic;
}
dd {
  padding: 0;
  border: 0;
  margin: 0 0 0.5em 100px;
}
#pozadi {background: url("../images/pozadi.gif") top center repeat-x;}
#container {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: #fff url("../images/hlavicka.jpg") top center no-repeat;
}
#hlavicka0 {
  width: 100%;
  height: 180px;
  padding: 0;
  margin: 0;
  border: 0;     
  clear: both;
}
#hlavickalogo {
  width: 220px;
  height: 180px;
  float: left;
}
h1.logo {
  width: 204px;
  height: 180px;
  padding: 0;
  margin: 0;
  background: url('../images/logo.gif') no-repeat;
  cursor: pointer;
}
h1 span {
  display: none;
}
#hlavickajazyk {
  width: 100px;
  height: 40px;
  padding: 2px 0 0 5px;
  font-size: 80%;
  color: #1A71A9;
  float: left;
}
#hlavickajazyk a {color: #1A71A9;}
#hlavickajazyk a:hover {color: red;}
#menu0 {
  width: 100%;
  height: 25px;
  padding: 0 0 40px 0;
}
#menu {
  float: right;
  margin: 0;
  padding: 0;
}
#menu:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
}
#menu ul {margin: 0; padding: 0;}
#menu ul li.right {float: right;}
#menu ul li {margin: 0; padding: 0; list-style-type: none; float: left; background: url("../images/svislitko.gif") top left no-repeat;}
#menu ul li a {display: block; color: #ffffff; font-weight: bold; text-decoration: none; padding: 8px 14px 7px 14px;}
#menu ul li a.aktivni, #menu ul li a:hover {color: #fff; font-weight: bold; background: url("../images/menu.gif") top center no-repeat;}
#menu ul li a.aktivni {background: url('../images/menu_a.gif') top center no-repeat;}
#stred0 {
  width: 720px;
  float: left;
  padding: 0;
  border: 0;     
}
#stred {
  padding: 20px 20px 40px 20px;
  margin: 10px 0 20px 25px;
  border: 1px solid #ccc;
  background: #f5f5f5;
}
#vlevo0 {
  width: 570px;
  float: left;
  padding: 0;
  border: 0;     
}
#vlevo, #vlevomin {
  padding: 20px;
  margin: 10px 0 20px 25px;
  border: 1px solid #ccc;
  background: #f5f5f5;
}
#vlevomin {
  height: 480px;
}
#vlevomin h2 {padding-top: 19px;}
#vpravo0 {
  width: 180px;
  float: right;
  padding: 0;
  border: 0;     
}
#vpravo {
  text-align: center;
  padding: 0 0 20px 0;
}
#paticka0 {
  clear: both;
  width: 100%;
  padding: 0;
  border: 0;     
}
#paticka {
  padding: 5px 0 10px 30px;
  font-size: 85%;
  color: #1A71A9;
  background-color: #f5f5f5;
}
#paticka a {color: #1A71A9;}
#paticka a:hover {color: #fff; background-color: #1A71A9}
#copyright a {text-decoration: none; color: #c0c0c0;}

.noscreen { 
  display: none
}
.foto {
  margin: 5px 0 5px 0;
  border: 1px solid #ccc;
}
.obrazek {
  margin: 8px 0 30px 0;
  border: 0;
}
.reference {
  float: right;
  margin: 0 4px 0 4px;
  border: 1px solid #ccc;
}
.dobloku {text-align: justify; text-indent: 20px;}
