body {
    font-family: "Calibri", "Arial", serif;
    color: black;
    background: url('grafika/beech.jpg') top center #c39f7d;
    font-size: 12pt;
    line-height: 160%;
    overflow-x: hidden;
    overflow-y: hidden;
    }

div#vizitka {
    background: url('grafika/vizitka.png');
    position: absolute;
    width: 430px;
    height: 250px;
    }
    
div#vizitka img {
    _display: none;
    position: absolute;
    right: 42px;
    top: 48px;
    cursor: auto;
}

a#facebook {
    background: url('grafika/facebook.png') center no-repeat;
    position: absolute;
    top: 1.7%;
    right: 1%;
    width: 50px;
    height: 50px;
    text-decoration: none;
    outline: none;
    }
    
a#facebook span {
    position: relative;
    bottom: 200px;
}

div#postit {
    background: url('grafika/postit.png');
    width: 310px;
    height: 310px;
    font-size: 140%;
    font-family: "Corbel", "Trebuchet MS", sans-serif;
    }
    
div#postit p {
    text-align: center;
    width: 100px;
    position: absolute;
    top: 20px;
    line-height: 150%;
    }

p.left {
    left: 45px;
}

p.right {
    right: 45px;
}

a {
    color: rgb(220,220,160);
}

div#postit a {
    color: rgba(200,200,150,0);
    text-decoration: none;
    text-shadow: rgb(200,200,150) 0 0 7px;
}

div#postit a:hover {
    color: rgb(200,200,150);
    text-shadow: rgb(200,200,150) 0 0 2px;
    }
    
h1 {
    color: #666;
    font-weight: normal;
    font-size: 150%;
    width: 8em;
    }
    
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 15em;
    }
    
li a {
    color: black;
    text-decoration:none;
    }
    
li span {
    display: none;
}

li:hover span {
    display: inline;
}
    
li a:hover, li a:focus {
    text-decoration: underline;
    }

h1, ul {
    position: relative;
    top: 24px;
    left: 37px;
    padding-left: 3px;
    &top: 34px;
    }

img, div#postit, div#announcement {
    position: absolute;
    cursor: move;
    }

img, div#vizitka, div#postit, div#geo, a#facebook, div#announcement {
    behavior: url('iepngfix.htc');
    }

form {
    position: fixed;
    _position: absolute;
    bottom: 1em;
    right: 1em;
    }

.geo {
    display: none;
    }

div#vizitka {
    top: 17%;
    left: 38%;
    }

img#zapalovac {
    top: -20px;
    right: 6%;
    }

img#tuzka {
    bottom: 10%;
    right: 8%;
    }

img#ipod {
    top: -210px;
    left: 3%;
    }

img#sponka {
    top: 52%;
    right: 38%;
    }

img#klic {
    top: -50px;
    left: 12%;
    }

img#koruna {
    top: 15%;
    right: 5%;
    }

div#postit {
    top: 46%;
    left: -200px;
    }
    
div#geo {
    position: fixed;
    _position: absolute;
    bottom: 1%;
    right: 1%;
    width: 190px;
    height: 85px;
    background: url('grafika/bublina.png');
    z-index: 9;
}

div#geo p {
    margin: 8px auto;
    line-height: 100%;
    text-align: center;
}

#geo b {
    font-weight: normal;
}

#geo b[title] {
    cursor: help;
    border-bottom: 1px dotted #BEB0A1;
}

p.city {
    padding-top: 12px;
    font-size: 12px;
}

p.time {
    font-size: 10px;
    color: #918074;
}

div#announcement {
    background: url('grafika/paper.png') center top no-repeat;
    height: 296px;
    width: 273px;
    position: absolute;
    top: 31%;
    left: 19%;
}

div#announcement p {
    margin: 26px 40px 0;
    position: relative;
    top: 33px;
    font-size: 150%;
    color: #116;
    font-family: 'Segoe Script', 'Lucida Handwriting', 'URW Chancery L', cursive;
    line-height: 120%;
    text-shadow: 1px 1px 1px white;
}