* {margin: 0; padding: 0;}
body {background: #d9d9d9 url(../images/bg2.gif) repeat-x; margin: 0px; padding: 0px; font-family: Arial, Tahoma, Arial, Helvetica, sans-serif; color: #333; font-size: 0.7em; }
fieldset { border: 0;}
hr.clear {display: none; clear: both; }
p.clear{clear: both;}
legend { display: none;}
h1 {width: auto; font-size: 1.7em; margin: 10px 10px 5px 10px; font-weight: normal; border-bottom: 2px double #ebebeb; padding: 2px 5px 2px 5px;}
h1, .clanek h1, .clanek h2, .clanek h3{ font-family: Arial, Tahoma, Helvetica, serif; }
a { color: #323232; text-decoration: none; font-weight: normal;}
a:hover { color: #323232; text-decoration: underline;}
a img { border: 0;}
p {line-height: 150%;}
p.loged { width: 305px; float: right; color: #fff; padding: 8px 0 22px 0px;  overflow: hidden; font-family: Tahoma, arial;} 
table {border-collapse: collapse;}
table tr td{vertical-align: top;}

#logo { position:relative;  height: 103px; width: 519px; overflow:hidden; padding: 0px; margin: 0px 33px 0px -3px !important; margin: 0px 33px 0px -1px; float: left; color: #fafafa; text-decoration: underline; line-height: 103px;  cursor: pointer; font-size: 1.6em; text-align: center;}
#logo:hover{color: #fafafa; text-decoration: none;  cursor: pointer;}
#logo span { display:block; position:absolute; left:0; top:0; z-index:1; width: 519px; height: 103px;  padding: 0px; background:url(../images/logo.gif) bottom left no-repeat;  cursor: pointer;}
#prihlaseni {float: left; width: 393px; margin-left: 0px;}
.box-hlavicka {display: block; height: 18px; color: #fff; font-size: 1em; font-weight: bold; padding: 3px 5px 0 5px; margin: 10px 0 0 0; background: url(../images/h2.gif) repeat-x #333333; overflow: hidden;}
p.box-hlavicka a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: underline;}
p.box-hlavicka a:hover {text-decoration: none;}

p.box-hlavicka a#nejctenejsi_li, p.box-hlavicka a#nejdiskutovanejsi_li {color: #f5f5f5; font-weight: 500;}
p.box-hlavicka a#nejctenejsi_a{color: #333333; background: #CBCBCB; font-weight: 500; margin: -3px 0 0 -5px; padding: 0px 10px; text-decoration: none;}
p.box-hlavicka a#nejdiskutovanejsi_a {color: #333333; background: #CBCBCB; font-weight: 500; margin: -3px 0 0 0; text-decoration: none;}
p.box-hlavicka a#nejctenejsi_li:hover, p.box-hlavicka a#nejdiskutovanejsi_li:hover {color: #E05B01;}
p.box-hlavicka a#nejctenejsi_li, p.box-hlavicka a#nejctenejsi_a {float: left; padding: 0px 10px; line-height: 21px;margin: -3px 0 0 -5px;}
p.box-hlavicka a#nejdiskutovanejsi_li, p.box-hlavicka a#nejdiskutovanejsi_a {float: right; padding: 0px 10px; margin: -3px -5px 0 0; line-height: 21px;}


/*sloupce*/
#wrapper { width: 960px; margin: 0px auto; height: auto; text-align: left; padding: 0px;}
#header { width: 943px; height: 126px; background:url(../images/head.gif) no-repeat top center #333333;  margin: 0px; padding: 0px 10px; margin-left: -2px;}
#content { width: 950px; background: url(../images/content.png) repeat-y !important; background: url(../images/content.gif) repeat-y; margin:0; padding: 1px 5px 5px 5px; clear: both;}
.link-line { height: 19px; font-size: 11px; padding: 3px 0 0 0; color: #e1e1e1; font-family: tahoma, arial;}
.link-line a { color: #f1f1f1; text-decoration: none; font-weight: bold;}
#loginlike{font-size: 1.2em; font-weight: 600; font-family: arial, trebuchet ms, tahoma; letter-spacing: 0.1em;}
.link-line a:hover { text-decoration: underline;}

#header form { width: 300px; float: left; margin: 0px 0 0 8px;}
#header label {width: 150px; display: block; font-size: 11px; margin: 0 5px 0 0; font-weight: bold; text-align: right; color: #fff;}
#log-reg{float: left; height: 64px;line-height: 50px; color: #ddd; font-size: 1.1em; margin-top: 0px !important; margin-top: 1px; margin-left: 90px;}
#log-reg a{color: #fff; text-decoration: underline;}
#log-reg a:hover{text-decoration: none;}
#i_nick{float: left; margin: 8px 0 20px 0px !important; margin: 8px 0px 19px 0px;}
.loged a { color: #fff; text-decoration: underline;}
.loged a:hover { color: #E05B01; text-decoration: underline;}
img#avatar_hlavicka{border: 1px solid #cccccc; float: left; margin: 3px 5px 0px 0px;}

.input_nick, .input_pass, .input_search { border: 1px solid #333; width: 147px; color: #000; font-size: 11px; background: #f0f0f0 url(../images/pozadi_submit.gif) repeat-x; padding-left: 3px; height: 15px; line-height: 15px; margin: 0px 0px 1px 0px;}
.input_submit{ border: 1px solid #333; width: 70px; color: #000; font-size: 11px; background: #f0f0f0 url(../images/pozadi_submit.gif) repeat-x; cursor: pointer;}
.input_search{width: 213px; border: 1px solid #aaa;}
#label, #label2{display: none;}
.form-bottom table{margin-left: 82px; margin-top: 2px;}
.form-bottom table tr{background: #ebebeb; border: 2px solid #dadada;}
.form-bottom td{padding: 2px 2px 1px 2px;}
.form-bottom td#form-submit{padding: 2px 2px 1px 0px;}
.input_submit#search{ width: 70px; color: #000; font-size: 11px; cursor: pointer; margin-left: 2px; border: 1px solid #aaa;}
.input_submit#search:hover{background:#ddd;}


#menu { margin: 0px auto; padding: 0px 10px; height: 27px; width: 940px; list-style: none; background: url(../images/content.png) repeat-y !important; background: url(../images/content.gif) repeat-y; clear: both; font-size: 11px;}
#menu, x:-moz-any-link, x:default{margin: -14px auto 0px auto;}
#menu ul{margin: 0px -5px; padding: 0px; background: url(../images/menu_horni.png) repeat-x #FB6D0E; height: 27px; width: auto;}
#menu li { display: inline; float: left; margin: 5px 0px; height: 17px; padding: 0px; border-right: 1px solid #fcc28e;}
#menu li a{color: #111; text-transform: uppercase; line-height: 17px; display: block; padding: 0px 10px; text-align: center; font-weight: bold; border-right: 1px solid #dc6a1d;  cursor: pointer; font-size: 1.05em;}
#menu li.fst a{padding-left: 13px;}
#menu li.last, #menu li.last2{border-right: 0px;}
#menu li.last a, #menu li.last2 a{ border-right:0px;  }
#menu li.posta, #menu li.last2{float: right;}
#menu a:hover{text-decoration: none; color: #fafafa; background: #F07700;  cursor: pointer; padding: 5px 11px; margin: -5px 0px -5px -1px; border-right: 0px;}
#menu li.fst a:hover, #menu li#hm_a.fst a{margin: -5px -1px -5px 0px; padding: 5px 13px 5px 12px;}
#menu li#hm_a{border-right: 1px solid #f2f2f2;}
#menu li#hm_a a{text-decoration: none; color: #222; background: url('../images/hm_a.gif') top left repeat-x #f2f2f2; padding: 5px 12px; margin: -5px -1px -5px -2px; border-right: 0px;}
#menu li.last a:hover, #menu li.last2 a:hover{text-decoration: none; color: #fafafa; background: #F07700;  cursor: pointer; padding: 5px 11px 5px 10px; margin: -5px 0px -5px -1px; border-right: 0px;}


#left { float: left; padding: 0 0 0 10px; margin: 0 ; width: 152px; background:url(../images/bg-left.gif) top right repeat-y; }
#middle {margin: 0px 309px 0 173px; padding: 1px 0 0 0;   }
#middle_right {margin: 0px 10px 0 173px; padding: 1px 0 0 0;   }
#right { padding: 0 10px 0 0px; margin: 0 ; width: 288px; float:right; background:url(../images/bg-right.gif) top right repeat-y;  } 
#full { padding: 0 0 0 4px; margin: 0 0 0 6px !important; margin: 0 0 0 3px; width: 630px; float:left;   }
#hlavni1 {	margin:0; padding:0;	background: url(../images/bg-left.gif) top right repeat-y;	}
#hlavni2 {	margin:0; padding:0;	background: #f2f2f2 url(../images/bg-right.gif) top right repeat-y;	}
.cleaner {	clear:both;	height:1px;	font-size:1px;	border:none; margin:0; padding:0;	background:transparent;	}

#right .clanky_right, #right .top5_right, div.form{display: none;}
#right #nejctenejsi, #right #dance, #text {display: block;}
#nove_alba_r {margin: 0px; padding: 0px;}
#nove_alba_r .na_name{background: #f1f1f1;}
.na_name span{font-size: 0.85em;}
#right .rbox .clanky_right li a, #right .rbox .top5_right li a{display: block;}

#left h4 { color: #E05B01; font-size: 10px; font-weight: bold; }
.lbox, .mbox, .rbox { background: #ebebeb url(../images/box-bg.gif) repeat-x; border: 1px solid #b3b3b3;}
#abg{ background: #e2e2e2; border: 1px solid #b3b3b3;}
.lbox select { background: #e4e5e7; border: solid 1px #c4c4c4; width: 130px; margin: 2px 0 10px 0; height: 15px;}
.lbox form { padding: 0 0 6px 0;}
/*#nis{height: 239px; overflow: hidden;}*/
#nis p, #nis2 p{padding: 0px 5px 5px 5px; line-height: 1.2em; font-size: 1em;}
.nove-album {text-align: center; background: url(../images/nove-alba.jpg) no-repeat bottom; height: 175px; margin: -1px 0px 6px 0px; padding: 0px 0px 5px 0px;}
.nove-album a { color: #333; text-decoration: none; font-size: 11px;}
.nove-album a span{display: block; padding: 0px 5px;}
.nove-album a span.na_name{margin: 0px;}
.nove-album a:hover, .nove-album a:hover span.na_name{text-decoration: underline;}
.nove-album a:hover span{text-decoration: underline;}
.nove-album img {  margin: 5px 0px 0 0px; border: 2px solid #cccccc;}

.nove_album { text-align: left; background: url(../images/music.gif) no-repeat right; margin: 
0px 5px 6px 5px; overflow: hidden; height: 1.5em; display: block;}
.nove_album a{display: block; padding: 0px 22px 3px 1px;}
span.na_name{font-size: 1.1em; font-weight: 600; font-family: arial, trebuchet ms, tahoma; margin: 0px 0px 3px -1px; position: relative; padding: 0px 5px; display: block; background: #f1f1f1; border-top: 1px solid #cccccc; border-bottom: 1px dotted #cccccc; line-height: 1.6em; border-left: 1px solid #ff6600;}
#nis span.na_name, #abg span.na_name{background: url('../img/li.gif') no-repeat left #f1f1f1; padding: 0px 5px 0px 7px;}
#abg a:hover span, #nis a:hover span{text-decoration: underline;}
#abg a:hover span.na_name{text-decoration: none;}

.nove-album a:hover span{ text-decoration: underline;}
ul.left-menu { list-style: none; font-size: 11px;}
ul.left-menu li { height: 16px; border-bottom: 1px dotted #afafaf; }
ul.left-menu a { color:#323232; text-decoration: none; font-weight: bold; display: block; background: url(../img/li.gif) center left no-repeat; padding-left: 10px; margin: 3px 0 0 5px;}
ul.left-menu a:hover { text-decoration: underline;}


.obr {float: left; border: 1px solid #ca6908; margin: 0 6px 15px 0; height: 75px; width: 75px;}
.obr2 { float: left; border: 1px solid #c1c1c1; margin: 0 6px 0 0;}
#imageflow{background: #ebebeb; border: 1px solid #b3b3b3;}
#abg{ background: #e2e2e2; border: 1px solid #b3b3b3;}
.mbox, .rbox { padding: 5px;}
#wo_prechod{background: #f0f0f0;}
#wo_bg{background: #ebebeb; height: 100%;}
.mbox p{text-align: justify;}
.mbox h2, .mbox h1{display: block; height: 18px; color: #fff; font-size: 1em; font-weight: bold; padding: 3px 5px 0 5px; margin: 10px 0 0 0; background: url(../images/h2.gif) repeat-x #333333; overflow: hidden;}
.mbox h3{ font-size: 1.15em; font-weight: 600; margin: 7px 0px;}
.mbox h4 { font-size: 1em; font-weight: 600;}
.mbox h3 a, .rbox h3 a { color: #E05B01; font-size: 12px; font-weight: bold; text-decoration: underline;}
.mbox h3 a:hover, .rbox h3 a:hover { color: #323232;}
#middle .mbox .text p{ font-size: 11px; line-height: 140%; margin: 0px; padding: 0; width: 447px;}
.mbox hr, .rbox hr {  margin: -1px 0 0 0;  height: 1px; border: 0; background: none; color: #ebebeb;}
p.clanek_info {text-align: right; padding: 10px 5px 15px 0; color: #666666;}
p.clanek_info a{text-decoration: underline;}
h3.h_clanky{border-top: 1px solid #cbcbcb; margin: 0; background: #ebebeb url(../images/box-bg.gif) repeat-x center; padding: 4px 0px;}
h3.h_clanky a{color: #333333; font-weight:600; font-size: 0.95em; overflow: hidden; display: block; font-family: arial, trebuchet ms, tahoma;}
h3.h_clanky a:hover{color: #E05B01;}
.in{margin: 10px 0 0 0;}

.nabor {margin: 8px 0 0 0;}
.rbox p { font-size: 11px;}
.rbox ol { font-size: 11px; margin: 0 5px 0 23px; line-height: 110%; color: #f07800; font-weight: bold;} 
.rbox li { margin: 0; border-bottom: 1px dotted #868686; padding: 5px 0px;} 
.top-dance li { background: url(../images/reprak.png) no-repeat  center right !important; background: url(../images/reprak.gif) no-repeat  center right;}
.top-dance li.wo_border{border-bottom: 0px;}
.nej-clanky li { background: url(../images/clanek.png) no-repeat  center right !important; background: url(../images/clanek.gif) no-repeat  center right; padding-right: 15px;}
.nej-clanky li.wo_border{border-bottom: 0px;}
.nejaktivnejsi_uzivatele, .prehledy {border-collapse: collapse; width: 100%; line-height: 2em;}
.nejaktivnejsi_uzivatele td {padding: 0px 5px; border-bottom: 1px dotted #868686; width: 38%;}
.nejaktivnejsi_uzivatele td.numb{width: 8%; text-align: center; background: #eee; color:#ff6600; font-weight: 600; font-size: 1.1em; padding: 0px 3px; border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-bottom: 0px;}
.nejaktivnejsi_uzivatele a{display: block; text-decoration: underline;}
.nejaktivnejsi_uzivatele a:hover{text-decoration: none;}
.prehledy td, .prehledy th{padding: 0px 5px; border-bottom: 1px dotted #868686;}
.prehledy th{font-family: arial, trebuchet ms, tahoma; font-size: 1em; text-align: left;}
#div_top5{height: 120px; padding: 4px 5px 0px 5px; display: block;}
ul#top5{margin: -25px -5px 10px 49px; position: absolute; list-style: none; height: 21px;}
ul#top5 li{float: left; border-bottom: 0px; padding: 0px; }
ul#top5 li a{line-height: 20px; padding: 4px 7px; color: #fafafa; text-decoration: underline;}
ul#top5 li a:hover{line-height: 20px;padding: 4px 7px; color: #fafafa; color: #E05B01;}
ul#top5 li a#dance_a, ul#top5 li a#pop_a, ul#top5 li a#rock_a, ul#top5 li a#metal_a, ul#top5 li a#hiphop_a, ul#top5 li a#ostatni_a{background: #cbcbcb; color: #222222; text-decoration: none;}
ul#top5 li a#dance_a:hover, ul#top5 li a#pop_a:hover, ul#top5 li a#rock_a:hover, ul#top5 li a#metal_a:hover, ul#top5 li a#hiphop_a:hover, ul#top5 li a#ostatni_a:hover{text-decoration: none;}

#footer { background: url(../images/footer.gif) bottom center no-repeat; width: 960px; height: 135px; padding: 0px; margin: 20px -5px -5px -5px !important; margin: 20px -10px -5px -6px; color: #838383;}
#footer .links{width: 627px; float: left; height: 125px !important; height: 110px; background: #1d1d1d; margin: -10px 0px 0px 5px !important; margin: -10px 0px 0px 3px; padding: 0px 20px 10px 5px !important; padding: 15px 25px 10px 5px; font-size: 11px; border-right: 1px solid #303030;}
.lista-links{margin: 0px; padding: 0px;}
.lista-links a{color: #f2f2f2; padding: 0px 2px 0px 4px; text-decoration: underline; margin: 0px;}
.lista-links a:hover{text-decoration: none;}
.links p{margin: 6px 0px;}
.links a{margin: 0px 6px 0px 0px;}
.links a.orange:hover{color: #fff;}
#footer p.logo { font-size: 11px; color: #fff; text-align: right; padding: 85px 20px 10px 10px; height: 40px; margin: -10px 5px 0px 0px !important; margin: -10px 3px 0px 0px; background: #1d1d1d url(../images/paticka.gif) no-repeat 40% 20%; width: 267px !important; width: 262px; float: right;}
.gray { color: #838383; }

/*komunity*/
.komunity-search { width: 360px;  margin: 10px auto; padding:0;  text-align: center;}
.komunity-left { width: 300px; float: left; margin: 0; padding: 1px 0 0 0; }
.komunity-right { width: 315px;  margin: 0; padding: 1px 0 0 0; float: right; }
img.ilustrace { float: left; margin: 8px 8px 0px 0; border: 2px solid #E05B01; }
img.ilustrace2 { float: left; margin: 8px 8px 0px 0; }
.komunity-left h3, .komunity-right h3 { margin: 8px 0 0 0;  }
.komunity-left hr, .komunity-right hr {  clear: both;  width: 200px; background: none; color: #ebebeb; height: 1px; margin: -1px 0 0 0; border: 0; }
.bold {font-weight: bold; }
p.inf { text-align: right; line-height: 170%;}
p.inf a { text-decoration: underline;}
p.inf a:hover { color: #000;}

/*clanek*/
.uvod{ font-weight: bold;  margin: 7px 0; }
#clanek {  margin: 5px 0;}
.clanek{padding: 0px 5px;}
#clanek p, .clanek p{padding: 5px 0; line-height: 1.7em; font-size: 103%;}
#clanek ul, #clanek ol, .clanek ul, .clanek ol{margin: 5px 10px 5px 30px;}
#clanek ulm .clanek ul{list-style: square; }
.autor { text-align: right; float: right; margin: 10px 5px; color: #666666;}
.autor a{text-decoration: underline;}
.autor a:hover{text-decoration: none;}
p.hodnoceni { font-weight: bold; margin: 30px 0 0 0;}

.comment-name { background: #d1d1d1; border-top: 1px solid #999; margin: 10px 0 0 0; padding: 2px 0 0 0; height: 44px;}
.comment-name2 { background: #e0e0e0; border-top: 1px solid #cccccc; margin: 10px 0 0 0; padding: 2px 0 0 0; height: 44px;}
.comment-name .comment-profile, .comment-name2 .comment-profile {float: left; margin: -2px 10px 0 0; width: 40px; height: 40px;}
.comment-name .comment-profile img{ border: 3px solid #d1d1d1;  max-width: 40px; max-height: 40px;}
.comment-name2 .comment-profile img{ border: 3px solid #e6e6e6; max-width: 40px; max-height: 40px;}
.nick {font-size: 1.5em; border-bottom: 1px solid #ff6600; float: left;}
.comment-name .hodnoceni-hvezdy, .comment-name2 .hodnoceni-hvezdy{float: left; margin: 6px 0px 0px 10px; padding: 0;}
.nick:hover {border-bottom: 0px;}
.nick a:hover{text-decoration: none;}
.profile{font-size: 1.05em; font-weight: 500; padding-top: 12px;}
.date{padding-top: 11px; width: 250px; display: block;}
.date2{margin: 13px 0px 0px 50px; display: block; width: 250px; position: absolute;}
.comment-right {font-weight: normal; float: right; margin: -41px 10px 0 0; padding-left: 10px; border-left: 1px solid #bbbbbb; height: 46px; line-height: 23px;}
.comment-name2 .comment-right {font-weight: normal; float: right; margin: -42px 10px 0 0; padding-left: 10px; border-left: 1px solid #d3d3d3; height: 46px; line-height: 23px;}
.comment-content {background: #dddddd; padding: 6px 10px;}
.comment-content2 {background: #e6e6e6; padding: 6px 10px;}
.citace { width: 90%; border-top: 1px dashed #ccc; margin: 5px auto; padding: 3px 10px; font-style: italic; display: block; }
.orange{color: #E35B00;}
table#pridat_komentar{padding: 25px 12px 10px 12px; margin: 15px auto 5px auto; background: #eee; width: 94%; display: block; border: 1px solid #aaaaaa;}
table#pridat_komentar tr th{position: absolute; margin: -38px 0px 10px 20px; padding: 3px 6px; background: #ddd; border: 1px solid #aaaaaa; font-weight: normal; font-size: 1.05em;}
table#pridat_komentar textarea{width: 450px; height: 60px;}
table#pridat_komentar input{margin: 28px 5px 0px 0px; padding: 2px 5px; cursor: pointer; font-size: 0.8em;}

/*karty*/
.karty-box {   float: left;  width: 265px;}
table.prehled-alba#prehled-interpret{width: 315px; margin-left: 23px !important; margin-left: 18px; float: left;}
.karty-skupina { border: 5px solid #333; border-bottom: 7px solid #333; width: 265px; }
a.karty-oblibene { text-align: center; font-weight: bold;  background: #ebebeb url(../img/heart_add.png) no-repeat 5% 50% !important; background: #ebebeb url(../img/heart_add.gif) no-repeat 5% 50%;  border: 1px solid #ccc; padding: 5px; margin: 5px 0 0 0; width: 255px; display: block;} 
.karty-prehled { /*background: #ebebeb;*/ float: right; width: 330px; padding: 5px; margin:0; font-weight: bold;  }
.stat {font-weight: 500; vertical-align: middle; line-height: 20px; border-top: 0px;}
.stat img { padding: 0px 10px; margin: 0px; height: 20px; width: auto;}
#vlajka{width: 24px; height: 24px; float: left; margin-top: 1px;}
.karty-hrefline { margin: -5px -7px 10px -5px; overflow: hidden; width: 630px; height: 25px;}
.karty-hrefline a { display: block; height: 21px; background: url(../img/karty-hrefline.png) 30% 0% repeat-x #FB6D0E; width: 125px; text-align: center; color: #222; font-weight: bold; margin: 0 1px 0 0; float: left; padding: 4px 0 0 0; text-decoration: none; overflow: hidden;}
#hl-album a{width: 156px;}
#hl-album a#im_l{width: 157px;}
#im_l{margin: 0px; width: 124px;}
.karty-hrefline a.im_a {background: #ebebeb; color: #000;}
.karty-hrefline a:hover {background: #F07700; color: #fff;}
.karty-hrefline a.im_a:hover {background: #ebebeb; color: #000;}
#karty-strankovani{ font-weight: bold; background: url(/images/zobrazeni.gif) repeat-x #f2f2f2; margin: 10px 0px 0px -5px; padding: 3px 10px; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc; line-height: 25px;  height: 25px; position: absolute; width: 608px;}
#karty-strankovani span{float: left;}
.controls{float: right;}
#karty-strankovani a {text-decoration: none; float: right; margin: 2px 4px 0px 4px; line-height: 20px;}
#karty-strankovani a:hover { color: #E05B01;}
.naa{width: 95px;}
#karty-strankovani a.nmb{padding: 0px 2px; display: block; float: left; border: 1px solid #ccc; width: 15px; line-height: 20px; margin: 0px 1px; text-align: center; background: #fafafa; text-decoration: none;}
.karty-galerie { height: 150px; float: left; margin: 5px; display: block; background: #cacaca; padding: 7px 7px 9px 7px;}
.karty-galerie:hover {background: #aaa;}
.karty-galerie img{border: 1px solid #fafafa; height: 150px; float: left;}
.karty-form { margin: 0;}
.karty-form label {font-weight: bold;}
.karty-form select { width: 100px; border: 1px solid #000; font-size: 11px; height: 15px; background: #f0f0f0; text-align: center;}
.karty-left { width: 290px; float: left; margin: 20px 0 0 0; padding: 1px 18px 0 0; border-right: 1px solid #bdbbbc; }
.karty-left p, .karty-right p{text-align: left;}
.karty-left strong, .karty-right strong{float: left; margin-right: 10px;}
.karty-left ul.hodnoceni-hvezdy, .karty-right ul.hodnoceni-hvezdy{float: left;}
.karty-right { width: 290px;  margin: 20px 0 0 0; padding: 1px 0 0 18px; float: right; }
img.karty-alba { float: left; margin: -3px 10px -3px -3px; width: 70px; height: 70px; border: 4px solid #dadada;}
.karty-left hr, .karty-right hr { margin-bottom: 35px;}
.karty-left h3, .karty-right h3 { color: #323232; text-decoration: underline;}
.karty-left p, .karty-right p { color: #5d5d5d; }
.karty-left a, .karty-right a { text-decoration: underline; }
.karty-left a:hover, .karty-right a:hover { color: #E05B01;}

/*databaze interpretu*/
.dat-int h2 { margin-left: -10px;}
.letter{ width: 100%; margin: 1px 0px 1px 0; padding: 0px; list-style: none; height: 26px; display: block; background: url('../img/letters.gif') left repeat-x #ffc9a5;}
.l-light{background: #eaeaea; clear: both; margin-bottom: 10px; width: 100%; margin: 1px 0px 1px 0; padding: 0px; list-style: none; height: 26px; display: block;}
.l-light a{background: #dfdfdf; color: #333;}
.l-light a:hover, #light a.active {color: #000; background: #c9c9c9;}
.letter li, .l-light li{border-bottom: 1px solid #ebebeb; float: left; border-left: 1px solid #f2f2f2; padding: 0px;}
.letter li a{ display: block; width: 19px; padding: 0px 1px; height: 26px; font-size: 15px; font-weight: 600; color: #df5a00; text-align: center; background: url('../img/letters.gif') left repeat-x #ffc9a5; text-decoration: none; font-size: 1.3em; line-height: 26px;}
.l-light li a { display: block; width: 19px; padding: 0px 1px; height: 26px; font-size: 15px; font-weight: 600; color: #333; text-align: center; background: #eaeaea; text-decoration: none; font-size: 1.3em; line-height: 26px;}
.letter li#nm a, .letter li.nm a, .l-light li#nm a, .l-light li.nm a {padding: 0px 4px; width: 24px;}
.letter li#all a, .letter li.all a, .l-light li#all a, .l-light li.all a {padding: 0px 3px 0px 3px; border-left: 0px solid #908d8f; margin-left: -1px;}
.letter a:hover, .letter a.active{background: #F07800; text-decoration: none; color: #ffffff;}
.l-light a:hover, .l-light a.active {background: #ccc; text-decoration: none; color: #000;}
.dat-int table { width: 630px; padding: 0; margin: 0; border: 0; line-height: 150%;}
.dat-int th { background:url(../images/dat-int-bg.gif) repeat-x; height: 36px; line-height: 100%; text-align: center; }
.dat-int td { font-size: 12px; text-align: center;}
.dat-int td a { text-decoration: underline; }
.dat-int td a img { vertical-align: bottom;}
.dat-int td a:hover { color: #aa6605; }
td.nask { text-align: left; padding: 0 5px 0 10px;}
.letters{width: 30px; background: #fed5ab; border-right: 0px; padding: 0px;}
.nask {border-right: 1px solid #908d8f;} 
.zanr {border-right: 1px solid #908d8f; padding: 0px 3px;} 
.hodn {width: 70px; border-right: 1px solid #908d8f;} 
.zepu {width: 60px; border-right: 1px solid #908d8f;} 
.poal {width: 50px; border-right: 1px solid #908d8f;} 
.pora {width: 60px; border-right: 1px solid #908d8f;} 
.jmuz {border-right: 1px solid #908d8f; vertical-align: middle;}
td.jmuz {text-align: left; padding-left: 10px;}
.mail {border-right: 1px solid #908d8f; vertical-align: middle; width: 140px;}
table.interpreti td.mail {padding: 0px 6px; text-align: left;}
.icq {width: 80px; border-right: 1px solid #908d8f; vertical-align: middle;}
.prho {width: 70px; border-right: 1px solid #908d8f; vertical-align: middle;}
.avat {width: 50px; border-right: 1px solid #908d8f; vertical-align: middle;}
.avat img{height: 20px; width: auto; margin: 2px auto; border: 1px solid #cccccc; vertical-align: middle;}
table.interpreti{border-collapse: collapse; line-height: 2.2em; border-bottom: 1px solid #908d8f;}
#interpreti{float: left; width: 569px !important; width: 568px; margin: 1px 0px 0px 1px; }
table.interpreti tr td{border-bottom: 1px solid #eaeaea; vertical-align: middle;}
table.interpreti th{font-size: 1.1em; font-weight: bold; font-family: arial, trebuchet ms, tahoma; }
table.interpreti tr.no-border td{border-bottom: 0px;}
table.interpreti tr td.letters{border-bottom: 0px;}
tr.line2{background: #fafafa;}
table.interpreti td a{display: block;}
.rbox .tagy {margin: 0px;}
#ohodnotit{margin-left: 80px;}
.line2 .hodnoceni-hvezdy{margin:5px 0px 0px 0px;}

#zobrazeni{height: 30px; margin: 4px 0px; line-height: 30px; border: 1px solid #ccc; padding: 0px 10px; background: url('../images/zobrazeni.gif') top left repeat-x #f2f2f2;}
#zobrazeni strong{ margin-right: 20px;}
#zobrazeni a{padding-left: 20px; margin-right: 10px;}
#zobrazeni img{margin: 7px 0px 0px -20px; position: absolute;}
#filtr{height: 30px; margin: -30px 0px 0px 395px; font-size: 1em; line-height: 30px; width: 210px; position: absolute;}
#filtr strong{float: left;}
#filtr form{float: left;height: 19px; width: 130px; margin: -26px 0px 0px 85px !important; margin: 5px 0px 0px 85px; }
#filtr select{height: 19px; width: 130px;}

table.interpreti tr td.maleobrazky{width: 60px; height: 100%; border-bottom: 0px; background: #f2f2f2;}
#male_obrazky{width: 60px; float: right; background: #bfbfbf; padding: 0px; margin: 0px;}
#male_obrazky a{width: 50px; height: 28px; overflow: hidden; margin: 4px; display: block; border: 1px solid #bfbfbf;}
#male_obrazky a img {width: 50px; height: auto;}
#male_obrazky a:hover{border: 1px solid #555;}

#image div{width: 179px; height: 199px; padding: 12px 13px 5px 11px !important; padding: 12px 12px 3px 10px; background: url(/images/imageform.gif) top center no-repeat #fff; text-align: center; float: left; margin: 3px 3px 0px 3px !important; margin: 2px;}
#image a.image{height: 110px; width: auto !important; width: 180px; display: block; margin-bottom: 5px; overflow: hidden;}
#image div img{border: 1px solid #ccc; height: auto !important;height: 110px; max-height: 165px;  max-width: 180px;}
#image h5{font-size: 1.15em; font-family: arial, trebuchet ms, tahoma; margin-bottom: 10px;}
#image .imageform_interpreti h5{height: 31px; margin-bottom: 2px;}
#image h5 a{text-decoration: underline; color: #dc6d00;}
#image h5 a:hover{text-decoration: none;}
#image span{display: block; text-align: left; padding-left: 5px;}
#image strong{font-family: arial, trebuchet ms, tahoma; margin-right: 5px;}

#image .imageform_uzivatele{width: 280px; height: 73px; padding: 12px 13px 15px 12px !important; padding: 12px 13px 13px 12px; background: url(/images/imageform_uzivatele.gif) top center no-repeat #fff; float: left; margin: 3px 4px 4px 4px;}
#image .imageform_uzivatele a.image-uz{height: 75px; width: 75px; display: block; margin-bottom: 5px; overflow: hidden; float: left; margin-right: 10px; text-align: center;}
#image .imageform_uzivatele a.image-uz img{border: 0px solid #ccc; }
#image .imageform_uzivatele h5{margin-bottom: 5px; text-align: left; }
#image .imageform_uzivatele h5 a{font-weight: 600; font-size: 0.95em;}

#image .imageform_alba{width: 585px; height: 85px; padding: 15px 0px 0px 15px !important; padding: 15px 0px 0px 15px; background: url(/images/imageform_alba.gif) top center no-repeat #fff; float: left; margin: 2px 4px 2px 14px !important; margin: 2px 4px 2px 6px;}
#image .imageform_alba a.image{height: 70px; width: 150px; display: block; margin-bottom: 5px; overflow: hidden; float: left; margin-right: 25px;}
#image .imageform_alba img{border: 0px solid #ccc; float: left; width: 70px; height: 70px; margin-right: 5px;}
#image .imageform_alba h5{margin-bottom: 2px; margin-top: -4px; text-align: left; padding-left: 178px;}
#image .imageform_alba h5 a{font-weight: 600; font-size: 0.95em;}
#image .imageform_alba table{width: 380px; margin: 2px 0px 0 0px; color: #444; border-collapse: collapse;}
#image .imageform_alba table tr td{text-align: left; font-size: 1em; border: 1px solid #f6f6f6; padding: 0px 4px;}

/*album*/
.userrate {width: 100%; }
.userrate table { text-align: left; width: 100%;}
.userrate table tr.light{background: #f6f6f6; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.userrate th { font-size: 1.2em; font-weight: bold; padding: 7px 10px; font-family: arial, trebuchet ms, tahoma; border-bottom: 3px solid #ccc; background: #f6f6f6;}
.userrate td { padding:10px; vertical-align: middle;}
.userrate td a{display: block;}
.userrate .tporadi{width: 30px; text-align: center;}
.userrate .ttext{width: 30px; text-align: center; padding: 5px 0px 2px 0px;}
.userrate th.ttext{padding: 7px 10px;}
.userrate th.thodnh{width: auto;}
.userrate .ttext a{display: block;}
.userrate .thodn{width: 20px;}
.userrate .thodn2{width: 40px;}
.userrate .thodn_h{width: 60px;}
.userrate .hodnoceni-hvezdy{margin: 0px; padding: 0px;}
.userrate a { text-decoration: underline;}
.userrate a:hover { color: #E05B01;}
.acenter{text-align: center;}
.hod2 { width: 28%;}
.hod { width: 23%;}
.userrate td #uziv-album-zvuk {padding-right: 50px; display: block;}
#detail_alba {background: #f2f2f2; padding: 10px; border: 1px solid #b3b3b3; border-bottom: 0px; height: 100%;}
div#covers{float: left;width: 182px; margin-right: 20px;}
#front{display: block;}
.cover{display: none; width: 170px; height: 170px; border: 6px solid #333;}
.covera{display: block; width: 91px; float: left; background: #ccc; color: #333; text-decoration: underline; text-align: center; line-height: 1.5em; padding: 3px 0px;}
.covera:hover{text-decoration:none;}
#front_a, #back_a{background: #333; color: #fff; text-decoration: none;}
table.prehled-alba {width: 395px; padding: 4px 0px; text-align: left; line-height: 180%;}
table.prehled-alba th {text-align: left; padding: 0 3px; border-bottom: 1px dotted #dadada; width: 35%; vertical-align: top;}
table.prehled-alba th#prehled-alba-h {text-align: center; color: #E05B01; line-height: 26px; border-bottom: 0px; font-size: 1.2em; margin-bottom: 2px; font-family: arial, trebuchet ms, tahoma; background: url(../img/uh2.png); font-weight: bold;}
table.prehled-alba th#prehled-alba-h span{margin-right: 24px;}
table.prehled-alba th:first-letter {color: #E05B01;}
table.prehled-alba td { border-bottom: 1px dotted #dadada;}
table.prehled-alba a{text-decoration: underline;}
table.prehled-alba a:hover{text-decoration: none;}
.no-border td, .no-border th { border-top: 0px;}
.album-picturemenu { width: 360px; margin: 10px 0 0 0; }
.album-picturemenu a { margin: 10px 0 0 0; float: left; width: 171px; display: block; margin: 0 7px 0 0; }
.tagy{padding: 10px; border: 1px solid #cccccc; background: #eeeeee; margin: 10px 2px; max-width: 260px; text-align: justify; font-size: 0.95em;}
.tagy a{margin: 0px 5px; text-decoration: none;}
.tagy a:hover{text-decoration: underline;}
#fav-div{padding: 0px;}
#favourite li{list-style: none; background: #f2f2f2; padding: 0px 5px;}
#favourite li a{background: url(../img/heart_add.png) no-repeat transparent 0% 50% !important; background: url(../img/heart_add.gif) no-repeat transparent 0% 50%; padding: 9px 0px 9px 25px; display: block;}
#favourite li#recenze, #favourite li.recenze{border-top: 1px solid #999; margin-top: -1px;}
#favourite li.recenze#xx{border-top: 0px; margin-top: 0px;}
#favourite li#recenze, #favourite li.recenze, #favourite li#buy, #favourite li#link, #favourite li#post{background: #eaeaea;}
#favourite li#recenze span, #favourite li.recenze a{font-size: 1.2em; font-weight: bold; font-family: arial, trebuchet ms, tahoma; background: url(../img/script_go.png) no-repeat transparent 0% 50% !important; background: url(../img/script_go.gif) no-repeat transparent; line-height: 2.2em; padding: 0px 0px 0px 25px;}
#favourite li#buy, #favourite li#link, #favourite li#post{border-bottom: 0px;}
#favourite li#link {overflow: hidden;}
#favourite li#buy span{font-size: 1.2em; font-weight: bold; font-family: arial, trebuchet ms, tahoma;background: url(../img/cd_go.png) no-repeat transparent 0% 50% !important; background: url(../img/cd_go.png) no-repeat transparent 0% 50%; line-height: 2.2em; padding: 0px 0px 0px 25px;}
#favourite li#link a{font-size: 1.2em; font-weight: bold; font-family: arial, trebuchet ms, tahoma; background: url(../img/link_go.png) no-repeat transparent 0% 50% !important; background: url(../img/link_go.gif) no-repeat transparent 0% 50%; line-height: 2.2em; padding: 0px 0px 0px 25px;}
#favourite li#friend a{font-family: arial, trebuchet ms, tahoma; background: url(../img/user.png) no-repeat transparent 0% 50% !important; background: url(../img/user.gif) no-repeat transparent; line-height: 2.2em; padding: 3px 0px 3px 25px;}
#favourite li#post a{font-size: 1.2em; font-weight: bold; font-family: arial, trebuchet ms, tahoma; background: url(../img/email.png) no-repeat transparent 0% 50% !important; background: url(../img/email.gif) no-repeat transparent 0% 50%; line-height: 2.2em; padding: 0px 0px 0px 25px;}
#recenze_form{display: none; padding-bottom: 30px;}
#recenze_form textarea{width: 99.05%; height: 100px;}
#recenze_form input{float: right;}
#recenze-a{display: block; font-size: 1.4em; padding-bottom: 10px;}
#recenze-a a{text-decoration: underline;}
#recenze-a a:hover{text-decoration: none;}

/*interpret*/
.int-userrate select { width: 160px; background: #eee; border: 0px solid #000;}
.int-userrate table { line-height: 200%; text-align: center;}
.int-userrate td { width: 210px; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
.int-userrate th { width: 170px; font-weight: bold; border-bottom: 1px solid #c0c0c0;}
table.uzivatelske_hodnoceni .int-numbers { font-weight: bold; color: #E05B01; width: 40px; text-align: center;}
table.uzivatelske_hodnoceni .int-numbers_h { font-weight: bold; width: 40px; text-align: center;}
.int-input_submit{ color: #000; font-size: 11px; background: transparent; border: 0; font-weight: bold; }
.no-border2 td, .no-border2 th { border-bottom: 0px !important;}
table.uzivatelske_hodnoceni{border-collapse: collapse; width: 100%; margin: 5px 0px;}
table.uzivatelske_hodnoceni tr td{text-align: center; padding: 1px 8px;}
table.uzivatelske_hodnoceni tr th{text-align: left; padding: 1px 8px;}
table.uzivatelske_hodnoceni tr.horni{background: url(../img/uh.png) top left repeat-x #cccccc; line-height: 25px;}
table.uzivatelske_hodnoceni tr.horni th{text-align: center;}
table.uzivatelske_hodnoceni .hodnoceni-hvezdy {margin-top: 5px; position: relative;}
table.pisne tr td{padding: 3px 5px;}
table.pisne .hodnoceni-hvezdy {float: left; margin-right: 5px;}

#zakladni_info{padding: 0px 7px;}
.ihodn .hodnoceni-hvezdy{margin-top: -5px;}


/*zebricky*/
.slicer { padding: 0px !important;}
.track-list { width: 100%;}
#my-glider{width: 630px !important; width: 618px; overflow: hidden;}
#my-glider div.scroller { width: 615px; height: 100%; overflow: hidden; margin: 5px 0px 5px -7px;}
#my-glider div.scroller div.section {width:608px; height: 100%; overflow:hidden;float:left;padding:1em;}
#my-glider div.scroller div.content {width: 100000px;}
#my-glider2.rbox div.scroller { width: 240px; height: auto; overflow: hidden; margin: 0;}
#my-glider2.rbox div.scroller div.section {width:77px;overflow:hidden;float:left;padding:0em;}
#my-glider2.rbox div.scroller div.section a{width:70px; height: 70px; display: block; margin: 0px 7px 0px 0px; float: left;}
#my-glider2.rbox div.scroller div.section a img{width:70px; height: 70px;}
#my-glider2.rbox div.scroller div.content {width: 100000px;}
#leftb{background: #222; height: 70px; width: 20px; display: block; float: left; margin-right: 5px !important;margin-right: 3px;}
#rightb{background: #222; height: 70px; width: 20px; display: block; float: left; margin-left: 256px; position: absolute;}
#leftb:hover, #rightb:hover{background: #444;}
#leftb img, #rightb img{margin: 25px 5px 0px 5px;}
#zebr-rozc a{width: 152px; height: 177px; float: left; background: #ccc; margin: 20px 19px; padding: 7px;}
#zebr-rozc a:hover{text-decoration: none;}
#zebr-rozc a:hover span{text-decoration: underline;}
#zebr-rozc img{width: 150px; height: 150px; border: 1px solid #888;}
#zebr-rozc a span{width: 152px; display: block; line-height: 20px; text-align: center; font-weight: bold; font-size: 1.1em; padding-top: 5px;}

/*anketa*/
.rbox h6{font-size: 0.95em; margin-bottom: 7px;}
ul.anketa{list-style: none; margin: 0; padding: 0; height: 100%;}
ul.anketa li{border: 0px; padding: 0px;}
li.graf{ background: #d2d2d2; width: 267px; height: 8px; margin: 3px 0px 7px 5px; overflow: hidden;}
.graf span{ background: url('/img/anketa_full.png') left top repeat-x #fb6d0e; height: 8px; display: block; border: 0px;}

/*profil uzivatele*/
div#profil-uzivatele-hrefline {margin-bottom: 10px;}
.profil-topmenu { margin-top: -6px;}
#profil-uzivatele-hrefline a { width: auto; padding-left:14px; padding-right: 14px;}
#profil-uzivatele-hrefline a#um_f{padding-left:12px;}
#profil-uzivatele-hrefline a#um_l{padding-right: 13px; margin-right: 0px;}
.profil-avatar {border: 5px solid #333; border-bottom: 7px solid #333;}
#avatar_kamarad{float: left; width: 128px;  height: 148px; margin: 10px 10px 0px 10px !important; margin: 10px 10px 0px 5px; display: block; text-align: center;}
#avatar_kamarad a{display: block; line-height: 22px; border: 1px solid #bbb; text-align: center; background: #cfcfcf; margin-top: 8px;}
h3.uh, #zakladni_info h2{margin: 8px -5px; color: #333333; padding: 5px; font-size: 1.25em; background: url('../img/uh.png') top left repeat-x #e1e1e1; font-weight: 500;}
h3.uh{clear: both;}
h3.uh a{text-decoration: underline;} 
h3.uh a:hover{text-decoration: none;} 
h3.uh_alba{margin: 0px 0px 4px 0px; background: url('../img/uh.png') top left repeat-x #e1e1e1; font-size: 1em;}
h3.uh_alba a{font-size: 1.25em; font-weight: 500; color: #333333; padding: 5px; display: block; text-decoration: underline;} 
h3.uh_alba a:hover{text-decoration: none;} 
.profil-zakladni-info {float: left; width: 420px; margin: 10px 20px 0px 20px !important;  margin: 10px 0px 0px 10px; line-height: 2em;}
.profil-zakladni-info th { border-bottom: 1px dotted #afafaf;  font-family: arial, trebuchet ms, tahoma; width: 40%; padding: 0px 5px; text-align: left;}
.profil-zakladni-info td { border-bottom: 1px dotted #afafaf; width: auto; padding: 0px 5px; vertical-align: middle;}
.profil-zakladni-info tr.no-border td, .profil-zakladni-info tr.no-border th{ border-bottom: 0px;}
.profil-oblibeni-interpreti{  line-height: 1.35em; border-collapse: collapse; margin: 0px auto; width: 95%;}
.profil-oblibeni-interpreti td{border-bottom: 1px dotted #afafaf; padding: 5px 10px; color: #6a6a6a; width: 120px;}
.profil-oblibeni-interpreti #radia th{text-align: center; font-size: 1.1em; line-height: 15px;}
.profil-oblibeni-interpreti .orange_20, .profil-oblibeni-interpreti .orange_40, .profil-oblibeni-interpreti .orange_60, .profil-oblibeni-interpreti .orange_80, .profil-oblibeni-interpreti .orange_100 {border-right: 1px solid #afafaf; border-left: 1px solid #afafaf; color: #E15B00; font-weight:bold; width: 30px; padding: 5px 0px; text-align: center; background: #e6e6e6; font-size: 1em;}
.profil-oblibeni-interpreti .orange_100{background: #fff;}
.profil-oblibeni-interpreti .orange_80{background: #f4f4f4;}
.profil-oblibeni-interpreti .orange_60{background: #eaeaea;}
.profil-oblibeni-interpreti .orange_40{background: #e0e0e0;}
.profil-oblibeni-interpreti .orange_20{background: #d8d8d8;}
.profil-oblibeni-interpreti .orange_0{background: #d0d0d0;}
.profil-oblibeni-interpreti a{display: block;}
.shoutbox{margin: 0px; padding: 0px;}
.shoutbox textarea{width: 83.5%; height: 40px; margin-left: 20px;}
.shoutbox input{width: 27%; float: right; margin-right: 20px;}
.shoutbox div.vzkaz{clear: both; margin: 0px -5px; position: relative; padding: 4px 4px 4px 10px; border-top: 1px dotted #aaaaaa; color: #444444;}
.shoutbox div.vzkaz div{float: right; margin: 0em 1px 5px 10px; width: 50px; height: 50px; text-align: center;}
.shoutbox div.vzkaz div img{border: 1px solid #cccccc;}
.shoutbox a{color: #111111; font-size: 1.2em; line-height: 1.2em; text-decoration: underline;}
.shoutbox a.nazev_clanku {font-size: 1em; padding-bottom: 5px;}
.shoutbox a:hover{text-decoration: none;}
.shoutbox span.shoutbox_date{color: #666666; font-size: 0.9em; line-height: 1.2em; margin-left: 10px; float: right; margin-top: -1.2em;}
table#nastaveni, table#nastaveni2{line-height: 2.3em;}
table#nastaveni tr th, table#nastaveni tr td, table#nastaveni2 tr th, table#nastaveni2 tr td{padding: 0px 5px; vertical-align: top;}
table#nastaveni input{width: 250px; padding: 1px 3px;}
table#nastaveni input.radio{width: 20px; margin-right:3px;}
table#nastaveni .choice{margin-right:25px;}
table#nastaveni select {width: 60px;}
table#nastaveni input.button, table#nastaveni2 input.button{width: 261px; padding: 1px 3px; margin-left: -1px; position: relative;}
table#nastaveni textarea{width: 250px; height: 170px; padding: 1px 3px;}
#nastaveni2 a{text-decoration: underline;}
#nastaveni2 a:hover{text-decoration: none;}
.valigntop{vertical-align: top;}
table.table_left{border-collapse: collapse; margin: 5px auto; line-height: 2.0em;}
table.table_left td, table.table_left th{padding: 2px 20px; border-bottom: 1px dotted #afafaf;}
.pratele{width: 109px; padding: 6px 2px 7px 2px; background: #dadada; float: left; margin: 5px; text-align: center; font-size: 0.85em; overflow: hidden;}
.pratele a span{font-size: 1.35em; width: 105px; display: block;}
.pratele a{display: block;font-weight: bold; font-family: arial, trebuchet ms, tahoma; height: 108px;}
.pratele a:hover {text-decoration: none;}
.pratele a:hover span{text-decoration: underline;}
.pratele img{border: 1px solid #cccccc; margin: 5px 6px 3px 6px;}
form.posta{margin: 5px auto; width: 90%;}
form.posta td{padding: 2px 5px;}
form.posta th{vertical-align: top; padding: 5px 5px 2px 5px;}
form.posta input.submit{float: right; width: 40%;}
.obl_sk{background:#fafafa; display: block; float: left; height: 73px; width: 100px; margin: 5px 11px 17px 11px; text-align: center; overflow: hidden; padding-bottom: 10px;}
.obl_sk span{width: 100px; height: 25px; line-height: 12px; display: block; padding: 6px 0px 2px 0px;}
.obl_sk img{margin-top: 3px; border: 2px solid #ccc; max-height: 35px;}
.obl_sk:hover{background: #dfdfdf; text-decoration: none;}
.obl_sk:hover span{text-decoration: underline;}
.uz_comment{margin: 12px 0px; background: #f0f0f0; border-bottom: 1px solid #e0e0e0;}
.uz_comment div{background: #e0e0e0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px 10px; font-size: 1.1em;}
.uz_comment a.orange{text-decoration: underline;}
.uz_comment a.orange:hover{text-decoration: none;}
.uz_comment p{padding: 5px 10px;}


/*toplisty*/
th.small{font-size: 0.95em; padding: 0px 5px; text-align: center;}
#zebr.userrate td{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#zebr a{font-size: 1.1em;}
td.poradi { width: 20px; font-weight: 600; color: #df5a00; text-align: center; font-family: arial, trebuchet ms, tahoma; background: #fff; text-decoration: none; font-size: 1.2em; padding: 0px 0px 0px 3px; font-size: 1.05em;}
td.poradi_img{width: 16px; background: #fff; border-right: 1px solid #afafaf; padding: 0px 3px 0px 0px;}
td.poradi_img img{width: 16px; height: 16px;}
td.poradi2 { width: 20px; font-weight: 600; text-align: center; font-family: arial, trebuchet ms, tahoma; background: #fff; text-decoration: none; font-size: 1.2em; border-right: 1px solid #afafaf; padding: 0px; font-size: 0.95em;}
td.jmeno {}
td.rating {text-align: center; font-weight: bold; width: 30px; padding-left: 0px; padding-right: 30px;}
.rat_hv{width: 70px;}
td.obraz{width: 50px; padding: 2px 5px; vertical-align: middle;}
td.obraz a{width: 50px; height: 34px; overflow: hidden; display: block; border: 2px solid #ccc; background: #000;}
td.obraz a img{width: 50px;}
td.obraz_uz{width: 25px; padding: 2px 5px; vertical-align: middle;}
td.obraz_uz a{width: 25px; height: 25px; overflow: hidden; display: block; border: 2px solid #ccc; background: #000;}
td.cent{text-align: center;}
#por1, #por2, #por3{background: #eaeaea;}
#por3{border-bottom: 2px solid #aaa;}

/*vzseldkz vzjeldavani uyivatele*/
.align-right {float: right;}
.align-left {float: left;}
.rekapitulace { padding: 0 10px 0 10px; font-weight: bold; margin: 0;}
.rekapitulace a { font-weight: bold; text-decoration: underline;}
.rekapitulace a:hover { color: #E05B01;}
.usercolumn {width: 171px; height: 219px; float: left; margin: 5px 17px 15px 17px; background: url(../images/usercolumn.png);}
.usercolumn a { width: 122px; height: 20px; display: block; padding: 5px 0 0 40px;  background: #dedadb url(../images/user.png) no-repeat 5% 50%;  color: #E05B01;  font-weight: bold; text-decoration: underline; border-bottom: 1px solid #afafaf; margin: 1px 0 0 1px;}
.usercolumn a:hover {color: #222; }
.usercolumn span { width: 122px; height: 20px; display: block; padding: 5px 0 0 40px;  font-weight: bold;  border-bottom: 1px solid #afafaf; margin: 1px 0 0 1px;}
.jmeno-vek {background: url(../images/detail.png) no-repeat 5% 50%;}
.bydliste {background: url(../images/bydliste.png) no-repeat 5% 50%;}
.favorite-band {background: url(../images/favorite.png) no-repeat 5% 50%;}
.usercolumn img { width: 90px; height: 90px; margin: 6px 38px; float: left;}

/*registrace*/
.align_center{margin: 10px auto; text-align: center;}
p.pozor{margin: 5px 0px 10px 0px; border: 1px solid #cccccc; background: #e1e1e1; padding: 10px 15px; font-size: 1.1em;}

/*skladba*/
.skladba-obal {float: left; margin: 0px 0px 20px 0px; width: 171px;}
.skladba-obal img{border: 1px solid #E05B01; margin: 0px; width: 169px;}
.zakoupit_album img{width: 171px; height: 49px; border: 0px; display: block; margin: 5px 0 0 0; }
table.prehled-skladba { /*background: #ebebeb;*/ width: 100%; max-width: 410px; margin: 0px 0px 20px 20px; text-align: left; float: left;}
table.prehled-skladba tr{line-height: 180%;}
table.prehled-skladba th {text-align: left; padding: 0px 3px; border-top: 1px dotted #afafaf; width: 35%; vertical-align: top;}
table.prehled-skladba th:first-letter {color: #E05B01;}
table.prehled-skladba td { border-top: 1px dotted #afafaf;}
table.prehled-skladba tr.no-border th,table.prehled-skladba tr.no-border td{border-top: 0px;}
table.prehled-skladba a{text-decoration: underline;}
table.prehled-skladba a:hover{text-decoration: none;}
#skladba-text{clear: both; line-height: 1.7em; padding: 0px 20px 15px 20px;}
#skladba-text h3.uh{margin: 0px -25px 20px -25px;}
#skladba-hvezdy{position: relative; margin: 5px 7px 0 0px; float: left;}
#skladba-play{margin: 0px; background: #fafafa; border: 1px solid #ccc; padding: 0px 5px 8px 5px;}
#skladba-play h3{margin: 5px 0px 10px 0px; border-bottom: 2px solid #ccc; padding: 4px 0px 4px 8px; background: url(/img/uh2.png) top repeat-x #fafafa; font-family: Arial, Tahoma, sherif;}
#skladba-play h3 span{font-size: 1.1em;}
#skladba-line{background: #f0f0f0; margin: 10px 0px 0px 0px; padding: 4px 8px;}
#skladba-line a{padding: 0px 4px 0px 1px; border-right: 1px solid #ccc;}
.skladba-object{margin-left: 6px;}

/*tagy*/
#right .tagy{margin-bottom: 5px;}
.t_tagy{line-height: 18px;}
.t_tagy td{padding: 3px 10px;}
td.place, td.link, td.link_light, td.place_light{border-right: 1px solid #aaa;}
td.link{padding: 0px;}
td.link:hover{background: #f5f5f5;}
td.place {width: 20px; text-align: right; font-weight: bold;}
td.quantity{width: 200px; padding: 3px 0px; text-align: left;}
td.quantity span{background: url('../images/tagy_end.gif') right top no-repeat; display: block; height: 18px; padding-left: 10px;}
td.link{text-align: left; width: 270px;}
td.link a{display: block; padding: 3px 10px;}
td.place_light{background: #f6f6f6; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;width: 20px; text-align: right; font-weight: bold;}
td.link_light{background: #f6f6f6; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#tags h3.uh{color: #E5691C; font-weight: 600; font-family: arial, trebuchet ms, tahoma; font-size: 1.25em; line-height: 18px; padding-left: 0px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
#tags h3.uh a {padding: 6px 15px 7px 15px; border-right: 1px solid #aaa;}
#tags h3.uh a#no-border {border-right: 0px;}
#tags h3.uh a.act{color: #333; text-decoration: none; background: #e7e7e7; font-size: 0.95em;}
h3.tag_name {font-size: 1.6em; color: #dc6d00; margin: 5px 0px 25px 0px; font-family: Arial, tahoma;}
h3.tag_name span{font-size: 1.4em;}
#tagy_skupin .tagy{background: #fafafa;}
#tagy_alb .tagy{background: #f6f6f6;}

/*hudebni akce*/
#hudebni_akce{width: 100%; border-collapse: collapse; margin: 10px 0px;}
#hudebni_akce tr{height: 120px;}
#hudebni_akce tr.border{height: 10px; border-top: 1px dotted #ccc;}
#hudebni_akce td.obs{padding: 3px 0px 10px 10px; height: 95px; overflow: hidden;}
#hudebni_akce h3{min-height: 20px; line-height: 20px; font-size: 1.3em; font-family: arial, trebuchet ms, tahoma; display: block; margin: 10px 0px 3px 0px; width:58%; }
#hudebni_akce h3 a{font-weight: 500; text-decoration: underline;}
#hudebni_akce h3 span{font-weight: 500; font-size: 0.8em;}
#hudebni_akce h3 a:hover{text-decoration: none;}
#hudebni_akce p{width: 58%; text-align: justify; padding-right: 10px; float: left;}
#hudebni_akce table{float: right; border-collapse: collapse; width: 38%; line-height: 1.5em; position: relative; margin-top: -30px;}
#hudebni_akce table ul.hodnoceni-hvezdy{margin: 3px 0px 0px 0px;}
#hudebni_akce table a{text-decoration: underline;}
#hudebni_akce table a:hover{text-decoration: none;}
#hudebni_akce table tr{background: url(../images/tr2.png) top left repeat-x #efefef; border: 1px solid #d0d0d0; height: auto;}
#hudebni_akce tr.tr2{background: url(../images/tr1.png) top left repeat-x #FFEDCF;}
#hudebni_akce table td, #hudebni_akce table th{padding: 3px 5px; border: 0px solid #ebebeb;}
#hudebni_akce table th{width: 30%;}
.calendar{background: url(../images/calendar.png) top center no-repeat !important; background: url(../images/calendar.gif) top center no-repeat; width: 91px; height: 110px; font-family: arial, trebuchet ms, tahoma; color: #fff; font-size: 1.9em; text-align: center; font-weight: bold; padding: 0px;}
.calendar span{width: 75px; height: 20px; padding: 0px 5px; line-height: 20px; margin-top: 15px; margin-bottom: 17px;display: block; font-size: 0.6em; text-transform: uppercase;}
.detail{padding: 5px 10px 20px 10px; display: block;}
.detail p{padding: 5px 0px;}
a.plakat{float: right; height: auto; margin: 10px 0px 10px 10px; text-align: center; background: url(../images/plakat.gif) top left repeat-x #dadada; display: block; padding: 5px 5px 6px 5px;}
a.plakat img{border: 2px solid #aaa;}
a.plakat:hover{background: #ccc;}
table#hudebni_akce_detail{border-collapse: collapse; width: auto; line-height: 2.1em; margin-top: 4px; background: transparent;}
table#hudebni_akce_detail table tr{background: url(../images/tr2.png) top left repeat-x #dfdfdf; border: 1px solid #d0d0d0; height: auto;}
#hudebni_akce_detail td.obs{padding: 5px 0px 10px 10px;}
#hudebni_akce_detail tr.tr2{background: url(../images/tr1.png) top left repeat-x #FFEDCF;}
#hudebni_akce_detail table td, #hudebni_akce_detail table th{padding: 3px 5px;}

/*nenasli jste svoji oblibenou hudbu*/
#doplnime_a, .doplnime_a{display: block; text-align: center; font-size: 1.35em; margin-bottom: 10px; text-decoration: underline;}
#doplnime_a:hover, .doplnime_a:hover{text-decoration: none;}
#chybi_hudba_form input{float: right; margin-top: 3px; padding: 0px 5px;}
#chybi_hudba_form textarea{margin-top: 5px;}
#chybi_hudba_form select{width: 100px;}

.wo_info{width: 90%; margin: 5px auto; padding: 5px 10px; background:#f2f2f2; text-align: center;}
#mp3_info{background: #fff;}
.w90{width: 90%; margin: 5px auto 20px auto;}

/*radia*/
.radia_vypis{height: 75px; padding: 10px 0px;}
.radia_vypis img{width: 75px; height: 75px; float: left; background: #fafafa; text-align: center;}
.radia_vypis h3{font-size: 1.3em; font-family: arial, trebuchet ms, tahoma; display: block; margin: 0px; padding: 0px 0 5px 0; border-top: 0px; }
.radia_vypis h3 a{color:#E05B01;}
.radia_vypis h3 a:hover{color:#333;}
.lista .typ{width: 60px;}
.lista .mk{width: 95px;}
.program{width: 175px;}

.kraje{width: 60%; margin: -5px 0px 10px -5px !important; margin: -5px 0px 10px -2px; background: #f2f2f2; border-bottom: 1px solid #ccc; float: left; padding-left: 5px; height: 235px; padding-top: 15px;}
.kraje a{line-height: 2em; border-bottom: 1px dotted #ccc; display: block; width: 36%; margin-left: 5% !important; margin-left: 2%; float: left; background: #fafafa; margin-bottom: 5px; padding: 0 2%; text-decoration: underline;}
.kraje a#celoplosne{width: 81%; text-align: center;}
.kraje a:hover, .kraje a.aktiv{color: #dc6d00;}
.radia-vyber{width: 40%; margin: -5px -5px 10px 0px; background: #f2f2f2; border-bottom: 1px solid #ccc; float: left;padding-left: 5px !important; padding-left: 3px; height: 223px; padding-top: 27px;}
.radia-vyber a{height: 70px; width:90%; margin: 7% 5% 7% 0 !important; margin: 4% 5% 4% 0; display: block; background: #fafafa; line-height: 70px; font-family: arial, trebuchet ms, tahoma; font-size: 1.1em; font-weight: bold; border: 1px solid #eaeaea;}
.radia-vyber a img{float: left; margin: 10px 20px 0px 20px;}

#radia{width: 100%; clear: both;}
#radia th{font-size: 1.2em; font-weight: bold; padding: 7px 10px; font-family: arial, trebuchet ms, tahoma; border-bottom: 3px solid #ccc; background: #f6f6f6; text-align: left;}
#radia tr.line2{background: #f2f2f2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#radia td{padding: 7px 10px; vertical-align: middle;}
a.radio-logo{background: #dfdfdf; width: 75px; height: 75px; padding: 4px 6px 6px 4px; display: block; }
a.radio-logo:hover{background:#999;}
a.radio-logo img{border: 1px solid #999; background: #fafafa;}
.radio-odkaz{width: 100px;}
.radio-odkaz a{text-decoration: underline; font-weight: bold; font-family: arial, trebuchet ms, tahoma; font-size: 1.1em; color: #dc6d00;}
.radio-odkaz a:hover{text-decoration: none;}

#radio-detail td, #radio-detail th{padding: 5px 8px; background: #f2f2f2; border-bottom: 1px dotted #ccc; vertical-align: middle; text-align: left; height: 20px;}
#radio-detail .posta{width: 380px;}
#radio-detail .posta td, #radio-detail .posta th{padding: 0px; background: transparent; border-bottom: 0px dotted #ccc; vertical-align: middle; text-align: left;}
#radio-detail .logo{text-align: center; padding: 8px; border-bottom: 0px;}
#radio-detail .logo img{border: 6px solid #dadada;}
#radio-detail .popis{background: transparent; border-left: 1px solid #ccc; padding: 5px 8px 5px 15px; border-bottom: 0px; width: 60%; vertical-align: top;}

/*faq*/
#faq{padding: 10px;}
#faq ul{margin: 10px 30px; list-style: square; line-height: 2em;}
#faq ul a{text-decoration: underline; color: #dc6d00; font-size: 1.1em;}
#faq ul a:hover{text-decoration: none;}
#faq h3{margin-top: 15px; background: url(/img/help.png) left no-repeat !important; background: url(/img/help.gif) left no-repeat; padding-left: 20px;}

/*registruj-se box*/
#registruj-se{padding-bottom: 1px;}
#reg, #cl{height: 25px; line-height: 25px; display: block; border: 1px solid #ff7800; text-align: center; padding: 0 5%; font-weight: bold; color: #000; margin: 10px;}
#reg{background: url(../images/reg_a.gif) top left repeat-x #e5e5e5; }
#cl{background: url(../images/cl_a.gif) top left repeat-x #e5e5e5;}

/*posta*/
#neprecteno{background: url(/images/tr1.png) top left repeat-x;}

/*registrace*/
#registrace{margin: 5px 0px 5px 5px; float: left;}
#registrace tr td{padding: 2px 0px;}
#registrace input{margin-left: 10px;}
#registrace label{}
#reg_a{clear: both;}
#reg_ul{background: #f2f2f2; float: right; padding: 5px; width: 240px; border: 1px solid #dadada;}
#reg_ul ul{margin: 5px 10px; list-style: square;}
#reg_ul li{margin: 2px 0px 2px 20px;}

/*drobeckova navigace*/
#drob-nav{margin: 15px 10px 5px 10px; border-left: 2px solid #FF7F00; padding: 1px 7px 1px 5px;}
#drob-nav a{text-decoration: underline;}
#drob-nav a:hover{text-decoration: none;}

/*vyhledavani*/
th.nazev_search, th.nazev_search_alba, th.nazev_search_skladba{border-bottom: 0px; border-left: 3px solid #ccc; border-right: 2px solid #ccc; background: transparent;}
th.nazev_search{width: 220px;}
th.nazev_search_alba{width: 310px;}
th.nazev_search_skladba{width: 540px; border-right: 0px;}
th.nazev_search a, th.nazev_search_alba a, th.nazev_search_skladba a{display: block; font-size: 0.95em;}
th.nazev_search_alba a, th.nazev_search_skladba a{text-decoration: none;}
th.nazev_search_alba a strong, th.nazev_search_skladba a strong{text-decoration: underline;}
.borderr{border-right: 1px solid #dadada; text-align: center; width: auto; padding: 0px 5px;}
.bordern{text-align: center; width: auto; padding: 0px 5px;}
td.obraz_alba{width: 50px; padding: 2px 5px; vertical-align: middle;}
td.obraz_alba a{width: 50px; height: 50px; overflow: hidden; display: block; border: 2px solid #ccc; background: #000;}
td.obraz_alba a img{width: 50px;}

.search-index table{background: url(/img/search_index_bg.gif) top left repeat-x #FFC082; width: 100%; height: 40px; margin-top: 10px; border: 1px solid #FF8B18;}
#mp3 table{width: 75%; margin: 10px auto 0px auto;}
.search-index table td{padding: 6px 0px 6px 6px;}
#form-submit_i{padding: 6px 6px 6px 0px;}
.search-index .input_search{width: 340px; height: 19px; padding-top: 6px; background: url(/img/search_index.gif) repeat-x bottom #f0f0f0; border: 2px solid #fff; font-size: 1.1em;}
.search-index .input_submit{width: 100px; height: 29px; background: url(/img/search_index.gif) repeat-x bottom #f0f0f0; border: 2px solid #fff;}
.search-index .input_submit:hover{background: #e7e7e7;}
h2.search_h span{float: left}
#full h2.search_h a{float: right; font-size: 0.8em; padding-top: 2px;}

.reklama{text-align: center; margin-top: 10px;}
#reklama_r, #reklama_l{text-align: center;}
#reklama_l{padding: 5px;}

a.orange{color: #E05B01;}
a.orange:hover{color: #333; text-decoration: none;}