@import url("https://fonts.googleapis.com/css?family=Shadows+Into+Light");

/**cab**/
.wrapper.subheader .spechead .backima{display:none;}
.wrapper.subheader .spechead .logoima{overflow:visible;}
.wrapper.subheader .spechead .logoima img{max-width:14rem;max-height:14rem;top:-4rem;}


/** Cena con mama colores **/
html {background:#f2edd0;}

/* 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:#7a8e16}

.auxheader .ico {outline-color:#fff6e8}

.subheader .navBox.spechead {background:#1d1d1d}

.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,section.grid > .secBox > span a, .sliderBox h1 span {font-family:'Shadows Into Light', cursive;font-weight:600;} /* tipo de Fuente Cena con mama */
.specialTopBox .txtBox .maintitle, section.grid > .secBox > span{color:#188659;}

.striplayer .maintitle, .striplayer section.grid > .secBox > span, .emisBox .txtBox .maintitle,
.modConcursantes .auxBox p, .photoBox .controlBox .xtras .datnum, .photoBox .maintitle, .photoBox figcaption,
.striplayer.beoff.beon_ .article .mediaBox .video-js .vjs-panel-display.vjs-share-display span,
.inside:not(.specialTopBox) .txtBox .pretitle, [class*="fondo"] .txtBox .pretitle, [class*="fondo"] .auxBox{color:#fff6e8;}

/* apertura destacado + cabecera */
.specialTopBox .mediaBox .ima:before, .specialTopBox .mainBox, .specialTopBox .overBox{background:#f0f0f0;}
.specialTopBox .gridBox .mediaBox > a {border-color:#f0f0f0}

.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:#7a8e16}
.striplayer .article .falseH1 .maintitle,.article .ladillo,
body .telev .summary li:before, body .telev .article .artBody li:before {color:#7a8e16;}

.subheader .navBox.spechead{background:#7a8e16;
	background:-moz-linear-gradient(left,#7a8e16 0%,#188659 100%);
	background:-webkit-linear-gradient(left,#7a8e16 0%,#188659 100%);
	background:linear-gradient(to right,#7a8e16 0%,#188659 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a8e16',endColorstr='#188659',GradientType=1 );}
/* hover */
.subheader .navBox.spechead, .enDirectoBox.striplayer,
.modConcursantes .grid .cell:hover .mediaBox .ima {outline-color:#434445}
/*.modConcursantes .grid .cell:hover .mediaBox a, */.tab_concursantes .grid .cell .mediaBox a:hover .ico,
.modConcursantes .grid .cell:hover .mediaBox:after {background:rgba(69, 69, 69,0.6);}
.modConcursantes .grid .cell:hover .txtBox:after {border-color:#f6f6f6}

/**fondos**/
[class*="fondo"].striplayer{position:relative;overflow:hidden;}
[class*="fondo"].striplayer .arrays .slideH + .spinnBox + .controlBox{top:2.2rem;}
[class*="fondo"].striplayer:before{content:"";width:150%;height:100%;position:absolute;top:0;left:-25%;box-shadow:0 1rem 4rem 1rem rgba(0,0,0,0.2) inset, 0 -1rem 4rem 1rem rgba(0,0,0,0.2) inset;}
/* hojas */
.fondo1{background:url(i/TE_SCENMAM-hojas.bg.por.jpg);background-size:auto;background-position:center;}
/* madera */
.fondo2{background:url(i/TE_SCENMAM-madera.bg.por.jpg);background-size:auto;background-position:center;}
/**  **/

@media only screen and (max-width:1024px){
.specialTopBox + .container .txtBox .maintitle {color:#434445;}
}

@media (max-width:767px){
.wrapper.subheader .spechead .logoima img{max-width:10rem;max-height:10rem;top:-3rem;}
}