body { margin: 0 auto; text-align: center; background-color: #FFF; font-family: Tahoma, Arial, sans; font-size: 0.8em; line-height: 1.4; color: #333; }
    a { color: #000; text-decoration: none; }
    a:hover { color: #FFF; text-decoration: underline; }
    img { border: none; }
.clear { clear: both; }
.top { width: 760px; height: 10px; }
.bottom { width: 760px; height: 10px; clear: both; }
    
#main { width: 760px; margin: 0 auto; text-align: left; }
#header { width: 760px; }

h1 { display: block; width: 268px; height: 100px; margin: 0; padding: 30px 0 40px 0; font-size: 2.5em; }
    h1 a {color: #000; text-decoration: none; position: absolute;}
    h1 a:hover { color: #000; text-decoration: none; }
    h1 span { cursor: pointer; left: 0; top: 0; position: absolute; z-index: 2; width: 268px; height: 100px; background: url("images/medianest-logo.png"); }
#medialni-skupina { font-weight: normal; font-family: Calibri; font-size: 1.8em; color: #3C428E; display: block; position: relative; width: 261px; height: 36px; float: right; margin-top: 95px; }
    #medialni-skupina span { background: url("images/medialni-skupina.png"); width: 261px; height: 36px; cursor: pointer; left: 0; top: 0; position: absolute; z-index: 2; }
#main-frame { width: 760px; clear: both; background: #333 url("images/main-frame-back.png") repeat-y; clear: both; }
    #main-frame .top { background: #333 url("images/main-frame-top.png"); }
    #main-frame .bottom { background: #333 url("images/main-frame-bottom.png"); }
#green-frame { width: 760px; clear: both; background: #CC9 url("images/green-frame-back.png") repeat-y; margin: 13px 0 13px 0; }
    #green-frame .top { background: #CC9 url("images/green-frame-top.png"); margin-bottom: 5px; }
    #green-frame .bottom { background: #CC9 url("images/green-frame-bottom.png"); margin-top: 5px; }
    #green-frame .sloupec { float: left; width: 190px; padding: 0 25px 0 30px; }
    #green-frame .divider { float: left; width: 1px; height: 70px; background-color: #ADAD85; }
#orange-frame { width: 760px; clear: both; background: #DC9344 url("images/orange-frame-back.png") repeat-y;}
    #orange-frame .top { background: #DC9344 url("images/orange-frame-top.png"); margin-bottom: 5px; }
    #orange-frame .bottom { background: #DC9344 url("images/orange-frame-bottom.png"); margin-top: 5px; }
    #orange-frame .content { padding: 0 25px 0 25px; }
    #orange-frame h2 { font-weight: normal; padding: 0; margin: 0 0 10px 0; font-size: 1.4em; }
    #orange-frame a { color: #FFF; }
    #orange-frame span { background: transparent url("images/odrazka.png") no-repeat center center; margin: 0 4px 0 4px; padding: 0 2px 0 2px; }
.reference { margin: 0 auto; text-align: center; width: 683px; clear: borh; padding: 7px 0 7px 0; }
    .reference a { display: block; position: relative; width: 213px; height: 57px; float: left; line-height: 2.5; font-size: 1.5em; color: #FFF; padding: 7px; border-style: solid; border-color: #484848; background-color: transparent; }
    .reference a:hover { color: #FFF; }
    .reference a span { width: 213px; height: 57px; position: absolute; z-index: 10; top: 0; left: 0; margin: 7px; cursor: pointer; }
    
    .reference #b1 { border-width: 0px 1px 1px 0px; }
    .reference #b1 span { background: url("images/loga/edownload.png"); }
    .reference #b1:hover span { background: url("images/loga/hover/edownload.png"); }
    .reference #b2 { border-width: 0px 1px 1px 0px; }
    .reference #b2 span { background: url("images/loga/swmag.png"); }
    .reference #b2:hover span { background: url("images/loga/hover/swmag.png"); }
    .reference #b3 { border-width: 0px 0px 1px 0px; }
    .reference #b3 span { background: url("images/loga/turisimo.png"); }
    .reference #b3:hover span { background: url("images/loga/hover/turisimo.png"); }
    .reference #b4 { border-width: 0px 1px 1px 0px; }
    .reference #b4 span { background: url("images/loga/hernimag.png"); }
    .reference #b4:hover span { background: url("images/loga/hover/hernimag.png"); }
    .reference #b5 { border-width: 0px 1px 1px 0px; }
    .reference #b5 span { background: url("images/loga/oblectese.png"); }
    .reference #b5:hover span { background: url("images/loga/hover/oblectese.png"); }
    .reference #b6 { border-width: 0px 0px 1px 0px; }
    .reference #b6 span { background: url("images/loga/vylecit.png"); }
    .reference #b6:hover span { background: url("images/loga/hover/vylecit.png"); }
    .reference #b7 { border-width: 0px 1px 1px 0px; }
    .reference #b7 span { background: url("images/loga/zastreseno.png"); }
    .reference #b7:hover span { background: url("images/loga/hover/zastreseno.png"); }
    .reference #b8 { border-width: 0px 1px 1px 0px; }
    .reference #b8 span { background: url("images/loga/domacifinance.png"); }
    .reference #b8:hover span { background: url("images/loga/hover/domacifinance.png"); }
    .reference #b9 { border-width: 0px 0px 1px 0px; }
    .reference #b9 span { background: url("images/loga/motoristi.png"); }
    .reference #b9:hover span { background: url("images/loga/hover/motoristi.png"); }
    .reference #b10 { border-width: 0px 1px 0px 0px; }
    .reference #b10 span { background: url("images/loga/cestovatele.png"); }
    .reference #b10:hover span { background: url("images/loga/hover/cestovatele.png"); }
    .reference #b11 { border-width: 0px 1px 0px 0px; }
    .reference #b11 span { background: url("images/loga/letejte.png"); }
    .reference #b11:hover span { background: url("images/loga/hover/letejte.png"); }
    .reference #b12 { border-width: 0px 0px 0px 0px; }
    .reference #b12 span { background: url("images/loga/pneumag.png"); }
    .reference #b12:hover span { background: url("images/loga/hover/pneumag.png"); }