/* CSS Document */

body {margin: 2px;
      padding: 2px;
      font-family: arial, sans-serif;
      font-size: 12px;
      background: #000;
      url("pics/back_01.gif");
      color: white}
      
.hlavicka {width: 750px;
      height: 90px;
      background: url("pics/pozadi/podzim.jpg") center no-repeat;
      margin-top: 20px;}
      
.banner {width: 750px;
      height: 20px;
      margin-top: 0px;
      font-weight: bold;
      color: #666;
      padding: 0px;
      background-color: black;
      border: 0px dotted #666}
      
.hlavni {width: 750px;
      margin-top: 5px}
      
.levy-sloupec {width: 110px;
      float: left;
      text-align: right;
      padding-top: 10px;
      background: black;}
      
.levy-sloupec a {display: block;
      text-decoration: none;
      color: white;
      margin-top: 5px;
      font-weight: bold}
      
.levy-sloupec a:hover {color:#fc6}
      
.pravy-sloupec {width: 635px;
      margin-left: 5px;
      float: right}
      
.pravy-sloupec-vlevo {width: 500px;
      float: left;
      text-align: justify;
      color: white;
      padding: 10px;
      margin-top: 10px;
      background-color: black}
      
.pravy-sloupec-vpravo {width: 100px;
      margin-left: 5px;
      float: right;
      padding-top: 10px;
      text-align: left;
      background: black}
      
.paticka {width: 500px;
      margin-top: 5px;
      clear: both;
      color: #666;
      font-weight: bold;
      margin-top: 10px;
      border-top: 1px dotted #666}
      
.paticka a {text-decoration: none;
      color: #666}      
      
.paticka a:hover {color: #fc6}      

.paticka p {text-align: center}

#domu a {display: block;
      width: 50px;
      height: 58px;
      background: url("pics/domu.gif") 0 0 no-repeat;}
#domu a:hover {background-position: -50px 0;}
#domu a:focus {background-position: -50px 0;}

h2 {font-size: 18px;
      color: #fc6;
      border-bottom: 1px dotted #666;
      text-transform: uppercase;
      letter-spacing: 5px}
      
p {text-align: left}      

hr {border: 1px dotted #333}

a {color: white}
      
.cd {display: block;
    height: 100px}
    
.cd b, .galerie {color: #fc6;
    text-transform: uppercase}
    
.cd a {text-decoration: none;
    font-weight: bold}

.cd a:hover {color: #fc6}
    
p a img {border: 1px solid white;
    margin: 2px;}

p a:hover img {border: 2px solid #fc6;
    margin: 1px}
    
.seznamcd a {display: block;
    vertical-align: center;
    font-weight: bold;
    text-decoration: none}
    
.seznamcd a:hover {color: #fc6}
 
.cd img {border: 2px solid #666;
    margin-right: 10px}
    
    
.popiscd em {font-style: normal;
    color: #cc9;
    font-weight: bold}
     
pre {font-family: arial, sans-serif}

.pisen {color: #cc9}

.pisen a {color: #666; 
    font-size: 10px;
    text-decoration:none}
    
.pisen a:hover {color: #cc9}

.info {line-height: 18px}

.info_vlevo {width: 300px;
    float: left;
    padding: 10px;
    border-right: 1px solid #666}
    
.info_vpravo {width: 165px;
    float: right}

.koncert b {display: block;
    color: #fc6;
    border-bottom: 1px dotted #333;
    border-left: 5px solid #fc6;
    padding-left: 4px;
    margin-bottom: -10px;}

.hlavice {color: #fc6}

.datum {font-weight: bold}

#pridej {display: block;
  width: 100px;
  padding: 0.2em;
  text-align: center;
  background-color: black;
  border: 1px solid #cc9} 
  
#pridej a {text-decoration: none;
  font-weight: bold}
#pridej a:hover {color: #fc6}

#datumacas {color: #cc9}
#jmeno {color: #fc6}

input.tlacitko {border: 1px solid #630;
  background-color: white;
  cursor: pointer;
  font-weight: bold}
  
input.tlacitko:hover {border: 1px solid #fc6;}  

input {border: 1px solid #cc9;
  padding: 0.5em;
  font-size: 12px}

table {font-family: arial, sans-serif;
  font-size: 12px;}
  
textarea {border: 1px solid #630;
  padding: 0.5em;
  font-family: arial, sans-serif;
  font-size: 12px} 

.pozor {color: red;
  font-size: 10px;}