body{margin:0px;background-color:#1F1F1F;padding:0 0 0 0;font-size:12px;font-family:arial, verdana,tahoma!important;color:#C9C8C8;background:url('../_img/page_bg.jpg') 0 0 ;background-attachment:fixed;}
body.pravehrajeme {margin:0px;background-color:#413A3A;padding:0 0 0 0;font-size:12px;font-family:arial, verdana,tahoma!important;color:#C9C8C8;font-weight: bold;}
.left,#left{float:left;}
.right,#right{float:right;}
.clear{clear:both;}
.bold{font-weight:bold;}
form{padding:0;margin:0;}
hr {height: 2px;      color: #f00;      background-color: #f00;      border: 0px solid #f00; background:url('../_img/footer_border.jpg') 0 0 no-repeat;}

/****************************************
pisma
***************************************/
a{color:#E7E999;text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{color:#E7E999;font-size:15px;font-weight:bold;font-family:arial, verdana,tahoma;}
h2{font-size:14px;font-weight:bold;}
h3{font-size:12px;font-weight:bold;}
h4{font-size:12px;font-weight:bold; padding: 0; margin: 5px 0 0 0;}
label{font-weight:bold;}


.yellow{color:#E7E999;}
.white{color:#FFFFFF;}
.bold{font-weight:bold;}
.yellow{color:#E7E999;}
.black{color:#000000;}
.dark_gray{color:#2B2B2B;}
.red{color:#FF0000;}
.gray{color:#C9C8C8;}


#page_bg{padding:0 0 0 0;width:1200px;min-height:1000px;margin:auto;margin-top:0px;/*background:url('../_img/page_bg.jpg') 0 0 repeat-y;background-attachment:fixed;*/}
#header_banner{margin:auto;width:940px;height:115px;border-top:0px solid red;}
#header_banner #logo{width:171px; height:99px;background:url('../_img/logo_ie6.jpg') 0 0 no-repeat;}
#header_banner #banner_main{margin-top:15px;width:745px; height:100px;background-color:#FFFFFF;}
#holder{margin:auto;width:882px;}
#menu{margin:auto;margin-top:10px;height:37px;background:url('../_img/menu_bar.jpg') 0 0 no-repeat;}
#header{margin:auto;margin-top:15px;}
#banner_motive{height:168px;width:523px;}
#info_box{position:relative;height:168px; width:329px;background:url('../_img/info_box.gif') 0 0 no-repeat;padding-left:10px;}
#title{height:37px;background:url('../_img/title_bar.jpg') 0 0 no-repeat; padding:9px 0 0 15px; margin:15px 0 0 0;}
#title h1{color:#2B2B2B;font-size:15px;font-weight:bold; margin:0; padding:0;}
#title h1 span{font-size:13px;}

#content{margin:auto;width:882px;}
#content .datagrid{margin:10px 0 0 0;}
#prave_moderuje{font-weight:bold;text-align:center;height:44px;font-size:15px;padding-top:25px;color:#FFFFFF;}
#prave_hraje{height:16px;margin-bottom:2px;padding-top:4px;font-weight:bold;overflow:hidden;}
#pravemoderujeimg{width:80px;height:80px;}

#poslouchejte_live{height:22px;margin-bottom:1px;background:url('../_img/play.jpg')  0 4px no-repeat;padding-left:25px;padding-top:5px;}
#media_player{height:15px;margin-bottom:1px;background:url('../_img/media.jpg')  2px 4px no-repeat;padding-left:30px;padding-top:7px;color:#FFFFFF;}
#winamp{height:18px;margin-bottom:1px;background:url('../_img/winamp.jpg')  2px 4px no-repeat;padding-left:30px;padding-top:7px;color:#FFFFFF;}
#foto{width:80px;height:80px;position:absolute;top:-11px;left:10px;}
#ilustrace{width:60px;height:87px;position:absolute;top:-10px;right:-11px;}
#info_box a{color:#FFFFFF;text-decoration:none;}
#info_box a:hover{color:#FFFFFF;text-decoration:underline;}

#footer{background:url('../_img/footer_border.jpg') 50% 0  no-repeat;padding-top:10px;font-weight:bold;/*padding-left:40px;*/}
#footer .sponzor{margin-right:10px;}
#sponzors {text-align:center;}
#footer .text {text-align:center;}


/* polozka seznamu poradu */
.porad {padding:0;margin:0;/*padding-bottom:10px;*/margin-bottom:10px;}
.porad .motive{width:110px;}
.porad .motive img{width:90px;height:90px;}
.porad .anotace{width:770px; text-align: justify;}
.porad .anotace h2{margin:0;padding:0;  line-height:10px;}
.porad .anotace p{margin:5px 0 0 0;}

/* polozka seznamu novinek */
.novinka {/*padding-bottom:10px;*/margin-bottom:10px;}
.novinka .motive{width:60px;}
.novinka .motive img{width:60px;height:60px;}
.novinka .anotace{width:795px; text-align: justify;}
.novinka .anotace h2{margin:0;padding:0;line-height:10px;}
.novinka .anotace p{margin:5px 0 0 0;}

/* polozka poradu v programech */
.programgrid {float:left; width: 210px; padding:0 10px 0 0;}
.programgrid .date {font-weight:bold;margin:0 0 5px 0;border-bottom:1px solid;}
.programgrid .program h3 {margin:0;}
.programgrid .program {margin:0 0 5px 0;}
.programgrid .program .datum{font-weight: bold;color:#E7E999; width:35px;}
.programgrid .program .anotace{text-align:left; width: 175px; }
.celyprogram {text-align:center;margin: 0 0 10px 0;}
.celyprogram .submit150{font-weight:bold;}


div.message{margin:10px 0 10px 0;}
table.messages{font-size:10px;padding:0;margin:0;width:100%;}
.messages img {display:none;}
.errormsg{color:#FF0000;font-weight:bold;text-align:center;}
.infomsg{color:#00FF00;font-weight:bold;text-align:center;}
div.message table.messages .infomsg, div.message table.messages .errormsg {font-size:12px;}

.chatframe{width:832px; height:1500px;}
.chatframefull{width:832px; height:1706px;}

.chat_image {text-align:center;position:relative;background-color:#1F1F1F!important;height:370px;}
.chat_imagefull {text-align:center;position:relative;background-color:#1F1F1F!important;height:576px;}
.chat_image img{width: 455px; height: 370px;}
.chat_imagefull img{width: 704px; height: 576px;}

.chat_image_layer{position:absolute;width:460px;height:375px;padding:0; margin:0;background:url('../_img/smschat_box2.gif') 0 0 no-repeat; top:0px; left:184px; }
.chat_image_layer a{display:block;width:460px;height:375px;}
.chat_imagefull_layer{position:absolute;width:709px;height:576px;padding:0; margin:0;background:url('../_img/smschat_box2full.gif') 0 0 no-repeat; top:0px; left:59px; }
.chat_imagefull_layer a{display:block;width:709px;height:576px;}

body.chatbody{background-color:#464646;}
#chatbody{height:145px;  width:832px;  padding:0; margin:0; font-size:11px;background-color:#464646;}
#chatbody input {font-size:11px; border:0;}
#chatbody textarea {font-size:11px; border:0; width:550px; height:40px;}
#chatbody .submit_button{margin-top:10px;}
#chatbody hr {height:2px; color: gray; background-color: gray; border: 0px solid gray; border-top:1px solid black;background:none;}

#chatbrow{width:832px; height:985px; padding:0; margin:0;background-color:#464646;}
#chatbrow table {width:832px;}
#chatbrow table tr td {vertical-align:top; padding:0 0 2px 0; }
#chatbrow hr {height:2px; color: gray; background-color: gray; border: 0px solid gray; border-top:1px solid black;background:none;}

#usermenu{background:#1F1F1F;text-align:center;height:20px;padding-top:5px;}
#usermenu a{border-right:1px solid white;padding-right:8px;margin-right:8px;}
#usermenu a.last{border:none;}

.chat_nologin{height:40px;}
table.login_form {padding:0;margin:5px 0 0 0; font-size: 11px; width: 200px;}
.s_dat_col_nick{color:#E7E999!important;}
.s_cap_col_r{text-align: right;}

.center{margin:auto;}
.clovek{text-align:center;width:145px;padding-bottom:50px;float:left;}
.clovek img{width:74x; height:100px;}
.clovek .jmeno{color:#E7E999;font-weight:bold;margin-top:8px;}

.identita{position:relative;margin-right:30px;margin-bottom:25px;text-align:center;}
.identita img{margin-top:4px;}
.identita a{text-decoration:underline;color:#C9C8C8;}
.identita a:hover{text-decoration:none;}
.identita .popis{width:60px;margin-top:8px;}

table.list{}
table.list td{width:210px;}
.player{width:250px;}
.list_song{width:580px;}

ul.yellow_dot_gray{}
ul.yellow_dot_gray{margin:0 0 10px 0;padding:0 0 0 0;}
ul.yellow_dot_gray li{list-style-type:none;background:url('../_img/dot_li.gif') 0 5px no-repeat;padding-left:10px;font-weight:bold;}
ul.yellow_dot_gray li a{text-decoration:none;font-weight:bold;}
ul.yellow_dot_gray li a:hover{text-decoration:underline;}

.big_box_clear{width:872px;position:relative;margin-bottom:20px;}
.big_box_clear h2{margin:0 0 0 0;padding-bottom:0px;position:absolute;top:1px;left:10px;}
.big_box_clear .big_box_top{padding-top:15px;height:8px;}
.big_box_clear .big_box_middle{min-height:60px;padding:0 10px 10px 20px;}
.big_box_clear .big_box_bottom{height:10px;}


/****************************************
boxiky
***************************************/
.big_box{width:872px;position:relative;margin-bottom:20px;}
.big_box h2{margin:0 0 0 0;padding-bottom:0px;position:absolute;top:1px;left:10px;}
.big_box .big_box_top{padding-top:25px;_padding-top:15px;height:8px;background:url('../_img/banner_content_big_top.gif') 0 100% no-repeat;}
.big_box .big_box_middle{min-height:60px;padding:0 10px 10px 20px;background:#464646;}
.big_box .big_box_middle .galery_item{width:148px;height:115px;background:url('../_img/galery_item_bg.gif') 0 0 no-repeat;margin: 10px;}
.big_box .big_box_bottom{height:10px;background:url('../_img/banner_content_big_bottom.gif') 0 0 no-repeat;}
.big_box .big_box_bottom_black{height:18px;background:#000000;text-align:right;color:white;}
.big_box .big_box_bottom_black a{height:18px;background:#000000;text-align:right;color:white;}

.small_box{width:420px;position:relative;margin-bottom:20px;}
.small_box h2{margin:0 0 0 0;padding-bottom:0px;position:absolute;top:1px;left:10px;}
.small_box .small_box_top{padding-top:25px;height:11px;background:url('../_img/chat_box_top.gif') 0 100% no-repeat;}
.small_box .small_box_middle{min-height:210px;padding:0 10px 1px 10px;background:#464646;}
.small_box .small_box_bottom{height:15px;background:url('../_img/chat_box_bottom.gif') 0 0 no-repeat;}
.small_box .small_box_bottom_black{height:18px;background:#000000;text-align:right;}

.search_box{width:225px;position:relative;margin-bottom:20px;}
.search_box h2{margin:0 0 0 0;padding-bottom:0px;position:absolute;top:1px;left:10px;}
.search_box .search_box_top{height:23px;background:url('../_img/search_box_top.gif') 0 100% no-repeat;}
.search_box .search_box_middle{min-height:20px;padding:0 10px 0 20px;background:#464646;}
.search_box .search_box_bottom{height:9px;background:url('../_img/search_box_bottom.gif') 0 0 no-repeat;}

.smschat_box{position:relative;width:220px;height:190px;margin:auto; margin-bottom:8px; padding:18px 0 0 0;}
.smschat_box img{width:220px;height:190px;margin-bottom:8px;}
.smschat_box_layer{position:absolute;width:226px;height:195px;padding:0; margin:0;margin-bottom:8px;background:url('../_imddg/smschat_box.gif') 0 0 no-repeat; top:63px; _top:49px; #top:49px; left:25px;}
.smschat_box_layer a{display:block;width:226px;height:195px;margin-bottom:8px;}

.hp_info_box{width:277px;position:relative;margin-bottom:20px;}
.hp_info_box .hp_info_box_top{height:22px;background:url('../_img/hp_info_box_top.gif') 0 100% no-repeat;}
.hp_info_box .hp_info_box_middle{min-height:20px;padding:0 10px 0 20px;background:url('../_img/hp_info_box_middle.gif') 0 0 repeat-y;}
.hp_info_box .hp_info_box_bottom{height:22px;background:url('../_img/hp_info_box_bottom.gif') 0 0 no-repeat;}

/****************************************
INPUTY
****************************************/
.search_box .search_box_middle select,input{width:180px;margin-bottom:4px;}
.search_box .search_box_middle option{font-size:11px;}
.form{width:275px;}
.submit{width:102px;height:27px;background:url('../_img/button_search.jpg') 0 0 no-repeat;border:none;font-weight:normal;margin:0 12px 0 0;font-size:10px;}
.submit150{width:152px;height:27px;background:url('../_img/button_search_150.jpg') 0 0 no-repeat;border:none;font-weight:normal;margin:0 12px 0 0;font-size:10px;}

div.sendform {margin:10px 0 0 0;}
div.sendform .submit{font-weight:bold;}

/****************************************
SEZNAMY
****************************************/
ul.yellow_dot{margin:0 0 10px 0;padding:0 0 0 0;}
ul.yellow_dot li{list-style-type:none;background:url('../_img/dot_li.gif') 0 5px no-repeat;padding-left:10px;font-weight:bold;color:#E7E999;}
ul.yellow_dot li a{text-decoration:none;color:#E7E999;}
ul.yellow_dot li a:hover{text-decoration:underline;}

ul.repro{margin:0 0 10px 0;padding:0 0 0 0;}
ul.repro li{list-style-type:none;background:url('../_img/ico_repro.gif') 0 1px no-repeat;padding-left:20px;font-weight:bold;margin-bottom:10px;}

/****************************************
2 SLOUPCE
****************************************/
.thin_column{width:230px;min-height:300px;}
.big_column{width:630px;min-height:300px;}
.small_box_middle_column{width:185px;}
.novinky_column{width:270px; /*min-height:400px; */margin-right:20px;padding:10px 0 0 0;}
.novinky_column h2, .smschat_column h2, .top20_column h2{color:#FFFFFF;padding-bottom:5px;background:url('../_img/footer_border.jpg') 0 100% no-repeat;}
.novinky_column h2 a, .smschat_column h2 a, .top20_column h2 a{color:#FFFFFF;text-decoration:none;}
.novinky_column h3{color:#FF0000;margin:0 0 0 0; padding:0 0 0 0;}
.novinky_column h3 a{color:#FF0000; text-decoration: underline;}
.novinky_column .novinkahp {background:url('../_img/footer_border.jpg') 0 100% no-repeat;padding-bottom:10px;margin-bottom:10px;}
.novinky_column .novinkahp .motive img{width:60px;}
.novinky_column .novinkahp .anotace{width: 200px; text-align: justify;}
.novinky_column .celenovinky {width:270px;}
.novinky_column .submit150 { float:right;margin:0!important;padding:0!important;text-align:center;font-weight:bold;}


.smschat_column{width:278px;min-height:550px;margin-right:20px;padding:10px 0 0 0;position:relative;}
.smschat_column h3{margin:3px 0 3px 0;}
.smschat_column h2{margin-bottom:3px;}
.smschat_column .score_bar{height:14px;background-color:#FFFFFF; font-size: 11px;}
.smschat_column .score_bar .red_line{background:url('../_img/score_bar.jpg') 100% 0 no-repeat;height:14px;}
.smschat_column .porad{background:url('../_img/footer_border.jpg') 0 100% no-repeat;padding-bottom:10px;}
.smschat_column .anketa{/*background:url('../_img/footer_border.jpg') 0 100% no-repeat;*/padding-bottom:10px;}
.smschat_column .program h3 {margin:0;}
.smschat_column .program {margin:0 0 5px 0;}
.smschat_column .program .datum{font-weight: bold;color:#E7E999;}
.smschat_column .program .anotace{text-align:left; width: 240px; }


.top20_column{width:276px;min-height:550px; padding:10px 0 0 0;}
.top20_column .top20_item{width:277;height:24px;background:url('../_img/top_item.jpg') 0 0 repeat-y;margin-bottom:3px;}
.top20_column .top20_item .poradi{font-size:16px;width:25px;padding-top:2px;text-align:center;}
.top20_column .top20_item .song{width:245px;padding-top:5px;}
.top20_column .celahitparada {margin:10px 0 0 0!important;padding:0!important;width:278px;}
.top20_column .submit150 { float:right;margin:0!important;padding:0!important;text-align:center;font-weight:bold;}
.nominheight {min-height:0;}

.half_size_colum{width:420px;min-height:200px;}

/*****************************************
FS MENU
*****************************************/
/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul { margin: 0; padding: 0; list-style: none; list-style-type:none;}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul { display: none; position: absolute; top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */ left: -1px; width: 100px; background-color:white;}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul { top: -1px; margin-top: 0; left: 148px;}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li { _width:1px; float: left; display: block; position: relative; margin-right: -1px; margin-left:10px; font-weight:bold; color:#2A2A2A; height:36px;}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {_width:100px; float: none; margin: 0; margin-bottom: -1px; padding-left:4px; background:url('../_img/menu_bar.jpg') -1px -1px no-repeat;}
.menulist ul>li:last-child { margin-bottom: 1px; /* Mozilla fix */}

/* Links inside the menu */
.menulist a { display: block; padding: 3px; padding-top:11px; padding-right:10px; text-decoration: none; color:#2A2A2A; background:url('../_img/menu_delimiter.jpg') 100% 1px no-repeat; height:25px;}

.menulist a.last { background: none;}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus { color:#2A2A2A; text-decoration: underline;}
.menulist a.highlighted {color:#2A2A2A;}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind { display: none;}
.menulist ul a .subind { display: block; float: right;}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a { float: left;}
.menulist ul a { float: none;}
/* \*/
.menulist a { float: none;}
/* */

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li { float: left; width: 100%;}

* html .menulist ul li { float: left; height: 1%;}
* html .menulist ul a { height: 1%;}
/* End Hacks */

.cols3{float:left; width: 290px; margin:0 0px 0 0; }
.last{float:left; width: 290px; margin:0;}
.cols3 .porad {width: 290px;}
.cols3 .porad .repro {width: 8px; height:13px; float:left;}
.cols3 .porad .anotace{margin:0 0 0 12px; width:270px; _width:250px; float:left;}