*{margin: 0px; padding: 0px;}

body, #body {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  color: #000000;
  background: #131313;
}

a:link, a:visited { text-decoration: underline; }

a:hover { text-decoration: none; }

ul { list-style: none; }

p { line-height: 150%; text-align: justify; margin: 10px 0px; }

li, ol { line-height: 180%; }

img { border-style: none; background: transparent; }

h1 { font-size: 24px; font-weight: normal; }
h2, .style-03 { font-size: 18px; font-weight: bold; }
h3, .style-04 { font-size: 16px; font-weight: normal; }

#upper, #banner, #content, #footer, #footer-bottom { width: 100%; }

a:link, a:visited, h1, h2, .color-01 { color: #e30000; }

hr { border: 1px solid #e30000; margin-bottom: 10px; }

input[type="text"], input[type="submit"], textarea { border-style: none; border: 1px solid #000000; padding: 2px; margin: 2px 0px; }

input[type="submit"] { float: right; background: transparent; cursor: pointer; }

textarea { overflow: auto; width: 400px; height: 130px; }

/* ==== UPPER - BEGIN ==== */

#upper {
  height: 105px;
  overflow: hidden;
  background: url(../images/design/upper-background.png) repeat-x;
}

#upper-logo, #menu, #menu li { float: left; }

#upper-logo {
  width: 224px;
  height: 105px;
  margin-left: 45px;
}

/* ==== MENU - BEGIN ==== */

#menu { margin-top: 64px; }

#menu li {
  height: 31px;
  margin-left: 10px;
  font-weight: bold;
  padding-top: 10px;
}

#menu a {
  display: block;
  height: 31px;
  line-height: 31px;
  color: #000000;
  background: #d3d3d3;
  padding: 0px 10px;
  text-decoration: none;
}

#menu li:hover, #menu-active { background: url(../images/design/menu-active-background.png) repeat-x; }

#menu li:hover a, #menu-active a {
  color: #e30000;
  background: none;
}

#submenu-01, #submenu-02, #submenu-03, #submenu-04 { position: absolute; display: none; z-index:1000; }

#submenu-01 li, #submenu-02 li, #submenu-03 li, #submenu-04 li {
  float: none;
  margin-left: 0px;
  padding-top: 0px;
}

#menu li:hover #submenu-01 a, #menu li:hover #submenu-02 a, #menu li:hover #submenu-03 a, #menu li:hover #submenu-04 a {
  width: 190px;
  color: #999999;
  background: url(../images/design/submenu-active-background.png);
}

#menu li:hover #submenu-active a,
#menu li:hover #submenu-01 a:hover, #menu li:hover #submenu-02 a:hover, #menu li:hover #submenu-03 a:hover, #menu li:hover #submenu-04 a:hover {
  color: #e30000;
  background: #d3d3d3;
}

#submenu-03 .submenu-new-height, #submenu-03 .submenu-new-height a { height: 62px; }

/* ==== MENU - END ==== */ /* ==== UPPER - END ==== */


/* ==== BANNER - BEGIN ==== */

#banner {
  height: 328px;
  overflow: hidden;
  background: url(../images/design/banner-background.png) repeat-x;
}

/* ==== BANNER - END ==== */


/* ==== MIDDLE - BEGIN ==== */

#middle { background: #ffffff; }

#middle li, #footer-content li { list-style-image: url(../images/design/li-icon.png); }

#middle li { margin-left: 45px; }

#middle h1 { margin: 0px 0px 2px 2px; }

#middle-content { padding: 28px; overflow: hidden; }

.middle-item {
  width: 301px;
  float: left;
}

#middle .middle-item p { margin: 0px; }

.middle-item, .middle-item-img { width: 301px; }

.middle-item-img { height: 161px; margin-bottom: 10px; }

.middle-item-img h1, .middle-item-img h2 { color: #ffffff; }

.img-01 { background: url(../images/design/img-0001.png) no-repeat; }
.img-02 { background: url(../images/design/img-0002.png) no-repeat; }
.img-03 { background: url(../images/design/img-0003.png) no-repeat; }

.middle-item-img-background {
  width: 263px;
  height: 31px;
  margin: 112px 0px 0px 12px;
  padding: 6px 0px 0px 14px;
  position: absolute;
  background: url(../images/design/img-text-background.png) repeat-x;
}

.middle-item p { padding: 0px 10px; }

.middle-item-more { margin-top: 15px; padding-right: 15px; width: 286px; text-align: right; float: left; }

.middle-item-all, .middle-item-last { overflow: hidden; }

.middle-item-all { border-bottom: 1px solid #efefef; margin-bottom: 20px; }

.middle-item-all img, .middle-item-last img { float: right; margin: 5px; }

#contact-map { float: right; }

#contact-map div { width: 600px; height: 327px; border: 1px solid #a2a2a2; margin-bottom: 5px; }

.contact li span { margin-left: 29px; display: block; }
.contact li div { margin-left: 38px; }

/* ==== MIDDLE- END ==== */


/* ==== FOOTER - BEGIN ==== */

#footer {
  height: 229px;
  overflow: hidden;
  background: url(../images/design/footer-background.png) repeat-x;
}

#footer .container {
  height: 229px;
  background: url(../images/design/footer-content-background.png) no-repeat;
}

#footer-content {
  color: #ffffff;
  padding: 22px 20px;
}

#footer-content li { margin-left: 30px; }

.footer-item {
  width: 240px;
  float: left;
}

.footer-item h3 { margin-bottom: 10px; }

.footer-item ul span { margin-left: 27px; display: block; }

.footer-item ul div { margin-left: 40px; }

.footer-item a { color: #ffffff; text-decoration: none; }

/* ==== FOOTER - END ==== */


/* ==== FOOTER-BOTTOM - BEGIN ==== */

#footer-bottom {
  color: #999999;
  font-size: 11px;
  height: 64px;
  overflow: hidden;
  background: url(../images/design/footer-bottom-background.png) repeat-x;
}

#footer-bottom-content { padding: 25px 46px 0px 20px; overflow: hidden; }

#footer-bottom-left { float: left; }

#footer-bottom-right { float: right; text-align: right; height: 39px; }

#footer-bottom-right img { margin: 0px 0px -7px 4px; }

/* ==== FOOTER-BOTTOM - END ==== */


/* ==== SPOLECNE CLASSY ==== */ /*  border: 1px solid red; */
.container {
  width: 1000px;
  margin: auto;
  overflow: hidden;
}

.style-01 { font-size: 14px; font-weight: bold; }
.style-02 { font-size: 10px; font-style: italic; }

.color-02 { color: #008000; }

.center { text-align: center; }

.clear { clear: both; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mbl { margin: 0px 0px 10px 150px; }

.mlr20 { margin-left: 20px; margin-right: 20px; }

.mt5 { margin-top: 10px; }

.ml15 { margin-left: 15px; }

.pl10 { padding-left: 10px; }

.pt15 { padding-top: 15px; }

.table-01 { border-top: 1px solid #000000; border-right: 1px solid #000000; }

.table-01 th { text-align: center; color: #e30000; }

.table-01 th, .table-01 td { padding: 2px 5px; border-left: 1px solid #000000; border-bottom: 1px solid #000000; width: 200px; }