#stv{width:1200px;margin:110px auto;position:relative;} #stv ul{list-style:none;} #toolbar-mini{position:relative;width:1200px;height:35px; background-color: #eee} #toolbar-mini span.open{cursor:pointer;position:absolute;top:8px;right:7px;float:left;padding-left:8px; background: transparent url(../gfx/program/sub_tri_d.gif) no-repeat 0 5px; font-size:11px;color:#000} #toolbar-mini .left {padding:8px 20px;font-size:12px; font-family: Arial; color:#fff;} #toolbar-mini .left label{padding-right:15px;font-size:12px; font-family: Arial; color:#333;font-weight:normal} .stv__title{font-weight:normal;color:#454545;} .stv__title--hour{color:#afafaf;margin-left:20px;} #toolbar{position:relative;z-index:1;zoom:1;width:1200px;height:190px; background-color: #eee;} #toolbar span.close{cursor:pointer;position:absolute;top:8px;right:7px;z-index:1;float:left;padding-left:8px; background: transparent url(../gfx/program/sub_tri.gif) no-repeat 0 5px; font-size:11px;color:#000} #toolbar .left{float:left;width:945px;height:170px;padding:24px 0 10px 20px;background:url(../gfx/program/pr-head-line.png) no-repeat right center;background-size:1px 100%;} #toolbar .left label{padding-right:15px;font-size:12px; font-family: Arial; color:#fff} #program_type_images a{float:left;margin-right:3px} /*#toolbar .left a.day{padding-right:15px;}*/ #toolbar.tbclose{overflow:hidden;height:0;} #toolbar a.day, #toolbar-mini a.day{display:inline-block;text-transform:uppercase;padding:3px 5px;margin-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;text-decoration:none;color:#333;background-color:#fff} #toolbar a.day:hover, #toolbar a.day.selected, #toolbar-mini a.day:hover, #toolbar-mini a.day.selected{color:#fff;background-color:#fa014d;} #program_type_switcher{float:left;width:100%;margin-top:10px} #program_type_switcher label{float:left;margin-top:5px} #program_type_images{float:left} #program_our_channels{position:relative;float:left;width:100%;margin-top:5px} #program_our_channels label{float:left;margin-top:5px} #program_our_channels ul{float:left;margin-left:-61px;} #program_our_channels ul li{float:left;padding-left:7px; height:30px;} #program_our_channels ul li.first{width:46px;height:20px;} #program_our_channels ul li.last{width:10px;height:20px;} #program_our_channels ul li .next-ch{cursor:pointer} #program_our_channels ul li .prev-ch{cursor:pointer} #channels_frame {position:absolute; float:left;top:18px;left: 148px; width: 153px; height:32px;padding-right:1px; margin-left:2px;/*background:url(../gfx/program/slide-bg-right.png) no-repeat right top;*/ border:1px solid #aaa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o- border-radius:5px;} * html #channels_frame{/*background:url(../gfx/program/slide_bg_right_ie.gif) no-repeat right top;*/} #channels_frame div {float:left; right:0; top:0; width:100%; height:32px; /*background:url(../gfx/program/slide-bg.png) 0 0 no-repeat;*/} * html #channels_frame div {/*background:url(../gfx/program/slide_bg_ie.gif) 0 0 no-repeat;*/} #toolbar .right{float:left;width:234px;height:150px;} #tb_switch_dayview{float:left;margin:25px 0 0 18px;width:175px} * html #tb_switch_dayview{margin-left:9px;} #tb_switch_dayview a{float:left;padding:3px 5px;margin-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;text-decoration:none;color:#333;background-color:#fff} * html #tb_switch_dayview a{} #tb_switch_dayview a:hover, #tb_switch_dayview a.sel{color:#fff;background-color:#fa014d;} #toolbar .right .unswitch{float:left;width:175px; margin:15px 0 0 18px;height:15px} * html #toolbar .right .unswitch{margin-left:9px} #toolbar .right .unswitch a {float:left;padding-left:20px;line-height:15px;text-decoration:underline;;color:#000;font-size:11px;font-family:Arial, Helvetica, sans-serif;background:transparent url(../gfx/program/clear-x.gif) no-repeat 0 center} #toolbar .right .unswitch a:hover{text-decoration:none} #toolbar .right label{float:left;margin:15px 0 0 16px;color:#333;font-size:11px;font-family:Arial, Helvetica, sans-serif;} * html #toolbar .right label{margin-left:8px} #content{position:relative} #time_zone{float:left;width:224px;margin:5px 0 0 10px;z-index:22;position:absolute;top:110px;left:964px;} * html #time_zone{margin-left:5px} #time_zone .zones{float:left;width:220px;border:1px solid #999; } #time_zone .zones .selected_zone{position:relative;float:left;width:212px;padding:4px;color:#000;font-size:11px;height:14px;} #time_zone .zones .selected_zone a{position:absolute; top:3px;right:4px;float:left;width:34px;padding-right:8px;background:url(../gfx/program/sub_tri_d.gif) no-repeat right 7px;text-decoration:underline;font-weight:bold;color:#000;font-size:11px} #time_zone div.sel{border:1px solid #000;} #time_zone div.sel .selected_zone{background-color:#313131;color:#fff;} #time_zone div.sel .selected_zone a{background:transparent url(../gfx/program/arr-up.gif) no-repeat right 5px;color:#fff;} #time_zone .zones ul.list{float:left;width:204px;background-color:#1a1a1a;padding:5px 8px} /* * html #time_zone .zones ul.list{float:left;zoom:1;z-index:1000;;position:absolute;top:23px;left:0;border-left:2px solid #000;border-right:2px solid #000;border-bottom:2px solid #000;} */ #time_zone .zones ul.list li{float:left; width:204px} #time_zone .zones ul.list li a{text-decoration:none;color:#d2d2d2;font-size:10px;font-family:Arial;line-height:14px} #time_zone .zones ul.list li a:hover{text-decoration:underline;} #program{width:1200px;z-index:-1;pozition:relative;zoom:1} #pr-contianer{position:relative;zoom:1;padding-top:110px;} .pr-headers-fix{position:absolute;top:0;left:0;width:100%;text-align:center;height:110px;z-index:20;} .pr-headers-fix.sticky{position:fixed;top:66px;left:0;} #pr-headers{border: 1px solid #e5e5e5;width:1200px;height:110px;overflow:hidden;position:relative;box-sizing:border-box;display:inline-block;background:#fff;} #pr-headers .first{position:absolute;left:0px;top:0px;cursor:pointer;} #pr-headers .last{position:absolute;right:0px;top:0px;cursor:pointer;} #pr-headers .wrap{height:110px;width:5760px;overflow:hidden} #pr-headers .wrap div.image{float:left;width:240px;height:110px;background: transparent url(../gfx/program/pr-head-line.png) no-repeat right center;text-align:center} * html #pr-headers .wrap div.image{background: transparent url(../gfx/program/line_ie.gif) no-repeat right center;} #pr-headers .wrap div.image img {margin:15px 0 0} #program_table_wrapper {width:1200px;overflow:hidden;margin:0;padding:0} #program_table_wrapper {*position:relative;*zoom:1;*overflow:hidden !important} #program_table_wrapper table{width:1680px} #program_table_wrapper table tr{} #program_table_wrapper table tr td{vertical-align:top;width:240px;border:0;padding:0;margin:0;background:transparent url(../gfx/program/pr-tab-odd.gif) repeat-y 0 0} #program_table_wrapper table tr.even td{background:transparent url(../gfx/program/pr-tab-even.gif) repeat-y 0 0} #program_table_wrapper table tr td .item {position:relative;margin-left:0px;margin-bottom:15px;padding:5px 5px 5px 0;width:235px;font-size:11px;color:#666;font-family:Tahoma;line-height:13px} /* FLOAT DIV */ #program_table_wrapper table tr td .item div.det_cloud{z-index:10000;position:absolute; top:-2px;left:228px;} #program_table_wrapper table tr td .item div.det_cloud .wrap{width:370px;width:331px;padding:10px 17px 0 22px;min-height:127px;background: transparent url(../gfx/program/cloud_bg_top.png) no-repeat 0 0} #program_table_wrapper table tr td .item div.det_cloud .wrap div.head{width:331px;padding-bottom:12px; background: transparent url(../gfx/program/cloud-line.png) no-repeat center bottom} #program_table_wrapper table tr td .item div.det_cloud .wrap div.head h3{font-size:14px; font-family: Arial, Helvetica, sans-serif;font-weight:bold; color:#fff;margin-bottom:10px} #program_table_wrapper table tr td .item div.det_cloud .wrap div.head span.hr{font-size:16px;color:#ccc;font-weight:bold;font-family:Arial, Helvetica, sans-serif;} #program_table_wrapper table tr td .item div.det_cloud .wrap div.head span.dt{float:right;font-size:12px;color:#ccc;font-family:Arial, Helvetica, sans-serif;} #program_table_wrapper table tr td .item div.det_cloud .wrap div.image{margin-top:10px;display: block;clear:both;width:331px; overflow:hidden} #program_table_wrapper table tr td .item div.det_cloud .wrap div.image img{ border:1px solid #969696} #program_table_wrapper table tr td .item div.det_cloud .wrap div.desc{white-space:pre-wrap;;;display:block;margin-top:10px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#ccc;line-height:15px} #program_table_wrapper table tr td .item div.det_cloud .bottBg{width:370px;height:16px;background: transparent url(../gfx/program/cloud_bg_bottom.png) no-repeat 5px 0} /* INVERT*/ #program_table_wrapper table tr td .item div.inverse{left:-360px} #program_table_wrapper table tr td .item div.inverse .wrap{padding:10px 22px 0 17px;background: transparent url(../gfx/program/cloud_bg_top_i.png) no-repeat 0 0} #program_table_wrapper table tr td .item div.inverse .bottBg{background: transparent url(../gfx/program/cloud_bg_bottom_i.png) no-repeat 0 0} /* END FLOAT */ #program_table_wrapper table tr td .time {color:#000;font-weight:bold;float:left;width:31px;padding-left:11px;font-weight:bold;text-align:right} #program_table_wrapper table tr td .active{float:left;padding-left:2px} #program_table_wrapper table tr td .active div.stime{font-size:10px;font-weight:normal;color:#666} #program_table_wrapper table tr td .details {position:relative;z-index:1;zoom:1;margin-left:53px;text-align:left;width:182px} * html #program_table_wrapper table tr td .details {float:left;margin-left:8px} #program_table_wrapper table tr td .name{color:#333;font-weight:bold} #program_table_wrapper table tr td .details a{color:#333;font-weight:bold;text-decoration:underline} #program_table_wrapper table tr td .details a:hover{text-decoration:none} #program_table_wrapper table tr td .descshort{max-height:27px;overflow:hidden;} #program_table_wrapper table tr td .details .showmore{float:right;clear:both;font-size:9px;color:#333;font-weight:normal;text-decoration:none;margin-right:10px;} #program_table_wrapper table tr td .genre_1_selected {background:transparent url(../gfx/program/pr-hl-01.gif) repeat-y 0 0} #program_table_wrapper table tr td .genre_2_selected {background:transparent url(../gfx/program/pr-hl-02.gif) repeat-y 0 0} #program_table_wrapper table tr td .genre_3_selected {background:transparent url(../gfx/program/pr-hl-03.gif) repeat-y 0 0} #program_table_wrapper table tr td .genre_4_selected {background:transparent url(../gfx/program/pr-hl-04.gif) repeat-y 0 0} #program_table_wrapper table tr td .genre_5_selected {background:transparent url(../gfx/program/pr-hl-05.gif) repeat-y 0 0} #program_table_wrapper table tr td .genre_6_selected {background:transparent url(../gfx/program/pr-hl-06.gif) repeat-y 0 0} #program_table_wrapper table tr td div.w{width:240px;} .span123{color:#777;} #program_table_wrapper table tr td .genre_1_selected .details a, #program_table_wrapper table tr td .genre_1_selected .time, #program_table_wrapper table tr td .genre_1_selected .details .name, #program_table_wrapper table tr td .genre_2_selected .details a, #program_table_wrapper table tr td .genre_2_selected .time, #program_table_wrapper table tr td .genre_2_selected .details .name, #program_table_wrapper table tr td .genre_3_selected .details a, #program_table_wrapper table tr td .genre_3_selected .time, #program_table_wrapper table tr td .genre_3_selected .details .name, #program_table_wrapper table tr td .genre_4_selected .details a, #program_table_wrapper table tr td .genre_4_selected .time, #program_table_wrapper table tr td .genre_4_selected .details .name, #program_table_wrapper table tr td .genre_5_selected .details a, #program_table_wrapper table tr td .genre_5_selected .time, #program_table_wrapper table tr td .genre_5_selected .details .name, #program_table_wrapper table tr td .genre_6_selected .details a, #program_table_wrapper table tr td .genre_6_selected .time, #program_table_wrapper table tr td .genre_6_selected .details .name{color:#fff;} #program_table_wrapper table tr td .genre_1_selected .details, #program_table_wrapper table tr td .genre_2_selected .details, #program_table_wrapper table tr td .genre_3_selected .details, #program_table_wrapper table tr td .genre_4_selected .details, #program_table_wrapper table tr td .genre_5_selected .details, #program_table_wrapper table tr td .genre_6_selected .details{color:#ccc;} #program_table_wrapper table tr td .genre_1_selected .span123, #program_table_wrapper table tr td .genre_2_selected .span123, #program_table_wrapper table tr td .genre_3_selected .span123, #program_table_wrapper table tr td .genre_4_selected .span123, #program_table_wrapper table tr td .genre_5_selected .span123, #program_table_wrapper table tr td .genre_6_selected .span123{color:#ccc;} #program_table_wrapper table tr td .genre_1_selected .active .stime, #program_table_wrapper table tr td .genre_2_selected .active .stime, #program_table_wrapper table tr td .genre_3_selected .active .stime, #program_table_wrapper table tr td .genre_4_selected .active .stime, #program_table_wrapper table tr td .genre_5_selected .active .stime, #program_table_wrapper table tr td .genre_6_selected .active .stime{color:#ccc;} #program_table_wrapper table tr td .active ~ .details{min-height:30px;} #det_lay{z-index:21;position:absolute; top:0;left:0;} #det_lay .ins{position:relative;} #det_lay .wrap{width:331px;margin:0 10px;padding:10px;min-height:127px;background:#fff;box-shadow:0 0 10px #999;position:relative;} #det_lay .wrap div.head{width:331px;padding-bottom:12px; background: transparent url(../gfx/program/cloud-line.png) no-repeat center bottom} #det_lay .wrap div.head h3{font-size:14px; font-family: Arial, Helvetica, sans-serif;font-weight:bold; color:#000;margin-bottom:10px} #det_lay .wrap div.head span.hr{font-size:16px;color:#333;font-weight:bold;font-family:Arial, Helvetica, sans-serif;} #det_lay .wrap div.head span.dt{float:right;font-size:12px;color:#333;font-family:Arial, Helvetica, sans-serif;} #det_lay .wrap div.image{margin-top:10px;display: block;clear:both;width:331px; overflow:hidden} #det_lay .wrap div.image img{ border:1px solid #969696} #det_lay .wrap div.desc{white-space:pre-wrap;display:block;margin-top:10px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#333;line-height:15px} #det_lay div.arr{display:none;} #det_lay .insbg{display:none;} #det_lay .ipla{border-top:1px dotted #c9c9c9;margin:10px -2.5% -2.5%;} #det_lay .ipla a{display:block;text-transform:uppercase;color:#82cb0a;padding:15px;text-align:center;font-weight:bold;} #det_lay .ipla a:before{ content:url(../gfx/program/ico_polsatgo.png); display:inline-block; vertical-align:middle; margin:1px 7px -1px 0; } #det_lay .ipla a:after{ content:'>'; display:inline-block; margin:0 0 0 7px; font-weight:900; } #toolbar .left label, #toolbar .left span{display:inline-block;width:100%;padding-right:15px;font-size:12px;font-family:Arial;color:#333;margin-bottom:5px;} @media screen and (max-width:1200px){ #stv, #toolbar, #toolbar-mini, #program, #pr-headers, #program_table_wrapper{width:960px;} #channels_frame{width:123px;} #toolbar-mini .left, #toolbar .left{width:98%;padding-left:2%;background:0 0;} #toolbar .right{position:absolute;top:1px;right:2%;width:155px;height:auto;} #time_zone, #toolbar .right label{display:none!important;} } @media screen and (max-width:960px){ #stv, #toolbar, #toolbar-mini, #program, #pr-headers, #program_table_wrapper{width:720px;} #channels_frame{width:93px;} #det_lay{ position:fixed; top:0!important; left:0!important; right:0!important; bottom:0!important; z-index:11111; overflow:auto; } #det_lay .inswrap{display:table;height:100%;width:100%;} #det_lay .ins{display:table-cell;text-align:center;vertical-align:middle;} #det_lay .insbg{background:#000;height:100%;left:0;opacity:0.8;position:fixed;top:0;width:100%;z-index:1;display:block;} #det_lay .wrap{display:inline-block;text-align:left;position:relative;width:90%;margin:2.5%;padding:2.5%;max-width:330px;z-index:2;box-shadow:0 0 10px #333;} } @media screen and (max-width:720px){ #stv, #toolbar, #toolbar-mini, #program, #pr-headers, #program_table_wrapper{width:480px;} #toolbar{height:210px;} #program_our_channels ul li.first{display:none;} #program_our_channels ul li{padding-left:3px;} #toolbar-mini .left label{font-size:10px;padding-right:5px;} #toolbar .left label, #toolbar .left span{width:100%;font-size:10px;} #toolbar .right{right:auto;left:0;top:70px;width:100%;} #tb_switch_dayview{margin:0 20px 0 2%;width:auto;} #toolbar .right .unswitch{margin:2px 0;} #program_type_switcher{margin-top:40px;} #program_our_channels{margin-top:5px;} #channels_frame{top:16px;height:27px;margin-left:0;left:0px;width:54px;} #program_our_channels ul{margin:0;overflow-y:hidden;overflow-x:auto;width:100%;} } @media screen and (max-width:480px){ #stv, #toolbar, #toolbar-mini, #program, #pr-headers, #program_table_wrapper{width:240px;} #toolbar{height:200px;} #tb_day_selector_sh{display:none;} #program_our_channels, #toolbar .right .unswitch{display:none;} #toolbar .right{top:95px;} #det_lay .head, #det_lay .image, #det_lay .image img{width:100%!important;} #cboxClose{ -webkit-transform:scale(.75); -moz-transform:scale(.75); transform:scale(.75); } } @media screen and (max-height:480px){ .pr-headers-fix.sticky{position:absolute;top:0;} }