/*fondo*/
.wrapper.bodier .container.person{overflow:hidden;background:url(/css/rtve.2017.television/rtve.series/servir-y-proteger/i/fondo2.jpg);background-color:#13111e;background-position:center top;background-size:contain;background-repeat:no-repeat;padding-bottom:2rem;margin:0;position:relative;}
.gridBox{padding:0 2em;}
.cell{padding:0.5rem;}

/*fonts*/
.person .list-pers .mainBox .contentBox *{color:#fff;}
.person .list-pers .mainBox .contentBox .txtBox {font-size:2.5rem;padding-bottom:2.5rem;}
.person .list-pers .mainBox .contentBox .txtBox span{color:#fce1b7;font-weight:300;}
.person .list-pers .mainBox .contentBox .txtBox strong{display:block;font-size:4rem;font-weight:600;padding-bottom:1rem;}
.wrapper.bodier .person .grid.g1 > .gridBox >.cell .infoBox ul.list-pers li .contentBox .auxBox p {font-size:1.4rem;font-weight:300;line-height:1.2;color:#e9e9ea;}

/***personajes***/
.person li[class*="pers"]:first-child{margin-left:28.55031%;width:21.44968%;}
.person li[class*="pers"]:nth-child(2){margin-right:28.55031%;width:21.44968%;}
.person li[class*="pers"]:nth-child(3){margin-left:21.42857142857143%;}
.person li[class*="pers"]:nth-child(6){margin-right:21.42857142857143%;}
.person li[class*="pers"]:nth-child(7){margin-left:14.28571428571429%;}
.person li[class*="pers"]:nth-child(12){margin-left:7.142857%;}
.person li[class*="pers"]:nth-child(18){margin-left:21.42857142857143%;}
.person li[class*="pers"]:nth-child(22){margin-left:35.71428571428572%;}

.wrapper.bodier .person ul.list-pers li div.chipBox {cursor:pointer;background:#fff;position:relative;padding:.3rem;padding-bottom:5.3rem;}
.wrapper.bodier .person ul.list-pers .pers1 div.chipBox,.wrapper.bodier .person ul.list-pers .pers2 div.chipBox,
.wrapper.bodier .person ul.list-pers .pers3 div.chipBox,.wrapper.bodier .person ul.list-pers .pers4 div.chipBox,
.wrapper.bodier .person ul.list-pers .pers5 div.chipBox,.wrapper.bodier .person ul.list-pers .pers6 div.chipBox,
.wrapper.bodier .person ul.list-pers .pers7 div.chipBox,.wrapper.bodier .person ul.list-pers .pers8 div.chipBox,
.wrapper.bodier .person ul.list-pers .pers9 div.chipBox,.wrapper.bodier .person ul.list-pers .pers10 div.chipBox,
.wrapper.bodier .person ul.list-pers .pers11 div.chipBox{background:rgb(0,5,26);
    background:-moz-linear-gradient(bottom, rgba(0,5,26,1) 25%, rgba(123,159,255,1) 100%);
    background:-webkit-linear-gradient(bottom, rgba(0,5,26,1) 25%,rgba(123,159,255,1) 100%);
    background:linear-gradient(to top, rgba(0,5,26,1) 25%,rgba(123,159,255,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9fff', endColorstr='#00051a',GradientType=0 );}

.person .list-pers [class*="pers"] .chipBox:hover .img.H img{opacity:0.2;-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.person .list-pers,.person li[class*="pers"]{width:100%;display:inline-block;float:left;}
.person li[class*="pers"]{width:14.28571428571429%;padding:0.5rem;}
.person .list-pers [name="personajes"], .person .list-pers [name="personajes"] ~ label .mainBox{position:absolute;-webkit-transform:scale(0,0) translate(0,-75%);transform:scale(0,0) translate(0,-75%);top:auto;left:0;overflow:hidden;}

.person .list-pers [class*="pers"] [name="personajes"] ~ label .chipBox p{width:calc(100% - .6rem);min-height:5rem;position:absolute;top:auto;bottom:.3rem;padding:.5rem 1.5rem;color:#fff;font-size:2em;font-weight:600;text-align:center;background:#EDA43C;}
.wrapper.bodier .person ul.list-pers .pers1 div.chipBox p,.wrapper.bodier .person ul.list-pers .pers2 div.chipBox p,.wrapper.bodier .person ul.list-pers .pers3 div.chipBox p,
.wrapper.bodier .person ul.list-pers .pers4 div.chipBox p,.wrapper.bodier .person ul.list-pers .pers5 div.chipBox p,.wrapper.bodier .person ul.list-pers .pers6 div.chipBox p,
.wrapper.bodier .person ul.list-pers .pers7 div.chipBox p,.wrapper.bodier .person ul.list-pers .pers8 div.chipBox p,.wrapper.bodier .person ul.list-pers .pers9 div.chipBox p,
.wrapper.bodier .person ul.list-pers .pers10 div.chipBox p,.wrapper.bodier .person ul.list-pers .pers11 div.chipBox p{background:#010420;}

/**ficha**/
.person .list-pers .mainBox .mediaBox {width:35.5%;margin:2rem;margin-left:2.5rem;float:left;box-shadow:-1.2rem 0.8rem 0.05rem 0 rgba(0,0,0,.5);}
.person .list-pers .mainBox .mediaBox .ima img{width:auto;height:100%;right:0;left:auto;opacity:1;}
.person .list-pers .mainBox .contentBox {height:100%;padding:2.7rem 4rem 1.8rem 40%;position:relative;}
.person .list-pers .mainBox .infoBox {height:100%;}
.person .list-pers .mainBox .auxBox p {padding-bottom:1rem;}
.person .list-pers .mainBox .auxBox p:empty {padding-bottom:0;}
.person .list-pers .mainBox .contentBox .auxBox {margin:0;display:block;overflow:auto;height:calc(100% - 14rem);}
.person .list-pers [name="personajes"]:checked ~ label:after{content:"";left:0;top:0;width:100%;height:100%;display:block;background-color:rgba(19, 17, 30, 0.95);position:absolute;z-index:1;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox{-webkit-transform:scale(1,1) translate(0,-75%);transform:scale(1,1) translate(0,-75%);opacity:1;-webkit-transition:all ease 0.5s;transition:all ease 0.5s;z-index:2;height:38.8%;}
.person .list-pers .pers1 [name="personajes"]:checked ~ label .mainBox,.person .list-pers .pers2 [name="personajes"]:checked ~ label .mainBox{transform:scale(1,1) translate(0,0);top:0;}
.person .list-pers .pers21 [name="personajes"]:checked ~ label .mainBox,
.person .list-pers .pers21 ~ li [name="personajes"]:checked ~ label .mainBox{transform:scale(1,1) translate(0,0);bottom:0;}

.person .list-pers .mainBox {width:100%;cursor:pointer;}
.person .list-pers [name="personajes"]:checked ~ label .mainBox:before{content:'';display:block;width:2.3rem;height:2.3rem;background:url('./i/aspa2.png') no-repeat;position:absolute;top:0;right:0;border:1.5rem solid transparent;}
.person .list-pers [class*="pers"] .mainBox {background:url("/css/rtve.2017.television/rtve.series/servir-y-proteger/i/fondos/Fondo_Hover.png");background-size:cover;}

/*boton mas inf*/
.relBox{display:none;}

/*redes sociales*/
.auxheader .socialBox .blindBox .ico {background:rgba(255,255,255,0.333);}

/**personajes antiguos**/
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld{background:#13111e;}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .secBox{padding:0;}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .secBox span{color:#fff;font-size:2.4em;line-height:1;text-align:center;text-transform:none;font-family:"Roboto", arial, sans-serif;display:block;}

[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox{text-align:center;}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell{width:15%;display:inline-block;float:none;}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .mod .mainBox .mediaBox{margin:0;float:left;}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .mod .mainBox .mediaBox .ima{padding-top:100%;}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .mod .mainBox .mediaBox .ima img{top:0;}

[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .mod{padding:.3rem;background:#fff;}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .land_view{background:rgb(0,5,26);
    background:-moz-linear-gradient(bottom, rgba(0,5,26,1) 25%, rgba(123,159,255,1) 100%);
    background:-webkit-linear-gradient(bottom, rgba(0,5,26,1) 25%,rgba(123,159,255,1) 100%);
    background:linear-gradient(to top, rgba(0,5,26,1) 25%,rgba(123,159,255,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9fff', endColorstr='#00051a',GradientType=0 );}

[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .mod .mainBox .txtBox{background:#eda43c;text-align:center;min-height:8rem;padding:.4rem 1rem;display:table;width:100%;}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .land_view .mainBox .txtBox{background:#010420;}

[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .mod .mainBox .txtBox .pretitle{color:#463114;font-size:1.4rem;font-weight:400;display:table-footer-group;}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .land_view .mainBox .txtBox .pretitle{color:rgba(255,255,255,.7);}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .mod .mainBox .txtBox strong{width:100%;display:table-cell;vertical-align:middle;}
[data-cat="TE_SEVP5GE"] .wrapper.bodier .container.persOld .grid .gridBox .cell .mod .mainBox .txtBox strong .maintitle{color:#fff;font-size:1.8rem;display:block;}

/*para la pestana de personajes*/
.wrapper.bodier .person ul.list-pers li img{width:100%;}

/*correcciones skin*/
.toplayer + .person{padding-top:7rem;}
[class*="pers"] .mediaBox{width:100%;}
[class*="pers"] .ima{outline:none;}