.bodier  .container.sec-person.striplayer {background:#0d0405;}
.sec-person h1{border:0;}
.sec-person h1 span{color:#c1ad8c;text-transform:uppercase;text-align:center;display:block;padding:2rem;font-size:300%;font-family:Roboto Slab;font-weight:400;}
.sec-person .mainBox, .sec-person .chipBox p, .sec-person .list-pers input{clip:rect(0,0,0,0);position:absolute;overflow:hidden;}
.sec-person input:checked + label > .mainBox{clip:auto;}

.sec-person ul{position:relative;overflow:hidden;background: url("/css/rtve.2016.television/rtve.series/la-sonata-del-silencio/i/personajes/fondo_personajes_sonata.jpg") center top no-repeat;padding:0 2rem;background-size: 100% auto;}
.sec-person .chipBox{display:block;width:12.5%;float:left;position:relative;}

.sec-person .chipBox .img {width:100%;padding-top:194.6969696969697%;position:relative;display:block;}
.sec-person .chipBox img{width:100%;height:100%;position:absolute;cursor:pointer;top:0;left:0;}

.sec-person .pers1 .chipBox, .sec-person .pers2 .chipBox, .sec-person .pers3 .chipBox{width:20%;position:absolute;}
.sec-person .pers1 .chipBox .img, .sec-person .pers2 .chipBox .img, .sec-person .pers3 .chipBox .img {padding-top:151.81%;}
.sec-person .pers1 .chipBox{left:40.6%;}
.sec-person .pers2 .chipBox{left:20%;top:30%;}
.sec-person .pers3 .chipBox{top:30%;left:59.3%;}
.sec-person .pers4 .chipBox{margin-left:0%;}
.sec-person .pers5 .chipBox{margin-left:1.5%;}
.sec-person .pers6 .chipBox{margin-left:1.5%;}
.sec-person .pers7 .chipBox{margin-left:20.5%}
.sec-person .pers8 .chipBox{margin-left:1.8%;}
.sec-person .pers9 .chipBox{margin-left:2.8%;}

.sec-person .pers10 .chipBox{margin-left:68.5%;}
.sec-person .pers11 .chipBox{margin-left:43.8%;margin-top:-13%;}
.sec-person .pers12 .chipBox{clear:both;margin-top:-11.7%;}
.sec-person .pers13 .chipBox{margin-top:-8.7%;margin-left:75%;}
.sec-person .pers14 .chipBox{margin-left:14%;margin-top:-15.5%;}
.sec-person .pers15 .chipBox{margin-top:-15.5%;margin-left:2%;}
.sec-person .pers16 .chipBox{margin-top:-15.5%;margin-left:2%;}
.sec-person .pers17 .chipBox{margin-top:-15.5%;margin-left:3%;}
.sec-person .pers18 .chipBox{margin-top:-14.5%;margin-left:2%;margin-bottom:2rem;}
 
.sec-person .mainBox {z-index:2;opacity:1;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);padding:2rem;}
.sec-person .mainBox > div {background:url('/css/rtve.2016.television/rtve.series/la-sonata-del-silencio/i/personajes/textura.jpg') #111;position:relative;padding:2rem;width:80%;/*left:10%;top:5%;*/height:auto;}
.sec-person .mainBox > div > * {display:inline-block;}
.container.sec-person .mainBox .mediaBox {width:37%;padding:5% 2rem 1% 0;text-align:center;vertical-align:top;position:relative;min-width:25rem;float:none;}
.sec-person .mainBox .mediaBox .ima{padding-top:0;max-width:25rem;float:none;background-color:transparent; }
.sec-person .mainBox .mediaBox img {position:relative;}
.sec-person .mainBox .contentBox {width:63%;margin-left:-3px;padding:2rem 2rem 2rem 2rem;}
.sec-person .mainBox .contentBox:before{content:"";position:absolute;right:2rem;top:2rem;width:3rem;height:3rem;background:url("/css/rtve.2016.television/rtve.series/la-sonata-del-silencio/i/personajes/cerrar_info.png") no-repeat right top;cursor:pointer;}
.sec-person .mainBox .contentBox span, .sec-person .mainBox .contentBox p {font-weight:400;color:#c0b5a6 !important;font-size:180%;line-height:1.2222222222222222222222222222222;letter-spacing:.25pt;word-spacing:-.75pt;}
.sec-person .mainBox .contentBox .txtBox {padding-top:15%;}
.sec-person .mainBox .contentBox .txtBox span {display:block;font-size:360%;color:#c0b5a6;display:inline-block;font-weight:700;text-transform:uppercase;padding-right:1rem;}
.sec-person .mainBox .contentBox .txtBox span strong {display:none;}
.sec-person .notory.g1 .gridBox > .cell:first-child .mainBox .auxBox p {font-size:180%;color:#222;}
.sec-person .mainBox .contentBox .boton {display:block;text-align:center;position:absolute;width:63%;bottom:4rem;padding:0 2rem;left:37%;}
.sec-person .mainBox .contentBox .boton a {padding:0.5rem 4.5rem;background:#FE6E66;display:inline-block;}
.sec-person .mainBox .contentBox .boton a strong {font-family:'Inconsolata','Roboto','arial',sans-serif;font-weight:400;}

/*.sec-person .pers5 .mainBox > div, .sec-person .pers6 .mainBox > div, .sec-person .pers7 .mainBox > div, .sec-person .pers8 .mainBox > div{ top:25%;}
.sec-person .pers9 .mainBox > div, .sec-person .pers10 .mainBox > div, .sec-person .pers11 .mainBox > div, .sec-person .pers12 .mainBox > div {top:25%;}
.sec-person .pers13 .mainBox > div, .sec-person .pers14 .mainBox > div, .sec-person .pers15 .mainBox > div, .sec-person .pers16 .mainBox > div {top:25%;}
*/

/* Cartela de info Fija */
.sec-person .mainBox {width:100%;height:100%;position:fixed;top:0;}
.sec-person .mainBox > div {top:20rem;max-width:96rem;display:block;}
.sec-person .mainBox > div {float:none;margin:0 auto;}

/* Hover en img Cartela */
.television .container:not([class*='separador']) .mainBox:hover .mediaBox > .ima:not(.videoPlayer) img {opacity:1;}
.television .mediaBox > .ima:before {background:transparent;}