@charset "UTF-8";
@import url('/css/rtve.2015/rtve.transicion/sectarios_consecutivos.css');
@import url('/css/rtve.2015/rtve.transicion/cabecera_television.css');


/**=================================================
* Estilos específicos de la portada del programa
* Se configuran:
*  -- La cabecera del programa
*  -- El cuerpo del programa (el color  del fondo del '.bodier' ó el color del '.vipZone')
*===================================================*/

/**=================================================
*   BODIER
*===================================================*/
#wrapper .container.bodier{ /* width: 91.6em; */ 
    padding: 0 2em; 
}
#wrapper .mark > .news.comp > * {
    /* padding-left: 0% !important; */
}

/**=================================================
* VIPZONE
*===================================================*/
/* estilo ajustado a container */
#ZDESTA_SI.hddn {
    z-index: 22;
}
/** VipZone para Slider **/
#ZDESTA_SI.hddn > .vipZone {
    padding: 0 2em !important; 
    max-width: 1260px !important;
    z-index: 151;
    width: 100% !important;
    min-width: 95.2em;
}
/**
* estilo a 100% de la pagina

#ZDESTA_SI.hddn > .vipZone {
    width:100%;
}
*/
#ZDESTA_SI.hddn > .vipZone img{
    border-radius: 0;
}
#ZDESTA_SI.hddn > .vipZone > .container{
    width:100%;
    /* padding: 0 2em; */
}
#ZDESTA_SI.hddn > .vipZone .catalog .jsContainer.slide .bx-wrapper .bx-viewport ul.jsContainer.paginas li[class*="pagina_"] ul.panel li.liElemento {
    padding: 0 1%;
}

/**=================================================
* COLORES
*===================================================*/

/**======= VipZone =======**/
#ZDESTA_SI.hddn > .vipZone > .container { background: transparent !important; }
#ZDESTA_SI.hddn > .vipZone .mark > .news.comp > h2 span { color: white !important; }
#ZDESTA_SI.hddn > .vipZone .catalog { /* background: #FFF; */ }

/**======= Cabecera =======**/
#wrapper .header .container.cab_especial ul.nav.principal li a {color: #cf0606;}

.header .cab_especial .cab_box ul.nav.principal > li.active a, .header .cab_especial .cab_box ul.nav.principal > li a:hover { background-color: transparent!important;}

/**======= Emisión =======**/
#wrapper .header .container.cab_especial .emisiones > .emision:first-child { font-size: 10px !important;}
#wrapper .header .container.cab_especial .emisiones > .emision {background-color: white; padding: 0.1em;}


/**======= linea separación entre noticias =======**/
.panel li .mark .mainLink, .panel li .mark > a, .extendOn .contentBox {
    background: none repeat scroll 0 0 white;
    box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.3)!important;}





/**======= Sectarios =======**/

/* titulo */
body:not(.pfnoticia) .secmod .title h3 a { border-bottom: none;display: block; font-family: "Times New Roman" !important;font-size: 16pt !important;font-weight: normal; line-height: 1.2em;  margin: 0; padding: 20px 1.5% 10px; color: #000 !important;}
body:not(.pfnoticia) .secmod .title h3 {  text-transform: none!important;}

/*body .secmod.sec-especial .title h3 a { color:#9246da;}*/

/****** titulo noticia ********/
body:not(.pfnoticia) .mark > .news.comp > h2 span {
    color: #cf0606;
    display: block;
    font-family:  Georgia, "Times New Roman", Times, serif;
    font-size: 100%;
    font-weight: normal;
    text-rendering: auto;
    width: 100%;
}

/* linea imagen i títol*/
body:not(.pfnoticia) .news.comp[class*="bg"] > span.imgT ~ h4 span, body:not(.pfnoticia) .news.comp[class*="bg"] > span.imgT ~ h2 span {
    bottom: 0;
    color: white !important;
    padding: 0.7em 3em !important;
    position: absolute;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

body .secmod.sec-especial .sec_content .mark > .news.comp > [class*="img"] { border-color: #cf0606!important; }

/* iconos relacionados */
body .secmod.sec-especial .sec_content .mark > .news.comp ul > li a[href*="alacarta/videos"]:before,
body .secmod.sec-especial .sec_content .mark > .news.comp ul > li a[href*="alacarta/audios"]:before,
body .secmod.sec-especial .sec_content .mark > .news.comp ul > li a[href*="mediateca/fotos"]:before{ background: #cf0606;}

/* citas */
body:not(.pfnoticia) .secmod.sec-especial .sec_content .mark > .news.comp > .chapeaux blockquote:before,
body:not(.pfnoticia) .secmod.sec-especial .sec_content .mark > .news.comp > .chapeaux blockquote:after { color: #cf0606;}
body:not(.pfnoticia) .mark > .news.comp > .chapeaux blockquote { font-family:  Georgia, "Times New Roman", Times, serif; font-size: 90% !important; line-height: 1.2em; padding: 0.5em 2em; position: relative;}

/* iconos en imagen */
/*.sec-especial .sec_content .mark > .news.comp [class*="img"] a[href*="alacarta/videos"]:after,
.sec-especial .sec_content .mark > .news.comp [class*="img"] a[href*="alacarta/audios"]:after,
.sec-especial .sec_content .mark > .news.comp [class*="img"] a[href*="mediateca/fotos"]:after {
    color: white;
    background: #6d100d;
}*/


/* catalogo flechas direcciones */
body .sec-especial .sec_content .catalog .jsContainer.slide .bx-wrapper .bx-controls.bx-has-controls-direction a:after { background: #cf0606;}


 /* catalogo pestanas */
body .sec-especial .sec_content .catalog .jsListaCategorias ul.nav.botonera li.categoria.active a span { color: #cf0606; }
body .sec-especial .sec_content .catalog .jsListaCategorias ul.nav.botonera li.categoria a { border-color:#cf0606; }


/* tooltip texto especial (firma/duracion) */
body .sec-especial .sec_content .catalog ul.panel li.liElemento .mark .contentBox .tooltip .apiCall.duration span,
body .sec-especial .sec_content .catalog ul.panel li.liElemento .mark .contentBox .tooltip .apiCall.sign strong { color: #7f859a; font-size: 90%; }



/* CATALOGOO*/

/*.catalog .botonera a span, .catalog .botonera .falseLink {font-size:180%; line-height:140%; color:#E15506;  font-family: arial; font-weight: normal; margin-left:50px;}
.catalog .botonera li a:hover span { color:#fff;}*/
.panel .mainLink .tit, .panel .mark > a .tit {font-family: arial; color: #cf0606 !important; font-size:120%!important; line-height:110%; font-weight: bold;}
.catalog ul.panel li.liElemento h3 span.tit.M {font-size: 160% !important; color: #cf0606!important;line-height:110%!important;}

.catalog .jsContainer ul.panel li.liElemento.extendOn .mark .contentBox .tooltip .apiCall { padding-top: 0!important;}
.catalog ul.panel li.liElemento .mark .contentBox .tooltip .apiCall.summary p { font-size: 130%!important;}
.tooltip .summary p, .tooltip .summary li, .magBox .summary p, .tooltip .summary > span {line-height: 1.2!important;}