body {
  font-family: Arial, Tahoma, Verdana, lucida, sans-serif;
  background: #F5F6F8;
  color: #000;
	font-size: 12px;
	text-align: center;
}

#page {
  margin: 0px auto;
  text-align: left;
  border: 1px solid #606163;
  width: 863px;
  background: #FFF;
  clear: both
}

#header {
  height: 82px;
  background: #CED9DF URL('obrazy/1_03.jpg') center top no-repeat;
}

#header .logolink {
  height: 82px;
  width: 380px;
  text-decoration: none;
  display: block;
}

#menu {
  border-top: 1px solid #ABABAB;
  border-bottom: 1px solid #ABABAB;
  color: #ABABAB;
  background: #FFF;
  padding: 0px;
  font-size: 12px;
  padding-left: 231px;
  height: 21px;
  _height: 23px;
}

#menu-position {
  position:relative;
  z-index:3
}

#middle {
  clear: both;
  background: #CED9DF URL('obrazy/1_08.jpg') top left repeat-y;
  _height: 495px;
  min-height: 495px;
  position: relative;
}

#sidebar {
  position: absolute;
  width: 215px;
  margin:0;
  padding:0;
  left:0;
  height: 452px;
  min-height: 452px;
  background: #CED9DF URL('obrazy/1_06.jpg') top center no-repeat;
  _left:0px;
  z-index: 100;
}

#sidebar .logolink {
  position: absolute;
  text-decoration: none;
  z-index: 100;
}
#sidebar .logolink img{
  height: 82px;
  width: 215px;
  border: 0px;
}

#sidebar-content {
  padding: 80px 12px 12px 68px;
}

#content {
  margin:0 0 0 215px;
  padding:0;
  background: #FFF URL('obrazy/1_07.jpg') top center no-repeat;
  _height: 495px;
  min-height: 495px;
}

#content-content {
  padding: 16px 8px 8px 8px;
  font-size: 12px;
  text-align: center;
}

#content-content td {
  font-size: 12px;
}

#content-index {
  position: relative;
  width: 630px;
  height: 31px;
  top: 422px;
  left: 9px;
  padding: 0px 2px;
  text-align: right;
  font-size: 12px;
  font-family: Verdana;
  color: #000;
}

#content-content .uvodni {
  background: none;
  padding: 260px 10px 0px;
  margin: 0px;
  text-align: justify;
  height: 190px;
  font-family: Arial, Tahoma, Verdana, lucida, sans-serif;
  border: 0px solid #7A95A8;
  line-height: 1.5;
}

#content-content .uvodni p {
  color: black;
  filter: none;
  font-family: Verdana;
  font-size: 90%;
}

#footer {
  clear: both;
  background: #CED9DF URL('obrazy/1_10.jpg') top left no-repeat;
  height: 93px;
  margin:0;
  padding:0;
  position: relative;
  padding-left: 215px
}

#footer #floater {
  position: absolute;
  width: 215px;
  height: 37px;
  background: #CED9DF URL('obrazy/1_09.jpg') top left no-repeat;
  top: -37px;
  left: 0px;
}

#footer #box {
  padding: 16px;
}

#footer #box a {
  color: #606163;
  text-decoration: none
}

#footer #box a:hover {
  color: #000;
  text-decoration: underline
}

.hidden {
  display: none;
}

.printonly {
  display: none;
}




.clsCMOn {
	color: #ABABAB;
	font-size: 12px;
	text-decoration : none;
  font-weight: bold;
  padding: 2px 4px 0 4px;
  text-align:left;
  font-family: Arial;
}

.clsCMOver {
	color: #454545;
	font-size: 12px;
	text-decoration : none;
	font-weight: bold;
  padding: 2px 4px 0 4px;
  text-align:left;
  font-family: Arial;
}

.clsCMSubOn {
	color: #ABABAB;
	font-size: 12px;
	text-decoration : none;
  padding: 2px 4px;
  text-align:left;
  font-family: Arial;
  border-bottom: 1px solid #ABABAB;
  border-left: 1px solid #ABABAB;
  border-right: 1px solid #ABABAB;
}

.clsCMSubOver {
	color: #454545;
	font-size: 12px;
	text-decoration : none;
	padding: 2px 4px;
  text-align:left;
  font-family: Arial;
  border-bottom: 1px solid #ABABAB;
  border-left: 1px solid #ABABAB;
  border-right: 1px solid #ABABAB;
}




#sidebar-content a.arx {
      display: block;
      background: white;
      border: 1px solid #D9DADB;
      padding: 4px;
      margin-bottom: 8px;
      font-weight: bold;
      text-decoration: none;
      color: #A1A1A1;
}

#sidebar-content a.ary {
      font-weight: bold;
      text-decoration: none;
      color: #A1A1A1;
}

#header-menu {
  float: right;
  padding: 12px 8px 8px 8px;
  text-align: right;
}

#header-menu a.arx {
      background: white;
      border: 1px solid #D9DADB;
      margin: 0px;
      padding: 4px;
      margin-bottom: 16px;
      font-weight: bold;
      text-decoration: none;
      color: #888;
}

#header-menu a.arx:hover {
      color: #444;
}

#header-menu a.arx_selected {
      background: white;
      border: 1px solid #D9DADB;
      margin: 0px;
      padding: 4px;
      margin-bottom: 16px;
      font-weight: bold;
      text-decoration: none;
      color: #444;
}




.zb_bg {
  border: 1px solid #EEE;
  margin: 8px;
}

.zb_hd {
  background: #EEE;
  padding: 4px;
}


.zb_bg td {
  text-align: center
}

.popisrady {
  position: relative; width: 600px; height: 31px; top: 452px; left: 9px; padding: 1px; color: black; font-family: Verdana; text-align: right; font-size: 9pt
}

.techpopis {
  overflow: auto; height: 350px; border: 1px solid black; filter: alpha(opacity=80, style=0); background: white; text-align:justify; padding: 1em
}

.techpopis h3 {
  margin-top: 0px;
  margin-bottom: 0.5em;
}

.novinka {
  width: 85%; height: 16px; filter: alpha(opacity=100, finishopacity=0, style=1); background: #2B9BA8; text-align:left; padding: 2px; color:white; font-weight: bold; padding-left: 0.5em; margin-bottom: 4px;
}

.obrazky {
  margin-left: 320px;position:relative;top:14px
}

.obrazky img {border: 1px solid black; margin-left: 8px}

.zast {padding-left: 4px; filter: alpha(opacity=100, finishopacity=0, style=1);border-bottom: 1px solid silver; color: white; }

#content-content a {color: black}






@media print {
#header, #sidebar, #footer, #menu {display: none}
#page {width: inherited}
#body {margin: 2px; background: white}
#middle, #page, #content {background: white; border: 0; width: auto; height: auto; min-height: auto; margin: 0; padding: 0}

* {background: white !important; font-size: 14px}
table {width: 95% !important}

#content-index {
  position: static;
  width: auto;
  height: auto;
  font-family: Arial, Tahoma, Verdana, lucida, sans-serif;
}

h1.printonly {
  display: block;
  font-size: 20px
}

.zb_bg td {
  text-align: center
}

.techpopis {
  border: 0;
}

.zast {
  color: black
}

}