html {
  background-image:url("img/html-bg.gif");
  background-repeat:repeat-x;
  background-color:#dcdcdc;
  height:100%;
}

body {
  width:750px;
  margin:auto;
  background-color:white;
  min-height:100%;
  _height:100%; /*podtrzitkovy hack*/
  border-left:3px double #999999;
  border-right:3px double #999999;
  background-image:url("img/body-bg.gif");
  background-repeat:repeat-y;
}

h1 {
  width:750px;
  height:150px;
  margin:0px;
  background-image:url("img/title.jpg");
  background-position:-50px 190px;
  border-bottom:4px solid #7e97b8;
}

h1 a {
  display:block;
  font-family:georgia;
  font-size:0.9em;
  padding:83px 0 0 27px;
  color:#336699;
  text-decoration:none;
  font-weight:normal;
}

i.motto {
  position:absolute;
  top:115px;
  left:50%;
  margin:0 0 0 -347px;
  font-family:verdana;
  font-size:0.8em;
  font-style:normal;
  letter-spacing:1.2px;
  font-weight:bold;  
}

ul.menu {
  margin:0px;
  padding:15px 0 0 0;
  list-style-type:none;
  width:149px;
  float:left;
}

ul.menu li {
  margin:5px 0 0 0;
  float:left;
  width:100%;
  border:0px solid black;
}

ul.menu li a {
  background-color:#f3f3f3;
  display:block;
  padding:5px 0 5px 12px;
  font-family:verdana;
  font-size:0.7em;
  text-decoration:none;
  color:#333333;
  width:127px;
  border-left:10px solid #7e97b8;
  background-image:url("img/menu-bg.gif");
  background-repeat:repeat-y;
}

ul.menu li a:hover {
  text-decoration:underline;
  border-left:10px solid #7e97b8;
  background-image:url("img/menu-bg-hover.gif");
}

ul.menu ul {
  margin:0px;
  padding:0 0 0 30px;
}

ul.menu ul li {
  background-color:white;
  list-style-type:none;
}

ul.menu ul li a {
  padding:0px;
  border:0px;
  margin:0px;
  background-color:white;
  width:110px;
}

ul.menu ul li a:hover {
  text-decoration:underline;
  border-left:0px;
}

.obsah {
  margin:0 0 0 150px;
  padding:5px 20px 20px 20px;
  border:0px solid black;
  font-family:verdana;
  font-size:0.8em;
}

.obsah h2 {
  font-family:georgia;
  font-size:1.6em;
  font-weight:normal;
  letter-spacing:0px;
  color:#336699;
}

ul.kontakt {
  margin:0px;
  padding:0 0 0 20px;;
}

ul.kontakt li {
  list-style-type:none;
  font-size:0.8em;
  margin:5px 0 0 0;
}

.produkty img {
  margin:0 20px 20px 0;
  border:1px solid #cccccc;
}

.foot {
  font-family:arial;
  font-size:0.8em;
  background-color:white;
  border-top:1px dashed #999999;
  padding:10px 0 0 0;
  margin:25px 0 0 0;
  color:#666666;
}

.hide {
  display:none;
}
