html, body{ height: 100% }
*{ margin: 0px; padding: 0px; }
.cleaner{ clear: both; visibility: hidden; height: 1px; border: none; margin: -1px 0 0 0; padding: 0px; }

body{ text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#envelope{ margin: 0px auto; text-align: left; width: 984px; height: 100%; }

#rozcestnik{ margin: 80px 0 0 0; }
#rozcestnik .item{ position: relative; width: 492px; float: left; }
#rozcestnik .item a, #rozcestnik .item a span{ display: block; width: 492px; height: 413px; }
#rozcestnik .item a span{ position: absolute; top: 0px; left: 0px; background-position: 0px -413px !important; }
#rozcestnik .item a:hover span{ background-position: 0px 0px !important; }

#farma.item a span{ background: url("img/farma.jpg") no-repeat; }
#autoservis.item a span{ background: url("img/autoservis.jpg") no-repeat; }

#copyright{ margin: 50px 0 0 0; }
#copyright p{ text-align: center; font-size: 11px; color: silver; }
#copyright p a{ color: silver; text-decoration: none; }
#copyright p a:hover{ text-decoration: underline; }