html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
html{-ms-text-size-adjust: none;-webkit-text-size-adjust: none;height:100%;}
body{background:url(../images/primopiano/body-pattern.png) 0 0 repeat;font:100% sans-serif;color:#000;height:100%;}
ul{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus, input{outline:0 none;}

.page{
  width:100%;
  height:100%;
}

#filmtv-slider-cont{
  display:none;
  position:relative;
  margin:0 auto;
  padding:86px 10px 0;
  max-width:1100px;
  height:350px;
  overflow:hidden;
}

#filmtv-slider-cont .filmtv-slider-menu{
  position:absolute;
  top:0;
  left:0;
  width:100%;  
  text-align:center;
  z-index:1000;
}

#filmtv-slider-cont .filmtv-slider-menu li{
  display:inline-block;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu{
  margin-bottom:15px;
  height:45px;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li{
  margin-right:4px;
  width:193px;
  line-height:36px;
  color:#FFF;
  background:#e30031;
  border-radius:1px;
  box-shadow: 0 0 6px #404040;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li.ls{
  margin-right:0;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li a{
  display:inline-block;
  height:100%;
  font-family:'Titillium Web';
  font-weight:700;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li a.insala{
  padding-left:35px;
  background:url(../images/primopiano/insala.png) 0 center no-repeat;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li a.intv{
  padding-left:35px;
  background:url(../images/primopiano/intv.png) 0 center no-repeat;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li a.instreaming{
  padding-left:35px;
  background:url(../images/primopiano/instreaming.png) 0 center no-repeat;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li.on{
  width:191px;
  line-height:45px;
  color:#000;
  background:#FFF;
  border:1px solid #f3f2f2;
  border-radius:1px;
  position:relative;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li.on a:before{
  content:'.';
  position:absolute;
  top:45px;
  left:50%;
  margin-left:-8px;
  width:16px;
  height:9px;
  background:url(../images/primopiano/menu-slider-arrow.png) 0 0 no-repeat;
  color:transparent;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li.on a{
  font-size:19px;
  color:#000;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li.on a.insala{
  background:url(../images/primopiano/insala-on.png) 0 center no-repeat;
}

#filmtv-slider-cont .filmtv-slider-menu .main-menu li.on a.intv{
  background:url(../images/primopiano/intv-on.png) 0 center no-repeat;
}

#filmtv-slider-cont .filmtv-slider-menu .secondary-menu li{
  padding-right:15px;
  background:url(../images/primopiano/secondary-menu.png) right 5px no-repeat;
}

#filmtv-slider-cont .filmtv-slider-menu .secondary-menu li.ls{
  padding-right:0;
  background:0 none;
}

#filmtv-slider-cont .filmtv-slider-menu .secondary-menu li.on{
  background-position:right 7px;
}

#filmtv-slider-cont .filmtv-slider-menu .secondary-menu li a{
  display:inline-block;
  font-family:'Open Sans';
  font-size:13px;
  color:#aaaaaa;
  text-decoration:underline;
}

#filmtv-slider-cont .filmtv-slider-menu .secondary-menu li.on a{
  display:inline-block;
  font-family:'Open Sans';
  font-size:16px;
  color:#FFF;
  text-decoration:none;
}


#filmtv-slider-cont .filmtv-slider-container{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:95%;
  z-index:999;
}

#filmtv-slider-cont section{
  position:absolute;
  bottom:0;
  width:15%;
  max-height:324px;
  background:#333;
  box-shadow: 0 0 13px #000;
  -webkit-transition:left 0.6s ease-in-out,margin-left 0.6s ease,bottom 0.6s ease-in-out,width 0.4s ease-in-out;
  -moz-transition:left 0.6s ease-in-out,margin-left 0.6s ease,bottom 0.6s ease-in-out,width 0.4s ease-in-out;
  -ms-transition:left 0.6s ease-in-out,margin-left 0.6s ease,bottom 0.6s ease-in-out,width 0.4s ease-in-out;
  -o-transition:left 0.6s ease-in-out,margin-left 0.6s ease,bottom 0.6s ease-in-out,width 0.4s ease-in-out;
  transition:left 0.6s ease-in-out,margin-left 0.6s ease,bottom 0.6s ease-in-out,width 0.4s ease-in-out;
  transition:left 0.6s ease-in-out,margin-left 0.6s ease,bottom 0.6s ease-in-out,width 0.4s ease-in-out;
  z-index:8;
  visibility:hidden;
  overflow:hidden;
}

#filmtv-slider-cont section.visible{
  visibility:visible;
}

#filmtv-slider-cont section .info{
  padding:8px 10px 8px 54px;
  height:28px;
  font-family:'Open Sans';
  font-size:11px;
  font-weight:600;
  color:#FFF;
  position:relative;
}

#filmtv-slider-cont section .info .chart {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  background:url(../images/primopiano/chartbg.png) 0 0 no-repeat;
}

#filmtv-slider-cont section .info .chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

#filmtv-slider-cont section .info .perc {
  display:block;
  width:35px;
  height:35px;
  font:11px/35px 'Open Sans';
  z-index: 2;
}

#filmtv-slider-cont section .opacity{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5)
}

#filmtv-slider-cont section .details{
  display:none;
  position:absolute;
  top:0;
  right:0;
  padding:0 0.5%;
  width:56.40740740740741%;
  min-height:100%;
  font-size:11px;
  font-weight:600;
  color:#FFF;  
  text-align:center;  
}

#filmtv-slider-cont section .details p{
  color:#FFF;
  line-height:normal;
}

#filmtv-slider-cont section .details .chart {
  position: relative;
  display: block;
  margin:15px auto 5px;
  width: 61px;
  height: 61px;
  text-align: center;
  background:url(../images/primopiano/bigchartbg.png);
}

#filmtv-slider-cont section .details .chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

#filmtv-slider-cont section .details .perc {
  display:block;
  width:61px;
  height:61px;
  font:19px/62px 'Open Sans';
  z-index: 2;
}

#filmtv-slider-cont section .details .titolo{
  margin-bottom:2px;
  font-size:24px;
}  

#filmtv-slider-cont section .details .titolo a{
color:#fff;
}

#filmtv-slider-cont section .details.tv .titolo{
  margin-bottom:2px;
  font-size:20px;
}  

#filmtv-slider-cont section .details .genere{
  margin-bottom:19px;
  font-size:12px;
  color:#9f9f9f;
  text-transform:uppercase;
}

#filmtv-slider-cont section .details.tv  .genere{
  margin-top:5px;
  margin-bottom:9px;
} 

#filmtv-slider-cont section .details .di{
  margin-bottom:5px;
  font-size:11px;
}

#filmtv-slider-cont section .details .con{
  padding:0 40px;
  font-size:11px;
}

#filmtv-slider-cont section .details .con.can{
  padding:10px 40px 0;
  font-size:11px;
}

#filmtv-slider-cont section .details span{
  color:#9f9f9f;
}

#filmtv-slider-cont section .details .vai{
  display:block;
  margin:30px auto 0;
  width:120px;
  font-family:'Open Sans';
  font-size:13px;
  line-height:26px;
  color:#FFF;
  text-align:center;
  text-shadow: 1px 1px 2px #303030;
  background:#4d4d4d;
  border-radius:3px;
  box-shadow: 0 0 1px 1px #222;
}

#filmtv-slider-cont section .details.tv .vai{
  margin:20px auto 0;
}

#filmtv-slider-cont section.cur{
  margin-left:-22.32142857142857%;
  bottom:-10px;
  width:43.45454545454545%; /**/
  z-index:9;  
}

#filmtv-slider-cont section.cur .details{
  display:block;
}

#filmtv-slider-cont section.cur .opacity,
#filmtv-slider-cont section.cur .info,
#filmtv-slider-cont section .details.hide{
  display:none;
}

#filmtv-slider-cont section img{
  display:block;
  margin:0 auto;
  max-width:100%;
  max-height:247px;
  min-height:247px;
}

#filmtv-slider-cont section .linkImg{
  display:block;
}

#filmtv-slider-cont section.cur .linkImg{
  float:left;
  width:42.59259259259259%;
  max-height:324px;
  position:relative;
}

#filmtv-slider-cont section.cur img{
  max-height:324px;
  min-height:324px;
}

#filmtv-slider-cont section.cur .linkImg em{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  max-height:324px;
  background:url(../images/primopiano/play-ico.png) center center no-repeat;
}

#filmtv-slider-cont section.cur .linkImg:hover em{
  background:url(../images/primopiano/play-ico-over.png) center center no-repeat;
}

#filmtv-slider-cont .prev,
#filmtv-slider-cont .next{
  position:absolute;
  top:20%;
  left:0;
  width:27%;
  height:80%;
  background:url(../images/primopiano/prev.png) no-repeat left 50%;
  z-index:1001;
  cursor:pointer;
}

#filmtv-slider-cont .next{
  left:auto;
  right:0;
  background:url(../images/primopiano/next.png) no-repeat right 50%;
}

.void{
  color:#ccc;
}

@media only screen and (max-width: 1035px) {
  
  #filmtv-slider-cont section .details .titolo{
    font-size:18px;
  }

  #filmtv-slider-cont section .details .genere{
    margin-bottom:5px;
  }

}

@media only screen and (max-width: 1035px) {

  #filmtv-slider-cont section .details .vai{
    margin-top:20px;
  }

}

@media only screen and (max-width: 930px) {

  #filmtv-slider-cont section .details .chart{
    margin-top:35px; 
  }

  #filmtv-slider-cont section .details .con{
    display:none;
  }

}

@media only screen and (max-width: 820px) {

  #filmtv-slider-cont section .details .chart{
    margin-top:20px; 
  }

}

@media only screen and (max-width: 800px) {

  #filmtv-slider-cont{
    height:280px;
  }

  #filmtv-slider-cont section{
    max-height:250px;
  }

  #filmtv-slider-cont section img{
    max-height:100%;
  }

  #filmtv-slider-cont section .details .chart{
    margin-top:15px;
    margin-bottom:15px;
  }

  #filmtv-slider-cont section .details .titolo{
    font-size:15px;
  }

  #filmtv-slider-cont section .info{
    padding-left:10px;
  }

  #filmtv-slider-cont section .info .chart{
    display:none;  
  }

}

@media only screen and (max-width: 640px) {

  #filmtv-slider-cont{
    height:250px;
  }  

}

@media only screen and (max-width: 600px) {

  #filmtv-slider-cont{
    padding-top:96px;
    height:300px;
  }

  #filmtv-slider-cont .filmtv-slider-menu .main-menu{
    margin-top:1%;
    margin-bottom:0;
  }

  #filmtv-slider-cont .filmtv-slider-menu .main-menu li{
    margin:0 0 0 1%;
    width:32%;
    line-height:36px;
    color:#FFF;
    background:#111111;
    border-radius:1px;
    box-shadow: 0 0 6px #404040;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #filmtv-slider-cont .filmtv-slider-menu .main-menu li.ls{
    margin:0 1% 0 0;
  }

#filmtv-slider-cont .filmtv-slider-menu .main-menu li:nth-of-type(2){
    margin:0 1%;
}

  #filmtv-slider-cont .filmtv-slider-menu .main-menu li.on{
    width:32%;
    line-height:36px;
    color:#000;
    background:#FFF;
    border:0 none;
    border-radius:1px;
    position:relative;
  }

  #filmtv-slider-cont .filmtv-slider-menu .main-menu li a,
  #filmtv-slider-cont .filmtv-slider-menu .main-menu li.on a{
    font-size:81.25%;
  }  

  #filmtv-slider-cont .filmtv-slider-menu .main-menu li.on a:before{
    top:36px;
  }

  #filmtv-slider-cont .filmtv-slider-menu .secondary-menu li a,
  #filmtv-slider-cont .filmtv-slider-menu .secondary-menu li.on a{
    font-size:12px;
  }

  #filmtv-slider-cont section .info,
  #filmtv-slider-cont section .details .chart,
  #filmtv-slider-cont section .details .di{
    display:none !important;
  }

  #filmtv-slider-cont section .details{
    padding:5px 0;
    width:100%;
    top:auto;
    bottom:0;
    min-height:0;
    height:auto;
    background:url(../images/primopiano/details-bg.png) 0 0 repeat;
  }

  #filmtv-slider-cont section .details .genere{
    margin:0;
    font-size:11px
  }
  
  #filmtv-slider-cont section .details .vai{
    margin-top:5px;
  }

  #filmtv-slider-cont section.left,
  #filmtv-slider-cont section.right,
  #filmtv-slider-cont section.cur{
    visibility:visible;
  }

  #filmtv-slider-cont section{
    width:30%;
    max-height:295px;
  }  

  #filmtv-slider-cont section.cur .linkImg,
  #filmtv-slider-cont section.cur img{
    width:100%;
  }  

  #filmtv-slider-cont section.cur .linkImg em{
    max-height:295px;
  }

}

@media only screen and (max-width: 456px) {

  #filmtv-slider-cont{
    padding-top:0px;
    height:375px;
  }

}

@media only screen and (max-width: 384px) {

  #filmtv-slider-cont{
    padding-top:40px;
    height:296px;
  }

}

@media only screen and (max-width: 384px) {

  #filmtv-slider-cont{
    padding-top:40px;
    height:286px;
  }

}

@media only screen and (max-width: 320px) {

  #filmtv-slider-cont{
    height:255px;
  }

}

.collapsed-text .collapsed-content { max-height: 107px; overflow: hidden; 
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);}
.collapsed-text.collapsed-10  .collapsed-content { max-height:93px; overflow: hidden; margin:10px 0 }
.collapsed-text.uncollapsed  .collapsed-content { max-height: 5000px; }
.collapsed-text .leggi-tutto:after { position:relative; bottom:3px;border-width: 4px 4px 0 4px;  border-color: #e30031 transparent transparent transparent;}

.leggi-tutto{display:block; margin-bottom:10px; text-align:right;}
.leggi-tutto:after{content:""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #e30031; margin-left: 5px;}
.leggi-meno{display:none; margin-bottom:30px; text-align:right;}
.leggi-meno:after{content:""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 4px 4px 4px; border-color: transparent transparent #e30031 transparent; margin-left: 5px;}

.collapsed-text.uncollapsed .leggi-tutto { display: none; }
.collapsed-text.uncollapsed .leggi-meno { display:block; }

.collapsed-text.collapsed-10  .collapsed-content p{margin:10px 0; line-height:22px}
.collapsed-text.collapsed-10  .collapsed-content h2 { font-size: 24px; margin-bottom:-5px;}