body {
    margin: 0px;
    margin-top: 15px;
    padding: 0px;
    font: 8px arial;
    background: #2B7BBA;
}

#logo{
    position:absolute;
    top:16px;
    left:0;
    float: left;
    width:207px;
    height:118px;
    margin:0px;
    padding:0px;
    background: url(logo.gif) norepeat;
}

#menu {
    margin: 2px 0 0 204px;
    height: 84px;
    padding-top: 5px;
    background: #2B7BBA url(menu_pozadi.gif) repeat-x;
}

#text_menu {
    height: 22px;
    margin-left: 20px;
}

#text_menu a {
    margin: 0 15px;
    font: 10px verdana;
    color: #ABD2FD;
    text-decoration: none;
}

#text_menu a:hover {
    margin: 0 15px;
    color: white;
}

#scroll-text {
    color: #A47CCB;
    position: absolute;
    width: 450px;
}

#scroll-top {
    background-color: #FC8585;
    background-image: url(hledej_top_back.gif);
    width: 160px;
    height: 100%;
    padding:0 10px 0 10px;
    border-right: 1px solid #000;
    font-style: bolder;
    text-align: center;
    color: black;
}

#scroll-over {
    border: 1px solid #A47CCB;
    width: 630px;
    height: 12px;
    margin-left: 200px;
    margin-top: 5px;
    font: 12px Verdana;
    background-color: #0F2B52;
}

h2 {
    margin:0;
    padding: 0;
    font: 10px verdana;
    text-align:center;
    position:absolute;
    bottom:1px;
    cursor:hand;
}

h3 {
    margin:0;
    padding: 8px 30px 0 0;
    font: 11px verdana;
    font-weight: bold;
    text-align:right;
    color: #0F2B51;
}

h3.nazev {
    padding:0;
    font: 11px verdana;
    font-weight: normal;
    text-align:left;
}

#news{
    position:relative;
    width:550px;
    margin-bottom:30px;
}

#news img{
    z-index:3;
}

#radio{
    position:relative;
    width:550px;
    margin-top:30px;
    margin-bottom:30px;
}

.top1, .top2, top1m, top2m{
    position:absolute;
    top:0px;
    right:0px;
    width:413px;
    height:30px;
    margin:0px;
    padding: 0;
    background: white url(top10_top_back.gif) repeat-x;
}

.top2{
    width:413px;
    height:30px;
    background: white url(top10_top_back.gif) repeat-x;
}

.topr {
    position:absolute;
    top:0px;
    right:0px;
    width:10px;
    height:30px;
    background: url(top10_top_right.gif) no-repeat;
}

.uper{
    position:relative;
    z-index:3;
}

.body {
    position:absolute;
    top:0px;
    right:0px;
    width:422px;
    margin: 30px 0 0 0;
    padding: 0px;
    color: #E0EBFB;
    text-decoration: none;
    font: 11px verdana;
    background: #0F2B52;
    z-index:0;
}

.inner{
    padding: 15px 15px 10px 22px;
}

.body a {
    color: #E0EBFB;
    text-decoration: none;
}

.body a:hover {
    text-decoration: underline;
}

.botm {
    position:absolute;
    bottom:0px;
    left:127px;
    width:10px;
    height:8px;
    background: url(tabulka_bot_left.gif) no-repeat;
}

.botml {
    position:absolute;
    bottom:0px;
    left:0px;
    width:10px;
    height:100px;
    margin:0;
    padding:0;
    background: url(tabulka_bot_left_long.gif) no-repeat;
    z-index:2;
}

.botr {
    position:absolute;
    bottom:0px;
    right:0px;
    width:10px;
    height:100px;
    margin:0;
    padding
    background: url(tabulka_bot_right.gif) no-repeat;
    z-index:2;
    background: url(tabulka_bot_right_long.gif) no-repeat;

}

.div{
    position:absolute;
    bottom:0px;
    right:0px;
    width:100px;
    height:100px;
    background:white;
    }

#ikonky {
    font: 10px verdana;
    color: #ABD2FD;
    padding: 30px 0 0 60px;
    margin-bottom:30px;
}

#ikonky a {
    color: #ABD2FD;
    text-decoration: none;
}

#ikonky a:hover {
    color: white;
}

a {
    color:white;
}

a:hover {
    text-decoration:underline;
}

.sirka a{
    height: 57px;
    margin: 0 15px;
    display: block;
    float: left;
    color:#abd2fd;
    text-decoration:none;
    position:relative;
}

.sirka a:hover{
    color:white;
    text-decoration:none;
}

a.prodej_cd {
    background: url(prodej_cd_mc.gif) left top no-repeat;
    width: 83px;
    margin: 0 15px 0 5px;
}

a.prodej_cd:hover {
    background-position: -83px 0px;
}

a.stahuj_mp3 {
    background: url(stahuj_mp3.gif) left top no-repeat;
    width: 76px;
}

a.stahuj_mp3:hover {
    background-position: -76px 0px;
}

a.poslech {
    background: url(novinky.gif) left top no-repeat;
    width: 44px;
}

a.poslech:hover {
    background-position: -44px 0px;
}

a.televize {
    background: url(televize.gif) left top no-repeat;
    width: 109px;
}

a.televize:hover {
    background-position: -109px 0px;
}

a.radia {
    background: url(radio.gif) left top no-repeat;
    width: 109px;
}

a.radia:hover {
    background-position: -109px 0px;
}

a.prehravace {
    background: url(prehravace.gif) left top no-repeat;
    width: 126px;
    margin: 0 0 0 15px;
}

a.prehravace:hover {
    background-position: -125px 0px;
}

h6 {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer; cursor: hand;
  margin: 0px;
  padding: 0px;
}

img { border: 0; }








#copyright { clear: both; padding: 5px 0; font: 10px verdana; color: white; text-align: center; }
#copyright a { color: #ABD2FD; text-decoration: none; }
#copyright a:hover { color: white; }


#reklama1 { top: 142px; left: 89px; width: 468px; height: 60px; border: 0px solid black;
position: absolute; display: block; background-color: #1E56A3; text-align: center; font: 14px Verdana;
color: white; display:none;
}

#reklama2 { margin-left: 35px; width: 468px; height: 60px; border: 0px solid black;
display: block; background-color: #1E56A3; text-align: center; font: 14px Verdana;
color: white;
}

#reklama3, #reklama4 { margin-left: 40px; width: 468px; height: 60px; border: 0px solid black;
display: block; background-color: #1E56A3; text-align: center;
font: 14px Verdana;
color: white;
}



.padleft { margin-left: 42px; }
.okraje { margin: 5px;}
#fright { float: right; border: 1px solid black; margin: 0 0 8px 8px; }

.cntr { text-align: center; clear: both; margin-top: 10px;}
.clip { margin:0; padding: 0; overflow: hidden; width: 100px; height:25px; float: left; }
#detail_jmeno { margin-left: 21px; height: 40px; margin-top: 14px; padding-left: 32px;  background: url(sipka_detail.gif) no-repeat; }
#detail_jine { margin-left: 20px; }
.jmeno_zpevaka { font: 14px verdana; font-weight: bold; }
.zvyrazni { color: #FFD674; font-weight: bold; }
a.zvyrazni2:link { color: #fff; text-decoration: underline; }
.zvyrazni2:hover { color: #FFD674; text-decoration: underline; }

.texty { text-align: justify; }
.text { text-align: justify; padding: 20px; }

a.zvyraznit { color: black; font-weight: bold; border: 1px solid black; }

.imag_wmp { background: #0F2B52 url(winamp_pl.gif) no-repeat; border: 0px; padding-left: 15px; color: white; font-size: 9px; color: #ABD2FD;  }
.imag_mp { background: #0F2B52 url(mediapl_pl.gif) no-repeat; padding-left: 15px; border: 0px; color: white; font-size: 9px; color: #ABD2FD;  }
.vyber {font: 11px verdana; font-weight: bold; }
.prehravace_p { padding-bottom: 3px; clear: both; border-bottom: 5px solid white; height: 15px; padding-left: 200px;  margin-top: 20px; background: url(prehravace_a_prislusenstvi.gif) no-repeat; }
.alba { padding-bottom: 3px; clear: both; border-bottom: 5px solid white; height: 15px; padding-left: 80px;  margin-top: 20px; background: url(alba.gif) no-repeat; }
.skladby { padding-bottom: 3px; clear: both; border-bottom: 5px solid white; height: 15px; padding-left: 120px;  margin-top: 20px; background: url(skladby.gif) no-repeat; }
.zpevaci_skupiny { padding-bottom: 3px; clear: both; border-bottom: 5px solid white; height: 15px; padding-left: 180px;  margin-top: 20px; background: url(zpevaci_skupiny.gif) no-repeat; }
.pole {  font: 10px verdana; margin: 3px 0; }
input.hpole {  font: 10px verdana; }

.hledej_top { float: right; top: -5px; display: block; position: relative; }

/*.odsad_dole { line-height: 40px; }*/

.sirka { width: 640px; }
img.zpevak { float: right; margin: 20px 20px 10px 10px; border: 1px black solid; }
img.obal_sm { margin: 10px 0; border: 1px black solid; }
img.bokraj { border: 1px black solid;  }
.odsad { margin: 10px 5px; }

#hlavni { padding: 90px 0 10px 53px; float: left; }
#bocni { margin: 90px 0 10px 630px; }

.hledani {margin: 6px 0; }
form { margin: 0; padding: 0; }

td.lt { background: url(tabulka_top_left.gif) no-repeat; }
td.rt { background: url(tabulka_top_right.gif) no-repeat; }

td.hlt { background: url(hledej_top_left.gif) no-repeat; }
td.hrt { background: url(hledej_top_right.gif) no-repeat; }

td.tlt { background: url(top10_top_left.gif) no-repeat; }
td.trt { background: url(top10_top_right.gif) no-repeat; }

td.trt2 { background: #2B7BBA url(tabulka_bot_left_long.gif) no-repeat right bottom; }


td.tecky { background: url(tecky.gif) repeat-x; }
td.carky { background: url(carky.gif) repeat-x; }

img.nadpis { position: absolute; left: 174px; top: 150px; }
tr.top a { color: #0F2B51; font: 11px verdana;  }
tr.top a:hover { color: #ED9F00; font: 11px verdana; text-decoration: none; }

tr.telo a { color: #E0EBFB;  text-decoration: none; }
tr.telo a:hover { text-decoration: underline; }


tr { font-size: 11px; color: #E0EBFB; }
tr.small { font-size: 10px; }
span.small { font-size: 10px; }
tr.top { background: white url(tabulka_top_back.gif) repeat-x; font: 11px arial; color: #0F2B51; }
tr.htop { background: white url(hledej_top_back.gif); font: 11px verdana; font-weight: bold; color: #0F2B51; }
tr.ttop { background: white url(top10_top_back.gif); font: 11px verdana; font-weight: bold; color: #0F2B51; }

tr.telo { background-color: #0F2B52; color: #E0EBFB; font: 11px verdana; }
th { color: #94BAEF; font-weight: normal; font: 11px verdana; }
telo.td { font: 11px verdana; color: #E0EBFB; }
td.top_krat { color: #8CBCFF; font-weight: bold; text-align: right; }
td.udot { border-bottom: 1px dotted #94BAEF; }
td.bdot {  border-bottom: 1px dotted #94BAEF; border-top: 1px dotted #94BAEF;  }

iframe.skryte { display: none; }

#reklama-top {
  width: 100%;
  height: 0px;
  border-bottom: 1px solid black;
}

#reklama-volno {
  text-align: center;
  font-size: large;
  font-weight: bold;
  vertical-align: middle;
  margin: 30%;
}

o {
  text-align: center;
  font-size: large;
  font-weight: bold;
  vertical-align: middle;
  margin: 30%;
}

input.submit {
background:#3E7631; color:#FFD674; cursor: hand; border: #000 1px solid; font-family:Verdana;
}

.mp3{
  margin-left:10px;
  color: #FFD674;
  font-weight: bold;
}

.jmeno{
  display:block;
  margin-top:5px;
}

