/*
Obecné
*/

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #000000;
  color: #ffffff;
  margin:0 auto;
  font-family: 'Cutive Mono';
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}

#bg {
  margin: 0 auto;
  height: 2450px;
  width: 1108px;
  background-image: url(img/bg_black.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  text-align: left;
}

img {
  border: 0px solid black;
}

a {
  cursor: hand;
  color: #ffffff;
}

a:hover {
  text-decoration: none;
}

.clear {
  clear: both;
}

*:focus {
  outline:none;
}

#bz {
  position: absolute;
  top: 18px;
  left: 360px;
  width: 127px;
  height: 35px;
  background-image: url(img/bz.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#bz a span {
  height: 35px;
  display: block;
}

#bz a span:hover {
  background-image: url(img/bz_black.png);
}

#fb {
  position: absolute;
  top: 18px;
  left: 183px;
  width: 102px;
  height: 35px;
  background-image: url(img/fb.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#fb a span {
  height: 35px;
  display: block;
}

#fb a span:hover {
  background-image: url(img/fb_black.png);
}      

 
#bc {
  position: absolute;
  top: 23px;
  left: 590px;
  width: 121px;
  height: 35px;
  background-image: url(img/bandcamp_black.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  
}

#bc a span {
  height: 35px;
  display: block;
}

#bc:hover {
  background-image: url(img/bandcamp.png);
}


#yt {
  position: absolute;
  top: 18px;
  left: 800px;
  width: 127px;
  height: 35px;
  background-image: url(img/yt.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  
}

#yt a span {
  height: 35px;
  display: block;
}

#yt:hover {
  background-image: url(img/yt_black.png);
}

#hr-1 {
  position: absolute;
  border: 0;
  height: 1px;
  top: 440px;
  color: #8c8c8c;
  background-color: #8c8c8c;
}

#hr-2 {
  position: absolute;
  border: 0;
  height: 1px;
  top: 350px;
  color: #8c8c8c;
  background-color: #8c8c8c;
}

#hr-3 {
  position: absolute;
  border: 0;
  height: 1px;
  top: 460px;
  color: #8c8c8c;
  background-color: #8c8c8c;
}

#footer {
  position: absolute;
  top: 3420px;
  right: 0px;
  color: #8c8c8c;
  margin-bottom: 40px;
  font-size: 14px;
}

#album-6 {
  position: absolute;
  top: 730px;
  left: 40px;
  width: 1108px;
}


#nazev-6 {
  position: absolute;
  left: 50px;
  width: 500px;
  font-size: 23px;
}

#obal-6 {
  position: absolute;
  top: 40px;
  left: 50px;
}

#amazingaudioplayer-6 {
  position: absolute;
  top: 40px;
  left: 370px;
  display:block;
  width:600px;
  height:auto;
  margin:0px auto 0px;
}

#stazeni-6 {
  position: absolute;
  top: 400px;
  right: 137px;
  font-size: 16px;
}  

#album-5 {
  position: absolute;
  top: 1230px;
  left: 40px;
  width: 1108px;
}


#nazev-5 {
  position: absolute;
  left: 50px;
  width: 500px;
  font-size: 23px;
}

#obal-5 {
  position: absolute;
  top: 40px;
  left: 50px;
}

#amazingaudioplayer-5 {
  position: absolute;
  top: 40px;
  left: 370px;
  display:block;
  width:600px;
  height:auto;
  margin:0px auto 0px;
}

#stazeni-5 {
  position: absolute;
  top: 385px;
  right: 137px;
  font-size: 16px;
}  

#album-4 {
  position: absolute;
  top: 1700px;
  left: 40px;
  width: 1108px;
}

#nazev-4 {
  position: absolute;
  left: 50px;
  width: 500px;
  font-size: 23px;
}

#obal-4 {
  position: absolute;
  top: 40px;
  left: 50px;
}

#amazingaudioplayer-4 {
  position: absolute;
  top: 40px;
  left: 370px;
  display:block;
  width:600px;
  height:auto;
  margin:0px auto 0px;
}

#stazeni-4 {
  position: absolute;
  top: 385px;
  right: 137px;
  font-size: 16px;
}

#album-3 {
  position: absolute;
  top: 2170px;
  left: 40px;
  width: 1108px;
}

#nazev-3 {
  position: absolute;
  left: 50px;
  width: 500px;
  font-size: 23px;
}

#obal-3 {
  position: absolute;
  top: 40px;
  left: 50px;
}

#amazingaudioplayer-3 {
  position: absolute;
  top: 40px;
  left: 370px;
  display:block;
  width:600px;
  height:auto;
  margin:0px auto 0px;
}

#stazeni-3 {
  position: absolute;
  top: 210px;
  right: 137px;
  font-size: 16px;
}

#album-2 {
  position: absolute;
  top: 2570px;
  left: 40px;
  width: 1108px;
}

#nazev-2 {
  position: absolute;
  left: 50px;
  width: 500px;
  font-size: 23px;
}

#obal-2 {
  position: absolute;
  top: 40px;
  left: 50px;
}

#amazingaudioplayer-2 {
  position: absolute;
  top: 40px;
  left: 370px;
  display:block;
  width:600px;
  height:auto;
  margin:0px auto 0px;
}

#stazeni-2 {
  position: absolute;
  top: 405px;
  right: 137px;
  font-size: 16px;
}

#album-1 {
  position: absolute;
  top: 3060px;
  left: 40px;
  width: 1108px;
}

#nazev-1 {
  position: absolute;
  left: 50px;
  width: 500px;
  font-size: 23px;
}

#obal-1 {
  position: absolute;
  top: 40px;
  left: 50px;
}

#amazingaudioplayer-1 {
  position: absolute;
  top: 40px;
  left: 370px;
  display:block;
  width:600px;
  height:auto;
  margin:0px auto 0px;
}

#stazeni-1 {
  position: absolute;
  top: 210px;
  right: 137px;
  font-size: 16px;
}