/* layout stranky */
body {
  margin: 0px;
  text-align: center;
  background: rgb(255,255,255) url(../graphics/layout/homepage/page_bg.png) repeat-x center bottom;
}
#layout_container {
  margin: auto;
  width: 980px;
  text-align: left;
}
#layout_header {
  float: left;
  height: 150px;
  width: 980px;
  background: rgb(255,255,255) url(../graphics/layout/homepage/top_bg.png) no-repeat right top;
}
#layout_menu {
  float: left;
  height: 50px;
  width: 980px;
  background: transparent url(../graphics/layout/homepage/menu.png) no-repeat;
}
#layout_bodytop {
  float: left;
  height: 25px;
  width: 980px;
  background: rgb(255,255,255) url(../graphics/layout/homepage/bodytop_bg.png) no-repeat center bottom;
}
#layout_body {
  float: left;
  width: 980px;
  background: transparent url(../graphics/layout/homepage/body_bg.png) repeat-y center bottom;
}
#layout_rightbar {
  float: right;
  width: 250px;
}
#layout_content {
  float: left;
  width: 730px;
}
#layout_rightbar_container {
  float: left;
  margin: 0px 15px 0px 15px;
}
#layout_content_container {
  float: left;
  margin: 0px 15px 0px 15px;
  width: 700px;
}
#layout_footer {
  float: left;
  height: 97px;
  width: 980px;
  background: transparent url(../graphics/layout/homepage/footer_bg.png) no-repeat center top;
}
#layout_copyright {
  margin: 20px 0px 0px 20px;
  width: 980px;
  text-align: center;
}

/* obrazek loga */
#logo_img {
  border: 0px;
  margin: 0px;
  top: 20px;
  display: block;
  width: 500px;
  height: 100px;
  position: absolute;
  background: transparent url(../graphics/logo.png) no-repeat;
}

/* menu */
#menulogo_item {
  float: left;
  height: 50px;
  width: 93px;
  display: inline-block;
  background: transparent url(../graphics/layout/homepage/menu_separator.png) no-repeat right top;
}
#menulogo_item a {
  float: left;
  height: 50px;
  width: 70px;
  display: inline-block;
}
#menulogo_item a:hover {
  height: 50px;
  width: 70px;
  background-image: url(../graphics/layout/homepage/menulogo_hover.png);
}
#layout_menu ul {
  position: relative;
  margin: 0px;
  padding: 0px;
}
#layout_menu ul li {
  margin: 0px;
  float: left;
  display: block;
  list-style: none;
  text-align: left;
  width: 143px;
  background: transparent url(../graphics/layout/homepage/menu_separator.png) no-repeat right top;
}
#layout_menu ul a {
  display: block;
  text-decoration: none;
  text-align: center;
  width: 140px;
  font: normal 14pt Calibri,Arial;
  line-height: 50px;
  color: rgb(16,48,64);
}
#layout_menu ul a:hover {
  background-image: url(../graphics/layout/homepage/menuitem_hover.png);
  color: rgb(255,255,255);
}

/* rozeviraci menu */
#layout_menu ul ul {
  position: absolute;
  display: block;
  width: 138px;
  display: none;
  background: transparent url(../graphics/layout/homepage/menu_extend.png) repeat-y left bottom;
  border-left:  1px rgb(16,48,64) solid;
  border-right:  1px rgb(16,48,64) solid;
  border-bottom: 3px rgb(32,96,128) double;
}
#layout_menu ul ul li {
  float: left;
  display: block;
  width: 138px;
  list-style: none;
  text-align: center;
  background: none;
  border-bottom: 1px rgb(16,48,64) dotted;
}
#layout_menu ul ul a {
  float: left;
  display: block;
  width: 138px;
  padding: 5px 0px 5px 0px;
  text-decoration: none;
  width: 140px;
  font: bold 11pt Calibri,Arial;
  color: rgb(16,48,64);
}
#layout_menu ul ul a:hover {
  width: 138px;
  color: rgb(255,255,255);
  background: rgb(16,48,64) url();
}

/* rightbar */
.rightbar {
  list-style-image: url(../graphics/bullet.png);
  margin: 0px;
  padding: 0px 0px 0px 40px;
}
.rightbar li {
  list-style-image: url(../graphics/bullet.png);
  margin: 5px 0px 5px 0px;
  padding 0;
}