@charset "UTF-8";
/*------------------------------------*\
    $GUIDE 
\*------------------------------------*/
html.guia-base body{
  overflow: visible;
}

.main-content {
  height: 100%;
}

.main-content.movil {
  height: auto;
}

.guide-head {
  background: #c8005a;
  color: #fff;
  padding: 20px 0;
  min-height: 110px;
}

.header-reduced .guide-head {
  display: none;
  transition: all 0.3s ease;
}

.movil .guide-head {
  display: none;
  transition: all 0.3s ease;
}

.guide-head .guide-head-center {
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
}

.guide-head .heading {
  text-align: left;
  font-size: 48px;
  font-size: 3rem;
  font-family: "Canalplus", Futura, sans-serif;
  max-width: 950px;
}

.guide-head a {
  background: url(../images/icons/svg/descargar-pdf.svg) no-repeat;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 58px;
  height: 70px;
}
.main-guide .box.asterisco {
  padding: 0;
}



.main-guide {
  min-width:  none !important;
  margin: 0 auto;
  max-width: 1550px;
}

.main-guide:before {
  display: block;
  content: "";
  background: #F0F0F0;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
}

.main-guide #mainContent {
  width: 100%;
}

.main-guide #mostrar_hora {
  display: none;
}

.noUi-handle {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #00C6D6;
  cursor: default;
  color: #ffffff;

}
.main-guide .botonera{
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.main-guide .botonera .button-mini{
  float: right;
}
.main-guide .box-pixel, .main-guide p.error, .main-guide .login .acierto, .login .main-guide .acierto {
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: -23px;
  z-index: 100;
  left: 10px;
  border-radius:0px 5px 5px 5px;
}
.main-guide .box-pixel{
  padding: 10px;
}

.main-guide .box-pixel::after{
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  background: url(../images/movistar-plus/ico-estreno-guia.png) no-repeat;
  top: 0px;
  left: -40px;
}
.main-guide .box {
  padding: 26px 18px;
  z-index: 1;
  position: absolute;
  font-family: Arial;
  color: #666666;
  max-width: 100%;
  cursor: pointer;
}

.main-guide .box ul li {
  line-height: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.main-guide .box ul li:first-child,
.main-guide .box ul li:last-child {
  text-transform: uppercase;
  font-size: 11px;
}

.main-guide .box ul li:nth-child(3n+2) {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  padding: 8px 0;
}

.main-guide .container_box {
  border-left: 1px solid #E1E1E1 !important;
  background: url(../images/carita.png);
  background-position: 0 50%;
  background-repeat: repeat-x;
}

.container_fila {
  background: #fff;
}


.container_fila .fila {
  margin-left: 75px;
}

.container_fila:nth-of-type(2n) {
  background: transparent;
}

.container_fila:first-child > .fila {
  /*margin-top: 20px;*/
}

#canales {
  margin-top: 38px;
  -webkit-box-shadow: 36px 0 40px -20px rgba(158, 158, 158, 0.54);
  -moz-box-shadow: 36px 0 40px -20px rgba(158, 158, 158, 0.54);
  box-shadow: 36px 0 40px -20px rgba(158, 158, 158, 0.54);
  position: relative;
  float: left;
  width: 15%;
  z-index: 11;
  /*background-color: white;*/
}
.canaln{
  background-color: white;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  > a{
    line-height: 1!important;
  }
  .canalnumber{
    border-right: 1px solid #eaeaea;
    width: 35%;
    height: 100%;
    float: left;
    text-transform: uppercase;
    font-family: "Canalplus", Futura, sans-serif;
    font-weight: 700;
    color: #666666;
    line-height: 6.5em;
  }
  .canalimagen{
    float: left;
    width: 65%;
    line-height: 6.1em;
  }
}

.canaln.solo-fibra .canalimagen:after {
    background: url(../images/solo-fibra.png) no-repeat;
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    width: 101px;
    z-index: 1000;
    height: 102px;
}

.canaln.solo-satelite .canalimagen:after {
    background: url(../images/solo-satelite.png) no-repeat;
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    width: 101px;
    z-index: 1000;
    height: 102px;
}



#container_wrapper {
  margin-top: 18px;
  position: relative;
  float: left;
  width: 85%;
  overflow: hidden;
}

#container_wrapper .box.asterisco:before {
  content: "+";
  color: #00C3B4;
  font-family: "Canalplus", Futura, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 5em;
}

.container_horas{
  margin-bottom:20px;
}
#fondo_horas {
  width: 100%;
  position: absolute;
  z-index: 10;
  max-width: 1317px;
}
/*.movil #fondo_horas{
  top: 202px;
}

.header-reduced #fondo_horas{
  top: 220px;
}

.scrolled-up #fondo_horas {
  top: 260px;
}

.header-reduced.scrolled-up #fondo_horas {
  top: 208px;
}
*/
#fondo_horas #horas {
  background: #fff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(240, 240, 240);
}

#fondo_horas .digito > li {
  list-style-type: none;
  width: 150px;
  text-align: center;
  display: block;
  margin: 15px 0px 0px 0px;
  position: relative;
  float: left;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}

/*#fondo_horas .digito > li:nth-child(2n) {
  visibility: hidden;
}*/


.slider {
  max-width: 1179px;
  width: 100%;
  height: 40px;
  margin: 0 auto;
}

.header-reduced .slider {
  top: 200px;
}

.scrolled-up .slider {
  top: 240px;
}


/*.slider:before {
  content: "";
  background: #F0F0F0;
  width: 800%;
  height: 102px;
  display: block;
  top: -20px;
  position: absolute;
  left: -500px;
}*/

#fondo_semana_bot {
  transition: all 0.3s ease;
  width: 100%;
  z-index: 80;
}

#fondo_semana_bot .heading{
  padding-top:20px;
}

#fondo_semana_bot #semana_bot {
  margin: 0 auto;
  max-width: 1179px;
}

#fondo_semana_bot #semana_bot #semana {
  background: #005C84;
  width: 100%;
  height: 60px;
  margin: 20px 0;
  padding: 0 32px;
  color: #fff;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.movil #fondo_semana_bot #semana_bot #semana{
  margin: 0px 0 0 0;
}

.header-reduced.movil #fondo_semana_bot #semana_bot #semana{
  margin: 5px 0 0 0;
}

#fondo_semana_bot #semana_bot .semana-days {
  height: 100%;
}

#fondo_semana_bot #semana_bot .semana-days ul li {
  float: left;
  padding: 0 25px;
}

#fondo_semana_bot #semana_bot .semana-days .packages .gi {
  width: 100%;
}

#fondo_semana_bot #semana_bot .semana-days .packages .gi li {
  width: 30%;
  margin-right: 3%;
  font-size: 13px;
  font-size: 0.8125rem;
  border-bottom: 1px solid #393939;
  padding: 10px 0;
  font-weight: 700;
  font-family: "Canalplus", Futura, sans-serif;
  text-transform: uppercase;
  color: #fff;
}

#fondo_semana_bot #semana_bot .semana-days .packages .gi:last-child li {
  border: 0;
}

#fondo_semana_bot #semana_bot .semana-days .channels .gi {
  width: 100%;
}

#fondo_semana_bot #semana_bot .semana-days .channels .gi li {
  width: 23%;
  margin-right: 2%;
  border-bottom: 1px solid #393939;
  padding: 7px 0;
  font-size: 12px;
  font-size: 0.75rem;
}

#fondo_semana_bot #semana_bot .semana-days .channels .gi:last-child li {
  border: 0;
}

#fondo_semana_bot #semana_bot .semana-days .more-channels {
  padding: 20px 0;
}

#fondo_semana_bot #semana_bot .semana-days .more-channels .g {
  padding-top: 20px;
  clear: both;
}

#fondo_semana_bot #semana_bot .semana-days .more-channels a {
  float: left;
  line-height: 1em;
}

#fondo_semana_bot #semana_bot .semana-days .more-channels .button {
  background: #f5e614;
  color: #000;
}

#fondo_semana_bot #semana_bot .semana-days .more-channels .level-2 {
  line-height: 3em;
  margin: 0 30px;
}

#fondo_semana_bot #semana_bot li.is-active {
  background: #222222;
}

#fondo_semana_bot #semana_bot .semana-content {
  display: none;
}

#fondo_semana_bot #semana_bot .is-active .semana-content {
  display: block;
  position: absolute;
  top: 60px;
  width: 100%;
  z-index: 1;
  left: 0;
  background: #222222;
  padding: 25px 35px;
}

#fondo_semana_bot #semana_bot ul.semana-extras {
  float: right;
  height: 100%;
}

#fondo_semana_bot #semana_bot ul.semana-extras li {
  float: left;
}

#fondo_semana_bot #semana_bot ul.semana-extras .level-1:after, #fondo_semana_bot #semana_bot ul.semana-extras .level-2:after {
  margin-left: 8px;
  color: #707070;
}

#fondo_semana_bot #semana_bot button {
  height: 100%;
  background: none;
  border: 0;
  padding: 0 25px;
  text-transform: uppercase;
  font-family: "Canalplus", Futura, sans-serif;
  font-weight: 700;
  cursor: pointer;
  color: #fff;
  float: left;
}

#fondo_semana_bot #semana_bot button:hover {
  background: #00C3B4;
}

#fondo_semana_bot #semana_bot > ul {
  float: left;
}

#fondo_semana_bot #semana_bot > ul li {
  float: left;
}

#fondo_semana_bot #semana_bot ul li a {
  display: block;
  line-height: 60px;
  font-size: 14px;
  font-size: 0.875rem;
}

#fondo_semana_bot #mostrar_hora {
  display: none;
}

.header-reduced #fondo_semana_bot {
  top: 60px;
  z-index: 50;
}

.scrolled-up #fondo_semana_bot {
  top: 100px;
}


.parrilla-next,
.parrilla-prev {
  width: 150px;
  position: absolute;
  z-index: 100;
  top: 0px;
  background: #0078EB;
  height: 50px;
  padding: 0;
  line-height: 50px;
  font-size: 13px;
  font-weight: 500;
}

.parrilla-next {
  right: 50px;
}

.parrilla-next span {
  margin-left: 10px;
}

.parrilla-prev {
  left: 0;
}

.container_fila {
  /*position: fixed;*/
}
#parrilla{
  position:relative;
}
/*------------------------------------*\
    $LOADING 
\*------------------------------------*/
#loadLayer {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0px;
  color: #606060;
  z-index: 999;
}

#loadLayer > div {
  background: url(../images/cargando2.gif) no-repeat;
  width: 200px;
  height: 200px;
  position: relative;
  margin: 0 auto;
  top: 40%;
}

#loadLayer > div span {
  visibility: hidden;
}

#program-list{
  display: none;
}

.mfp-content #program-list{
  display: block;
}

#wrapper_canales_izq{
  overflow: visible!important;
}

/* NOUISLIDER */

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
  *z-index: -1;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 6px;
}
.noUi-horizontal .noUi-handle {
  width: 74px;
  height: 28px;
  left: -37px;
  top: -12px;
  padding-left: 14px;
  padding-top: 5px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
 */
.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-origin {
  border-radius: 2px;
}
.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF,
        inset 0 1px 7px #DDD,
        0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
/*.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 32px;
  top: 6px;
}*/
.noUi-handle:after {
  left: 42px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* LAYOUT.CSS */

#mainContent {
   width: 85%;
   margin: 0 auto;
}
#warning_msg {
   text-align: center;
   color: #CC0000;
   display: none;
}
.back {
      z-index: 1;
}
.front {
      z-index: 2;
}


/* =========================================================================================================
 *    Content
===========================================================================================================*/
#content {
   background: url(../img/bg.jpg) repeat 0 0;
   position:relative;
   padding:0px;
   /*height:610px;*/
   width: 1024px;
}
#inicio {
   position:relative;
   padding:0px;
   height:750px;  
}

/* login_screen */
#login_screen {
   width:280px; 
   height:192px;
   position:absolute; 
   top:50%; 
   margin-top:-96px;
   left:50%;
   margin-left:-140px;
   text-align:center;
   font-size: 12px;
}
#username, #password {
   background: none repeat scroll 0 0 transparent;
   border: medium none;
   float: right;
   margin: 4px 16px 0px 0px;
   width: 145px;
   color: #333;
   padding: 10px;
   font-size: 14px;
   font-weight: normal!important;
}
input[placeholder], [placeholder], *[placeholder] {
   color: #999;
}
.input_top {
   background:white;
   border:1px solid #cccccc;
   width:280px; 
   height:43px;
   -webkit-border-top-left-radius: 15px;
   -webkit-border-top-right-radius: 15px;
   -moz-border-radius-topleft: 15px;
   -moz-border-radius-topright: 15px;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   margin: 0 auto;
}
.input_down{
   background:white;
   border-bottom:1px solid #cccccc;
   border-right:1px solid #cccccc;
   border-left:1px solid #cccccc;
   width:280px; 
   height:43px;
   -webkit-border-bottom-right-radius: 15px;
   -webkit-border-bottom-left-radius: 15px;
   -moz-border-radius-bottomright: 15px;
   -moz-border-radius-bottomleft: 15px;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
   margin-bottom:25px;
   margin: 0 auto;
}
.input_top p, .input_down p {
   float: left;
   font-size: 15px!important;
   font-weight: bold;
   padding: 11px 0px 0px 11px;
   margin: 0px!important;
   color: #333;
}


/* boton rosa */
#login, #ignorar, #ir_compras, #cliente, #acceder, #cancelar, #nocliente, #cerrar { 
   width: 272px;
   height: 38px;
   background-image: url(../img/btn-pink-big.png);
   background-repeat: no-repeat;
   cursor: pointer;
   color: white;
   font-weight: bold;
   font-size: 12px;
   margin: 7px auto 15px;
}
#login_screen #login {
   margin-top: 20px;
}
/* boton negro */
#continuar, #cancelar{  
   width:272px;
   height:38px;
   background-image:url(../img/btn-black-big.png);
   background-repeat:no-repeat;
   cursor:pointer;
   color:#fff;
   font-weight:bold;
   font-size: 12px;
}
 /*{  
   width:180px;
   height:40px;
   border:1px solid #b9254d;
   background-image:url(../img/bg-button-hover-pink.png);
   background-position:0px -23px; 
   background-size: cover;
   background-repeat:no-repeat;
   cursor:pointer;
   color:#fff;
   font-weight:bold;
   font-size:12px;
   letter-spacing: 1px;
   margin: 7px auto;
}*/
/* Nuevo cliente*/
#newClient {
   color: #666;
   background-image: linear-gradient(bottom, rgb(236,236,236) 5%, rgb(241,241,241) 53%, rgb(247,247,247) 77%);
   background-image: -o-linear-gradient(bottom, rgb(236,236,236) 5%, rgb(241,241,241) 53%, rgb(247,247,247) 77%);
   background-image: -moz-linear-gradient(bottom, rgb(236,236,236) 5%, rgb(241,241,241) 53%, rgb(247,247,247) 77%);
   background-image: -webkit-linear-gradient(bottom, rgb(236,236,236) 5%, rgb(241,241,241) 53%, rgb(247,247,247) 77%);
   background-image: -ms-linear-gradient(bottom, rgb(236,236,236) 5%, rgb(241,241,241) 53%, rgb(247,247,247) 77%);
   
   background-image: -webkit-gradient(
     linear,
     left bottom,
     left top,
     color-stop(0.05, rgb(236,236,236)),
     color-stop(0.53, rgb(241,241,241)),
     color-stop(0.77, rgb(247,247,247))
   );
   border: 1px solid #B5B1B5;
   text-align: center;
   cursor:pointer;
   font-size: 12px;
   padding: 4px 17px;
   height: 38px;
   width: 272px;
   margin-top: 15px;
}
#newClient.press {
   box-shadow: 0px 0px 12px rgba(165, 35, 103, 0.8);
}
#login.press, #ignorar.press, #acceder.press, #ir_compras.press, #continuar.press, #cliente.press, #nocliente.press, #cancelar.press, #cerrar.press {
   background-image: url(../img/btn-pink-big-hover.png);
   box-shadow: 0px 0px 12px rgba(165, 35, 103, 0.8);
   background-position: 0px 0px;
}
#clearInput_user {
   background: url("../img/icon-x.png") no-repeat scroll 0px 0px transparent;
   right: -185px;
   padding: 13px;
   position: relative;
   top: 23px;
}
#clearInput_pass {
   background: url("../img/icon-x.png") no-repeat scroll 0px 0px transparent;
   right: -218px;
   padding: 13px;
   position: relative;
   top: -10px;
}
/* logout error */
#login_error, #select_offer, #aviso, #special_access, #login_error_2 {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background:rgba(0, 0, 0, 0.8);
}
/* select_offer */
.modal_screen {
   background:url(../img/bg-modal.jpg) top left repeat;       
         -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
         -moz-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
         box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
   position:absolute;
   top:50%;
   margin-top:-200px;
   left:50%;
   margin-left:-215px;
   width: 430px;
   text-align:center;
}
.modal_screen_title {
   background:  url('../img/line.png') center bottom no-repeat; 
   position:relative;
   height:auto;
}
.modal_screen_title  p {
   margin:0;
   padding-top:15px;
}
#offer_scroll {
   position: relative;
   z-index: 1;
   width: 300px;
   max-height: 165px;
   overflow: hidden;
   margin: 0 auto;
}
#modal_screen_list {
   padding: 4px 50px 10px 50px;
}
#modal_screen_list ul li {
   background: url('../img/line-li.jpg') no-repeat center bottom,
         url('../img/offer-li.png') no-repeat left -39px;
   padding-left:35px;
   height: 30px;
   padding-top: 10px;
   text-align:left;
}
#modal_screen_list a li{
   color:#000;
}
#modal_screen_list ul .oferta_seleccionada {
   background:url('../img/line-li.jpg') no-repeat center bottom,
       url('../img/offer-li.png') no-repeat left 1px;
   background-color:#E6E6E6;
}
.modal_screen_title h3 {
   padding:20px;
}
.modal_screen_title h5 {
   margin: -10px auto 10px;
   display: inline-block;
}
#modal_screen_list h5 {
   padding:10px;
}
#modal_screen_list a {
   color: #FA379F;
}
#modal_screen_list p {
   margin: 0px;
   text-align: center;
}

#modal_screen_list p:last-of-type {
   margin: 0 0 20px 0;
}
.form_login p {
   margin:0px!important;
   font-size: 12px;
}
.form_login {
   width: 280px;
   margin:0 auto;
}
.modal_screen #login_screen {
   float:left;
   margin: 0 auto;
   position: relative;
   left: 0;
   top: 0;
   width: 100%;
   height: auto;
}
#login_error .modal_screen {
   height: auto;
}
.aviso_a {
   color:#666666;
   font-size:14px;
}
.aviso_b {
   color:#999999;
   font-size:14px;
}
/* =========================================================================================================
 *    epg
========================================================================================================*/


#listado_canales{
   width: 100%;
   height: 1200px;
}
#wrapper_canales_izq{
   /*height: 488px;*/
   overflow: hidden;
   padding-top: 70px;
}
#horas{
   height: 50px;
   /*width: 7350px;*/
   width: 7275px  !important;
}

#borde_der{
   position: relative;
   float: left;
   width: 33px;
   height: 530px;
   background: url('../img/bg-borde-der.jpg') repeat center;
}

#borde_bottom{
   width: 100%;
   height: 30px;
   float: left;
   background: url('../img/line-top-epg.png') no-repeat -46px 0px, url('../img/bg-borde-bottom-izq.jpg') no-repeat left top,url('../img/bg-borde-bottom-der.jpg') no-repeat right top;
}
#fondo_borde_bottom{
   background: url('../img/bg-borde-bottom.jpg') repeat center;
   width: 100%;
   height: 30px;
   float: left;
}
#parrilla{
   height: auto !important;
   /*width: 7300px;*/
   width: 7275px  !important;
   /*overflow: hidden;*/
}

/* Botones */
.botones_small_rosa{
   width:280px;
   height:40px;
   border:1px solid #b9254d;
   background-image:url(../img/bg-button-hover-pink.png);
   background-position:0px -23px;  
   background-size: cover;
   background-repeat:no-repeat;
   cursor:pointer;
   color:#fff;
   font-weight:bold;
   font-size:12px;
   letter-spacing: 1px;
}
/* Fecha */
#fecha {
   top: 390px;
  
   height: 51px;
   padding: 10px 0px 5px 0px;
   font-size: 0.875rem;
   text-align: center;
   background-color: white;
   border-right: 1px #f0f0f0 solid;
   -webkit-box-shadow: 36px 0 40px -20px rgba(158, 158, 158, 0.54);
   -moz-box-shadow: 36px 0 40px -20px rgba(158, 158, 158, 0.54);
   box-shadow: 36px 0 40px -20px rgba(158, 158, 158, 0.54);
   z-index: 12;
   position: absolute;
   width: 15%;
   max-width: 233px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: rgb(240, 240, 240);
   top:278px;
}

.movil #fecha{
  top:201px;
}
.header-reduced #fecha{
  top: 220px;
}
.scrolled-up #fecha {
  top: 260px;
}

.header-reduced.scrolled-up #fecha {
  top: 208px;
}




#fecha strong{
  display: block;
}
/* Listado Canales */
.canaln {
   height: 100px;
   text-align: center;
}
.canaln > img {
   display: block;
   margin: auto;
   max-width: 90px;
   vertical-align: middle;
}
.canaln > a {
   height: 100px;
   line-height: 7; 
}

/* Parrilla */

.box.extra{
   width:91%;
}
.box.asterisco{
   height:100%;
   width:100%;
   padding:0px;
   text-align: center;
   vertical-align: middle;
   line-height: 80px;
   font-size: 20px;
}

.box2 {  
   background: url('../img/bloqueado.png');
   background-color: rgba(255, 255, 255, 0.8);
   background-position: center;
   background-repeat: no-repeat;
   z-index: 99;
   width: inherit;
   height: 80px;
   position: absolute;
}
.fila{
   width: 100%;
   height: 100px;
   margin-right: 10px;
}
.container_box {
   width: 300px;
   height: 100px;
   float: left;
   position: relative;
   /*overflow:hidden;*/
}
.linea_bg_parrilla_larga{
   background: url('../img/bg_prog_2.png');
   background-position: left;
   background-repeat: repeat;
   height: 3px;
   width: 100%;
   position: relative;
}
.linea_bg_parrilla_divisora{
   background: url('../img/bg_prog_1.png');
   background-position: left;
   background-repeat: repeat;
   width:  3px;
   height: 80px;
   position: relative;
   float: left;
}

/* botones dias */

.marcador{
   left: 505px;
   height: 10000px;
   width: 1px;
   background: rgba(200,0,90,0.4);
   position: absolute;
   z-index: 9;  
   /*margin-top: 20px;*/
}
#video .marcador {
   height: 80px;
}
#down-triangle { 
   width: 0; 
   height: 0;
   border-top: 8px solid #E04089;
   border-left: 6px solid transparent; 
   border-right: 6px solid transparent;
   z-index: 9999;
   margin-left: -5px;
}
.mainWrapper{
  margin-top:60px;
}

/* ===============================================
   #Media Queries
================================================== 

@media screen and (orientation:portrait) {
   #content, #front_screen {
       height:865px;
       width: 768px;
   }
   #inicio {
       height:1005px;
       width: 768px;
   }
   #container_wrapper{
      width: 585px
   }
   #semana{
   margin-left: 0px;
   }
   #canales,#container_wrapper,#borde_der{
      height: 776px;
   }
   .mainWrapper, #wrapper_canales_izq, .marcador { 
      height: 724px
   }
   .loading {
      left: 7px;
      width: 768px;
      height: 735px;
   }
   .loading > li{
      margin: 30px 30px!important;
   }
   .loading .spinner {
      top: 31%;
   }
   .selectores_listado, .menu_listado {
      width: 90%;
   }
   .contenedorPaginas {
      height: 695px;
   }
   .noresultado {
   width: 756px!important;
   }
   #mainContent {
      width: 768px;
   }
   #wrapperCatalogo {
      height: 730px;
      width: 756px;
      margin-left: 9px;
   }
   #eventos #wrapperCatalogo {
   height: 760px;
   }
   .contenedorPaginas ul {
      width:760px;
   }
   .paginaCatalogo li {
      margin: 0px 31px;      
   }
   #resultadosCategoria, #resultadosBusqueda, #errorServicio {
      width: 756px;
   }
   #resultadosCategoria h2, #resultadosBusqueda h2, #errorServicio h2 {
      padding-top: 400px;
   }
   .profile_top {
      width: 680px;
   }
   .profile_right {
      width: 400px;
   }
   #mainFicha .scroll_down, #ficha .scroll_down {
      height: 500px;
      overflow: scroll;
   }
   #video .scroll_down {
      height: 395px;
      overflow: scroll;
   }
   #video .scroll_down_canal {
      height: 265px;
      overflow: scroll;
   }
   .video_right .scroll_down_canal {
      height: 230px;
      overflow: scroll;
   }

   .detail_up, .detail_down {
      width: 385px;
   }
   .mainDetail {
      margin:30px auto;
      width: 400px;
   }
   .mis_compras {
      width: 485px;
      background: url(../img/bg-mi-zona-portrait.jpg) repeat-x;
      border-left: 1px solid white;
      height:865px;
   }
   .aviso_mis_compras {
      width: 413px;
   }
  .mis_compras ul{
      width: 445px;
      height: 775px;
      margin: 25px auto;
   }
   .mis_compras li {
      margin-right: 20px;
   }
   #video_canal_back {
      bottom: 10px;
      left: 35px;
   }
   #video #content {
      box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.3);
   }
   .terminos {
      height: 800px;
   }
   #video #cerrar_mainFicha {
      top: 421px;
      left: 56px;
   }
   #video #cerrar_mainFicha.video_canal {
      top: 550px;
      left: 56px;
   }
   .description h3 span {
      max-width: 300px;
   }

*/

#condicion, #mainFicha .scroll_down {
clear:both;
}

#ficha_day {
width:120px;
}

#ficha_time {
padding: 27px 5px 0;
}

#ficha_day_complete {
padding: 27px 5px 0;
}

.mainDetail > div {
padding: 0 5px;
}

.icono_menor {
padding: 0!important;
margin: 18px 5px!important;
width: 35px;
}


}

/*Mensaje mantenimiento*/
.mantenimiento {
    background: url(../img/icon-warning.png) no-repeat 13px 20px #FEEFB2;
    position: absolute;
    z-index: 999;
    text-align: center;
    width: 580px;
    top: 25%;
    left: 50%;
    margin-left: -313px;
    font-weight: bold;
    color: #9F6000;
    border: 1px solid #999;
    padding: 5px 5px 5px 39px;
    border-radius: 15px;
    text-shadow: 2px 2px 2px #ccc;
}
 
/*Cinesa*/ 
#cinesa .logo {
  left: 11px;
    position: relative;
    top: 9px;
}
a#cinesa{
  background: url("../img/separata_ipadcinesa.png") no-repeat left center; height: 83px;
    left: 242px;
    position: absolute;
    width: 100px;}

/* cintillo gratis */
.free {
   padding: 92px 66px!important;
background: url(../img/free.png) no-repeat 63px 116px;
position: absolute;
}

.paginaCatalogo li span.free{
padding: 32px 32px!important;
background: url(../img/free.png) no-repeat 0px 0px;
position: absolute;
right: -4px;
top: 117px;}

/* ficha seriado */
/*cambios para series elementos de emisi�n*/
.seriado .description h3 {font-size: 12px; line-height: 16px; color:#666666;}
.seriado .mainDetail{background: url("../img/ficha-big-bar.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); min-height: 68px;}
.seriado .mainDetail .gender{padding-left: 0;}
.seriado .mainDetail p{font-size: 15px; line-height: 13px;}
.seriado .episodios > div{background: url("../img/episodio-bg-disponible.png") no-repeat scroll left center transparent; overflow: hidden; height: 15px; margin: 0 auto; padding: 20px 0;}
.seriado .episodios .ep-disponible{}
.seriado .episodios .ep-no-disponible{opacity: 0.3;}
.seriado .episodios .ep-disponible:active{background-image: url("../img/episodio-bg-hover.png");}
.seriado .episodios > div p{color:#666666; font-size: 16px;}
.seriado .episodios > div span{color:#333333; padding: 0 27px 0 13px; font-weight: bold;}
.seriado .sinopsis a{text-align:center; color: #fff; text-decoration: none; background: url("../img/sinopsis-bg.png") no-repeat scroll top center transparent; width: 300px; display: block; line-height: 2.2em; margin: 30px auto 0 -30px; height: 32px;}
.seriado .sinopsis a.mostrar{background-position: bottom center;}
.seriado .sinopsis p{text-align: left; line-height: 1.3em; font-size: 14px; padding: 15px 7px; overflow: hidden;}
#botones_series{width: 100%; overflow: hidden; -webkit-mask-image: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 10%, rgba(255,255,255,1) 15%, rgba(236,236,236,1) 20%, rgba(235,235,235,1) 90%, rgba(235,235,235,0) 100%);}
.seriado .mainDetail p{color:#000;}
.seriado .mainDetail #genderFutbol{padding-left:0;}
.contenedor-caratula.ocultar-caratula{display:none;}
#mainFicha .scroll_down.sinopsis-expand{max-height: 72px; -webkit-mask-image: -webkit-gradient(linear, left 90%, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}
#mainFicha .sinopsis a.reversed-arrow{background-position-y: -34px;}

#fecha, #canales{ display: none;}
.main-guide{ max-width: none; min-width: none !important; width: 100%}
#container_wrapper{ width: 100%;}
#semana .heading{ display: block; float: left; width: 50%; color:#ffffff;}
#semana a{ display: block; float: right; text-align: right; width: 50%; margin-top:20px;}

@media only screen and (max-width: 1000px) {
  #semana .heading{ display: block; float: left; width: 100%;}
  #semana a{ display: block; float: left; text-align: left; width: 100%; margin-top:10px;}
  #fondo_semana_bot #semana_bot #semana{ height: 85px;}
  #container_wrapper{ width: 100%;}
}


/* GUIA FICHA*/

.guia-ficha .mfp-close {
  right: 0;
  top: -50px;
  font-size: 40px;
  font-size: 2.5rem;
}
.guia-ficha img {
  max-width: none;
  border-radius: 5px;
}
.guia-ficha .ee {
  padding: 30px;
  position: relative;
  height: 330px;
  border-radius: 5px;
}
.guia-ficha .ee .ee-duration {
  padding: 0;
}
.guia-ficha .ee .ee-age {
  float: left;
}
.guia-ficha .ee .ee-age span {
  margin: 5px 0;
}
.guia-ficha .ee .ee-stars {
  margin: 10px 0;
}
.guia-ficha .ee .ee-ficha-buttons a {
  display: inline-block;
  margin: 10px 10px 0 0;
}
.guia-ficha .spot .anteficha {
  text-transform: uppercase;
  color: #666666;
}
.guia-ficha .spot .heading {
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.5rem;
}
.guia-ficha .spot .spot-content {
  padding: 30px;
  min-height: 330px;
  margin:0px 13px 0px 0px;
}
.guia-ficha .spot .spot-content p {
  margin-bottom: 10px;
  max-height: 115px;
  overflow: hidden;
  padding: 0;
}

.ficha {
  width: 100%;
  max-width: 1100px;
  -webkit-box-shadow: -2px -2px 4px 2px rgba(0, 0, 0, 0.4);
  height: auto;
  margin: 0 auto;
  position: relative;
  min-width: none !important;
  display: block;
  text-align: left;
}
.ficha button.mfp-close {
  top: -100px;
}
@media only screen and (max-width: 62.49938em) {
  .ficha {
    -webkit-box-shadow: none;
    min-width: 0 !important;
    height: 970px;
  }
  .ficha .gi:first-child {
    width: 100%;
    height: 250px;
    max-width: !important;
    overflow: hidden;
  }
  .ficha .gi:first-child img {
    width: 100%;
  }
  .ficha .gi {
    width: 100%;
    float: left;
  }
  .ficha .gi .spot {
    text-align: left;
    max-width: none;
  }
  .ficha .gi .ee-stars {
    text-align: left;
  }
  .ficha .gi .ee-ficha-buttons {
    float: left;
  }
  .ficha .gi .ee-age, .ficha .gi .ee-duration {
    float: left;
    text-align: left;
    width: 50%;
  }
  .ficha .gi .ee-age h3, .ficha .gi .ee-duration h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

#parrilla .container_fila .fila > div{ border-left:none;}

.info-programa {
  text-transform: uppercase;
  font-size: 11px;
}

.titulo-programa {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  padding: 8px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.noUi-horizontal .noUi-handle {
  position: relative;
  height: 25px !important;
  width: 79px !important;
  padding-top: 4px !important;
  padding-left: 2px !important;
  text-align: center;
  background: url(../images/movistar-plus/bg-handle-guia.jpg) no-repeat;
  top: -11px !important;
  cursor: pointer;
  color: #ffffff;
  border-radius: 0px !important;
}

.box-peke{ display: block; margin-top:15px; }