html, body {height: 100%; margin: 0; padding: 0; background: white; color: black; text-align: center;}
div#base {position: absolute; width: 810px; height: 250px; margin-left: -405px; margin-top: -125px; left: 50%; top: 50%;}

a {display: block; position: relative; overflow: hidden;}
span {display: block; position: absolute; left: 0; top: 0; cursor: pointer;}

h1, h2 {margin: 0;}

h1 a {width: 810px; height: 120px;}
h1 span {width: 810px; height: 120px; background: url(../img/rozcestnik-logo.gif); cursor: default;}

h2 a, h2 span {width: 150px; height: 130px; float: left; background-image: url(../img/rozcestnik-buttons.gif);}
h2#individual a, h2#individual span {width: 200px;}
h2#golf a, h2#golf span {width: 180px;}
h2#real a, h2#real span {width: 130px;}

h2#business a span {background-position: 0 0;}
h2#individual a span {background-position: -150px 0;}
h2#maraton a span {background-position: -350px 0;}
h2#golf a span {background-position: -500px 0;}
h2#real a span {background-position: -680px 0;}

h2#business a:hover span {background-position: 0 -130px;}
h2#individual a:hover span {background-position: -150px -130px;}
h2#maraton a:hover span {background-position: -350px -130px;}
h2#golf a:hover span {background-position: -500px -130px;}
h2#real a:hover span {background-position: -680px -130px;}