body {
  text-align: center;
  background: #242424;
  color: #fff;  
  margin: 0;
  padding: 0;
  font-size: 10pt;
  font-family: Trebuchet, Geneva CE, lucida, sans-serif;
}

a:link, a:visited {
  color: #fec983;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: .15em;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}
a img {
  border: 0;
}

.cleaner {
  border: 0px none;
  margin: 0px;
  padding: 0px;
  float: none;
  clear: both;
  width: 0px;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}

#InAll {
	width: 1006px;
	margin: 0 auto;
	text-align: justify;
	background: url('/public/img/public/bg_inall.gif');
	position: relative;
}
	#InAll .iacontent {
		padding: 0 4px;
	}

#Header {
  background: url('/public/img/public/bg_header.gif') top left repeat-x;
  height: 213px;
  overflow: hidden;
  position: relative;
}
  #Header h1 {
    padding-top: 400px;
  }
  #Header #lang {
    position: absolute;
    top: 50px;
    right: 10px;
  }
  #Header div#logo {
    display: inline;
    font-size: 10px;
    margin:0;padding:0;

    position: absolute;
    top: 98px;
    right: 30px;
    z-index: 5;
  }
  #Header div#logo a{
    display: block;
    position: relative;
    width: 454px;
    height: 65px;  
    margin:0;padding:0;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
  }
  #Header div#logo a span {
    background: url('/public/img/public/logo.gif') top left no-repeat;
    display: block;  
    width: 454px;
    height: 65px;  
    margin: 0;padding: 0;  
    position: absolute;
    left: 0;top:0;  
    z-index: 6;    
  }
    #Header div#logo a:hover span {
      background-position: 0px -65px;
    }
	#Header #hde1 {
		width: 534px;
		height: 206px;
		background: url('/public/img/public/h_de1.gif') top left no-repeat;
		position: absolute;
		top: 3px;
		left: 42px;
		z-index: 1;
	}
#Menu {
	height: 43px;
	padding: 0 8px;
	background: #400f09;
	overflow: hidden;
}
	#Menu ul, #Menu ul li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;    
    font-size: 10px;
    height: 43px;    
	}
	#Menu ul li a:link, #Menu ul li a:visited {
		background-position: 0 left;
		line-height: 43px;
		color: #400f09;
		margin: 0 10px;
		_margin: 0 5px;
		font-size: 0;
				
		display: block;
		float: left;
		
		padding-top: 43px;
	}
	html>body #Menu ul li a:link, html>body #Menu ul li a:visited {
		background-position: top left;
	}
		#Menu ul li a#history {
			width: 70px;
			background-image: url('/public/img/public/menu/history.gif');			
		}		
		#Menu ul li a#band {
			width: 50px;
			background-image: url('/public/img/public/menu/band.gif');
		}
		#Menu ul li a#playlist {
			width: 66px;
			background-image: url('/public/img/public/menu/playlist.gif');
		}
		#Menu ul li a#gigs {
			width: 42px;
			background-image: url('/public/img/public/menu/gigs.gif');
		}
		#Menu ul li a#media {
			width: 60px;
			background-image: url('/public/img/public/menu/media.gif');
		}
		#Menu ul li a#gb {
			width: 101px;
			background-image: url('/public/img/public/menu/gb.gif');
		}
		#Menu ul li a#ls {
			width: 143px;
			background-image: url('/public/img/public/menu/ls.gif');
		}
		#Menu ul li a#contact {
			width: 73px;
			background-image: url('/public/img/public/menu/contact.gif');
		}
		#Menu ul li a#links {
			width: 52px;
			background-image: url('/public/img/public/menu/links.gif');
		}

		#Menu ul li a#okapele {
			width: 80px;
			background-image: url('/public/img/public/menu/okapele.gif');			
		}		
		#Menu ul li a#clenove {
			width: 74px;
			background-image: url('/public/img/public/menu/clenove.gif');
		}
		#Menu ul li a#repertoar {
			width: 91px;
			background-image: url('/public/img/public/menu/repertoar.gif');
		}
		#Menu ul li a#koncerty {
			width: 86px;
			background-image: url('/public/img/public/menu/koncerty.gif');
		}
		#Menu ul li a#mediacz {
			width: 60px;
			background-image: url('/public/img/public/menu/mediacz.gif');
		}
		#Menu ul li a#vzkazy {
			width: 66px;
			background-image: url('/public/img/public/menu/vzkazy.gif');
		}
		#Menu ul li a#kontakt {
			width: 74px;
			background-image: url('/public/img/public/menu/kontakt.gif');
		}
		#Menu ul li a#odkazy {
			width: 72px;
			background-image: url('/public/img/public/menu/odkazy.gif');
		}

	#Menu ul li a:hover, #Menu ul li a:focus, #Menu ul li a:active,
  #Menu ul li.active a {
		background-position: -43px left;
	}	
	html>body #Menu ul li a:hover, html>body #Menu ul li a:focus, html>body #Menu ul li a:active,
  html>body #Menu ul li.active a {
		background-position: bottom left;
	}
	
	#Note {
    width: 707px;
    float: left;
    min-height: 300px;
    _height: 300px;  
  }
    #Note .content {
      margin: 5px 20px;
    }
    #Note .content div.date {
      text-align: right;
    }
    #Note .content p {
      margin: 8px 0px;
    }
    #Note .content ul.subcat, #Note .content ul.subcat li {
      margin: 0 8px;
      padding: 0;
      list-style: none;
    }
    #Note a img {
      border: 0;
    }
    #Note img.flleft,
    #Note img.flright {
      float: left;
      margin: 5px 10px;
      margin-left: 5px;
      border: 1px solid #fff;
    }
    #Note img.flright {
      float: right;
    }
	#Note h2 {
    height: 39px;
    line-height: 39px;
    background: url('/public/img/public/h2_bg.gif') top left repeat-x;
    margin: 0;
    padding: 0 15px;
    color: #fff;
  }	

	#Note h3 {
    margin: 5px;
    color: #fff;
  }	
	
	#infopanel {
    width: 291px;
    float: left;
  }
    #infopanel div.h4 {
      font-size: 18px;
      margin: 0 4px;
      padding: 0;
    }
    #infopanel .content {
      margin: 10px 8px;
    }
      #infopanel .content div.news {
        margin: 4px 0;
        padding: 0 10px;
        margin-bottom: 10px;
      }
      #infopanel .content div.news a.title {
        display: block;
        margin-bottom: 4px;
      }
      #infopanel .content div.news p {
        margin: 0;
        text-align: justify;
        font-size: .85em;
      }	
        #infopanel .content div.news div.time {
          text-align: right;
        }

  #infostrip {
    width: 650px;
    height: 38px;
    line-height: 38px;
    text-align: right;
    color: #400f09;
    font-weight: bold;
    
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 10;
  }
    #infostrip a:link, #infostrip a:visited {
      padding-left: 5px;
      font-size: 1.2em;
      color: #400f09;
      text-decoration: none;
      letter-spacing: .8px;
    }
    #infostrip a:hover, #infostrip a:active, #infostrip a:focus {
      text-decoration: underline;
    }

  #Footer {
    clear: both;
    text-align: center;
    color: #fff;
    line-height: 43px;
    height: 39px;
    background: url('/public/img/public/footer_bg.gif') top left repeat-x;
    overflow: hidden;
  }

/* gallery & files */
div.gallery {

}
.gallery .sub_gall {
  display: block;
  width: 120px;
  height: 90px;
  text-align: center;
  padding: 3px;
  margin: 2px;
  float: left;
  border: 1px solid #2B2B2B;  
}
  .gallery .sub_gall img {
    display: block;
    width: 38px;
    height: 37px;
    margin: 0 auto;
    margin-top: 12px;
  }

.gallery .back_gall {
  display: block;
  width: 120px;
  height: 90px;
  text-align: center;
  padding: 3px;
  margin: 2px;
  float: left;
  border: 1px solid #2B2B2B;  
}
  .gallery .back_gall img {
    display: block;
    width: 38px;
    height: 37px;
    margin: 0 auto;
    margin-top: 25px;
  }

.gallery .img {
  display: block;
  width: 120px;
  height: 90px;
  text-align: center;
  padding: 3px;
  margin: 2px;
  float: left;
  background: #000;
  border: 1px solid #fff;
}

#downfiles {
  margin: 5px 0;
}
  .downfile {
    margin: 13px 10px;
    clear: both;
  }
    .downfile .image {
      width: 55px;
      float: left;
    }
    .downfile .content {
    }
      .downfile .content a:link, .downfile .content a:visited {
        color: #FEC983;
        font-weight: bold;
        text-decoration: none;
      }
      .downfile .content a:hover, .downfile .content a:active, .downfile .content a:focus {
        text-decoration: underline!important;
      }
      .downfile .content p {
        margin: 0 8px;
      }