@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}

/*---------------------------------------------- mapa kraje ---*/
.krava {
  width: 386px;
  height: 246px;
	background: url("../img/krava.gif") no-repeat;
	position: relative;
  margin-left: 40px;	
}
a.krava-pero {
  width: 91px;
  height: 76px;
	background: url("../img/krava-pero.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 35px;
	left: 76px;
	z-index: 0;
}
a:hover.krava-pero, a.active-krava-pero {
	background: url("../img/krava-pero.gif") no-repeat left bottom;
}
a.krava-plec {
  width: 84px;
  height: 54px;
	background: url("../img/krava-plec.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 87px;
	left: 86px;
	z-index: 1;
}
a:hover.krava-plec{
	background: transparent url("../img/krava-plec.gif") no-repeat left bottom;
}
a.krava-rostenec {
  width: 51px;
  height: 52px;
	background: url("../img/krava-rostenec.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 37px;
	left: 159px;
	z-index: 3;
}
a:hover.krava-rostenec{
	background: transparent url("../img/krava-rostenec.gif") no-repeat left bottom;
}
a.krava-pklizka {
  width: 62px;
  height: 34px;
	background: url("../img/krava-pklizka.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 131px;
	left: 105px;
	z-index: 3;
}
a:hover.krava-pklizka {
	background: transparent url("../img/krava-pklizka.gif") no-repeat left bottom;
}
a.krava-zebro {
  width: 67px;
  height: 40px;
	background: url("../img/krava-zebro.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 84px;
	left: 159px;
	z-index: 3;
}
a:hover.krava-zebro {
	background: transparent url("../img/krava-zebro.gif") no-repeat left bottom;
}
a.krava-hrudi {
  width: 67px;
  height: 45px;
	background: url("../img/krava-hrudi.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 121px;
	left: 159px;
	z-index: 3;
}
a:hover.krava-hrudi {
	background: transparent url("../img/krava-hrudi.gif") no-repeat left bottom;
}
a.krava-svickova {
  width: 103px;
  height: 27px;
	background: url("../img/krava-svickova.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 59px;
	left: 186px;
	z-index: 3;
}
a:hover.krava-svickova {
	background: transparent url("../img/krava-svickova.gif") no-repeat left bottom;
}
a.krava-bok {
  width: 70px;
  height: 83px;
	background: url("../img/krava-bok.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 76px;
	left: 224px;
	z-index: 3;
}
a:hover.krava-bok {
	background: transparent url("../img/krava-bok.gif") no-repeat left bottom;
}
a.krava-rostenecn {
  width: 91px;
  height: 27px;
	background: url("../img/krava-rostenecn.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 36px;
	left: 211px;
	z-index: 3;
}
a:hover.krava-rostenecn {
	background: transparent url("../img/krava-rostenecn.gif") no-repeat left bottom;
}
a.krava-kyta {
  width: 88px;
  height: 140px;
	background: url("../img/krava-kyta.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 35px;
	left: 285px;
	z-index: 3;
}
a:hover.krava-kyta {
	background: transparent url("../img/krava-kyta.gif") no-repeat left bottom;
}
a.krava-zklizka {
  width: 40px;
  height: 43px;
	background: url("../img/krava-zklizka.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 139px;
	left: 298px;
	z-index: 4;
}
a:hover.krava-zklizka {
	background: transparent url("../img/krava-zklizka.gif") no-repeat left bottom;
}


.prase {
  width: 386px;
  height: 246px;
	background: url("../img/prase.gif") no-repeat;
	position: relative;
  margin-left: 40px;
}
a.prase-hlava {
  width: 99px;
  height: 104px;
	background: url("../img/prase-hlava.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 86px;
	left: 5px;
	z-index: 3;
}
a:hover.prase-hlava {
	background: transparent url("../img/prase-hlava.gif") no-repeat left bottom;
}
a.prase-lalok {
  width: 48px;
  height: 70px;
	background: url("../img/prase-lalok.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 112px;
	left: 62px;
	z-index: 3;
}
a:hover.prase-lalok {
	background: transparent url("../img/prase-lalok.gif") no-repeat left bottom;
}
a.prase-krkovicka {
  width: 90px;
  height: 79px;
	background: url("../img/prase-krkovicka.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 35px;
	left: 67px;
	z-index: 3;
}
a:hover.prase-krkovicka {
	background: transparent url("../img/prase-krkovicka.gif") no-repeat left bottom;
}
a.prase-plec {
  width: 77px;
  height: 101px;
	background: url("../img/prase-plec.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 61px;
	left: 102px;
	z-index: 4;
}
a:hover.prase-plec {
	background: transparent url("../img/prase-plec.gif") no-repeat left bottom;
}
a.prase-koleno1 {
  width: 42px;
  height: 21px;
	background: url("../img/prase-koleno1.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 159px;
	left: 98px;
	z-index: 3;
}
a:hover.prase-koleno1 {
	background: transparent url("../img/prase-koleno1.gif") no-repeat left bottom;
}
a.prase-noha1 {
  width: 46px;
  height: 40px;
	background: url("../img/prase-noha1.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 177px;
	left: 78px;
	z-index: 3;
}
a:hover.prase-noha1 {
	background: transparent url("../img/prase-noha1.gif") no-repeat left bottom;
}
a.prase-bok {
  width: 138px;
  height: 86px;
	background: url("../img/prase-bok.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 67px;
	left: 152px;
	z-index: 3;
}
a:hover.prase-bok {
	background: transparent url("../img/prase-bok.gif") no-repeat left bottom;
}
a.prase-pecene {
  width: 155px;
  height: 47px;
	background: url("../img/prase-pecene.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 25px;
	left: 154px;
	z-index: 3;
}
a:hover.prase-pecene {
	background: transparent url("../img/prase-pecene.gif") no-repeat left bottom;
}
a.prase-panenka {
  width: 69px;
  height: 20px;
	background: url("../img/prase-panenka.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 46px;
	left: 216px;
	z-index: 3;
}
a:hover.prase-panenka {
	background: transparent url("../img/prase-panenka.gif") no-repeat left bottom;
}
a.prase-kyta {
  width: 92px;
  height: 136px;
	background: url("../img/prase-kyta.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 38px;
	left: 279px;
	z-index: 3;
}
a:hover.prase-kyta {
	background: transparent url("../img/prase-kyta.gif") no-repeat left bottom;
}
a.prase-koleno2 {
  width: 33px;
  height: 20px;
	background: url("../img/prase-koleno2.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 168px;
	left: 307px;
	z-index: 3;
}
a:hover.prase-koleno2 {
	background: transparent url("../img/prase-koleno2.gif") no-repeat left bottom;
}
a.prase-noha2 {
  width: 38px;
  height: 33px;
	background: url("../img/prase-noha2.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 186px;
	left: 293px;
	z-index: 3;
}
a:hover.prase-noha2 {
	background: transparent url("../img/prase-noha2.gif") no-repeat left bottom;
}
}