@import url("https://fonts.googleapis.com/css?family=Rubik:500");

/** Masterchef Celebrity 3 colores **/
html {background:#fff6e8;}
/*cabecera*/
.subheader .navBox.spechead {background:#1d1d1d}
.mainheader .tab_first .ico {opacity:.5}
.mainheader .tab_first a:hover {opacity:.8}

/* ima + ico */
.mediaBox .ima,
.mainBox .mediaBox a .ico, .arrays .controlBox .ico,
.tab_concursantes .container .grid .cell .mediaBox .ima,
.sliderBox .photoBox figure,
.striplayer.beon_ .carta .mainContent .socialBox .ico .blind img,
.striplayer.beon_ .carta .mainContent .ico.share .blindBox img,
.striplayer.beoff.beon_ .article > .figure .mediaBox > a > .play.ico.video,
.striplayer.beoff.beon_ .article .incluBox .videoBox > a .play.ico.video {outline-color: #ba1737}

.auxheader .ico {outline-color: #fff6e8}
/*hover*/
.mainBox .mediaBox .ico:hover, .arrays .controlBox .ico:hover, .auxheader .ico:hover,
.arrays .gridBox.slideH .topBox .cell .ico.play:hover, .arrays .gridBox.slideH .topBox .cell:hover .ico.play,
.auxheader .container .socialBox .blind:not(.be_on):hover,
.striplayer.beoff.beon_ .article > .figure .mediaBox > a > .play.ico.video:hover {background:rgba(77,77,79,1);}

/* textos */
section.grid > .secBox > span, .sliderBox h1 span, section.grid > .secBox > span a {font-family:'Rubik'} /* tipo de Fuente Masterchef Celebrity 3 */
section > h1 > span,  section.grid > .secBox > span, section.grid > .secBox > span a, .buttonBox section.grid > .secBox > span a,
.txtBox .maintitle, .txtBox .pretitle, .auxBox, .sliderBox h1 span,
.tab_concursantes .striplayer section.grid > .secBox > span,
.tab_concursantes .txtBox .maintitle, .tab_concursantes .mainBox .auxBox {color:#434445;}

.striplayer .maintitle, .striplayer section .pretitle,.striplayer .auxBox, .specialTopBox .txtBox .maintitle,
.striplayer section.grid > .secBox > span, .striplayer section.grid > .secBox > span a, .emisBox .txtBox .maintitle,
.modConcursantes .auxBox p, .specialTopBox .mediaBox:hover + .overBox, .specialTopBox .mediaBox + .overBox:hover,
.photoBox .maintitle, .photoBox figcaption, .ongridBox .controlBox .paginaBox li span,
.striplayer.beoff.beon_ .article .mediaBox .video-js .vjs-panel-display.vjs-share-display span {color:#fff6e8;}

/* fondo */
.specialTopBox .mediaBox .ima:before, .specialTopBox .mainBox, .specialTopBox .overBox,
.container:not(.striplayer) .secBox:before, .sliderBox h1:before,
.sliderBox .photoBox figcaption, .sliderBox .photoBox .mediaBox .ima:before,
.striplayer.beoff.beon_ .artBody + .slideH .socialBox li, .artBody blockquote .q1 {background: #ba1737}
.specialTopBox .gridBox .mediaBox > a {border-color:#ba1737}
.striplayer .article .falseH1 .maintitle,.article .ladillo,
body .telev .summary li:before, body .telev .article .artBody li:before {color:#ba1737;}

/* concursantes */
.modConcursantes.striplayer, .modConcursantes.striplayer .container {background:url('i/fondo-cajon1.jpg');background-size: auto 100%;}
.modConcursantes:before {background:#434445;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(77,77,79,0) 25%, rgba(0,0,0,0) 50%, rgba(0,2,26,0) 75%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(77,77,79,0) 25%,rgba(0,0,0,0) 50%,rgba(0,2,26,0) 75%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(77,77,79,0) 25%,rgba(0,0,0,0) 50%,rgba(0,2,26,0) 75%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000333', endColorstr='#a6000333',GradientType=0 );}
/* hover */
.subheader .navBox.spechead,
.modConcursantes .grid .cell:hover .mediaBox .ima {outline-color:#434445}
.tab_concursantes .grid .cell .mediaBox a:hover .ico,
.modConcursantes .grid .cell:hover .mediaBox:after {background:rgba(69, 69, 69,0.6);}

/* catalogo destacado */
.fondo2.striplayer {background:url('i/fondo-cajon2.jpg') center;background-size: auto 100%;}

.fondo3.striplayer {background:url('i/fondo-cajon3.jpg') center;background-size: auto 100%;}
/**  **/

@media only screen and (max-width:1024px){
.specialTopBox + .container .txtBox .maintitle {color:#434445;}
}

@media only screen and (max-width:992px){
/* apertura */
.specialTopBox .mediaBox .ima:before {background:#ba1737!important}
}