body, html {
            background: black;
            }

h1  { font-family: tahoma;
      font-size: 20pt;
      color: white;
      font-weight: 1200;
    }
h2  { font-family: verdana;
      font-size: 12pt;
      position: relative;
      bottom: 10pt;
      color: maroon;
      text-transform: uppercase;
      font-weight: 300;
    }
h3  { font-family: verdana;
      font-size: 14pt;
      color: white;
      font-weight: 100;
      padding-left: 300;
    }
h4  { font-family: verdana;
      font-size: 11pt;
      color: white;
      position: relative;
      bottom: 7pt;
      font-weight: 200;
      color: gray;
    }
.banner { background-image: url(./jablko.jpg);
          background-repeat:no-repeat; 

    }
a { color: lightsteelblue; 
    text-decoration: none;
}
.a-b { color: black; 
    text-decoration: none;
}

.gal { padding: 10px;
     }
.span { text-align: left;
        padding: 10px;
        position: relative;
        left: 0px;
         font-size: 9pt; 
       }
.span-c { text-align: left;
         font-size: 12pt; 
        padding: 10px;
        position: relative;
        left: 0px;
      color: maroon;
       }
.span-b { text-align: left;
         padding: 4px;
         position: relative;
         left: 15px;
         font-size: 9pt; 
         font-family: verdana;
         font-weight: 100;
         color: black;
         text-align: left;
         text-transform: uppercase;
         
         }

.span-a { text-align: left;
         padding: 4px;
         position: relative;
         left: 15px;
         font-size: 9pt; 
         font-family: verdana;
         font-weight: 100;
         color: lightsteelblue;
         text-align: left;
         text-transform: uppercase;
         }
.slategray-up-smal {
              position: relative; 
              top: 4px; 
              right: 6px; 
              width: 900px; 
              height: 6px; 
              background-color: DarkSlateGray; 
              z-index: -1;
              align: center;
              }
.lightblue-kolem {
                 position: relative; 
                 top: 4px; 
                 width: 900px; 
                 background-color: lightsteelblue;
                 }

.darkslate-up {
              position: relative; 
              right: 6px; 
              top: 0px; 
              width: 900px; 
              height: 28px; 
              background-color: DarkSlateGray;
              }
.white-up {
           position: relative; 
           right: 6px; 
           top: 0px; 
           width: 900px; 
           height: 6px; 
           background-color: white;
          }
.content-canvas {
         border: 1px solid lightsteelblue; 
         position: relative; 
         right: 6px; 
         top: 0px; 
         width: 870px; 
         background-color: black; 
         font-size: 9pt; 
         font-family: verdana;
         font-weight: 100;
         color: white;
         text-align: left;
         padding: 15px;
         }
.content {
         border: 1px groove lightsteelblue; 
         padding: 10px; 
         position: relative; 
         float: right; 
         left: 0px; 
         top: 0px; 
         width: 878px; 
         height: 100%; 
         background-color: black; 
         color: aliceblue; 
         text-align: center; 
         }

.white-bottom {
              position: relative; 
              right: 6px; 
              width: 900px; 
              height: 18px; 
              background-color: white; 
              z-index: 1; 
              font-size: 10px; 
              font-family: verdana;
              }
.darkslate-bottom {
                  position: relative; 
                  right: 6px; 
                  top: 0px; 
                  width: 900px; 
                  height: 62px; 
                  background-color: DarkSlateGray; 
                  z-index: 1;
                  }