/*globální definice*/
*{
  margin: 0;
  padding: 0;
  border: none;
}

a{
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
  a:hover{
    text-decoration: none;
  }

  .odsadit{
    margin: 0 15px 0 15px;
    text-indent: 30px;
    margin-top: 10px;
   }

  .repertoar{
    vertical-align: top;
   }

  li.MsoNormal{
    mso-style-parent:"";
    margin-bottom:.0001pt;
    font-size:12.0pt;
    font-family:"Times New Roman";
    margin-left:0cm; margin-right:0cm; margin-top:0cm;
   }

  #layout{
    width:580px;
   }


/*celý dokument*/
body,html{
  font-family: calibri, tahoma, arial, verdana, sans-serif;
  line-height: 1.4;
  color: #fff;
  background: #000 url("images/background-hlavni.jpg") center top no-repeat;
}

body#hlavni{ background: #000 url("images/background-hlavni.jpg") center top no-repeat; }
body#koncerty{ background: #000 url("images/background-koncerty.jpg") center top no-repeat; }
body#fotky{ background: #000 url("images/background-fotky.jpg") center top no-repeat; }
body#denicek{ background: #000 url("images/background-denicek.jpg") center top no-repeat; }
body#clenove{ background: #000 url("images/background-clenove.jpg") center top no-repeat; }
body#ankety{ background: #000 url("images/background-ankety.jpg") center top no-repeat; }
body#vzkazy{ background: #000 url("images/background-vzkazy.jpg") center top no-repeat; }
body#kontakt{ background: #000 url("images/background-kontakt.jpg") center top no-repeat; }

div#main{
  position: relative;
  width: 971px;
  margin: 0 auto;
  padding-top: 188px;
  text-align: left;
  overflow: hidden;
}
  /*hlavička*/
  div#main h1{
    position: absolute;
    top: 34px;
    left: 0;
    width: 387px;
    height: 81px;
    font-size: 18px;
    overflow: hidden;
  }
    div#main h1 a span{
      z-index: 1;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 387px;
      height: 81px;
      cursor: pointer;
      background: url("images/logo-hlavni.jpg") top left no-repeat;
    }
    body#hlavni div#main h1 a span{ background: url("images/logo-hlavni.jpg") top left no-repeat; }
    body#koncerty div#main h1 a span{ background: url("images/logo-koncerty.jpg") top left no-repeat; }
    body#fotky div#main h1 a span{ background: url("images/logo-fotky.jpg") top left no-repeat; }
    body#denicek div#main h1 a span{ background: url("images/logo-denicek.jpg") top left no-repeat; }
    body#clenove div#main h1 a span{ background: url("images/logo-clenove.jpg") top left no-repeat; }
    body#ankety div#main h1 a span{ background: url("images/logo-ankety.jpg") top left no-repeat; }
    body#vzkazy div#main h1 a span{ background: url("images/logo-vzkazy.jpg") top left no-repeat; }
    body#kontakt div#main h1 a span{ background: url("images/logo-kontakt.jpg") top left no-repeat; }

  div#main ul#menu{
    position: absolute;
    top: 129px;
    left: 0;
    height: 30px;
  }
    div#main ul#menu li{
      position: relative;
      float: left;
      display: block;
      height: 30px;
      text-align: center;
    }
      div#main ul#menu li#aktiv{
        background: url("images/menu-aktiv.gif") bottom center no-repeat;
      }
      div#main ul#menu li a{
        padding: 4px 7px 4px 7px;
        height: 16px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        background-color: #660066;
      }
      div#main ul#menu li#aktiv a , div#main ul#menu li a:hover{ color: #000; }

  div#main h2{
    text-transform: uppercase;
    font-size: 22px;
  }
    div#main h2.right{ margin: 0 0 0 634px; }
  div#main span.fialovy{
    color: #660066;
    font-weight: bold;
  }
  div#main span.podtrzeny{ text-decoration: underline;}
  div#main div#left{
    width: 598px;
    font-size: 12px;
    float: left;
    overflow: hidden;
  }
    div#main div#left div#text{
      background-color: #141414;
      padding: 10px 0;
      margin-top: 5px;
    }
      div#main div#left div#text div.novinka{
        position: relative;
        overflow: hidden;
        clear: both;
        margin-bottom: 5px;
      }
        div#main div#left div#text div.novinka p{
          position: relative;
          height: 100%;
          padding: 5px 20px 0 0;
          line-height: 1.6;
        }
          div#main div#left div#text a.article{
            position: absolute;
            bottom: 0;
            right: 20px;
            height: 20px;
            padding: 0 5px;
            text-decoration: none;
            background-color: #660066;
          }
          div#main div#left div#text a.article2{
            position: absolute;
            bottom: 0;
            right: 65px;
            height: 20px;
            padding: 0 5px;
            text-decoration: none;
            background-color: #660066;
          }
          div#main div#left div#text a.article3{
            position: absolute;
            bottom: 0;
            right: 110px;
            height: 20px;
            padding: 0 5px;
            text-decoration: none;
            background-color: #660066;
          }
        div#main div#left div#text div.novinka h3{
          margin: 0 20px 0 210px;
          padding-bottom: 5px;
          font-size: 20px;
          background: url("images/paticka.jpg") bottom left repeat-x;
        }
          div#main div#left div#text div.novinka h3 a{
            text-decoration: none;
          }
        div#main div#left div#text div.novinka span.datum{
          margin: 0 10px 0 210px;
          display: block;
          font-size: 25px;
          font-weight: bold;
        }
        div#main div#left div#text div.novinka img.main_obr{
          margin: 5px 15px;
          float: left;
          border: #660066 2px solid;
        }
        div#main div#left div#text div.novinka ul{
          padding-left: 15px;
        }
        div#main div#left div#text div.clenove h3{
          margin: 20px 30px 0 200px;
        }
        div#main div#left div#text div.clenove ul{
          margin-left: 200px;
        }
        div#main div#left div#text div.koncerty h3 , div#main div#left div#text div.denicek h3{
          margin: 10px 15px 0 15px;
        }
        div#main div#left div#text div.koncerty p , div#main div#left div#text div.denicek p{
          margin: 0 15px 0 15px;
          text-indent: 30px;
          margin-top: 10px;
        }
        div#main div#left div#text div.skryta p{
          display: none;
        }
      div#main div#left div#text div.clen{
        font-size: 14px;
      }
        div#main div#left div#text div.clen h3{
          margin: 20px 10px 0 335px;
        }
        div#main div#left div#text div.clen ul.info{
          margin-left: 320px;
          font-size: 18px;
          list-style-type: none;
        }
        div#main div#left div#text div.clen p.pod-obrazkem{
          clear: left;
          margin-left: 20px;
        }
        div#main div#left div#text div.clen p.stred{
          text-align: center;
        }
        div#main div#left div#text div.clen p img{
          margin: 5px;
          border: #660066 2px solid;
        }
      div#main div#left div#text div.foot_novinek{
        position: relative;
        overflow: hidden;
        height: 20px;
        margin-top: 30px;
        text-align: center;
        font-size: 13px;
      }
        div#main div#left div#text div.foot_novinek a{
          text-decoration: none;
          font-weight: normal;
        }
        div#main div#left div#text div.foot_novinek a.sipky{
          height: 20px;
          padding: 0 5px;
          background-color: #660066;
        }
    div#main div#left ul{
      margin: 10px 20px;
      padding-left: 15px;
    }
      div#main div#left ul li{
        margin: 2px 0;
      }
    div#main div#left hr{
      border: none;
      height: 1px;
      background-color: #fff;
      color: #fff;
      width: 568px;
      margin: 0 auto;
    }
  div#main div#box_akce{
    width: 314px;
    margin: 5px 0 15px 634px;
    padding: 10px;
    font-size: 12px;
    background-color: #141414;
  }
    div#main div#box_akce ul{
      font-size: 26px;
      list-style-type: none;
    }
      div#main div#box_akce ul li{
        margin: 10px 0;
        padding: 2px 0 0 25px;
        line-height: 1.2;
        background: url("images/akce-hvezda.jpg") top left no-repeat;
      }
  div#main div#box_fotky{
    width: 330px;
    margin: 0 0 15px 637px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
  }
    div#main div#box_fotky img{
      margin: 6px;
      float: left;
      border: #660066 2px solid;
    }
    div#main div#box_fotky a{
      font-size: 24px;
      padding-top: 25px;
      display: block;
    }
  div#main div#box_kontakt{
    width: 330px;
    margin: 0 0 15px 637px;
    font-size: 25px;
    font-weight: bold;
  }
    div#main div#box_kontakt img{
      border: #660066 2px solid;
    }
  div#pata{
    position: relative;
    clear: both;
    width: 971px;
    margin: 10px auto;
    padding-top: 10px;
    font-size: 12px;
    text-align: center;
    color: #2F2F2F;
    background: url("images/paticka.jpg") top left repeat-x;
  }
    div#pata a{
      text-decoration: none;
      color: #2F2F2F;
    }
      div#pata a:hover{
        text-decoration: underline;
      }

