#hdbox {
    position: absolute;
    height:1200px;
top:-600px;
left:-960px;
    width:1920px;
    z-index:-3;
    border: 1px solid red;
}
#strom {
    background-image: url(../grafika/pozadi/strom.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;

bottom:70%;
height:352px;
left:50%;
margin-bottom:-22px;
margin-left:-960px;
position:absolute;
width:1920px;
z-index:-50;
}
#trava {

    display:none;

    background-image: url(../grafika/pozadi/trava.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;

top:70%;
height:300px;
left:50%;
margin-top:120px;
margin-left:-630px;
position:absolute;
width:1000px;
z-index:-50;
}
#tuzka {

    display:none;

    background-image: url(../grafika/pomucky/tuzka.png);
    background-attachment: scroll;
    background-position: bottom left;
    background-repeat: no-repeat;

    height:418px;
left:35px;
top:-5px;
    width:500px;
    z-index:-3;
}
#pravitko {

    display:none;

    background-image: url(../grafika/pomucky/pravitko.png);
    background-attachment: scroll;
    background-position: bottom left;
    background-repeat: no-repeat;

    height:529px;
left:-385px;
top:-150px;
    width:400px;
    z-index:-3;
}
#slunicko {
    background-image: url(../grafika/slunicko.png);
    background-attachment: scroll;
    background-position: bottom left;
    background-repeat: no-repeat;

    height:119px;
    margin-right:-190px;
    margin-top:-70px;
    position:absolute;
    right:20%;
    top:10%;
    width:119px;
    z-index:-1;

    }
#krtek {
    background-attachment: scroll;
    background-position: bottom left;
    background-repeat: no-repeat;

    position: absolute;
    height:170px;
bottom:0px;
left:20%;
margin-left:-50px;
    width:135px;
    z-index:3;
}
#sasa {
      position: absolute;
    /*height:170px;*/
bottom:0px;
left:50%;
margin-left:-350px;
    /*width:135px;*/
    z-index:-1;
}
#ker {
    background-image: url(../grafika/pozadi/ker.png);
    background-attachment: scroll;
    background-position: bottom left;
    background-repeat: no-repeat;

    position: absolute;
    height:98px;
bottom:0px;
right:0px;
    width:289px;
    z-index:-1;
}
#k-cervena-velka {

    display:none;

    background-image: url(../grafika/k-cervena-velka.png);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;

    height:297px;
left:-480px;
top:-333px;
    width:300px;
    z-index:-4;
}
#k-cervena {

    display:none;

    background-image: url(../grafika/k-cervena.png);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;

    height:99px;
left:-459px;
top:-120px;
    width:100px;
    z-index:-5;
}
#k-modra {

    display:none;

    background-image: url(../grafika/k-modra.png);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;

    height:300px;
left:-413px;
top:-128px;
    width:291px;
    z-index:-4;
}
#k-narcis {

    display: none;

    background-image: url(../grafika/k-narcis.png);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;

    height:298px;
left:310px;
top:30px;
width:153px;
z-index:2;
}
#k-oranzova1 {
left:-337px;
top:58px;
}
#k-oranzova2 {
left:-560px;
top:-112px;
}
#k-oranzova3 {
left:-300px;
top:-152px;
}
#k-oranzova4 {
left:350px;
top:48px;
}
#k-oranzova5 {
left:-500px;
top:228px;
}
#k-oranzova6 {
left:-80px;
top:208px;
}
#k-oranzova7 {
left:-80px;
top:208px;
}
#k-oranzova8 {
left:230px;
top:258px;
}
#k-oranzova9 {
left:-200px;
top:298px;
}
#k-oranzova10 {
left:470px;
top:-172px;
}
.k-oranzova {

    display:none;
    
    background-image: url(../grafika/k-cervena.png);
    background-attachment: scroll;
    background-position: top left;
    background-repeat: no-repeat;

    height:150px;
    width:150px;
    z-index:-4;
}
#k-vysoka {

    display: none;

    background-image: url(../grafika/k-vysoka.png);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;

    height:296px;
left:490px;
top:-250px;
    width:171px;
    z-index:-4;
}
#rybicka {
    background-image: url(../grafika/rybicka.gif);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;

    height:66px;
left:27px;
top:-26px;
    width:66px;
    z-index:-3;
}
#ubrousek {
    background-image: url(../grafika/ubrousek.png);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;

    height:71px;
left:395px;
top:157px;
    width:115px;
    z-index:-3;
}
#motylek {
    background-image: url(../grafika/motylek.gif);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;

    position: absolute;

    height:80px;
    right:-70px;
    top:-80px;
    width:70px;
    z-index:30;
}
#cervicek {
    background-image: url(../grafika/cervicek.gif);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;

    position: absolute;

    height:64px;
    right:-140px;
    top:-80px;
    width:140px;
    z-index:-10;
}
#motylek-na-kyticce {
    background-image: url(../grafika/motylek-na-kyticce.gif);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;

    display: none;

    height:121px;
    left:320px;
    top:-280px;
    width:131px;
    z-index:20;
}
#jidelnicek {

    left: 420px;
    top: 55px;
    z-index:20;
}