html, body {
  background: #ccc;
  padding: 1em;
  }
#page {
  position: relative; top: 2%; left: 50%;
  width: 780px; min-height: 300px; _height: 300px;
  margin-left: -416px;
  background: #fff;
  border: 2px solid gray;
  padding: 1em;
  }
/* úvodní strana */
#header {
  text-align: center;
  }
/* logo (úvodní strana) */
#header img {
  margin-top: 0.5em; _margin-top: -0.5em;
  }
/* nabídka, kontakty */
#header2 h4 {
  text-align: right;
  font: 900 10pt sans-serif;
  float: right;
  color: #f36617;
  border-bottom: 10px solid #ebeff2;
  }
/* logo (nabídka) */
#header2 img {
  float: left;
  }
/* český text */
#cz {
  width: 325px;
  color: #000;
  font: 9pt sans-serif;
  text-align: left;
  float: left;
  padding: 20px;
  border-left: 1px solid #000; border-bottom: 1px solid #000;
  }
#cz-nabidka {
  min-height: 250px; _height: 250px;
  color: #000;
  font: 9pt sans-serif;
  text-align: left;
  margin-left: 100px;
  padding: 10px;
  border-left: 1px solid #000; border-bottom: 1px solid #000;
  }
/* anglický text */
#en {
  width: 350px; _width: 380px;
  color: #000;
  font: 9pt sans-serif;
  text-align: left;
  float: right;
  padding: 20px;
  border-left: 1px solid #000; border-bottom: 1px solid #000;
  }
/* nadpis u textu */
#cz h3 {
  background: #ebeff2;
  color: #f36617;
  font-size: 12pt;
  }
#cz-nabidka h3 {
  background: #ebeff2;
  color: #f36617;
  font-size: 12pt;
  text-align: right;
  text-transform: uppercase;
  }
#en h3 {
  background: #ebeff2;
  color: #f36617;
  font-size: 12pt;
  text-align: right;
  }
/* obrázky v úvodním textu */
.prvni {
  float: right;
  margin-left: 10px;
  }
.druhy {
  margin-left: 20px;
  }
.treti {
  clear: both;
  margin-left: 60px; _margin-left: 50px;
  margin-top: 10px;
  }
/* Nadpisy vedle loga v úvodu */
h4.cz {
  width: 250px; _width:310px;
  color: #f36617;
  text-align: left;
  font: 900 10pt sans-serif;
  float: left;
  padding-right: 80px; _padding-right: 10px;
  border-bottom: 10px solid #ebeff2;
  }
h4.en {
  width: 300px; _width:310px;
  color: #f36617;
  text-align: right;
  font: 900 10pt sans-serif;
  float: right;
  padding-left: 20px; _padding-left: 0px;
  border-bottom: 10px solid #ebeff2;
  }
/* menu */
#menu {
  text-align: left;
  text-transform: lowercase;
  margin-top: 50px;
  margin-bottom: -30px;
  clear: both;
  }
#menu2 {
  clear: both;
  text-align: left;
  text-transform: lowercase;
  margin-top: 0px; _margin-top: -25px;
  margin-bottom: -30px;
  }
#menu ul.cz {
  width: 340px; _width: 315px;
  float: left;
  text-align: left;
  margin-top: -23px; _margin-left: 0px;
  padding-left: 10px;
  border-bottom: 5px solid #878787;
  }
#menu ul.en {
  width: 300px; _width: 310px;
  float: right;
  text-align: right;
  margin-top: -23px; _margin-left: 0px;
  border-bottom: 5px solid #878787;
  }
#menu2 ul.cz {
  width: 400px; _width: 395px;
  float: right;
  text-align: right;
  margin-top: 0px; _margin-top: 25px;
  border-bottom: 5px solid #878787;
  }
#menu2 ul.sub {
  width: 700px;
  float: right;
  text-align: right;
  margin-top: -10px;
  }
#menu ul.cz li {
  list-style-image: url('../obrazky/seznam-seda.jpg');
  _list-style-image: url('../obrazky/seznam-seda-ie.jpg');
  float: left;
  margin-right: 33px; margin-left: 5px; _margin-right: 25px;
  }
#menu ul.en li, #menu2 ul.cz li, #menu2 ul.sub li {
  list-style-image: url('../obrazky/seznam-seda.jpg');
  _list-style-image: url('../obrazky/seznam-seda-ie.jpg');
  float: right;
  margin-left: 40px; _margin-left: 35px;
  }
#menu ul li a, #menu2 ul li a {
  display: list-item;
  font: 900 9pt sans-serif;
  color: #878787;
  text-decoration: none;
  }
#menu2 ul.sub li a {
  display: list-item;
  font: 900 9pt sans-serif;
  color: #aaa;
  text-decoration: none;
  }
#menu ul li a:hover, #menu ul li:hover, #menu2 ul li a:hover, #menu2 ul li:hover {
  list-style-image: url('../obrazky/seznam-modra.jpg');
  _list-style-image: url('../obrazky/seznam-modra-ie.jpg');
  color: #226c75;
  text-decoration: none;
  }
.jazyky {
  width: 100px;
  text-align: center;
  margin-top: -15px; _margin-left: 2px;
  padding: 5px;
  border-top: 10px solid #f36617;
  }
.jazyky2 {
  width: 330px; _width: 345px;
  float: left;
  text-align: center;
  margin-top: 5px; _margin-top: -18px; _margin-left: 2px;
  padding: 5px;
  border-top: 10px solid #f36617;
  }
.jazyky img, .jazyky2 img {
  margin: 0px 8px;
  }
.jazyky2 img {
  border: none;
  }
#content {
  clear: both;
  margin-top: 30px;
  }
#footer {
  color: #999;
  text-align: center;
  font: 8pt sans-serif;
  clear: both;
  padding-top: 10px; _padding-top: 20px;
  }
#footer a {
  color: #999;
  text-decoration: none;
  }