.telo {
    position: relative;
}

h1 {
    position: absolute;
    width: 100%;
    top: 25px;
    margin: 0;
}

.vanocni-binarni-strom-p {
    position: absolute;
    width: 100%;
    top: 75px;
    margin: 0;
}

@keyframes logo-div-animace {
    0% {
        left: 50%;
        top: 494px;
        margin-left: -20px;
        width: 0px;
        height: 0px;
    }
    100% {
        left: 0px;
        top: 0px;
        margin-left: 0px;
        width: 400px;
        height: 100px;
    }
}

@keyframes motto-div-animace {
    0% {
        left: 50%;
        top: 529px;
        margin-left: -50px;
        width: 0px;
        height: 0px;
    }
    100% {
        left: 400px;
        top: 0px;
        margin-left: 0px;
        width: 325px;
        height: 30px;
    }
}

@keyframes vyhledavani-div-animace {
    0% {
        left: 50%;
        top: 504px;
        margin-left: 75px;
        width: 0px;
        height: 0px;
    }
    100% {
        left: 730px;
        top: 0px;
        margin-left: 0px;
        width: 170px;
        height: 30px;
    }
}

@keyframes horni-menu-animace {
    0% {
        left: 50%;
        top: 534px;
        margin-left: 15px;
        width: 0px;
        height: 0px;
    }
    100% {
        left: 400px;
        top: 30px;
        margin-left: 0px;
        width: 480px;
        height: 30px;
    }
}

@keyframes h1-animace {
    0% {
        left: 50%;
        top: 404px;
        margin-left: -90px;
        width: 0px;
        height: 0px;
    }
    100% {
        left: 0px;
        top: 25px;
        margin-left: 0px;
        width: 100%;
        height: 28px;
    }
}

.animace-logo-div {
    animation: logo-div-animace 5s both;
    z-index: 101;
}

.animace-motto-div {
    animation: motto-div-animace 5s both;
    z-index: 100;
}

.animace-vyhledavani-div {
    animation: vyhledavani-div-animace 5s both;
    z-index: 100;
}

.animace-horni-menu {
    animation: horni-menu-animace 5s both;
    z-index: 50;
}

.animace-h1 {
    animation: h1-animace 5s both;
    z-index: 25;
}

.logo-div {
    overflow: hidden;
}

.motto-div {
    overflow: hidden;
}

.vyhledavani-div {
    overflow: hidden;
}

.horni-menu {
    overflow: hidden;
}

h1 {
    overflow: hidden;
}

#vanoce2015_prani {
    font-family: "Monotype Corsiva", "Garamond", serif;
    font-style: italic;
    font-weight: bold;
    color: red;
    font-size: x-large;
}