#calbox {
      position: relative;
      height: 170px;
      width: 190px;
      float: left;
      margin-right: 18px;
      margin-bottom: 10px;
      margin-left: 2px;
      margin-top: 5px;
      padding: 0px;
      border: 2px none #dfdfdf;
      border-radius: 6px;
      }
    #calbox .backimg {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 300px;
      height: 225px;
      z-index: -100;
    }
    #calbox .coverpng {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 300px;
      height: 225px;
      z-index: 0;
    }
    #calendar {
      position: absolute;
      top: 2px;
      left: 25px;
      height: auto;
      margin: 6px;
      /*width: 294px;*/
      text-align: center;
      font: bold 12px/1.2 Georgia, "New York CE", utopia, serif;
      color: black;
      z-index: 100;
    }
    #calendar a {
      font: bold 14px/1.2 sans-serif;
      text-decoration: none;
    }
    #calendar a.move { 
      color: blue;
      text-decoration: none;
    }
    #calendar td.cell {
      width: 8%;
    }
    #calendar td.normal {
       /*background: url( 'grafika/calback.png' ) 0 0 repeat;*/
       background: #efefef;
    }
    #calendar td.holiday {
       /*background: url( 'grafika/calbackweekend.png' ) 0 0 repeat;*/
        background: #ffc070;
    }
    #calendar td.prazdniny {
       /*background: url( 'grafika/calbackweekend.png' ) 0 0 repeat;*/
        background: lime;
    }
    
    #calendar td.day {
      width: auto;
      height: auto;
      padding: 0px;
      font: bold 14px/1.2 sans-serif;
      color: #000000;
      border: 1px solid #556b2f;
      cursor: default;
      border-radius: 2px;
    }
    #calendar td.today {
      width: auto;
      height: auto;
      padding: 0px;
      font: bold 14px/1.2 sans-serif;
      color: #000000;
      background-color: yellow;
      border: 1px solid #8b4513;
      cursor: default;
      border-radius: 2px;
    }
    #calendar td.days {
      width: auto;
      height: auto;
      padding: 0px;
      font: bold 14px/1.2 sans-serif;
    }
    #calendar td.days a {
      display: block;
      color: #000000;
      background-color: #ffccff;
      border: 1px solid #8b4513;
      border-radius: 2px;
    }
    #calendar td.days a:hover {
      color: #000000;
      background: #ffccff;
      border: 1px solid #006400;
      border-radius: 2px;
    }
    #calendar td .overview {
      position: absolute;
      top: -4px;
      left: -2px;
      margin: 0px;
      width: 176px;
      height: auto;
      padding: 5px 5px 4px 5px;
      background-color: #ffe4b5;
      text-align: left;
      font: italic 10px/1.2 Georgia, "New York CE", utopia, serif;;
      color: #000000;
      border: 1px solid #556b2f;
      border-radius: 5px;
      visibility: hidden;
    }
    #calendar td:hover .overview {
      visibility: visible;
    }
    #calendar td .selected {
      position: absolute;
      top: auto;
      left: auto;
      margin: 21px;
      width: 150px;
      height: auto;
      padding: 4px;
      background-color: #ffe4b5;
      text-align: center;
      font: bold italic 11px/1.2 Georgia, "New York CE", utopia, serif;;
      color: #000000;
      border: 1px solid #8b4513;
      border-radius: 5px;
      visibility: hidden;
    }
    #calendar td:hover .selected {
      visibility: visible;
    }
    #calendar td .week {
      position: absolute;
      top: 0px;
      right: 0px;
      padding: 2px 2px 0px 0px;
      text-align: left;
      font: italic 10px/1.2 Georgia, "New York CE", utopia, serif;;
      color: blue;
    }
    .pinup {
      position: absolute;
      left: 50%;
      top: -10px;
      height: 14px;
      width: 14px;
      z-index: 1000;
    }
    .special {
      position: relative;
      left: 0px;
      top: 228px;
      font: italic 11px/2 Georgia, "New York CE", utopia, serif;
      color: #000000;
      text-align: center;
      z-index: 100;
      background-color: #ffccff;
      border: 1px solid #8b4513;
      border-radius: 2px;
      padding: 2px;
      cursor: default;
    }
    #calbox .now {
      position: absolute;
      right: -6px;
      bottom: -6px;
      z-index: 0;
    }
    #calbox .now a {
      display: block;
      font: italic 11px/1.6 Georgia, "New York CE", utopia, serif;
      color: #000000;
      background-color: yellow;
      border: 1px solid #8b4513;
      border-radius: 2px;
      text-decoration: none;
    }
    #calbox .now a:hover {
      display: block;
      color: #006400;
      background-color: #ffe4b5;
      border: 1px solid #8b4513;
      border-radius: 2px;
    }
    .spiral {
      position: absolute;
      left: 3px;
      top: -9px;
      width: 180px;
      height: 15px;
      background: url( 'grafika/spiral.png' ) 0 0 repeat;
      z-index: 10000;
    }
    .moonback {
      position: absolute;
      top: 187px;
      left: 286px;
      width: 29px;
      height: 29px;
      z-index: 0;
    }
    .mooncont {
      position: absolute;
      top: 189px;
      left: 288px;
      width: 25px;
      height: 25px;
      overflow: hidden;
    }
    .moonphase {
      position:absolute;
      top: 0px;
      z-index: 100;
    }
    .zlu {
      width: auto;
      height: auto;
      padding: 0px;
      font: bold 14px/1.2 sans-serif;
      color: #000000;
      background-color: yellow;
      border: 1px solid #8b4513;
      cursor: default;
      border-radius: 2px;
    }
    .popis {
      position: absolute;
      left: 2px;
      bottom: -55px;
      z-index: 0;
    }
      .barvy {
      font: bold 10px/1.2 Georgia, "New York CE", utopia, serif;
      color: black;
      width: 95px;
      height: 5px;
      text-align: left;
    }
      .zel {
      background-color: #00FF00;
      width: 15px;
      height: 5px;
    }
      .fia {
      background-color: #ffccff;
      width: 15px;
      height: 5px;
    }
      .ora {
      background-color: #ffc070;
      width: 15px;
      height: 5px;
    }