h2 {color: #DA251D; font-size: 150%; font-family: arial; font-variant: small-caps; letter-spacing: 1px; padding: 0 0 10px 0;}
h3 {font-size: 120%; padding-top: 25px;}
h4 {font-size: 110%; color: #666666; text-align: right; border-bottom: 1px solid #ccc; padding: 0;}
ul {padding-bottom: 30px;}
a {color: #000;}
a:hover {color: #0395DF;}
dl {line-height: 130%;}
dt {
  left: 0px;
  float: left;
  padding: 0;
  border: 0;
  margin: 0 0 1px 15px;
  font-style: italic;
}
dd {
  padding: 0;
  border: 0;
  margin: 0 0 0.5em 100px;
}
body {
  padding: 0;
  margin: 0;
  font: 70%/150% verdana, sans-serif;
  text-align: center;
  background: #f5f5f5 url("../images/pozadi_seda.gif");
}
#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: 200px;
  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 0;
  font-size: 80%;
  color: #DA251D;
  float: left;
}
#hlavickajazyk a {color: #DA251D;}
#hlavickajazyk a:hover {color: #000;}
#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 11px 7px 11px;}
#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;
}
#stred h3 {padding: 20px 0 0 0;}
#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: #DA251D;
  background-color: #f5f5f5;
}
#paticka a {color: #DA251D;}
#paticka a:hover {color: #fff; background-color: #DA251D}
#copyright a {text-decoration: none; color: #ccc;}

.noscreen { 
  display: none
}
.foto {
  margin: 5px 0 5px 0;
  border: 1px solid #ccc;
}
.obrazek {
  margin: 5px 0 15px 0;
  border: 0;
}
#logotexty {padding: 30px 0 30px 0;}
.texty {height: 70px;}
p#logotexty {padding: 0 0 0px 140px;}
h3.analyza {float: left; width: 140px; height: 50px; background: url("../images/analyza.gif") top right no-repeat;}
h3.navrh {float: left; width: 140px; height: 50px; background: url("../images/navrh.gif") top right no-repeat;}
h3.dodavka {float: left; width: 140px; height: 50px; background: url("../images/dodavka.gif") top right no-repeat;}
h3.realizace {float: left; width: 140px; height: 50px; background: url("../images/realizace.gif") top right no-repeat;}
#vlevo h3 span {display: none;}
.reference {
  float: right;
  margin: 0 4px 0 4px;
  border: 1px solid #ccc;
}
.dobloku {text-align: justify; text-indent: 20px;}