/*-------------------------- OBRÁZKY PRO INDEX ------------------------------ */
#content.index {background: url("../_images/index-backcz2.jpg") no-repeat top left; }
.index-pic a {
  position: relative;
  font-size: 13px;
  text-decoration: none;
  /*z-index: 40;*/
}
.index-pic a.pic1 {float: left; display: inline; text-align: right; margin: 75px 0 0 80px; z-index: 2;}
.index-pic a.pic1 span {
  position: absolute;
  background: url("../_images/index-pic1.gif") no-repeat top left;
  top: -2px;
  left: 92px;
  width: 136px;
  height: 138px;
  z-index: 15;
}
.index-pic a.pic1:hover {z-index: 15;}
.index-pic a.pic1:hover span {
  position: absolute;
  background: url("../_images/index-pic1.gif") no-repeat top left;
  background-position: -136px 0px;
  width: 136px;
  height: 138px;
  z-index: 25;
}
.index-pic a.pic2 {float: right; display: inline; margin: 74px 28px 0 0px;  z-index: 1;}
.index-pic a.pic2 span {
  position: absolute;
  background: url("../_images/index-pic2.jpg") no-repeat top left;
  top: -2px;
  right: 125px;
  width: 136px;
  height: 138px;
  z-index: 1;
}
.index-pic a.pic2:hover {z-index: 10;}
.index-pic a.pic2:hover span {
  background: url("../_images/index-pic2.jpg") no-repeat top right;
  background-position: -136px 0px;
  width: 136px;
  height: 138px;
  z-index: 20;
}

.index-pic a.pic3 {clear: both; float: left; display: inline; text-align: right; margin: 61px 0 0 0; z-index: 1;}
.index-pic a.pic3 span {
  position: absolute;
  background: url("../_images/index-pic3.jpg") no-repeat top left;
  top: 17px;
  left: 69px;
  width: 136px;
  height: 138px;
  z-index: 12;
}
.index-pic a.pic3:hover {z-index: 4;}
.index-pic a.pic3:hover span {
  background: url("../_images/index-pic3.jpg") no-repeat top right;
  background-position: -136px 0px;
  width: 136px;
  height: 138px;
  z-index: 25;
}
.index-pic a.pic4 {clear: right; float: right; display: inline; margin: 64px 0 0 0;  z-index: 10;}
.index-pic a.pic4 span {
  position: absolute;
  background: url("../_images/index-pic4.gif") no-repeat top left;
  top: 19px;
  right: 60px;
  /*_top: 0px;*/
  width: 137px;
  height: 138px;
  z-index: 10;
}
.index-pic a.pic4:hover span {
  background: url("../_images/index-pic4.gif") no-repeat;
  background-position: -137px 0px;
  width: 137px;
  height: 138px;
  z-index: 2;
}
.index-pic a.pic5 {clear: both; float: left; display: inline; text-align: right; margin: 280px 0 0 0;  z-index: 1;}
.index-pic a.pic5 span {
  position: absolute;
  background: url("../_images/index-pic5.jpg") no-repeat top left;
  bottom: 13px;
  left: 70px;
  width: 136px;
  height: 138px;
  z-index: 1;
}
.index-pic a.pic5:hover span {
  background-position: -136px 0px;
  z-index: 2;
}
.index-pic a.pic6 {clear: right; float: right; display: inline; margin: 280px 25px 0 0;  z-index: 1;}
.index-pic a.pic6 span {
  position: absolute;
  background: url("../_images/index-pic6.jpg") no-repeat top left;
  bottom: 16px;
  right: 39px;
  /*_bottom: 46px;*/
  /*_right: 63px;*/
  width: 136px;
  height: 138px;
  z-index: 1;
}
.index-pic a.pic6:hover span {
  background-position: -136px 0px;
  z-index: 2;
}

.index-pic a.pic7 {clear: left; float: left; display: inline; text-align: right; margin: 64px 0 0 35px;  z-index: 1;}
.index-pic a.pic7 span {
  position: absolute;
  background: url("../_images/index-pic7.gif") no-repeat top left;
  bottom: -4px;
  left: 132px;
  width: 136px;
  height: 138px;
  z-index: 1;
}

.index-pic a.pic7:hover span {
  background-position: -136px 0px;
  z-index: 2;
}

.index-pic a.pic8 {clear: right; float: right; display: inline; margin: 60px 38px 0 0; z-index: 1;}
.index-pic a.pic8 span {
  position: absolute;
  background: url("../_images/index-pic8.gif") no-repeat top left;
  bottom: -4px;
  right: 122px;
  width: 136px;
  height: 138px;
  z-index: 1;
}

.index-pic a.pic8:hover span {
  background-position: -136px 0px;
  z-index: 2;
}