/* CSS Document */
body{
  background-color: black;
}
body#body-vystoupeni{
  background-color: #111;
}
div#o-mne, div#kontakt, div#odkazy, div#vystoupeni{
  padding: 0;
  margin: 0;
}
div#o-mne{
  background: url(../img/pozadi_o-mne.jpg) no-repeat top center;
  padding-bottom: 10px;
}
div.o-mne_text{
  padding: 25px;
  width: 330px;
  margin: 0 auto;
}
div#kontakt{
  background: url(../img/pozadi_kontakt.jpg) no-repeat;
  padding-bottom: 380px;
}
div#kontakt address{
  width: 250px;
  position: relative;
  top: 80px;
  left: 20px;
  line-height: 25px;
  font-style: normal;
}
.jmeno{
  font-size: 120%;
}
div#odkazy{
  background: black url(../img/pozadi_odkazy.jpg) no-repeat top right;
  padding: 15px 0 50px 25px;
}
div#psani{
  background: black url(../img/pozadi_psani.jpg) no-repeat top left;
  padding-bottom: 170px;
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
a{
  color: #09f;
  text-decoration: none;
}
a:hover{
  color: #06f;
  text-decoration: underline;
}
div#main{
  width: 750px;
  height: 530px;
  /* position:absolute;  --- VERTICAL ALIGN  start---  
  top:50%;           
  left:50%;
  margin: -265px 0 0 -375px;  --- VERTICAL ALIGN  konec --- *//* nastavit margin top a left o minus polovinu velikosti */   
  margin: 10% auto 0 auto;
  padding: 0;
  text-align: center;
}
div#main img{
  border: 0;
  vertical-align: middle;
  z-index: 1; /* aby bylo pozadi za musicplayerem */
}
div#musicplayer{
  position:absolute;
  top:0%;
  left:0%;
  background-color: #000;
  text-align: center;
  margin: 0px;
  padding:0px;
  z-index: 2; /* aby byl music player pred pozadim */
}
div#videoplayer{
  position:absolute;
  top:45%;
  left:0%;
  background-color: #000;
  text-align: center;
  margin: 0px;
  padding:0px;
  z-index: 2; /* aby byl video player pred pozadim */
}
div#nejblizsi-koncert{
   position:absolute;
   top:75%;
   left:0%;
   width:260px;
   height:auto;
   overflow: hidden;
   font-family: "Arial Black", Arial, serif;
   color: #fff;
   border: 1px dotted #666;   /* #666*/
   padding: 5px;
   text-align: justify;
   font-size: 10pt;
}
div#nejblizsi-koncert div#hlavicka{
     width:100%;
}
div#odkazy-na-sluzby{
   position:absolute;
   bottom:1%;
   right:1%;
}
div#odkazy-na-sluzby a img{
     border:0;
}
div.obsah-stranky{
  color: white;
  text-align: justify;
  margin: 0;
  padding: 0;
}
div#frame-psani{
   width: 610px;
   height: 280px;
   position: relative;
   top: 160px;
   left: 10px;
   overflow: scroll;
}
div#psani p{
  width: 400px;
  font-size:110%;
}
p.shoutboard-upozorneni{
  position: relative;
  top: 15px;
  left:50px;
}
p.iloveyou{
  position: relative;
  top: 50px;
  left:120px;
}
p.odkazy-kategorie{
  font-size: 90%;
  margin-top: 30px;
  line-height: 0;
}
/* ======================== VYSTOUPENI A NOVINKY ============================ */
div#vystoupeni{
  background: #111 url(../img/pozadi_vystoupeni.jpg) no-repeat left top;
  height: 440px;
  margin-top: 10px;
  padding-bottom: 25px;
  color:white;
  font-family: Arial Black, Verdana, Helvetica;
  font-size: 11pt;
}
#obal-ramec-novinky{
  position: absolute;
  top: 4%;
  left: 2%;
}
#obal-ramec-vystoupeni{
  position: absolute;
  top: 4%;
  right: 0%;
}
#ramec-vystoupeni, #ramec-novinky{
  /*border: 1px dotted #333;*/
  margin: 0;
  padding: 10px;
}
#ramec-vystoupeni{
  width: 370px;
  height: 420px;
  overflow: scroll;
}
#ramec-novinky{
  width: 300px;
  height: 420px;
  overflow: auto;
}
/* --- ZPRAVY --- */
.Zprava{
	margin-bottom:10px;
}
#ramec-vystoupeni .Zprava{
     border-left: 10px solid #f96;     
}
#ramec-vystoupeni .Zprava:hover{
     border-left: 10px solid #f36;     
}
#ramec-vystoupeni .hlavickaZpravy {
	padding:0.5em 0.7em;
	text-align:left;
	background:gray;
	font:bold 95% Verdana, Arial, Sans-Serif;
	color:#000;
}
#ramec-vystoupeni .teloZpravy {
	padding:0.5em 0.7em;
	overflow:hidden;
	text-align:left;
	background:aliceblue;
	font:normal 80% Verdana, Arial, Sans-Serif;
	color:#000;
	text-align: justify;
}
#ramec-novinky .hlavickaZpravy {
	padding:0.3em 0.7em;
	padding-left:0.5em;
	text-align:left;
	background: #bdf;
	font:bold 80% Verdana, Arial, Sans-Serif;
	color:#000;
}
#ramec-novinky .teloZpravy {
	padding:0.5em 0.7em;
	overflow:hidden;
	text-align:left;
	background:aliceblue;
	font:normal 75% Verdana, Arial, Sans-Serif;
	color:#000;
	text-align: justify;
}
/* ------------------------------------------ */
/* OBCHOD */
ul.obchod li{
     margin-bottom:25px;
}