html, body {
  width: 100%;
}
body {
  color: #FFF;
	background: #333 url(./images/body.gif) repeat-x;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	text-align: center;
	margin: 0;
	padding: 0;
}
img {
  border: 0;
}
table {
  font-size: 100%;
  line-height: 1.5em;
  width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse;
}
a {
  color: #40659B;
}
a:visited {
  color: #8EA4C2;
}
a:hover {
  color: #333;
}
em {
  color: #666;
  font-size: 80%;
  font-style: normal;
}
td, th {
  vertical-align: top;
  margin: 0;
  padding: 0;
}
th {
  color: #999;
  font-size: 80%;
}
h1, h2, h3, h4 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-weight: normal;
  padding: 0;
}
h1 {
  color: #40659B;
  font-size: 180%;
  font-weight: normal;
  margin: 0 0 15px 0;
}
h2 {
  color: #40659B;
  font-size: 130%;
  margin: 0 0 10px 0;
  border-bottom: 0px solid #EEEEEE;
}
h3 {
  color: #BA0808;
  font-size: 130%;
  margin: 0 0 10px 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #EEEEEE;
}
h4 {
  color: #BA0808;
  font-size: 110%;
  margin: 0 0 10px 0;
  border-bottom: 0px solid #EEEEEE;
}
h5 {
  color: #BA0808;
  font-size: 140%;
  font-weight: normal;
  margin: 0 0 15px 0;
  }
.clear {
  clear: left;
  margin: 0;
  padding: 0;
}
.back {
  text-align: right;
}
.poznamka {
  font-size: 90%;
  font-style: italic;
  text-align: right;
  margin: 3px;
}
/****************** BOX *******************/
#box {
  color: #333;
  background: #FFFFFF;
  font-size: 75%;
  text-align: left;
  width: 845px;
  margin: 0 auto;
}
/****************** HEAD *******************/
#head {
  border-bottom: 1px solid #E5E7E8;
}
/****************** LOGO *******************/
#logo {
  background: #E5E7E8;
  width: 175px;
  height: 148px;
  float: left;
}
/****************** FIRM-MENU *******************/
#firm-menu {
  list-style-type: none;
  width: 133px;
  margin: 0;
  padding: 0;
  float: left;
  border-top: 20px solid #E02319;
  border-left: 1px solid #E5E7E8;
  border-right: 1px solid #E5E7E8;
}
#firm-menu li {
  text-transform: uppercase;
  width: 133px;
  height: 31px;
 border-top: 1px solid #E5E7E8;
}
#firm-menu li a {
  color: #FFF;
  background: #989898;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 133px;
  height: 23px;
  padding-top: 8px;
}
#firm-menu li a:hover {
  color: #333;
  background: #FFF;
  font-weight: bold;
}
/****************** ADDRESS *******************/
#address {
  float: left;
  width: 535px;
  height: 148px;
  overflow: hidden;
  position: relative;
}
#address span {
  background: transparent url(./images/head.jpg);
  display: block;
  width: 535px;
  height: 148px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
/****************** MAIN-MENU *******************/
#main-menu {
  color: #FFF;
  background: #E02319;
  list-style-type: none;
  width: 100%;
  height: 31px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #E5E7E8;
}
#main-menu li {
  float: left;
  width: 133px;
  height: 31px;
  overflow: hidden;
  border-right: 1px solid #E5E7E8;
}
#main-menu a {
  color: #FFF;
  background: url(./images/main-li.gif) no-repeat 13px 10px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  width: 103px;
  height: 23px;
  padding-top: 8px;
  padding-left: 30px;
}
#main-menu #produkty {
  background: #0F3880;
  font-weight: bold;
  width: 175px;
}
#main-menu #produkty a {
  background: url(./images/reference-li.gif) no-repeat 13px 10px;
  width: 145px;
}
#main-menu #kontakt {
  border: none;
}
/****************** MIDDLE *******************/
#middle {
  background: url(./images/middle.gif) repeat-y;
  min-height: 100px;
  _height: 100px;
}
/****************** PRODUCT-MENU *******************/
#product-menu {
  font-size: 80%;
  float: left;
}
#product-menu, #product-menu ul {
  list-style-type: none;
  width: 175px;
  margin: 0;
  padding: 0;
}
#product-menu li {
  border-bottom: 1px solid #E5E7E8;
}
#product-menu li span, #product-menu li a, #product-menu li ul li a {
  color: #FFF;
  text-decoration: none;
  display: block;
  width: 165px;
  min-height: 20px;
  _height: 20px;
  padding: 6px 0 0 10px;
}
#product-menu li span {
  background: #E02319 url(./images/product-main.gif) no-repeat 155px 10px;
}
#product-menu li a {
  background: #E02319 url(./images/product-sub.gif) no-repeat 158px 7px;
}
#product-menu li ul li a {
  background: #989898 url(./images/product-sub1.gif) no-repeat 158px 7px;
}
#product-menu li ul li a:hover {
  color: #000;
}
#product-menu li.last {
  border: none;
}
/****************** CONTENT *******************/
#content {
  width: 630px;
  font-size: 90%;
  line-height: 1.5em;
  float: left;
  padding: 20px;
}
#content ul {
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0;
}
#content li {
  background: url(./images/li.gif) no-repeat 0px 6px;
  padding: 0 0 0 15px;
}
#content img {
  border: 3px double #CCC;
}
table strong {
  color: #BA0808;
  font-size: 100%;
}
#content div.osoba ul {
  margin: 0;
  padding: 0;
}
div.osoba h2 {
  border: none;
  margin: 0;
}
div.osoba div {
  width: 450px;
  float: left;
}
div.osoba div.clear {
  clear: left;
}
div.osoba img {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
}
table.seznam {
  font-size: 90%;
  margin-bottom: 0;
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
}
.seznam th, .seznam td {
  padding: 3px 10px 3px 10px;
}
.seznam th {
  color: #4A4A24;
  background: #D6D6AB;
}
.seznam th.dark {
  color: #FFF;
  background: #666;
  border-bottom: 1px solid #FFF;
}
.seznam td {
  background: #F4F4EE;
  border-bottom: 1px solid #FFF;
}
.cena {
  color: #666;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}
/****************** BOTTOM *******************/
#bottom {
  color: #A8C5F4;
  background: #0F3880;
  font-size: 90%;
  line-height: 1.5em;
  margin-top: 1px;
  padding: 20px 10px 20px 10px;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}
#bottom span {
  padding: 0 10px 0 10px;
}
#bottom a {
  color: #D8E4FA;
}