body {
   margin: 0px; padding: 0px;
   background-color: #f6f1f5; background-image: url(/images/bg.gif); background-repeat: repeat-x;
   font-size: 11px; font-family: Verdana;
 }
 
#lista  {  margin: 0 auto 2px 0; padding: 2px 0; background-color: #000; } 
#lista table { text-align: left; height: 13px; color: #698E02; }
#lista a { color: gold;  } 
#lista .zab_logo,#lista .zab_logo:visited{ color: gold; font-size: 12px; font-weight: bold; text-decoration: none; }
#lista .zab_logo:hover{text-decoration:underline;}
#lista .zab_odkaz,#lista .zab_odkaz:visited{font-size: 12px; padding: 0pt 1px 0pt 4px; text-decoration: none;}
	
 .cleaner{ clear:both; height:1px; font-size:0px; border:none; margin:0; padding:0; background:transparent; }
 .height10{ height: 10px; }
 .textreklama { font-size: 11px; width: 95%; color: #666; border-bottom: solid 1px #cccccc; margin-top: 4px; margin-bottom: 5px; padding-bottom: 2px; }
 .floatl  { float: left; }
 .floatr  { float: right; }
 .left    { text-align: left; }
 .center  { text-align: center; }
 .right   { text-align: right; }
 .bold    { font-weight: bold; }
 
 .zvyraz1 { padding: 1px; padding-left: 3px; margin-bottom: 4px; margin-top: 4px; letter-spacing: 1px; border: dashed 1px #CECECE; display: block; }

 #untop div.menu-barva         { background-color: #627894; } /* DEFAULT COLOR */
 div.lpanel div.menu a       { background-color: #627894; } /* DEFAULT LEFT MENU COLOR */
 div.lpanel div.menu a:hover { background-color: #A0AEC1; }
 
 a,a:active,a:link,a:visited {color:#1E233D;}
 a.bigback { font-size: 14px; font-weight: bold; }  
 a:hover {text-decoration: none;color:#557702;}
 img {border:0 none;}
 form {margin:0;}
 h2 { color: #193a4a; font-weight: bold; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 20px; padding-bottom: 3px; border-bottom: dotted 1px #B7B7AA; }
 h3 { color:#2F80AF;font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:16px; padding:5px 0 2px 8px;margin:0px; border-bottom: dotted 1px #B7B7AA;}
 
/* h4 {font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:14px;font-weight: bold; padding:0;margin:4px 0 3px 0;color:#FE8100;text-indent: 15px;}*/
 p.classic {text-indent: 15px;text-align: justify;line-height: 125%;margin:4px;}
 div.reklamamid { float: left; margin: 0 auto; padding-left: 50px; margin-top: 5px; } 
 
 
 .notice {margin:5px 0 0 10px;color:#2F80AF;font-size: 12px;font-weight: bold;}
 .warning {margin:5px 0 0 10px;font-weight: bold;color:#B05900;font-size: 12px;}
 .error {margin:5px 0 0 10px;font-weight: bold;color:red;font-size: 12px;}
 .alert {margin:5px 0 0 10px;font-weight: bold;color:#FB4D3A;font-size: 12px;}

input.button {background: white url(../images/button_bg.gif) repeat-x bottom;border: 1px solid #808080;font-size: 12px;height:20px;}
input.button:hover {border: 1px solid #EA180B;}

input.text,textarea,select.text {vertical-align: middle; border: 1px solid #C7CCDC; background-color: white /*#F0F1F6*/; font-size: 12px;font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;}
input.text:focus,textarea:focus {border: 1px solid #EA180B;}

#content { width: 780px; margin: 0 auto; background-color: white; } 
#content #inc { padding: 6px; }

#top { height: 100px; width: 100%; background-color: #1E233D;   }
#top div.in {  margin: 0 auto; }
 #top div.search { float: right; margin-top: 4px; margin-right: 4px; }
 #top div.search span { font-weight: bold; color: white; float: left; text-align: right; } 
 #top div.search span a { color: gold; }
 #top div.search img { float: right; width: 56px; margin-left: 8px; border: solid 1px #CDCDC4; }
 #top div.search input.text { color: #1e233d; width: 90px; font-size: 11px; height: 14px; background-color: #cccccc; border: solid 1px #9da0a0; }
 #top div.search input.button { color: white; font-size: 10px; vertical-align: middle;  background: #737271 url(../images/button-bg.gif) repeat-x center; border: solid 1px #3b3e3e; }
 #top div.logo { width: 450px; height: 55px; padding-top: 20px;  }
  #top div.logo h1,body.play div.logo h1,body.play div.logo h1 a,#bottom span.h1, #top div.logo h1 a  { text-decoration: none; color: white; font-size: 24px; margin: 0; padding: 0; padding-left: 15px; }
  #top div.logo h1 a,body.play div.logo h1 a { padding: 0px }
  #top div.logo h1 a:hover,body.play div.logo h1 a:hover { padding: 0px; color: #e0dbdd }
  #top div.logo h1 span.red,#bottom span.h1 span.red,body.play div.logo h1 span.red  { color: #D8600F; }
  #top div.logo h1 span.blue,#bottom span.h1 span.blue,body.play div.logo h1 span.blue { color: #17BAEC; }
  #top div.logo h1 small { margin-left: 5px; font-size: 10px; line-height: 12px; }
  #top div.logo h1 .no { display: none }
  #top div.logo img { vertical-align: middle; margin-top: 10px; }
 #top div.menu { height: 25px;  }
 #top div.menu a        { display: block; float: left; text-decoration: none; text-align: center; color: white; font-size: 11px; text-transform: uppercase; font-weight: bold; margin-left: 5px; height: 25px; line-height: 25px; background-color: red;   width: 86px; background: white url(../images/menu-up.gif) no-repeat bottom;  }
 #top div.menu a:hover  { color: gold; }
 #top div.menu a.active { display: block; float: left; text-decoration: none; text-align: center; color: #1E233D; font-size: 11px; text-transform: uppercase; font-weight: bold; margin-left: 5px; height: 25px; line-height: 25px; background-color: red; width: 86px; background: white url(../images/menu-down.gif) no-repeat bottom; }
 #top div.menu a.active:hover  { color: #1E233D; }

#untop { width: 100%; height: 25px; line-height: 25px;   }
#untop a { font-size: 13px; text-decoration: none; font-weight: bold; margin-right: 20px; margin-left: 5px; }
#untop a.active { font-size: 13px; color: #658902; font-weight: bold; margin-right: 20px; margin-left: 5px; }
#untop a:hover { text-decoration: underline; }
#navibar { border-top: solid 2px #CDCDC4; background-color: #F3F3F1; font-size: 10px; height: 16px; line-height: 16px; padding: 0 0 2px 2px; margin-bottom: 5px; }
 
#obsah {  margin: 0 auto; }


#obsah div.filtr strong.interpret,#obsah div.filtr strong.pisen { font-size: 12px; font-family: arial; padding-bottom: 4px;  }
#obsah div.filtr strong.interpret span {  font-size: 11px; text-decoration: underline; font-family: verdana; color: #f87019; }
#obsah div.filtr strong.pisen span {  font-size: 11px; text-decoration: underline; font-family: verdana; color: #606a37; }
#obsah div.filtr strong.interpret a, #obsah div.filtr strong.pisen a { color: #1e233d; }
#obsah div.filtr strong.interpret a:hover, #obsah div.filtr strong.pisen a:hover { color: #557702; }
#obsah div.filtr select { font-size: 11px; }
#obsah div.filtr .input { font-size: 11px; width: 330px; border: solid 1px #757575; padding: 3px  }
#obsah div.filtr table { width: 405px; }
#obsah div.filtr table td.top { padding-bottom: 4px; text-align: right; }
#obsah div.filtr table td.f { padding-bottom: 4px; }

#obsah-levy { float: left; width: 550px; }
#obsah-pravy { float: right; width: 200px; padding-left: 10px; border-left: solid 1px #F3F3F1; }

#obsah-levy h3 { color: #557702; background-color: #F7F7F4; padding: 0px 0px 0px 10px; border-top: solid 1px #CDCDC4; margin-bottom: 10px; }
#obsah-pravy h3 { color: #7d9608; /*font-weight: normal;*/ }

ul.nejlist { padding: 0px; margin:0px 0px 10px; }
ul.nejlist li {	background: url(../images/mini-star.gif) no-repeat left center; padding: 3px 0px 3px 0px;	margin:0px;	line-height: 130%; list-style:square inside; color: #2F80AF; }
ul.nejlist li a {	color:#333333; text-decoration:none; list-style:none; }
ul.nejlist li a:visited {	color:#333333; text-decoration:none; }
ul.nejlist li a:hover {	color:#669900; text-decoration:none; }

#bottom { margin-top: 10px; padding: 10px; background-color: #f3f3f1; border-top: solid 1px #cdcdc4; font-size: 10px; }
#bottom div.logo { text-align: left; float: left; margin-right: 40px; }
#bottom div.logo span.h1 { color: #193A4A; }
#bottom ul { display: block; float: left; width: 120px; padding-left: 8px; border-left: solid 1px #C4C1B1; }
#bottom ul li { list-style: none; }
#bottom ul li.head { font-weight: bold; padding-bottom: 5px; }


#obsah-levy table.mp3tab { background-color: #FaFaFa; height: 40px; display: table; width: 540px; padding: 5px; margin-bottom: 10px; }
#obsah-levy table.barva { background-color: #F5F5F5; }
#obsah-levy table.mp3tab h4 { margin: 0px 0px 5px 5px;  padding: 0px; font-size: 12px; }
#obsah-levy table.mp3tab h4 a,#obsah-levy table.mp3tab h4 a:active,#obsah-levy table.mp3tab h4 a:link,#obsah-levy table.mp3tab h4 a:visited {color:#2F80AF;}
#obsah-levy table.mp3tab h4 a:hover {text-decoration: none;color:#EA180B;}
#obsah-levy table.mp3tab span.interpret { padding-left: 20px;  background: url(../images/repro.gif) no-repeat left center; }
#obsah-levy table.mp3tab a.poslech { padding-left: 20px;  background: url(../images/repro.gif) no-repeat left center; }
#obsah-levy table.mp3tab a.down { padding-left: 20px; background: url(../images/down.gif) no-repeat left center; }
#obsah-levy table.mp3tab th { text-align: left; }
#obsah-levy table.mp3tab td { text-align: right; width: 100px; }
#obsah-levy table.mp3tab td.inter { text-align: left; width: 250px; }

table.login  { margin: 0 auto; }
table.login input.text {  width: 110px }

/* BOOKMARKS MENU */

    div.bookmark_menu {margin:5px;}
    div.bookmark_menu .bookmarks a {display: block; float: left; background-color: #CECECE; border-top: 3px solid white; border-bottom: 1px solid white; margin-right: 1px; padding: 4px 10px 4px 10px; text-decoration: none; font-weight: bold; color: black;}
    div.bookmark_menu .bookmarks a:hover {background-color: #779D03; color: white;}
    div.bookmark_menu .bookmarks span {display: block; float: left; background-color: #608302; border-top:3px solid #779D03; border-bottom: 1px solid #608302; margin-right: 1px; padding: 4px 10px 4px 10px;font-weight: bold; color: white;}
    div.bookmark_menu .divider {background-color: #608302; clear:both; margin:0; padding:0; height: 2px;}
    div.bookmark_menu .dialog {background-color: #F5F5F5; border: 1px solid #608302; margin: 0; padding: 10px;}
table.form_format td.key {text-align: right;width:30%;font-weight: bold;padding-top:4px;vertical-align: top;}
table.form_format td.value {font-size: 12px;}
table.form_format td.value input.text, table.form_format td.value select.text { width:180px;}


strong.interpret a.active { background-color:#F4F4EA; padding-left: 3px; padding-right: 3px; border: solid 1px gray; text-decoration: none; font-weight: bold;  }
strong.pisen a.active { background-color:#F4F4EA; padding-left: 3px; padding-right: 3px; border: solid 1px gray; text-decoration: none; font-weight: bold;  }
div.interpret-list { /*background-color: #F4F4EA;*/ margin-top: 15px; margin-bottom: 20px; } 
div.interpret-list div.sloupec { font-size: 11px; width: 175px; line-height: 18px; padding-left: 5px; border-left: solid 1px #CECEC6; float: left; } 

div.subpages { text-align: center; word-spacing: 5px; padding-top: 3px; padding-bottom: 3px; } 
div.subpages a.active { background-color:#F4F4EA; padding: 3px; border: solid 1px gray; text-decoration: none; font-weight: bold;  }


.submenu li{
	border-bottom: #dae2cc 1px dotted;
	line-height: 130%;
	list-style:none;
}
.submenu li a{
	color: #790000;
	text-decoration: none;
	padding: 4px 6px 4px 2px;
	display:block;
	list-style:none;
}
.submenu li a:visited{
	color: #790000;
	text-decoration: none;
}
.submenu li a:hover{
	text-decoration: none;
	background-color: #dae2cc;
}
/* alba */
div.album-list { padding-top: 10px; border-top: dotted 1px #B7B7AA; }
div.album-list table { width: 100% }
div.album-list div.albumbox { display: inline-block; width: 90px; height: 125px; float: left; border: solid 3px #E5E5E5; }
div.album-list div.albumbox a { text-decoration: none; font-size: 9px; }
div.album-list div.albumbox a img { border: 0 } 

/* ====== interpret ===== */ 
h2.interpret { font-size: 14px; }
h2.interpret span { font-size: 18px; color: #6e9303 }
div.interpret div.topint { margin-bottom: 15px; }
div.interpret div.topint img { float: left; border: solid 5px #cdcdc4;  }
div.interpret div.topint table { padding-left: 10px; padding-right: 0px;   }
div.interpret div.topint td { padding: 5px; vertical-align: top; }
div.interpret div.topint td.link { line-height: 18px; }
div.interpret table.album, div.interpret table.songy { width: 100%; }
div.interpret table.album th, div.interpret table.songy th { text-align: left; padding-right: 4px; border-bottom: solid 2px #cdcdc4; color: #cdcdc4; font-size: 15px;  }
div.interpret table.album td.img { width: 60px; padding-left: 0px; text-align: center; }
div.interpret table.album td.icon { width: 70px; padding-left: 5px; padding-right: 0px; text-align: center; }
div.interpret table.album td, div.interpret table.songy td { background-color: #f3f3f1; font-size: 13px; padding-left: 10px; }
div.interpret h4 { border-bottom: dotted 1px gray; color: #cdcdc4; font-size: 13px; }
div.interpret table.mp3z { width: 100%; }
div.interpret table.songy td.id { width: 20px; }


span.shopb    { cursor: hand; display: block; height: 16px; width: 16px; background-image: url(../images/basket.gif); background-repeat: no-repeat; text-decoration: none; float: left; margin-right: 3px; margin-left: 1px; }
span.mininova { cursor: hand; display: block; height: 16px; width: 16px; background-image: url(../images/mininova.png); background-repeat: no-repeat; text-decoration: none; float: left; margin-right: 4px; }
span.repro    { cursor: hand; display: block; height: 16px; width: 16px; background-image: url(../images/repro.gif); background-repeat: no-repeat; text-decoration: none; float: left; margin-right: 4px; }
span.google   { cursor: hand; display: block; height: 16px; width: 16px; background-image: url(../images/google.png); background-repeat: no-repeat; text-decoration: none; float: left; margin-right: 4px; }
a.mininova { background-image: url(../images/mininova.png); background-repeat: no-repeat; line-height: 20px; height: 20px; padding: 4px 0px 4px 20px; }

div.comments { width: 100%; }
div.comments div.comm { padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #F3F3F1; }
div.comments div.comm div.top { color: #A2A2A2; }
div.comments div.comm p { margin: 0px; padding: 4px 0px 0px 10px; }

form.comment { margin: 0 auto; padding: 0; width: 450px; _width: 500px; }
form.comment textarea { width: 300px; height: 40px; float: left; }
form.comment input { margin-left: 20px;  }

a.homebig { display: block; text-align:center; line-height: 100px; height: 100px; font-family: arial; width: 248px; font-size: 18px; font-weight: bold; border: solid 5px #cdcdc4; }
a.homebig:hover { border: solid 5px gold; } 

a.hdj { background: url(../images/dj.jpg) no-repeat left center; color: black;  } 
a.hsinger { background: url(../images/singer.jpg) no-repeat right top; color: black;  } 
a.hradio { margin: 0 auto; background: #E5E2C8 url(../images/radio.jpg) no-repeat left top; color: black;  }

div.radia-list div.radio { line-height: 20px; border-bottom: dotted 1px gray; padding-bottom: 5px; padding-top: 8px;  }
div.radia-list div.radio a { font-weight: bold;  }
div.radia-list div.radio a.play { display: block; font-size: 10px; float: right; padding: 0px 5px 0px 5px; margin-left: 5px; border: solid 1px gray; background-color: #F7FEE0; text-decoration: none; } 
div.radia-list div.radio a.play:hover { background-color: #FFE8C4; color: black;  }
div.radia-list div.barva { background-color: #F5F5F5 }
div.radia-list span.radio { background-image: url(../images/repro.gif); background: url(../images/repro.gif) no-repeat left center; padding-left: 20px; line-height: 18px;}
div.radia-list table.styl { width: 100%; background-color: #F5F5F5 }

div.subpages_box {
  background-color: #F6F6F6; background-image: url(../images/subpage-str.gif); background-repeat: no-repeat; background-position: 3px center; 
  height:25px; font-size:11px; line-height: 25px; overflow: hidden; 
  border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding-left:25px; 
}

div.subpages_box .page_title {font-weight: bold; color: black;}
div.subpages_box .current {font-size: 9px;}
div.subpages_box .buttons a {font-size:11px;font-weight: bold; text-decoration: none; border: 1px solid #F6F6F6; padding:3px 2px 3px 2px; margin-top:2px;}
div.subpages_box .buttons a:hover {border: 1px solid #E0E0E0; background-color: white;}
div.subpages_box .buttons span {font-size:11px;color: #A0A0A0; border: 1px solid #E0E0E0; padding:3px 2px 3px 2px; margin-top:2px;background-color: white;font-weight: bold;}

div.subpages_box .goto {border-left: 1px solid #E0E0E0; float:right; height:25px; font-size:11px; line-height: 25px; padding-left: 28px; background-image: url(../images/subpage-goto.gif); background-repeat: no-repeat; background-position: 3px center;}
div.subpages_box .goto input.subpg {width: 20px;vertical-align: middle;height:15px;font-size:10px; background-color: white; border:1px solid #E0E0E0;}
div.subpages_box .goto input.button {vertical-align: middle; width:25px; height:18px;}

h2 small { font-size: 12px; }
strong.sountrack a.active { background-color:#F4F4EA; padding: 3px; border: solid 1px gray; text-decoration: none; font-weight: bold;  }
div.sountrack-list { /*background-color: #F4F4EA;*/ margin-top: 15px; margin-bottom: 20px; }
div.sountrack-list div.sloupec { font-size: 11px; width: 175px; line-height: 18px; padding-left: 5px; border-left: solid 1px #CECEC6; float: left; } 

body.play { margin: 0px; padding: 0px }
body.play div.logo { margin: 0 auto; height: 40px; line-height: 40px; width: 490px; background-color: #1E233D; border: solid 4px #CDCDC4; border-top: 0px;  } 
body.play div.logo h1 { margin:0; } 
body.play div.logo h1 small { font-size: 10px; }
body.play div.main { margin: 0 auto; background-color: white; width: 490px; text-align: center; border: solid 4px #1E233D; border-top: 0px; padding-bottom: 5px; }


/* PROFILE DETAIL */
div.avatar table.avatars_list {width:100%;}
div.avatar table.avatars_list td {text-align: center;vertical-align: middle;padding:10px 0;}

div.avatar .avatar_preview {padding:10px;width:130px;text-align: center;vertical-align: middle;}
div.avatar .avatar_preview img {padding:2px;border:1px solid #A0A0A0;margin-bottom:5px;}
div.avatar .desc {font-size: 10px;color: #808080;}


table.user_detail { width: 520px; margin:10px;}
table.user_detail .leftpanel {text-align: center;vertical-align: top;width:170px;}
div.box h4 { color:#6E9303;font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:13px; padding:5px 0 2px 8px;margin:0px; border-bottom: dotted 1px #B7B7AA;}
div.profile_detail .user_detail .username {text-align: left;border-bottom:1px solid #A0A0A0;font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:16px; font-weight: bold; color:#D8600F;}
div.profile_detail .user_detail .level {text-align: right;color: black;}
/*div.profile_detail .user_detail .avatar img {}*/
div.profile_detail .user_detail .info {vertical-align: middle;}
div.profile_detail .user_detail .status {float: right;font-size: 11px;color: black;font-weight: bold;}
div.profile_detail .user_detail .info .key {text-align: right;font-size: 12px;padding-right:5px;vertical-align: top;width:80px;}
div.profile_detail .user_detail .info .value {font-size: 12px;vertical-align: top;}
div.profile_detail .user_detail .info .value img {vertical-align: middle;}

div.profile_detail .stats {width:98%;}
div.profile_detail .stats .key {text-align: right;font-size: 12px;padding-right:5px;vertical-align: top;width:50%;}
div.profile_detail .stats .value {font-size: 12px;vertical-align: top;}

div.profile_detail .about {margin:30px 20px;}
div.profile_detail .about h4 {text-indent:0;margin:0;}
div.profile_detail .about p {color: #627894;font-style: italic;font-size: 12px;margin:2px;padding-left:10px;}