* {margin:0; padding:0}
body {
	font-family: Arial, Tahoma, Verdana, lucida, sans-serif;
	background: #F5F6F8 url(*) no-repeat fixed 50% 0;
	color: black;
	font-size: 12px;
	text-align: center;
	margin:0
}
html>body {
	font-size: 12px;
}
#main {
	width: 862px;
	text-align: left;
	background: white url(gfx/bg.gif) repeat-y left;
	border: 1px solid black;
	padding:0;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
  position: relative;
  margin: 16px auto;
}
#head {
	color: #fff;
	background: #FFF url(*) no-repeat;
	height: 68px;
	margin:0;
	padding:8px;
	padding-right: 3px;
	text-align:right;
	font-size: 11px;
}

#headmenubox {
  float: left;
  position: absolute;
}

#headmenubox img {
  border: 0px;
}

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

#head a.arx:hover {
      color: #444;
}

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

#text {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sidebar {
      float: left;
      width: 214px;
      height: 495px;
      margin:0px; padding:0px;
      background: green;
      _margin-bottom: -500px;
      }
#sidebar-content {
      padding: 1em;
  	  text-align:left;
  	  margin-left: 48px;
  	  margin-top: 119px;
      }

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

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

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

#sidebar-content a:hover {
      color: #444;
}

#obsah {
      /*margin:0 0 0 214px; padding:0; background:#FFFFFF;*/
      _margin:0 0 0 211px;
      height: 495px;
      width: 648px;
      _width: 651px;
	  _height:495px;
	  overflow: auto;
	  _overflow: hidden;
	  _overflow-y: auto;
	  scrollbar-base-color: #CBD6DE;
      }
#obsah-content {
      margin:0; padding: 1em;
      font-size: 100%;
      text-align: center;
      /*margin: 1em;*/
      }

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
#footer {
	ghjcgidth: 865px;
	height: 93px;
	text-align: left;
	margin:0px;
	padding:0px;
	background: #2B9BA8 url(../gfx/slecna.gif) no-repeat left center;
}


#menu {
  background: #FFF;
	text-align: right;
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	color: gray;
	height: 13px
}

#menu a {
  color: gray;
  text-decoration: none;
  padding-right: 0.5em;
}

#menu a:hover {
  color: #444;
}



#bottommenu {
  background: #FFF;
	text-align: right;
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
	color: gray;
	width: 862px;
	margin-left: 1em;
	margin-right: 1em;
}

#bottommenu a {
  color: #AAA;
  text-decoration: none;
  padding-right: 0.5em;
}

#bottommenu a:hover {
  color: #888;
}



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

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

.clsCMSubOn {
	color: white;
	font-size: 12px;
	text-decoration : none;
  padding: 2px 4px;
  text-align:left;
  font-family: Arial;
}

.clsCMSubOver {
	color: white;
	font-size: 12px;
	text-decoration : none;
	padding: 2px 4px;
  text-align:left;
  background: #006772;
  font-family: Arial;
}

a {color: black}

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

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

#dolnimenu {padding: 1px; padding-left: 232px; color: white}
#dolnimenu a {color: white}
#dolnimenu a:hover {color: black}

.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 {
  height: 350px; border: 1px solid black; filter: alpha(opacity=80, style=0); background: white; text-align:justify; padding: 1em
}

.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; }

.neviditelne {
	position:absolute;
	left:-10000px}

.karta {pborder:1px solid black; width: 100%; text-align:left}
.karta td {padding:0.5em}
.karta td.capt {background: #DFDFDD; font-size: 110%; padding-top:2px; padding-bottom:2px; font-size: 90%}