@import url('https://fonts.googleapis.com/css?family=Anton');

/**colores**/
.specialTopBox.striplayer {background:#666;background-size:contain;background-image:url('/css/rtve.2019.television/rtve.series/servir-y-proteger-TE_SEVP5GE/i/TE_SEVP5GE.bg01.png'),url('/css/rtve.2019.television/rtve.series/servir-y-proteger-TE_SEVP5GE/i/TE_SEVP5GE.bg02.png');background-repeat: no-repeat;background-position:top left, top right;padding: 0;position: relative;}
.specialTopBox .grid .overBox, .specialTopBox .grid .gridBox .mainBox > .txtBox {background:-moz-linear-gradient(left,#e2e2e2 0%,#e2e2e2 63%,rgba(33,33,35,0) 100%);
 background: -webkit-linear-gradient(left,#e2e2e2 0%,#e2e2e2 63%,rgba(33,33,35,0) 100%);
 background: linear-gradient(to right,#e2e2e2 0%,#e2e2e2 63%,rgba(33,33,35,0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#00444444',GradientType=1 );}
html {background:url("/css/rtve.2019.television/rtve.series/servir-y-proteger-TE_SEVP5GE/i/TE_SEVP5GE.bg_drc.por.png"), url("/css/rtve.2019.television/rtve.series/servir-y-proteger-TE_SEVP5GE/i/TE_SEVP5GE.bg_izq.por.png") #0b1230;background-size:60%;background-position:top right, top left;background-repeat:repeat-y;}
.subheader .navBox.spechead, .specialTopBox .overBox, .specialTopBox .arrays .slideH .txtBox{background:rgba(29,56,132,.8);}
.charactersBox .mainBox .txtBox .maintitle, section.grid > .secBox > span , section.grid > .secBox > span a{color:#fff;}

span.author.name em{color:#333;}
.grid .controlBox span.ico, .mediaBox .ima, .mediaBox span.ico.play.video, .ico.share{outline-color:#4c6fd8;}
.mainBox .txtBox .pretitle{color:#fff;}
.mainBox .txtBox .maintitle{color:#4c6fd8;}
.mainBox .auxBox{color:#fff;}
.container:not(.striplayer) .secBox:before, .sliderBox h1:before{background:#4c6fd8;}
.mainBox .auxBox a:hover{color:inherit;background:#d1ae6c;outline-color:#4c6fd8;}

/*specialTopBox*/
.specialTopBox .pretitle, .specialTopBox .auxBox, .specialTopBox .auxBox * , .specialTopBox .arrays .slideH .txtBox .datpub , .specialTopBox .g1 .txtBox .maintitle{color:#1e3984;}

/*charactersBox*/
.container.charactersBox.striplayer.inside{background:url("/css/rtve.2019.television/rtve.series/servir-y-proteger-TE_SEVP5GE/i/TE_SEVP5GE.bg.personajes.jpg") #4c6fd8;background-size:cover;}
.charactersBox .ima img{padding-left:0;}
.charactersBox .mainBox .txtBox .maintitle{color:#4c6fd8;}
.charactersBox .txtBox{background:#fff;}
.charactersBox .txtBox a:before{background:#fff;}

/*quoteBox*/
.container.quoteBox.striplayer.inside{background-color:#1e3984;}
.quoteBox .mainBox{background:#1e3984;}
.quoteBox .mainBox:before{background:#1e3984;}
.quoteBox .txtBox:before{color:rgba(255,255,255,.4);}
.quoteBox .mainBox .txtBox .maintitle{color:#fff5f4;}
.quoteBox .auxBox p{color:rgba(255,255,255,.4);}

/*creditos*/
.creditos{background:#283d74;}
.creditos .auxBox{color:#fff5f4;}
.creditos .mainBox .txtBox .maintitle{color:#d1bb94;}

/**particular**/
/*fuentes*/
.mainBox .auxBox a{font-weight:600;}

section.grid > .secBox span, .charactersBox .mainBox .txtBox .maintitle,
.quoteBox .txtBox:before, .quoteBox .mainBox .txtBox .maintitle,
.quoteBox .auxBox p{font-family:'Anton',sans-serif;font-weight:400;}

section.grid > .secBox span{font-size:4rem;}
.charactersBox .mainBox .txtBox .maintitle{font-size:4.5rem;}
.quoteBox .txtBox:before{font-size:32rem;}
.quoteBox .mainBox .txtBox .maintitle{font-size:3rem;}
.quoteBox .auxBox p{font-size:2.1rem;}

.creditos section.grid > .secBox span{font-weight:300;}

.container.socialShare .grid:not(.g1) .cell .mediaBox .ima img{filter:none;}

/*cabecera*/
.wrapper.subheader .spechead .logoima{overflow:visible;}
.wrapper.subheader .spechead .logoima img{max-height:none;max-width:none;top:-1.6rem;}
.wrapper.subheader .spechead nav li a:hover span:after,.wrapper.subheader .spechead .blindBox .active a span:after{background:#ca7420;}