@charset "iso-8859-1";
/* Table of Content
==================================================
   #Site Styles
   #Page Styles
   #Media Queries
   #Font-Face */

/* #Site Styles
================================================== */
html, body {
   width: 100%;
   height: 100%;
}
.container {
   width: 100%;
   height: 100%;
   position: relative;
}


#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: 64px;
   width: 7350px;
}

#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: 3000px;
   width: 7350px;
   /*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: 286px;
   height: 64px;
   padding: 10px 0px 5px 0px;
   font-size: 0.875rem; 
   text-align: center;
   background-color: #f0f0f0;
   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: 120;
   position: fixed;
   width: 15%;
   max-width: 190px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: rgb(240, 240, 240);
   color: #005C84;
}

.movil #fecha{
   top:201px;
}

.header-filtros #fecha{
   top: 286px;
}
.header-reduced #fondo_horas, .header-reduced #fecha{
  top: 195px;
}

.header-filtros.header-reduced #fondo_horas, .header-filtros.header-reduced #fecha{
  top: 170px;
}


@media only screen and (max-width: 62.49938em) {
  /* line 193, ../../../src/assets/stylesheets/organismos/_guide.scss */
  #fecha {
    top: 235px;
  }
  /* line 232, ../../../src/assets/stylesheets/organismos/_guide.scss */
  .header-reduced #fecha {
    top: 120px;
    border-bottom: 1px solid #ccc;
  }
  
  .movil.header-reduced.scrolled-up #fecha {
    top: 126px;
    border-bottom: 1px solid #ccc;
  }
  
  .movil #fecha {
    top: 126px;
  }
  /* line 232, ../../../src/assets/stylesheets/organismos/_guide.scss */
  .header-reduced .movil #fecha {
    top: 120px;
    border-bottom: 1px solid #ccc;
  }
}


#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: #F2B820;
   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;
}


/* ===============================================
    #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;
}


}
@media screen and (orientation:landscape) {
   #video header, #video footer, #video article {
      display:none;
   }
   #video #content {
      background:black;
   }
   #video{
      width: 100%;
      height: 100%;
      background: black;
   }
   video {
      width: 100%;
      height: 400px!important;
      padding-top: 15px;
      padding-bottom: 46px;
      background: #000;
   }
   #video_canal video {
      height: 480px;
   }
   #video_canal #videoCanal {
      width: 872px;
   }
   #video_canal .video_left, #video_canal .video_right {
      display:none;
   }
   #video_canal_back {
      top: 10px;
      left:12px;
      }
}
/*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;}