/* HTML tags */
body {font:0.8em Verdana, Geneva, sans-serif; background:#07900C url(../img/body-bg.jpg) no-repeat fixed center 0; padding:0; margin:0; height:100%;}
html {height:100%; margin:0; padding: 0;}

a {color:#fff; text-decoration:underline;}
a:hover, a:focus {text-decoration:none;}
p {font-size:0.8em; line-height:1.4em; color:#fff;}

/* Layout */
#container {margin:0 auto; width:750px;}
#logo h1 {width:430px; height:240px; margin:0 auto; display:block; overflow:hidden; position:relative; text-align:center;}
#logo h1 span {position:absolute; top:0; left:0; width:100%; height:100%; display:block; overflow:hidden; background:transparent url(../img/logo.png) no-repeat 0 0;}
.col {float:left; margin-top:50px;}
.col a, .col p {position:relative; height:310px; width:241px; display:block; overflow:hidden; text-align:center;}
.col a span, .col p span {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; cursor:pointer;}
.col a:hover span, .col a:focus span {background-position:0 -310px;}

.hesba {margin:50px 6px 0 11px;}
.prodejna {margin:50px 0 0 6px;}

.gesslein a span {background:transparent url(../img/gesslein.png) no-repeat 0 0;}
.hesba p span {background:transparent url(../img/hesba.png) no-repeat 0 0; cursor:default;}
.prodejna a span {background:transparent url(../img/prodejna.png) no-repeat 0 0; cursor:pointer;}
.eshop a span{background:transparent url(../img/eshop.png) no-repeat 0 0;}

#footer {height:31px; background:transparent url(../img/footer.png) no-repeat 0 0; margin-top:40px; padding-bottom:40px;}
#footer p {text-align:center; line-height:31px; color:#000;}