diff -r 11f83eac10b3 -r da0e675db1cf html/styl.css
--- a/html/styl.css	Sun May 24 00:38:51 2009 +0200
+++ b/html/styl.css	Wed Jul 01 20:58:36 2009 +0200
@@ -109,6 +109,59 @@
     background-image: url('grafika/blok-nadpis-320.png');
 }
 
+#navigace {
+    background-image: url('grafika/navigace-pozadi.png');
+    height: 21px;
+    width: 300px;
+    position: relative;
+    bottom: 32px;
+    left: 10px;
+    text-align: center;
+}
+
+#navigace button {
+    height: 20px;
+    border: none;
+    margin-right: 0px;
+    margin-top: 5px;
+    padding: 0px;
+    cursor: pointer;
+    background-repeat: no-repeat;
+    background-color: transparent;
+    background-position: center;
+    width: 20px;
+    position: relative;
+    top: -4px;
+}
+
+#navigace button.zpet {
+    background-image: url('grafika/navigace-zpet.png');
+    margin-right: 32px;
+}
+
+#navigace button.vpred {
+    background-image: url('grafika/navigace-vpred.png');
+    margin-left: 32px;
+}
+
+#navigace button.nasledujici {
+    background-image: url('grafika/navigace-nasledujici.png');
+    margin-left: 42px;
+}
+
+#navigace button.predchozi {
+    background-image: url('grafika/navigace-predchozi.png');
+    margin-right: 42px;
+}
+
+#navigace button.model {
+    background-image: url('grafika/navigace-model.png');
+}
+
+#navigace button.pruvodce {
+    background-image: url('grafika/navigace-pruvodce.png');
+}
+
 /** Vstupně-výstupní část */
 #io {
     float: left;