/* CSS Document */
body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #ffffff;
  margin: 0px;
  /* #66ffcc */
}

a {
  text-decoration: underline;
  color: #000000;
}
a:hover {
  text-decoration: none;
  color: #000000;
}

h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 2px 0px;
  color: #999999;
  background: url("../img/pictogram_30x30.png") left center no-repeat;
  padding: 10px;
  padding-left: 45px;
}
h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  color: #999999;
  text-decoration: underline;
}

p {
  margin: 0px;
  margin-top: 3px;
  margin-bottom: 7px;
}

p.h1,
div.h1 {
  margin: 10px 15px 25px 45px;
}

.h1 table {
  width: 100%;
  border: 1px solid #66ffcc;
  border-spacing: 2px;
}

.h1 table td {
  text-align: center;
  border: 1px solid #66ffcc;
  padding: 5px;
}

.h1 table.nostyle {
  width: auto;
  border: none;
  border-spacing: 0px;
}

.h1 table.nostyle td {
  text-align: left;
  border: none;
  padding: 3px;
}

a.pictogram {
  background: url("../img/pictogram_16x16.png") left center no-repeat;
  font-weight: bold;
  font-size: 13px;
  display: block;
  padding: 3px 0px 3px 25px;
}

img {
  border: none;
}
table {
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
}
form {
  margin: 0px;
}
input {
  border: 1px solid #000000;
  width: 350px;
  font-size: 10px;
  background: url("../img/header_part_3_bg.gif") repeat-x top;
}
textarea {
  font-family: Verdana, Arial, sans-serif;
  border: 1px solid #000000;
  width: 350px;
  height: 100px;
  font-size: 10px;
  background: url("../img/header_part_3_bg.gif") repeat-x center;
}
button {
  border: 1px solid #000000;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
  background: url("../img/header_part_3_bg.gif") repeat-x bottom;
}

#main-area {
  width: 900px;
  margin: auto;
  background: url("../img/main_shaddow_1.gif");
}

#main-box {
  position: relative;
  width: 880px;
  margin-left: 11px;
}

#header1 {
  position: relative;
  background: #ffffff url("../img/header_part_1.jpg") top right no-repeat;
  height: 27px;
  z-index: 1;
}

#header2 {
  position: relative;
  background: #ffffff url("../img/header_part_2.jpg") top no-repeat;
  height: 155px;
  z-index: 2;
}

#header-mini-menu {
  position: absolute;
  font-size: 10px;
  left: 10px;
  top: 10px;
}

/* Main menu */

#main-menu {
  position: absolute;
  width: 555px;
  height: 34px;
  background: url("../img/main_menu_bg.jpg") no-repeat;
  top: 114px;
  left: 315px;
}

a.menu-1 {
  position: absolute;
  left: 20px;
  width: 109px;
  height: 34px;
  background: url("../img/main_menu_onas.jpg") bottom no-repeat;
  text-decoration: none;
}

a.menu-2 {
  position: absolute;
  left: 129px;
  width: 125px;
  height: 34px;
  background: url("../img/main_menu_sluzby.jpg") bottom no-repeat;
  text-decoration: none;
}

a.menu-3 {
  position: absolute;
  left: 254px;
  width: 142px;
  height: 34px;
  background: url("../img/main_menu_kariera.jpg") bottom no-repeat;
  text-decoration: none;
}

a.menu-4 {
  position: absolute;
  left: 396px;
  width: 144px;
  height: 34px;
  background: url("../img/main_menu_kontakt.jpg") bottom no-repeat;
  text-decoration: none;
}

a.menu-1-active,
a.menu-1:hover {
  position: absolute;
  left: 20px;
  width: 109px;
  height: 34px;
  background: url("../img/main_menu_onas.jpg") top no-repeat;
  text-decoration: none;
}

a.menu-2-active,
a.menu-2:hover {
  position: absolute;
  left: 129px;
  width: 125px;
  height: 34px;
  background: url("../img/main_menu_sluzby.jpg") top no-repeat;
  text-decoration: none;
}

.menu-3-active,
a.menu-3:hover {
  position: absolute;
  left: 254px;
  width: 142px;
  height: 34px;
  background: url("../img/main_menu_kariera.jpg") top no-repeat;
  text-decoration: none;
}

a.menu-4-active,
a.menu-4:hover {
  position: absolute;
  left: 396px;
  width: 144px;
  height: 34px;
  background: url("../img/main_menu_kontakt.jpg") top no-repeat;
  text-decoration: none;
}

/* H2 space */
#h2-space {
  position: relative;
  height: 174px;
  border: 3px solid #ffffff;
  border-bottom: 0px;
  z-index: 3;
}

#h2-image {
  position: absolute;
  width: 365px;
  height: 174px;
  left: 20px;
}

#h2-manager {
  position: absolute;
  right: 0px;
  width: 76px;
  height: 174px;
  background: url("../img/manager.jpg") top right no-repeat;
}

#h2-motto {
  position: absolute;
  width: 373px;
  height: 174px;
  top: 0px;
  left: 403px;
}

.h2x {
  position: absolute;
  width: 20px;
  height: 174px;
  top: 0px;
  right: 5px;
}

.h2-bg {
  background: url("../img/header_part_3_bg.gif") repeat-x;
}

.navi {
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  margin: 3px 50px 0px 5px;
}

#h2-motto table {
  margin-left: 25px;
  width: 323px;
  height: 130px;
  font-size: 14px;
}
#h2-motto .signature {
  position: absolute;
  width: 373px;
  bottom: 10px;
  font-size: 10px;
  border-top: 1px solid #000000;
  padding-top: 5px;
  padding-right: 5px;
  text-align: right;
}

/* Document */
table#document {
  width: 100%;
  border-spacing: none;
  border-collapse: collapse;
  border: 0px;
}

.doc-separator {
  background-color: #cccccc;
}

.doc-left {
  width: 381px;
  _width: 380px;
}

.doc-right {
  width: 490px;
}

.doc-inner {
  margin: 10px;
}

#sec-menu {
  text-align: center;
  margin-bottom: 3px;
  padding: 7px 17px;
  background: #66ffcc url("../img/header_part_3_bg.gif") repeat-x 0px -130px;
}

/* Footer */
#footer-box {
  position: relative;
  width: 900px;
  background: #ffffff url("../img/main_shaddow_2.gif") top no-repeat;
  min-height: 20px;
  _height: 20px;
}

.footer-img1 {
  position: absolute;
  left: 20px;
  top: 8px;
}

.footer-text1 {
  font-size: 10px;
  padding-top: 12px;
  margin-left: 60px;
  margin-right: 20px;
}

.footer-text2 {
  font-size: 10px;
  border-top: 1px solid #999999;
  color: #999999;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  padding: 5px 5px 0px 5px;
}

.footer-text2 a,
.footer-text2 a:hover {
  color: #999999;
}

/* Various */
.align.center {text-align: center;}
.align.left {text-align: left;}
.align.right {text-align: right;}
.align.justify {text-align: justify;}
.align.middle {vertical-align: middle;}
.align.top {vertical-align: top;}
.align.bottom {vertical-align: bottom;}

img.left {float: left;}
img.right {float: right;}

.m20 {margin: 20px;}
.m10 {margin: 10px;}
.mb {margin-bottom: 10px;}
.mb2 {margin-bottom: 10px;}

.absolute {position: absolute;}
.relative {position: relative;}

.clr {clear: both;}

.msg {margin-bottom: 20px;}
.msg.ok {color: green;}
.msg.err {color: red;}

.hline {height: 14px; background: url("../img/points_line_horizontal.gif") no-repeat center left;}
.vline {width: 14px; background: url("../img/points_line_vertical.gif") no-repeat bottom right;}

.sbt {color: #999999; margin-top: 30px; }
.sbt2 {color: #999999; }

.kar {
  font-size: 12px;
  padding: 3px 0px 3px 25px;
}
.kar2 {
  font-size: 11px;
  color: #999999;
}

sub {font-size: 0.7em; vertical-align: top;}