body {
    background: transparent url('/media/page/body_back1.png') repeat left top;
}
#line {
    background: transparent url('/media/index/line_back.png') repeat-x left top;
    height: 49px;
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
}
#top {
    background: transparent url('/media/index/background.jpg') no-repeat center top;
    position: relative;
    height: 109px;
}
#top a {
    display: block;
    height: 20px;
    position: absolute;
    top: 75px;
    width: 53px;
}
#top a#cs {
    background: transparent url('/media/index/cesky.gif') no-repeat left top;
    left: 50%;
    margin-left: -67px;
}
#top a#cs.active {
    background: transparent url('/media/index/cesky_hover.gif') no-repeat left top;
}
#top a#en {
    background: transparent url('/media/index/english.gif') no-repeat left top;
    left: 50%;
    margin-left: -10px;
}
#top a#en.active {
    background: transparent url('/media/index/english_hover.gif') no-repeat left top;
}
#container {
    background: transparent url('/media/index/bottom_background.jpg') no-repeat center top;
    min-height: 491px;
    .height: 491px;    
    margin: 0 auto;
    position: relative;
}
#footer {
    background: transparent url('/media/index/footer_background.jpg') no-repeat center top;
    display: block;
    min-height: 200px;
    .height: 200px;    
    margin: 0 auto;
    position: relative;
}
#footer #copyright {
    color: #768486;
    font-size: 90%;
    left: 50%;
    margin-left: -285px;
    padding: 20px 0 0 0;
    position: absolute;
    text-align: center;
    width: 440px;    
}
#footer #copyright a.i {
    color: #768486;    
}
#footer #copyright a.i:hover {
    color:#454d4e;    
}
#container ul {
    left: 50%;
    list-style-type: none;
    margin: 110px 0 0 -450px;
    position: absolute;
    text-transform: uppercase;
}
#container ul li {
    margin: 10px 0 10px 0;
    height: 28px;
    position: relative;
    width: 200px;
}
#container ul li#uvod { 
    background: transparent url('/media/index/uvod.gif') no-repeat left top;
    left: 89px;
    width: 75px;
}
#container.en ul li#uvod {
    background: transparent url('/media/index/home.png') no-repeat left top;
    left: 89px;
    width: 75px;
}
#container ul li#katalog {
    background: transparent url('/media/index/katalog.gif') no-repeat left top;
    left: -31px;
    width: 187px;
}
#container.en ul li#katalog {
    background: transparent url('/media/index/catalogue.png') no-repeat left top;
    left: 38px;
    width: 118px;
}
#container ul li#znacka {
    background: transparent url('/media/index/znacka.gif') no-repeat left top;
    left: -17px;
    width: 170px;
}
#container.en ul li#znacka {
    background: transparent url('/media/index/brand_philosophy.png') no-repeat left top;
    left: -24px;
    width: 177px;
}
#container ul li#technologie {
    background: transparent url('/media/index/technologie.gif') no-repeat left top;
    left: 24px;
    width: 130px;
}
#container.en ul li#technologie {
    background: transparent url('/media/index/technology.png') no-repeat left top;
    left: 28px;
    width: 126px;
}
#container ul li#distributori {
    background: transparent url('/media/index/distributori.gif') no-repeat 16px top;
    left: 698px;
    top: -151px;
    width: 130px;
}
#container.en ul li#distributori {
    background: transparent url('/media/index/distributors.png') no-repeat 16px top;
    left: 698px;
    top: -151px;
    width: 130px;
}
#container ul li#mista {
    background: transparent url('/media/index/mista.gif') no-repeat 16px top;
    left: 689px;
    .left: 684px;
    top: -151px;
    width: 150px;
}
#container.en ul li#mista {
    background: transparent url('/media/index/shops.png') no-repeat 16px top;
    left: 689px;
    .left: 684px;
    top: -151px;
    width: 150px;
}
#container ul li#aktivity {
    background: transparent url('/media/index/aktivity.gif') no-repeat 16px top;
    left: 677px;
    .left: 668px;
    top: -151px;
    width: 95px;
}
#container.en ul li#aktivity {
    background: transparent url('/media/index/activities.png') no-repeat 16px top;
    left: 677px;
    .left: 668px;
    top: -151px;
    width: 102px;
}
#container ul li#kontakt {
    background: transparent url('/media/index/kontakty.png') no-repeat 19px top;
    left: 661px;
    .left: 652px;
    top: -151px;
    width: 106px;
}
#container.en ul li#kontakt {
    background: transparent url('/media/index/contacts.png') no-repeat 19px top;
    left: 661px;
    .left: 652px;
    top: -151px;
    width: 106px;
}

#container ul li a {
    background: transparent url('/media/index/button.gif') no-repeat right 9px;
    display: block; 
    height: 28px;
}
#container ul li a:hover {
    background: transparent url('/media/index/button_hover.gif') no-repeat right 9px; 
}
#container ul li#distributori a, #container ul li#mista a, #container ul li#aktivity a, #container ul li#kontakt a {
    background-position: left 9px;
}
#container h1 {
    height: 210px;
    left: 50%;
    margin-left: -206px;
    position: absolute;
    top: 20px;
    width: 280px;
}
#container h1 a#logo {
    display: block;
    height: 100%;
    width: 100%;
}