body {margin: 0; padding: 0 0 10px 0; font-size:12px; background: #444 url('../images/bgbody.png') left top repeat-x; color:#000; font-family: arial, helvetica, sans-serif;}
p {margin: 10px 0;}
a img {border: none;}
a {outline: none;}

h2 {margin: 0.6em 0 0.4em 0;}

/* layout */
#page {width: 970px; margin: 20px auto 0 auto; background: #ddd url('../images/bgtop.png') left top no-repeat; padding: 10px;}
#top img {float: left; border-right: 5px solid #ddd; border-bottom: 5px solid #ddd;}
#top h1 {margin: 0; background: red; }
#top #banner { background: green; float: right;}

div.grayline {height: 18px; background: #aaa; clear: both; text-align: right; padding: 2px 12px 0 0;}
div.grayline a {color: #000;}
div.graylinetext {height: 16px; padding: 2px 8px; background: #ddd; font-weight: bold;} /* mozno vlozit v "editoru" */

#langs {text-align: rigth; background: #999; height: auto; padding: 5px 6px 0 0;}
#langs img {border: 1px solid #999;}
#main {position: relative; margin-top: 7px; overflow: hidden;}
#content {float: right; width: 780px; min-height: 440px; padding: 0 6px 7px 6px; font-size: 12px;}
#footer {clear: both; text-align: center; color: #e0e0e0; background: #444 url('../images/bgbottom.png') center top no-repeat; padding: 20px 0 0 0;}
#footer a {color: #9ac4ee; }

/* menu */
#menu {position: absolute; text-align: center; width: 170px;}
#menu ul {text-align: left; margin: 0; padding: 0; font-weight: bold;}
#menu ul li {line-height: 20px; list-style: none; font-size: 13px; margin: 0 0 6px 0;}
#menu ul a {display: block; padding: 0 0 0 10px; color: #fff; text-decoration: none; background: #888 95% 50% no-repeat; width: 160px;}
#menu ul a:hover, #menu ul a:active, #menu ul li.this {text-decoration: none; background-color: #29166F;}
#menu ul li a.over {background-image: url('../images/menuli.gif')}
#menu p {text-align: center; padding: 0; margin: 20px 0 10px 0;}
#menu p a {background: url('../images/pdf.gif') 0 0 no-repeat; padding-left: 22px;}


  
/* SUBMENU */
.submenu {
  position:absolute;
  z-index:50;
  left:170px;
  display:none;
  text-align:center;
}
.submenu ul {
  width:160px;
  text-align:left;
  font-weight:bold;
  margin:0;
  position:relative;
  padding:0;
  color:#fff;
  background-color:#eee;
}
.submenu ul li {
  font-size:13px;
  list-style:none;
}
.submenu ul a {
  display:block;
  width:140px;
  line-height:20px;
  padding:0 10px 0 10px;
  margin:0 0 6px 0;
  color:#fff;
  text-decoration:none;
  background-color:#aaa;
}
.submenu ul a:hover, .submenu ul a:active, .submenu ul li.this {
  color:#fff;
  text-decoration:none;
  background-color:#29166F;
}

/*CLANKY obr */
.clobr {
  float:left;
  clear:both;
  position:relative;
  margin:15px 5px 15px 0;
  padding:0px;
  background-color:#fff;
  font-size:10px;
  font-weight:bold;
  color:#000;
}
.clobr a {
  border:1px solid #000;
  position:relative;
  display:block;
  color:#000;
  text-decoration:none;
} 
.clobr a:hover, .clobr a:active {
  border:1px solid #808080;
  color:#000;
  text-decoration:none;
}
.clobrblock {
  position:relative;
  width:806px;
  display:block;
  float:left;
}
  
/* PRODUCT */
.biggest {
  font-weight:bold;
  font-size:60px;
  text-align:center;
  color:#fff;
  background: #ccc;
}
.biggestsmall {
  font-weight:bold;
  font-size:30px;
  text-align:center;
  color:#fff;
  background: #ccc;
}
.sprod {
  font-weight:bold;
  font-size:18px;
  text-align:left;
  color:#fff;
}
.sprodsmall {
  font-size:12px;
  text-align:left;
  color:#000;
}
.tablename {
  font-weight:bold;
  font-size:14px;
  color:#000;
}
.tablecomment {
  font-weight:bold;
  font-size:11px;
  color:#000;
}