#content-index {
  border: 1px solid #cccdcc;
  color: #d8ded9;
  background: #24782e url('../images/content-index-back.gif') top left repeat-x; 
  width: 952px;
  _width: 954px;
  padding: 0;
}
#index-text {
  color: #d8ded9;
  margin: 390px 0 0 0;
  _margin: 400px 0 0 0;
  padding: 10px 20px;
}
#index-text h1 {font-size: 1.4em;}
#index-text h1, #index-text h2, #index-text h3 {color: #d8ded9;}


#index-guide {
  position: absolute;
  top: 248px;
  left: 0;
  /*background: transparent url('../images/guide-back.gif') top left repeat-x;*/
  width: 830px;
  height: 380px;
  _height: 350px;
  margin: 0 20px 0 0;
  padding: 30px 0 0 0;
  
}

#index-guide .guide-col {
  float: right;
  width: 253px;
  margin: 0 -15px 0 0;
  padding: 45px 0 0 0;
}

#index-guide .guide-item {
  float: right;
  display: block;
  position: relative;
  /*background: transparent url('../images/index-guide-item.png') top left no-repeat;*/
  width: 260px;
  height: 131px;
  margin: -15px 0 0 0;
  z-index: 2;
}

#index-guide #guide-items-background {/*margin: -500px 0 0 0;*/}
#index-guide .guide-item-back {
  position: absolute;
  background-image: url('../images/index-guide-item.png');
  background-repeat: no-repeat; 
  /*border: 1px solid red;*/
  top: 0; left: 0;
  width: 260px; 
  height: 131px;
  margin: 0; 
  padding: 1px 0 0 0;
  _padding: 0;
  z-index: 1;
}

#index-guide .guide-item-back.item1 {top: 16px; left: 575px;}
#index-guide .guide-item-back.item2 {top: 132px; left: 575px;}
#index-guide .guide-item-back.item3 {top: 248px; left: 575px;}

#index-guide .guide-item-back.item4 {top: 16px; left: 330px;}
#index-guide .guide-item-back.item5 {top: 132px; left: 330px;}
#index-guide .guide-item-back.item6 {top: 248px; left: 330px;}

#index-guide .guide-item-back.item7 {top: 16px; left: 85px;}
#index-guide .guide-item-back.item8 {top: 132px; left: 85px;}
#index-guide .guide-item-back.item9 {top: 248px; left: 85px;}

#index-guide .guide-item-back .guide-icon {
  background-image: url('../images/index-guide-item-icons.gif');
  background-repeat: no-repeat; 
  width: 44px; 
  height: 44px;
  margin: 9px 0 0 201px;
  _margin: 9px 0 0 201px;
  z-index: 0; 
}

.guide-icon.icon1 {background-position: 0 0;}
.guide-icon.icon2 {background-position: 0 -44px;}
.guide-icon.icon3 {background-position: 0 -88px;}
.guide-icon.icon4 {background-position: 0 -132px;}
.guide-icon.icon5 {background-position: 0 -176px;}
.guide-icon.icon6 {background-position: 0 -220px;}
.guide-icon.icon7 {background-position: 0 -264px;}
.guide-icon.icon8 {background-position: 0 -308px;}
.guide-icon.icon9 {background-position: 0 -352px;}

#index-guide .guide-item ul {list-style: none; list-style-type: none; margin: 0; padding: 0; z-index: -10;}
#index-guide .guide-item ul li.heading {
  text-align: center;
  color: #000000;
  font-weight: bold;
  padding: 2px 15px 2px 5px;
}
#index-guide .guide-item ul li {
  color: #000000;
  /*position: relative;*/
  text-align: center;
  width: 200px;
  list-style: none; 
  list-style-type: none; 
  margin: 0; padding: 0;
  z-index: 20;
}

#index-guide .guide-item ul li a {
  display: block;
  color: #23772e;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
  padding: 11px 13px 12px 13px;
}


#index-guide .guide-item .uroven2 {
  position: absolute;
  float: right;
  left: 100px;
  top: -10px;
  visibility: hidden;
  font-size: 0.9em;
  text-align: left;
  background-color: #dddddd;
  border: 1px solid #528c59;
  width: 190px;
  margin: 0; padding: 0;
  z-index: 1500;
}

#index-guide .guide-item .uroven2 li {
  position: relative;
  text-align: left;
  /*border-bottom: 1px solid #535353;*/
  margin: 0; padding: 0;
  width: 190px;
  z-index: 1600;
  /*height: 20px;*/
}
#index-guide .guide-item .uroven2 li a {
  color: #393939;
  display: block;
  line-height: 1.4em;
  font-weight: normal;
  font-size: 0.9em;
  margin: 0;
  padding: 3px 13px;
  z-index: 2000;
}
#index-guide .guide-item .uroven2 li a:hover {text-decoration: underline; color: #2a7a33;}
#index-guide .guide-item li.Hover ul.uroven2,
#index-guide .guide-item li:hover ul.uroven2 {
	visibility: visible;
}

/*použití hover.htc scriptu pro správné chování ie*/
#index-guide .guide-item li {
	behavior: url('http://www.smp-pce.cz/css/hover.htc');
}