﻿
html, body, form, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
	border:0px;
    margin:0px;
    padding:0px;
    outline:none !important;
    outline-color:transparent !important;
}

.spacer1 { position:relative; display:block; width:auto; height:1px; font-size:0px; line-height:0px; clear:both;}
.spacer2 { position:relative; display:block; width:auto; height:2px; font-size:0px; line-height:0px; clear:both;} 
.spacer3 { position:relative; display:block; width:auto; height:3px; font-size:0px; line-height:0px; clear:both;} 
.spacer4 { position:relative; display:block; width:auto; height:4px; font-size:0px; line-height:0px; clear:both;} 
.spacer5 { position:relative; display:block; width:auto; height:5px; font-size:0px; line-height:0px; clear:both;}
.spacer6 { position:relative; display:block; width:auto; height:6px; font-size:0px; line-height:0px; clear:both;} 
.spacer7 { position:relative; display:block; width:auto; height:7px; font-size:0px; line-height:0px; clear:both;}
.spacer8 { position:relative; display:block; width:auto; height:8px; font-size:0px; line-height:0px; clear:both;}
.spacer9 { position:relative; display:block; width:auto; height:9px; font-size:0px; line-height:0px; clear:both;}
.spacer10 { position:relative; display:block; width:auto; height:10px; font-size:0px; line-height:0px; clear:both;}
.spacer11 { position:relative; display:block; width:auto; height:11px; font-size:0px; line-height:0px; clear:both;}
.spacer12 { position:relative; display:block; width:auto; height:12px; font-size:0px; line-height:0px; clear:both;}
.spacer13 { position:relative; display:block; width:auto; height:13px; font-size:0px; line-height:0px; clear:both;}
.spacer14 { position:relative; display:block; width:auto; height:14px; font-size:0px; line-height:0px; clear:both;}
.spacer15 { position:relative; display:block; width:auto; height:15px; font-size:0px; line-height:0px; clear:both;}
.spacer16 { position:relative; display:block; width:auto; height:16px; font-size:0px; line-height:0px; clear:both;}
.spacer17 { position:relative; display:block; width:auto; height:17px; font-size:0px; line-height:0px; clear:both;}
.spacer18 { position:relative; display:block; width:auto; height:18px; font-size:0px; line-height:0px; clear:both;}
.spacer19 { position:relative; display:block; width:auto; height:19px; font-size:0px; line-height:0px; clear:both;}
.spacer20 { position:relative; display:block; width:auto; height:20px; font-size:0px; line-height:0px; clear:both;}
.spacer21 { position:relative; display:block; width:auto; height:21px; font-size:0px; line-height:0px; clear:both;}
.spacer22 { position:relative; display:block; width:auto; height:22px; font-size:0px; line-height:0px; clear:both;}
.spacer23 { position:relative; display:block; width:auto; height:23px; font-size:0px; line-height:0px; clear:both;}
.spacer24 { position:relative; display:block; width:auto; height:24px; font-size:0px; line-height:0px; clear:both;}
.spacer25 { position:relative; display:block; width:auto; height:25px; font-size:0px; line-height:0px; clear:both;}
.spacer30 { position:relative; display:block; width:auto; height:30px; font-size:0px; line-height:0px; clear:both;}
.spacer35 { position:relative; display:block; width:auto; height:35px; font-size:0px; line-height:0px; clear:both;}
.spacer40 { position:relative; display:block; width:auto; height:40px; font-size:0px; line-height:0px; clear:both;}
.spacer45 { position:relative; display:block; width:auto; height:45px; font-size:0px; line-height:0px; clear:both;}
.spacer50 { position:relative; display:block; width:auto; height:50px; font-size:0px; line-height:0px; clear:both;}
.spacer55 { position:relative; display:block; width:auto; height:55px; font-size:0px; line-height:0px; clear:both;}
.spacer60 { position:relative; display:block; width:auto; height:60px; font-size:0px; line-height:0px; clear:both;}
.spacer70 { position:relative; display:block; width:auto; height:70px; font-size:0px; line-height:0px; clear:both;}
.spacer80 { position:relative; display:block; width:auto; height:80px; font-size:0px; line-height:0px; clear:both;}
.spacer90 { position:relative; display:block; width:auto; height:90px; font-size:0px; line-height:0px; clear:both;}
.spacer100 { position:relative; display:block; width:auto; height:100px; font-size:0px; line-height:0px; clear:both;}
.spacer110 { position:relative; display:block; width:auto; height:110px; font-size:0px; line-height:0px; clear:both;}
.spacer120 { position:relative; display:block; width:auto; height:120px; font-size:0px; line-height:0px; clear:both;}
.clear{position:relative; display:block; width:auto; height:0px; font-size:0px; line-height:0px; clear:both;}

.size9{ font-size:9px;}
.size10{ font-size:10px;}
.size11{ font-size:11px;}
.size12{ font-size:12px;}
.size13{ font-size:13px;}
.size14{ font-size:14px;}
.size15{ font-size:15px;}
.size16{ font-size:16px;}
.size17{ font-size:17px;}
.size18{ font-size:18px;}
.size19{ font-size:19px;}
.size20{ font-size:20px;}
.size21{ font-size:21px;}
.size22{ font-size:22px;}
.size23{ font-size:23px;}
.size24{ font-size:24px;}
.size25{ font-size:25px;}
.size26{ font-size:26px;}
.size27{ font-size:27px;}
.size28{ font-size:28px;}
.size29{ font-size:29px;}
.size30{ font-size:30px;}

@font-face {
    font-family: 'helvetica_regular';
    src: url('fonts/helvetica-webfont.eot');
    src: url('fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-webfont.woff') format('woff'),
         url('fonts/helvetica-webfont.ttf') format('truetype'),
         url('fonts/helvetica-webfont.svg#helvetica_regular') format('svg');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family: 'helvetica_bold';
    src: url('fonts/helveticab-webfont.eot');
    src: url('fonts/helveticab-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticab-webfont.woff') format('woff'),
         url('fonts/helveticab-webfont.ttf') format('truetype'),
         url('fonts/helveticab-webfont.svg#helvetica_lt_stdbold') format('svg');
    font-weight:400;
    font-style:normal;
}

body{font-family:'helvetica_regular', Arial; font-weight:400 !important; background-color:#000; }
/*body b, body strong{font-family:'helvetica_bold', Arial; font-weight:700 !important;}*/
body b, body strong{font-family:Arial; font-weight:bold !important;}

a{
-webkit-transition: color 500ms ease 0s;
-moz-transition: color 500ms ease 0s;
-ms-transition: color 500ms ease 0s;
-o-transition: color 500ms ease 0s;
transition: color 500ms ease 0s;
}
a:hover{
-webkit-transition: color 500ms ease 0s;
-moz-transition: color 500ms ease 0s;
-ms-transition: color 500ms ease 0s;
-o-transition: color 500ms ease 0s;
transition: color 500ms ease 0s;
}

.black{color:#000000;}
.white{color:#ffffff;}
.grey{color:#848587;}
.grey-dark{color:#3c3c3e;}
.grey-light{color:#cccccc;}
.red{color:#ff0000;}
.orange{color:#ff9100;}
.blue{color:#2e589c;}

.underline{ text-decoration:underline;}
.NOunderline{ text-decoration:none;}
.hidden{ display:none; visibility:hidden;}

/* hover effect */
a img.hoverimg{position:absolute; display:none;}
a.selected img.hoverimg{display:block;}


/* ******************************************************************************* */


/* HOMEPAGE */
.highlights-wrapper{position:relative; width:975px; height:527px; display:block; background: url(../js/bxslider/images/loading.gif) center center no-repeat #000; }
.highlights-wrapper .grey{position:absolute; left:0px; bottom:0px; width:975px; height:23px; display:block; background:#2c2d2e; z-index:9;}
.highlights-wrapper ul li.highlights{position:relative; width:975px; height:534px; display:block; float:left; background:#000000; overflow:hidden; }
.highlights-wrapper ul li.highlights .block-wrapper{position:relative; width:977px; height:534px; display:block; overflow:hidden; }
.highlights-wrapper ul li.highlights .block-wrapper a.block-large{ overflow:hidden; position:relative; width:488px; height:252px; display:block; float:left; text-decoration:none; color:#ffffff;}
.highlights-wrapper ul li.highlights .block-wrapper a.block-large .border{position:absolute; left:0px; top:0px; width:478px; height:242px; display:none; background:transparent; border:5px solid #ff9100; z-index:99;}
.highlights-wrapper ul li.highlights .block-wrapper a.block-small{ overflow:hidden; position:relative; width:325px; display:block; height:252px; float:left; text-decoration:none; color:#ffffff;}
.highlights-wrapper ul li.highlights .block-wrapper a.block-small .border{position:absolute; left:0px; top:0px; width:315px; height:242px; display:none; background:transparent; border:5px solid #ff9100; z-index:99;}
.highlights-wrapper ul li.highlights .block-wrapper a.block-large .strip,
.highlights-wrapper ul li.highlights .block-wrapper a.block-small .strip{position:absolute; left:0px; bottom:0px; width:100%; height:60px; display:table; background:transparent url('../images/bg-black70.png') repeat left top;}
.highlights-wrapper ul li.highlights .block-wrapper a.block-large .thumb { width:488px; height:252px; margin:0 auto; background-size:cover; background-position:center top; }
.highlights-wrapper ul li.highlights .block-wrapper a.block-small .thumb { width:325px; height:252px; margin:0 auto; background-size:cover; background-position:center top; }


.scheduling-wrapper{position:relative; width:975px; height:auto; padding-top:10px; display:block; background:#ffffff;}
.scheduling-wrapper .scheduling{position:relative; width:975px; height:auto; display:block; background:#2c2d2e;}


/* overlay highlights*/
.highlights-wrapper .overlay { position:absolute; left:-9000px; top:0px; width:975px; height:527px; z-index:888; }
.highlights-wrapper .overlay .black_bg { position:absolute; left:0; top:0px; width:975px; height:527px; z-index:1; background:transparent url('../images/bg-black70.png') repeat left top; }
.highlights-wrapper .overlay .box-scheda { position:absolute; left:50%; top:50%; width:490px; height:320px; margin-left:-245px; margin-top:-160px; z-index:2; display:block; background:transparent url('../images/bg-box-scheda.png') no-repeat left top; }
.highlights-wrapper .overlay .box-scheda .w { margin: 10px; }
.highlights-wrapper .overlay .box-scheda .close { z-index:3; cursor:pointer; position:absolute; display:block; top:-13px; right:-13px; width:37px; height:37px; background:url(../images/epg/close.png) no-repeat; }



/* pop iframe scheda highlights*/
.main-iframe-scheda{position:relative; width:430px; height:260px; padding:20px; background:#ffffff; display:block;}
.main-iframe-scheda .filetto{position:relative; width:430px; height:14px; border-bottom:1px solid #c6c5c6; display:block;}
.main-iframe-scheda .textScroll{ position: relative; width: 436px; height: 130px; display: block; margin-top: 16px; overflow: auto; }
.main-iframe-scheda .textScroll div.video { background:url(../images/epg/ico-scheda-video.png) 42px 11px no-repeat; }
.main-iframe-scheda .textScroll div.video span a,
.main-iframe-scheda .textScroll div.video span a:hover { color: #000000; display: block; padding: 10px 0; text-decoration: none; width: 60px; }
.main-iframe-scheda .logo { height:50px; }
.main-iframe-scheda a { color:#000; text-decoration:none; }
.main-iframe-scheda .links { width:470px; font-size:12px; position:absolute; bottom:0; left:0; border-top:1px solid #000; }
.main-iframe-scheda .links div { padding:0; float:left; width:155px; border-right:1px solid #000; }
.main-iframe-scheda .links div span { height: 34px; text-align:center; display:block; }
.main-iframe-scheda .links div span a,
.main-iframe-scheda .links div span a:hover { color: #000000; display: block; padding: 10px 0; text-decoration: none; width: 155px; }
.main-iframe-scheda .links div.off { color:#999; }
.main-iframe-scheda .links div.off span { height: 24px; padding-top:10px; }
.main-iframe-scheda .links div.sito { text-indent:-25px; background:url(../images/epg/ico-scheda-link.png) 100px 9px no-repeat; }
.main-iframe-scheda .links div.video { text-indent:-34px; background:url(../images/epg/ico-scheda-video.png) 87px 8px no-repeat; }
.main-iframe-scheda .links div.diretta { text-indent:-30px; border-right:none; background:url(../images/epg/ico-scheda-diretta.png) 95px 8px no-repeat; }
.main-iframe-scheda .links div.sito.off { text-indent:-25px; background:url(../images/epg/ico-scheda-link-off.png) 100px 9px no-repeat; }
.main-iframe-scheda .links div.video.off { text-indent:-34px; background:url(../images/epg/ico-scheda-video-off.png) 87px 8px no-repeat; }
.main-iframe-scheda .links div.diretta.off { text-indent:-30px;  border-right:none; background:url(../images/epg/ico-scheda-diretta-off.png) 95px 8px no-repeat; }
.main-iframe-scheda .links.la7 div { width:100%; }
.main-iframe-scheda .links.la7 div span a,
.main-iframe-scheda .links div span a:hover { width:100%; }
.main-iframe-scheda .links.la7 .sito { text-indent:25px; background:url(../images/epg/ico-scheda-link.png) 158px 9px no-repeat; }
.main-iframe-scheda .links.la7 div.sito.off { text-indent:25px; background:url(../images/epg/ico-scheda-link-off.png) 158px 9px no-repeat; }
.main-iframe-scheda .links div.off span { height:25px; padding-top:9px; }




table td.logo { width:10%; }
table td.logo img { height:40px !important; display:block; margin:0 15px 0 15px; }
table td.logo.MEDIASET img { margin: 0 5px; }
table td.logo.channel_id_7 img,
table td.logo.channel_id_18 img,
table td.logo.channel_id_25 img { margin: 0 10px; }
table td.text { line-height: 14px; width: 90%; font-size: 12px; padding-right:20px; }

.is_only_tivusat { position: absolute; top: 0; right: 0; width: 100px; height: 82px; background: url(/_common/images/solo-su-tivusat.png) center no-repeat; background-size: contain; }


.bx-wrapper img { max-width:none !important; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(../js/bxslider/images/loading.gif) center center no-repeat #000 !important; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-pager-item { display:none !important; }
.bx-pager.bx-default-pager { height:14px !important; }
.bx-wrapper .bx-controls-direction a { width:50px !important; height:23px !important; margin-top:-15px !important; }
.bx-wrapper a.bx-prev { background:url(/_common/images/highlight_prev.png) left top no-repeat !important; left: 50% !important; margin-left: -50px; }
.bx-wrapper a.bx-next { background:url(/_common/images/highlight_next.png) left top no-repeat !important; right: 50% !important; margin-right: -50px; }
.bx-wrapper a:hover.bx-prev { background:url(/_common/images/highlight_prev.png) left bottom no-repeat !important; }
.bx-wrapper a:hover.bx-next { background:url(/_common/images/highlight_next.png) left bottom no-repeat !important; }


/* Responsive *********************************************************************************/

@media screen and (min-width: 980px) {
    .highlights-wrapper,
    .highlights-wrapper .overlay,
    .highlights-wrapper .overlay .black_bg,
    .highlights-wrapper .grey,
    .bx-controls.bx-has-pager,
    .spacer1 { width: 100% !important; }
    .highlights-wrapper ul li.highlights .block-wrapper { width: 100%; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-large { width: 50%; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-small { width: 33.3%; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-large .thumb,
    .highlights-wrapper ul li.highlights .block-wrapper a.block-small .thumb { width: 100%; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-large .border,
    .highlights-wrapper ul li.highlights .block-wrapper a.block-small .border { width: 100%; height: 252px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
}

@media screen and (min-width: 0px) and (max-width: 768px) {

    .highlights-wrapper,
    .highlights-wrapper ul li.highlights,
    .highlights-wrapper ul li.highlights .block-wrapper { width: 100%; height: auto; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-large { display: inline-block; vertical-align: top; width: 50%; height: 280px; float: none; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-large .border { display: inline-block; width: 100%; float: none; height: 280px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-large .thumb { display: inline-block; width: 100%; float: none; height: 240px; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-small { display: inline-block; vertical-align: top; float: none; width: 50%; height: 280px; }

    .highlights-wrapper ul li.highlights .block-wrapper a .border { width: 100% !important; height: 320px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .highlights-wrapper ul li.highlights .block-wrapper a .thumb { height:240px !important; width:100% !important; }
    .highlights-wrapper ul li.highlights .block-wrapper a#block1 .border,
    .highlights-wrapper ul li.highlights .block-wrapper a#block6 .border { height:280px !important; }
    .highlights-wrapper ul li.highlights .block-wrapper a#block1 .thumb,
    .highlights-wrapper ul li.highlights .block-wrapper a#block6 .thumb { height:280px !important; }

    .highlights-wrapper ul li.highlights .block-wrapper a#block1,
    .highlights-wrapper ul li.highlights .block-wrapper a#block6 { width: 100%; }

    .highlights-wrapper ul li.highlights .block-wrapper a.block-large .strip, .highlights-wrapper ul li.highlights .block-wrapper a.block-small .strip { height: 40px; }
    .strip table { height: auto; }
    .strip table td.logo { height: 40px; }
    .strip table td.logo img { height: 20px !important; margin:0 10px; }
    .strip table td.text { line-height: 12px; font-size: 10px; padding-right: 15px; }
    .strip table td.text span { text-overflow: ellipsis; white-space: nowrap; width: 80%; display: block; overflow: hidden; }
    a#block1 .strip table td.text span,
    a#block6 .strip table td.text span { width: 100% !important; }

    .spacer1 { display: none; }
    .highlights-wrapper .overlay { position: fixed; width: 100%; height: 100%; }
    .highlights-wrapper .overlay .black_bg { width: 100%; height: 960px; }
    .highlights-wrapper .overlay .box-scheda { left: 50%; top: 0; width: 92%; height: 320px; margin-left: -46%; margin-top: 40px; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 5px solid #f48e1f; }
    .highlights-wrapper .overlay .box-scheda .w { margin: 0; }

    .main-iframe-scheda { width: 100%; height: 310px; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .main-iframe-scheda .textScroll { width: 100%; height: 160px; }
    .main-iframe-scheda table { width: 100%; }
    .main-iframe-scheda table td { font-size: 10px !important; padding: 0px 10px 10px 10px !important; line-height: 12px !important; }
    .main-iframe-scheda .filetto { width: 100%; height: 0px; }
    .main-iframe-scheda .logo { height: 30px; }
    .main-iframe-scheda .links { width: 100%; }
    .main-iframe-scheda .links div { width: 33.1%; }
    .main-iframe-scheda .links div span a,
    .main-iframe-scheda .links div span a:hover { width: 100%; }
    .main-iframe-scheda .links div.sito,
    .main-iframe-scheda .links div.sito.off { background-position: 90% 9px; }
    .main-iframe-scheda .links div.video,
    .main-iframe-scheda .links div.video.off { background-position: 90% 9px; }
    .main-iframe-scheda .links div.diretta,
    .main-iframe-scheda .links div.diretta.off { background-position: 90% 9px; }

    .size12 { font-size: 10px; }
    .size14 { font-size: 12px; }

    .mCSB_container { margin-right: 20px !important; }
    .mCSB_scrollTools .mCSB_draggerRail { width: 7px !important; }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px !important; }

    .highlights-wrapper .overlay .box-scheda .close { top: -14px; right: -14px; width: 28px; height: 28px; background-size: contain; }
    .highlights-wrapper .grey { display: none; }
}

@media screen and (min-width: 0px) and (max-width: 640px) {

    .highlights-wrapper ul li.highlights .block-wrapper a.block-large { height: 160px; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-large .border { height: 160px; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-large .thumb { height: 140px; }
    .highlights-wrapper ul li.highlights .block-wrapper a.block-small { height: 160px; }

    .highlights-wrapper ul li.highlights .block-wrapper a .border { height: 320px !important; }
    .highlights-wrapper ul li.highlights .block-wrapper a .thumb { height:120px !important; }
    .highlights-wrapper ul li.highlights .block-wrapper a#block1 .border,
    .highlights-wrapper ul li.highlights .block-wrapper a#block6 .border { height:160px !important; }
    .highlights-wrapper ul li.highlights .block-wrapper a#block1 .thumb,
    .highlights-wrapper ul li.highlights .block-wrapper a#block6 .thumb { height:160px !important; }

    .strip table td.text span { width: 90px; }

}