

.atv {
  text-align: center;
  margin: 0px auto 20px;
  width: 150px;
  padding: 0px 0px 15px;
  border-bottom: 2px solid #223;
  color: #aaa;
}


div.prispevek {
  margin: 0 0 10px;
  border: 1px solid;
  padding:5px;
  border:1px solid #445;
  margin: 0 0 15px;
}

#dform table {
  border: 1px solid #789;
  background:#445;
  width: 100%;
}
#dform td {
  padding: 5px;
  vertical-align: top;
}

#dform input,
#dform textarea {
  width:473px;
  font: 12px monospace;
  border: 1px solid #789;
  background:#223;
  color:#fff;
  padding: 1px;
}
#dform textarea {
  height: 100px;
}
#dform .code img {
  vertical-align: -6px;
  _vertical-align: -4px;
}

#dform #code {
  width: 50px;
  margin: 0 2px;
}
#dform .submit {
  text-align: right;
}
#dform .submit input {
  width: 100px;
  font-family: arial,helvetica,sans-serif;
  cursor: hand;
  cursor: pointer;
  font-weight: bold
}
#dform .fnazev {
  width: 30px; 
}
#dform .derror {
  font-weight: bold
}

.prispevek .jmeno {
  color: #79d;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}
#telo .prispevek .cas {
  font-size: 11px;
  color: #89b;
}

#pages {
  padding: 10px 0;
  text-align: center;
}
#pages span {
  font-weight: bold;
  font-size: 20px;
  margin: 0 2px;
  color: #666;
}
#pages span.pc {
  font-size: 18px;
  color: #999;
}
#pages a {
  text-decoration: none;
  color: #fff;
}

/********* LAYOUT *********/
* { 
  margin: 0; 
  padding: 0;
}
#ga {
  display: none;
}
html, body { 
  height: 100%; 
}
#banner {
  background: #223 url('img/top4.jpg') no-repeat;
}
body, #hlavicka, #paticka {
  background: #454561;
}
#hornimenu, #paticka-obsah {
  background: #112;
}
body { 
  font: normal 12px "Trebuchet MS",Arial,Helvetica,sans-serif;
  color: #ccc;
  font-style: normal;
  font-variant: normal;
  line-height: normal;
  font-size-adjust: none;
  font-slign: cetretch: normal;
  text-anter; 
}
html > body { 
  padding: 0px; 
}
#obsah { 
  margin: 0px auto;
  color: rgb(204, 204, 204);
  width: 750px;
  text-align: left;
  min-height: 100%;
  height: 100%;
  position: relative; 
  background: url('img/bkg.jpg') repeat-y; 
}

body > #obsah { 
  height: auto; 
}

#hlavicka { 
  height: 15px; 
}
#bannerin {
  padding: 13px;
}
#banner a {
  display: block;
  width: 182px;
  height: 70px;
  border: 0px solid;
  margin: 0 0 0 auto;
}

#banner { 
  padding: 0px;
  height: 225px; 
}

#telo .blind {
  display: none;
}

/************************ H O R N I M E N U *************/
#hornimenu { 
  border-bottom: 2px solid #454561;
  height:35px; 

}
#hornimenu ul { 
  list-style: none;
  height:35px;
  line-height:35px;
}
#hornimenu li { 
  height: 35px;
  line-height:35px;
  font-size: 15px;
  float: left;
  text-align: center;
  font-weight: bold;
}
#hornimenu li a { 
  text-decoration: none;
  color: #89d;
  margin: 0px 12px;
}
#hornimenu li a:hover{ 
  color:#fff;
  border: 0 none;
  background: #223;
}






/**************************** T E L O ****************/
#telo { 
  padding: 0 0 70px;
}

#paticka { 
  overflow: hidden;
  position: absolute;
  height: 55px;
  bottom: 0;
  left: 0;
  width: 100%;
}
#paticka-obsah {
  padding: 0 5px 0 10px;
  border-top: 2px solid #454561;
  height: 40px;
  line-height: 30px;
}
.nasrot { 
  float: left;
}

#paticka-obsah .toplink {
  text-align: center;
  letter-spacing: 1px;
  float: right;
}
#paticka-obsah .toplink a {
  padding: 0 3px;
  color: #FFF;
  text-decoration: none;
  font-size: 9px;
  border: 1px solid #666666;
  background: #223;
}
#paticka-obsah .toplink a:hover { 
  color: #FFF;
  background-color: #557;
}






/***** H L A V N I   P A N E L *****/
#hlavnipanel { 
  width:550px;
  padding: 0 0 40px;
}
#hlavnipanel-obsah { 
  margin: 0px auto;
  padding: 10px 0;
  width: 530px;
}
#hlavnipanel-obsah .mp3 {
  list-style:square;
  margin: 0 0 0px 15px;
}
.mp3 li {
  font-size: 11px;
}
.mp3 a {
  font-size: 12px;
}
.mp3spacer {
  margin: 30px 0 10px;
  padding: 10px 0 0;
  border-top: 1px solid #556;
}

#hlavnipanel-obsah hr {
  width: 100%;
  margin: 10px auto 0;
  border: 1px solid #445;
}
#hlavnipanel-obsah ul {
  list-style:square;
  margin: 10px 0 10px 20px;
}






/********* GLOBAL *********/

table,p,li {
  font: normal 1em Arial,Helvetica,sans-serif;
  line-height:1.50em;
}

#obsah a {
  color:#7df;
}
#obsah a:hover {
  color:#89e;
}









/********* TAGS *********/
h1 {
  font-size: 20px;
  margin: 0 0 25px;
  padding: 3px 8px;
  color: #eef;
  background:#57b;
}
h2 {
font-size: 1.65em;
}
h3 {
  font-size: 17px;
  margin: 15px 0 10px;
  color: #69d;
  text-transform: uppercase;
}
h4 {
font-size: 14px;
  color: #99c;
  margin:10px 0 5px;
  padding:0;
}
h5 {
font-size: 14px;
  color: #9ac;
  margin:10px 0 0;
}

hr {
  width: 500px;
}















/********** D E F A U L T   T A B L E   *************/
#deftab {
  width: 520px;
  margin: 0px auto;
  border: 0px solid;
}

#deftab img {
  border: 1px solid #556;
  margin: 0;
}
.blok {
  float:left;
  border: 0px solid;
  min-height: 160px;
  _height: 160px;
  font-size: 11px;
}
.blok.other {
  float:left;
  border: 0px solid;
  min-height: 50px;
  _height: 50px;
  font-size: 11px;
}
.blok strong {
  color: #69d;
}

#deftab a.deflink {
  font-size:14px;
  color:#8bf;
  font-weight: bold;
  text-decoration: none;
}
#deftab a.deflink:hover {
  color:#89e;
  text-decoration: underline;
}
#deftab span.deflink {
  font-size:14px;
  color:#8bf;
  font-weight: bold;
}
.live {
  margin: 0;
  width: 165px;
}
#deftab .live ul {
  list-style: none;
  margin: 10px 0 0;
}
.cdcover {
  margin: 0 15px;
  width: 160px;
  height: 160px;
}
#deftab .cdcover img {
  margin: 10px 0 0;
  width: 110px;
}
#deftab .mp3 {
  margin: 0;
  width: 155px;
}
#deftab .mp3 ol {
  margin: 5px 0 0 22px;
  list-style-type: decimal;
}
#deftab .mp3 li {
  line-height: 14px;
}
.shop {
  width: 125px;
  height: 160px;
  margin: 25px 0 0;
}
#deftab .shop img {
  margin: 10px 0 0;
}
.photo {
  margin: 25px 0 0;
  width: 115px;
}
#deftab .photo img {
  margin: 10px 0 0;
  width: 110px;
}
.history {
  margin: 25px 10px 0;
  width: 260px;
}
#deftab ul {
  margin: 5px 0 0 15px;
}
.cleaner {
  clear:both;
}


/*************************** L E V E   M E N U *********/
#levemenu {
  width:200px;
  _width: 197px;
  float: right;
  padding: 10px 0;
}
#levemenu ul {
  list-style: none;
  margin: 0 auto;
  width: 180px;
}
#levemenu #pmenu li {
  height:18px;
  line-height:14px;
  background: #557;
  border: 1px solid #557;
  margin:1px 0px;
  font-size: 11px;
  font-weight: bold;
  list-style: none;
  text-align: left;
}
#levemenu #pmenu a {
  display: block;
  _width:100%;
  white-space:nowrap;
  margin: 0;
  padding:2px 0 2px 5px;
  text-decoration: none;
  color: #cdd;
}
#levemenu #pmenu a:hover{ 
  background: #88a;
  color: #fff;
  border: 0 none;
}
#mp3top:hover .mp3toplist {
  color: #bbe;
}
.mp3toplist {
  font-size: 12px;
  font-weight: bold;
  margin: 20px 10px 0;
  color: #79b;
}
.top20 ol {
  list-style-type: decimal;
}
#levemenu .top20 li {
  font-family: Arial;
  font-size: 9px;
  margin: 0 0 0 30px;
  font-weight: bold;
  color: #aaa;
}
#levemenu .top20 li:hover {
  color: #fff;
}
.top20 li span {
  color: #8bc;
  font-size: 9px;
  font-weight: bold;
}
#levemenu .top20 li:hover span {
  color: #bbe;
}
.ffox {
  width: 88px;
  margin: 5px auto;
}
#levemenu .ffox a {
  width: 88px;
  height: 15px;
  padding: 0;
  border: none;
  display: block;
  background: #454561;;
}

#toplist {
  width: 88px;
  margin: 20px auto 0;
}
#toplist img,
#levemenu .ffox img {
  border: 0;
}





/********* D I S C O *********/
.tracklist {
  margin: 0 0 0 30px;
  font-size: 11px;
}
.album {
  width: 520px;
  margin: 0 auto 15px;
  border-top: 1px solid #556;
}
.album img {
  float: left;
  border: 1px solid #556;
  margin: 0 0 15px;
}
.album ol {
  margin: 0 0 0 240px;
}
.first {
  border:none;
}






/*********COMMON *********/
a.pinglink {
  font-size: 1em;
}


hr.cleaner { 
  clear: both;
  display: none;
  
}

.imageborder {
  border:solid 1px #999;
}
.imagenavlink {
  color: #7df;
  text-decoration: none;
  font-size: 18px;
}

.adv {
  margin:0;
  padding:0;
}
.bordertab {
  border:solid 0px #333;
  margin:1px;
}

.blue {
  color: #69d;
}



/********* TEXT *********/
.klip {
  text-align: center;
  margin: 15px 0 0;
}
.text-datumcas { 
   font-size: 0.91em;
  color: #89c;
  
}
.text-velky { 
  font-size: 1.15em;
  color: #9cf;
  font-weight: bold;
}
.text-bold { 
  font-weight:bold;
}
.odsaz {
  text-indent:20px;
  text-align:left;
  padding: 2px 0;
}
p.odsaz:hover {
  background:#334;
}
.vyrazne { 
  color: #7df;
}
.vyrazne-bold { 
  color: #7de;
  font-weight:bold;
}
.nezalomen {
  white-space: nowrap;
}
.blind {
  color:#223;
  background:#223;
  width:500px;
  font-size:10px;
  height: 1px;
  margin: 0;
  display:none;
}
.song {
  font-size: 1em;
  margin: 0 0 15px;
}
.listmark {
  font-size: 1.05em;
}
.listmark:hover {
  color:#fff;
  background:#223;
  text-decoration: underline;
}
.otazka {
  color: #fff;
  font-weight:bold;
  font-style: oblique;
  margin-top: 10px;
}

#obsah .langlink a { 
  color: #ccc;
  padding: 2px 5px;
  margin: 0 0 10px;
  text-decoration: none;
  font-size: 0.85em;
  border: 1px solid #666666;
  background-color: #445;
}
#obsah .langlink a:hover { 
  color: #ccc;
  background-color: #557;
}


#footer td {
  color:#7df;
}

.disco {
  border:1px solid #445;
}

/********* GUESTBOOK E-SHOP *********/
.eshop {
  border: 0px solid #789;
}
fieldset { 
  margin: 10px 0;
  padding: 10px 0 0;
  border: 1px solid #789;
  text-align:right;
  width:525px;
  background:#445;
  _background:#223;
}
fieldset legend { 
  font-size:13px;
  font-weight: bold;
  color: #ccd;
}
fieldset label { 
  font-size:12px;
  width: 120px;
  float:left;
  color: #bbb;
  text-transform:lowercase;
}
fieldset input.txt {
  margin:0 10px 2px 10px;
} 
input, select, textarea {
  background:#445;
}
input, select, textarea {
  width:350px;
  font:12px monospace;
  border: 1px solid #789;
  background:#223;
  _background:#445;
  color:#fff;
  padding: 1px;
}
input.butt { 
  border: 1px solid #666666;
  background:#223;
  _background: #445;
  width:70px;
  margin:5px 0 10px 5px;
  cursor:hand;
  font:11px Arial,helvetica,sans-serif;
  font-weight: bold;
}
input.objpole {
  width:20px;
  font-size: 12px;
   font-weight: bold;
} 
textarea.shoparea {
  width:350px;
  margin:0 10px 10px 10px;
}
.eshop fieldset {
  padding: 10px 10px 5px;
  width: 507px;
}
.eshop legend {
  margin: 0px;
  padding: 2px 5px;
  border: 1px solid #789;
  background:#223;
}


/***** M E D I A   P H O T O *****/

#gal span  {
  float: left;
  padding: 5px;
}
#gal a img { 
  border: 1px solid #666;
  width: 120px;
  height: 90px;
}
#gal a:hover img { 
  border: 1px solid #7df;
}



/***** G U E S T B O O K *****/

.booktext {
  padding:4px 2px 0px;
  margin: 5px 10px;
}
.bookarea {
  width:350px;
  padding:4px 2px 0px;
  margin:0 10px;
}
.book-comment {
  padding:5px;
  border:1px solid #445;
  margin: 0 0 10px;
}
p:hover.book-comment {
  background:#334;
}
.booknav {
  text-align:center;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  margin: 10px 0;
  font-weight: bold;
}
.booknavlink { 
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1em;
  margin:0 2px
}
.booknavlink:hover {color:#89e;
}
.booknavpage { 
  font-size: 1.1em;
  margin:0 2px
}
.bookdead { 
  color:#999;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1em;
  margin:0 2px 
}
.booklink { 
  font-size: 0.95em;
  color: #abd;
  
}
.booksend { 
  border: 1px solid #789;
  background:#223;
  _background: #445;
  width:50px;
  font-size:10px;
  font-weight: bold;
  margin:5px 10px 10px;
  padding: 2px 0;
  cursor:hand;
  font-family: Arial,helvetica,sans-serif;
}

table#objed {
margin:10px 10px 0;
  width:485px;
}
table#objed td.hla { 
  background:#334;
  color: #99c;
  font-weight: bold;
  padding:2px 4px 2px 0;
   
}
table#objed td.brd { 
  border-bottom: 1px solid #999;
  
}
.textright {
  text-align:right;
}
table#objed td { 
  padding:0 2px;
  margin:0;border: 0px solid #fff;
}
table#nabidka { 
  width:530px;
  border: 1px solid #334;
}
table#nabidka td { 
  padding:8px
}

/********* INFO LIVE *********/
#live {
  width:_525px;
}
#live td { 
  padding: 0 0 1px 0px;
  border: 0px solid #334;
  
}
#live td.hla,tr.bude,tr.bylo {
  font: 11px Arial,sans-serif;
} 
#live tr.bylo { 
  color: #88a;
  border-bottom: 1px solid #334;
}
#live tr.bude { 
  color: #ccc;
}
#live td.hla {
  background:#454561;
  color: #ccc;
  font-weight: bold;
  padding: 2px 1px;
  border-top: 1px solid #334;
  
}
#live tr:hover {
  background: #446;
}

/********* m p 3    s u m m a r y **********/
#mp3sum {
  border-color: #446;
  border-style: solid;
  border-width: 1px 0 0 1px;
  width: 100%
}
#mp3sum td {
  font-size: 11px;
  border-color: #446;
  padding: 1px 2px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: #ccc;
}
#mp3sum .tablehead {
  background: #000;
  font-weight: bold;
  border-color: #446;
  border-style: solid;
  border-width: 0 1px 1px 0;
  padding: 2px;
}
#mp3sum tr:hover {
  background: #446;
  color: #fff;
} 
.nr {
  text-align:right;
}
.ht {
  width: 10px;
  text-align:right;
}



/***** reklama *****/
.cecek {
  text-align: center;
  =padding: 40px 0 0;
}



/**** left sekce ****/
.ragetime,
.bandzone,
.frm,
.sud {
  text-align: center;
  margin: 15px auto 15px;
  width: 180px;
  padding: 0px 0px 15px;
  border-bottom: 2px solid #223;
  color: #aaa;
}


/****ragetime*****/
.ragetime img {
  border: 1px solid #333;
  margin: 5px 0 0;
}
.ragetime .outnow {
  color: #789;
  font: bold 18px monospace;
}

/**** bandzone ****/
.ragetime img {
  border: 1px solid #333;
  margin: 5px 0 0;
}
.bandzone a {
  color: #789;
  font: bold 14px monospace;
}

/**** frm ****/
.frm img { margin: 0; }
/**** sud ****/
.sud img {
  margin: 5px 0;
  border: 1px solid #556;
}
