/* CSS Document */
body {
  margin: 0px;
  padding: 0px;
  color: white;
  background-color: #172025;
  overflow: scroll;
}
img {
  border: 0px;
}
/* ---------------------------------- head ---------------------------------- */
.head100 {
  width: 100%;
  background-color: #263135;
  background-image: url('bg-grad.gif');
  background-position: center top;
  background-repeat: repeat-y;
  padding-top: 10px;
  text-align: center;
}
.head742 {
  width: 742px;
  background-color: white;
  text-align: left;
  margin: 0px auto 0px auto;
  padding-top: 1px;
}
.head {
  width: 740px;
  margin: 0px 1px;
  background-color: #BACBDE;
}
.head-top {
  width: 740px;
  height: 56px;
  background-image: url('head-top.jpg');
}
.head-mid {
  width: 740px;
  height: 114px;
  background-image: url('head-mid.jpg');
}
.head-btm {
  width: 740px;
  height: 22px;
  background-image: url('head-btm.jpg');
}
a.logo-white {
  width: 122px;
  height: 32px;
  position: relative; top: 12px; left: 12px;
  display: block;
  background-image: url('logo-white.gif');
  background-position: 0px 0px;
}
a.logo-white:hover {
  background-position: 0px -32px;
}
.logo {
  display: block;
  width: 205px;
  height: 51px;
  position: relative; top: 33px; left: 520px;
  background-image: url('logo.gif');
  background-position: 0px 0px;
}
a.logo:hover {
  background-position: 0px -51px;
}
.activity {
  width: 495px;
  height: 50px;
  position: relative; left: 0px; top: 8px;
  font: italic bold 12pt/22px Arial;
  letter-spacing: 5px;
  color: #798992;
  text-align: right;
}
.head-btm-right {
  width: 220px;
  height: 22px;
  float: right;
  font: italic bold 10pt/22px Arial;
  letter-spacing: 4px;
  color: #798992;
  text-align: center;
}
/* ---------------------------------- line ---------------------------------- */
.line100 {
  width: 100%;
  background-color: #58656E;
  background-image: url('bg-line.gif');
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center; 
}
.line742 {
  width: 742px;
  background-color: white;
  text-align: left;
  margin: 0px auto 0px auto;
}
.line {
  width: 740px;
  height: 1px;
  background-color: #58656E;
  margin: 0px 1px;
  overflow: hidden;
}
/* ---------------------------------- menu ---------------------------------- */
.menu100 {
  width: 100%;
  text-align: center; 
}
.menu742 {
  width: 742px;
  background-color: white;
  text-align: left;
  margin: 0px auto 0px auto;
}
.menu {
  width: 740px;
  height: 25px;
  background-color: #BACBDE;
  background-image: url('bg-main.gif');
  background-position: left top;
  background-repeat: repeat-y;
  margin: 0px 1px;
}
a.menu-button {
  width: 95px;
  height: 17px;
  position: relative; left: 20px; top: -9px;
  float: left;
  margin-right: 3px;
  background-image: url('menu-button.gif');
  background-position: 0px 0px;
  text-align: center;
  overflow: hidden;
  font: italic bold 8pt/17px Arial;
  letter-spacing: 2px;
  color: white;
  text-decoration: none;
}
a.menu-button-a {
  width: 95px;
  height: 17px;
  position: relative; left: 20px; top: -9px;
  float: left;
  margin-right: 3px;
  background-image: url('menu-button.gif');
  background-position: 0px -34px;
  text-align: center;
  overflow: hidden;
  font: italic bold 8pt/17px Arial;
  letter-spacing: 2px;
  color: white;
  text-decoration: none;
}
a.menu-button:hover, a.menu-button-a:active {
  background-position: 0px -17px;
}
a.menu-button:active {
  background-position: 0px -34px;
}
a.lang-english {
  width: 35px;
  height: 17px;
  position: relative; left: 154px; top: -9px;
  float: left;
  margin-right: 3px;
  background-image: url('lang-english.gif');
  background-position: 0px 0px;
  overflow: hidden;
}
a.lang-english-a {
  width: 35px;
  height: 17px;
  position: relative; left: 154px; top: -9px;
  float: left;
  margin-right: 3px;
  background-image: url('lang-english.gif');
  background-position: 0px -34px;
  overflow: hidden;
}
a.lang-czech {
  width: 35px;
  height: 17px;
  position: relative; left: 154px; top: -9px;
  float: left;
  margin-right: 3px;
  background-image: url('lang-czech.gif');
  background-position: 0px 0px;
  overflow: hidden;
}
a.lang-czech-a {
  width: 35px;
  height: 17px;
  position: relative; left: 154px; top: -9px;
  float: left;
  margin-right: 3px;
  background-image: url('lang-czech.gif');
  background-position: 0px -34px;
  overflow: hidden;
}
a.lang-english:hover, a.lang-czech:hover {
  background-position: 0px -17px;
}
a.lang-english:active, a.lang-czech:active {
  background-position: 0px -34px;
}
/* ---------------------------------- main ---------------------------------- */
.main100 {
  width: 100%;
  text-align: center;
  color: #DC462E;
}
.main742 {
  width: 742px;
  background-color: white;
  text-align: left;
  margin: 0px auto 0px auto;
}
.main {
  width: 740px;
  background-color: #F8F9FB;
  background-image: url('bg-main.gif');
  background-position: left top;
  background-repeat: repeat-y;
  margin: 0px 1px;
  position: relative;
}
.stop {
  padding-bottom: 15px;
  clear: both;
}
/* ---------------------------------- main - left --------------------------- */
.main-left {
  width: 505px;
  padding-bottom: 30px;
  float: left;
  font: normal normal 9pt/12pt Arial;
  color: #58656E;
  text-align: justify; 
}
.main-left h1 {
  margin: 1.0em 10px 0.5em 30px;
  border-bottom: 1px solid #DC462E;
  font: normal bold 16pt/20pt Arial;
  color: #DC462E;
}
.main-left h2 {
  margin: 1.0em 10px 0.5em 30px;
  border-bottom: 1px solid #DC462E;
  font: normal bold 13pt/16pt Arial;
  color: #DC462E;
}
.main-left h3 {
  margin: 1.5em 10px 0.5em 30px;
  font: normal bold 11pt/14pt Arial;
  color: #DC462E;
}
.main-left p {
  margin: 0.5em 10px 0.5em 30px;
}
.main-left p.ico-xr {
  margin: 0.5em 10px 0.5em 30px;
  padding: 1px 0px 0px 24px;
  background-image: url('ico-xr.gif');
  background-position: left top;
  background-repeat: no-repeat;
  font: normal bold 8pt/12pt Arial;
  color: #DC462E;
}
.main-left p.ico-er {
  margin: 0.5em 10px 0.5em 30px;
  padding: 1px 0px 0px 24px;
  background-image: url('ico-er.gif');
  background-position: left top;
  background-repeat: no-repeat;
  font: normal bold 8pt/12pt Arial;
  color: #DC462E;
}
.main-left p.ico-ig {
  margin: 0.5em 10px 0.5em 30px;
  padding: 1px 0px 0px 24px;
  background-image: url('ico-ig.gif');
  background-position: left top;
  background-repeat: no-repeat;
  font: normal bold 8pt/12pt Arial;
}
.main-left p.ico-eg {
  margin: 0.5em 10px 0.5em 30px;
  padding: 1px 0px 0px 24px;
  background-image: url('ico-eg.gif');
  background-position: left top;
  background-repeat: no-repeat;
  font: normal bold 8pt/12pt Arial;
}
.main-left p.ico-sr {
  margin: 0.5em 10px 0.5em 30px;
  padding: 1px 0px 0px 24px;
  background-image: url('ico-sr.gif');
  background-position: left top;
  background-repeat: no-repeat;
  font: normal bold 8pt/12pt Arial;
  color: #DC462E;
}
.main-left p.ico-sg {
  margin: 0.5em 10px 0.5em 30px;
  padding: 1px 0px 0px 24px;
  background-image: url('ico-sg.gif');
  background-position: left top;
  background-repeat: no-repeat;
  font: normal bold 8pt/12pt Arial;
}
.main-left a {
  color: #DC462E;
  text-decoration: underline;
}
.main-left a:hover {
  text-decoration: none;
}
.main-left ul {
  margin-left: 20px;
  margin-right: 5px;
  padding-left: 0px;
}
.main-left li {
  list-style-type: none;
  background-image: url('ul.gif');
  background-position: 0px 0.45em;
  background-repeat: no-repeat;
  margin: 5px 0px;
  padding-left: 10px;
}
.main-left ol {
  margin-left: 15px;
  margin-right: 5px;
  padding-left: 5px;
  font: normal bold 9pt/12pt Arial;
  color: #DC462E;
}
.main-left ol li {
  list-style-type: decimal;
  background-image: none;
  margin-left: 15px;
  padding-left: 0px;
}
.main-left ol li span {
  position: relative; left: -5px;
  font: normal normal 9pt/12pt Arial;
  color: #58656E;
}
.main-left-img {
  float: right;
  margin: 5px 6px 5px 10px;
  padding-right: 3px;
  border-right: 1px solid #888D91;
  font: normal normal 8pt/11pt Arial;
  text-align: right;
  color: #DC462E;
}
.main-left-img-next {
  float: right;
  margin: 5px 0px 5px 10px;
  font: normal normal 8pt/11pt Arial;
  text-align: right;
  color: #DC462E;
}
.main-left table {
  width: 471px;
  margin: 10px 0px 10px 27px; /* ... 26px;
  padding-left: 3px;
  border-left: 1px solid #F1AA96; */
  font: normal normal 9pt/14pt Arial;
  color: #58656E;
}
.main-left table thead tr td {
  border-bottom: 1px solid #DC462E;
  font: normal bold 9pt/14pt Arial;
  color: #DC462E;
}
.main-left table tbody tr td {
  border-bottom: 1px solid #D0D7DD;
}
.main-left table tbody tr:hover td {
  border-bottom: 1px solid #58656E;
}
.main-left table tfoot td {
  font: italic normal 8pt/11pt Arial;
  color: #58656E;
 }
.hr-left {
  width: 465px;
  height: 1px;
  clear: both;
  overflow: hidden;
  margin: 15px 0px 15px 30px;
  border-bottom: 1px solid #DC462E;
}
.tab33 {
  float: left;
  width: 3.3em;
}
.tab90 {
  float: left;
  width: 9em;
}
.tab50per {
  float: left;
  width: 50%;
}
.new-window {
  padding-right: 6px;
  background-image: url('new-window.gif');
  background-position: top right;
  background-repeat: no-repeat;
}
.scroll-lock {
  padding-right: 7px;
  background-image: url('scroll-lock.gif');
  background-position: bottom right;
  background-repeat: no-repeat;
}
/* ---------------------------------- main - right -------------------------- */
.main-right {
  width: 205px;
  padding-top: 12px;
  padding-bottom: 10px;
  float: right;
  text-align: right;
  color: #58656E;
}
.main-right-h {
  width: 200px;
  height: 16px;
  float: right;
  margin: 20px 0px 0px 0px;
}
.main-right h1 {
  display: block;
  height: 16px;
  margin: 0px;
  padding-right: 30px;
  background-color: #F1AA95;
  background-image: url('bar-red.gif');
  background-position: top left;
  background-repeat: no-repeat;
  font: italic bold 9pt/15px Arial;
  letter-spacing: 1px;
  color: white;
}
.main-right h2 {
  display: block;
  height: 16px;
  margin: 0px;
  padding-right: 30px;
  background-color: #D0D8DD;
  background-image: url('bar-grey.gif');
  background-position: top left;
  background-repeat: no-repeat;
  font: italic bold 9pt/15px Arial;
  letter-spacing: 1px;
  color: #58656E;
}
.main-right p {
  width: 160px;
  float: right;
  margin: 10px 30px 0px 0px;
  _margin-right: 15px;
  font: normal normal 8pt/15px Arial;
}
.main-right a {
  text-decoration: underline;
  color: #DC462E;
}
.main-right a:hover {
  text-decoration: none;
  color: #DC462E;
}
.news-action {
  background-color: #FFFC7F;
  padding: 5px 0px;
}

/* --------------------------------- submenu -------------------------------- */
a.submenu {
  width: 160px;
  float: right;
  clear: right;
  margin-right: 30px;
  padding: 0.2em 0px;
  border-bottom: 1px solid #F1AA95;
  font: italic bold 8pt/15px Arial;
  text-decoration: none;
  letter-spacing: 1px;
  color: #58656E;
}
a.submenu-a {
  width: 160px;
  float: right;
  clear: right;
  margin-right: 30px;
  padding: 0.2em 0px;
  border-bottom: 1px solid #F1AA95;
  font: italic bold 8pt/15px Arial;
  text-decoration: none;
  letter-spacing: 1px;
  color: #DC462E;
}
a.submenu-a:hover {
  text-decoration: none;
}
a.submenu:hover, a.submenu-a:active {
  font: italic bold 8pt/15px Arial;
  text-decoration: none;
  color: #924741;
}
a.submenu:active {
  color: #DC462E;
}
a.submenu-i {
  width: 160px;
  float: right;
  clear: right;
  margin-right: 30px;
  padding: 0.2em 0px;
  border-bottom: 1px solid #F1AA95;
  font: italic bold 8pt/15px Arial;
  text-decoration: none;
  letter-spacing: 1px;
  color: #D0D8DD;
}
a.submenu-i:hover {
  text-decoration: none;
  color: #D0D8DD;
}
/* ---------------------------------- tail ---------------------------------- */
.tail100 {
  width: 100%;
  height: 68px;
  background-color: #263135;
  background-image: url('bg-grad.gif');
  background-position: center top;
  background-repeat: repeat-y;
  border-bottom: 1px solid #58656E;
  text-align: center;
}
.tail742 {
  width: 742px;
  background-color: white;
  text-align: left;
  margin: 0px auto 0px auto;
  padding-bottom: 1px;
}
.tail {
  width: 740px;
  height: 50px;
  background-color: #BACBDE;
  background-image: url('tail.jpg');
  background-position: left top;
  margin: 0px 1px;
}
.last {
  width: 740px;
  margin: 0px auto 0px auto;
  font: normal normal 8pt/16px Arial;
  text-align: left;
  color: #374349;
}
.last-right {
  width: 220px;
  margin-left: 520px;
  text-align: center;
}
.last-right a {
  text-decoration: underline;
  color: #374349;
}
.last-right a:hover {
  text-decoration: none;
  color: #798992;
}