/*fondo*/
.toplayer + .container.person {background-color:transparent;}

/*fonts*/
.person .list-pers .mainBox .contentBox .txtBox {font-size:4rem;font-weight:500;top: 0;padding-top: 0;padding-bottom: 3rem;}
.person .list-pers .mainBox .contentBox .txtBox span {display:block;}
.bodier.wrapper .person .list-pers li .mainBox .contentBox .auxBox p {font-size: 1.6rem;font-weight: 300;line-height: 1.2;}
.person .list-pers .mainBox .contentBox * {color:#fff;}
.person .list-pers .mainBox .contentBox .txtBox strong {color:#F5B168;font-weight:400;font-size:2.7rem;}

.person .chipBox {cursor:pointer;position:relative}

/***personas***/
.person .list-pers {position:relative;}
.person .gridBox .infoBox .list-pers .mainBox .mediaBox .ima img, .person .gridBox .infoBox .list-pers .mainBox:hover .mediaBox .ima img{opacity:1;}
.person .list-pers,.person li[class*="pers"] {width:100%;display:inline-block;float:left;}
.person .list-pers.institu li[class*="pers"], .person .list-pers li[class*="pers"] {width:16.6666%;}
.person .list-pers.estado li[class*="pers"] {width:16.6666%;}
.person .list-pers.indepen li[class*="pers"] {/width:16.6666%;}
.person .list-pers [name="personas"] ~ label .chipBox p {position:absolute;width:100%;bottom:0;top:auto;color: #F5B168;font-weight:500;font-size: 1.9rem;line-height: 1.1;padding:1rem;z-index:2;text-align: center;}
.person .list-pers [name="personas"] ~ label .chipBox p span {display:block;}
.person .list-pers [name="personas"] ~ label .chipBox p strong {font-weight:400;color: #fff;}
.person .list-pers [name="personas"], .person .list-pers [name="personas"] ~ label .mainBox {position:absolute;clip:rect(0,0,0,0);top:17rem;left:0;overflow:hidden;}
.person .list-pers [name="personas"]:checked ~ label .mainBox{height:40em;clip:auto;top:0;left:0;bottom: auto;cursor:pointer;/*box-shadow:0 0 1rem 0.2rem rgba(0,0,0,0.3);*/z-index:3;}
.person .list-pers.todos [name="personas"]:checked ~ label .mainBox {top:4rem;}
.person .list-pers.indepen [name="personas"]:checked ~ label .mainBox {top:0;}
.person .list-pers [name="personas"]:checked ~ label .infoBox:after {content:'';display:block;width:2.3rem;height:2.3rem;background:url('/css/rtve.2017.noticias/consulta-catalunya2017/i/aspa2.png') no-repeat;position:absolute;top:0;right:0;border: 1.5rem solid transparent;}
.person .chipBox:after {content:"";height:55%;position:absolute;bottom:0;display:block;width:100%;
    background: -moz-linear-gradient(top, rgba(26,26,26,0.01) 0%, rgba(26,26,26,0.32) 35%, rgba(26,26,26,1) 100%);
    background: -webkit-linear-gradient(top, rgba(26,26,26,0.01) 0%,rgba(26,26,26,0.32) 35%,rgba(26,26,26,1) 100%);
    background: linear-gradient(to bottom, rgba(26,26,26,0.01) 0%,rgba(26,26,26,0.32) 35%,rgba(26,26,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031a1a1a', endColorstr='#1a1a1a',GradientType=0 )}



.person .list-pers.indepen li[class*="pers"] .chipBox img {outline:0.4rem solid #99b6a7;}
.person .list-pers.estado li[class*="pers"] .chipBox  img {outline:0.4rem solid #517f93;}
.person .list-pers.institu li[class*="pers"] .chipBox img {outline:0.4rem solid #173441;}
.person .list-pers.otros li[class*="pers"] .chipBox  img {outline:0.4rem solid #fd930a;}

.list-pers.todos:nth-child(3), .list-pers.todos:nth-child(4), .list-pers.todos:nth-child(5) {padding-top:4rem;}
.num_7 li:nth-child(7) {margin-left:41.666%;}
.num_11 li:nth-child(7) {margin-left:8.33%;}
.num_8 li:nth-child(7) {margin-left:33.13%;}
.list-pers li:nth-child(-n+12) {margin-top: 0.4rem;}
	
/**ficha**/
.person .list-pers .mainBox .mediaBox {width:35%;float:left;margin-bottom: 0;}   
.person .list-pers .mainBox .mediaBox .ima img{width:40em;height: auto;right:auto;bottom: auto;left:0;top:0;}
.person .list-pers .mainBox .contentBox {height:100%;width:65%;padding:0;position:relative;top:0;right:0;float: left;padding: 3.5rem 2.5rem;}
.person .list-pers .mainBox .infoBox {height:100%;background:#4A4947;}
.person .list-pers .mainBox .mediaBox > .ima {background-color:transparent;height:40em;}
.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: 23rem;}

/*hover*/
.person .chipBox:hover .img img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
    z-index: 1;
    position:relative;
 }
 .person .chipBox:hover:after{
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    margin-bottom:-0.1rem;
    z-index: 1;
 }

/*nav pers*/
 div.checkBox {margin:2rem 0;}
.checkBox label {font-size:1.8rem;padding:0.5rem 2rem;cursor:pointer;}
.checkClassElem, .list-pers_2, .list-pers_3 {position:absolute;clip:rect(0,0,0,0);top: 3rem;left: 0;overflow:hidden;cursor:pointer;}
.checkClassElem[checked="checked"] + label.indepen, .checkClassElem[checked="checked"] + label.estado,
.checkClassElem[checked="checked"] + label.institu, .checkClassElem[checked="checked"] + label.allmembers {width:100%;height:100%;top:0;left:0;clip:auto;}
.checkClassElem[checked="checked"] + label.indepen, label.indepen:hover {background:#99b6a7;color:#fff;}
.checkClassElem[checked="checked"] + label.estado, label.estado:hover {background:#517f93;color:#fff;}
.checkClassElem[checked="checked"] + label.institu, label.institu:hover {background:#173441;color:#fff;}
.checkClassElem[checked="checked"] + label.allmembers, label.allmembers:hover {background:#F5B168;color:#fff;}
.checkClassElem[checked="checked"] + label.otros, label.otros:hover {background:#fd930a;color:#fff;}

.hddn {height:0;}

.person .list-pers [name="personas"]:checked ~ label {position:fixed;top:0;left:0;width:100%;height:100%;z-index:4;background:rgba(255,255,255,0.8);}
.person .list-pers [name="personas"]:checked ~ label[for*='indepen'] {background:rgba(153, 182, 167,0.8);}
.person .list-pers [name="personas"]:checked ~ label[for*='estado'] {background:rgba(81, 127, 147, 0.8);}
.person .list-pers [name="personas"]:checked ~ label[for*='institu'] {background:rgba(23, 52, 65, 0.8);}
.person .list-pers [name="personas"]:checked ~ label[for*='otros'] {background:rgba(253, 147, 10, 0.4);}
.person .list-pers [name="personas"]:checked ~ label .chipBox  .img {clip:rect(0,0,0,0);}
.person .list-pers [name="personas"]:checked ~ label .chipBox  +.mainBox .infoBox {position:relative;max-width:118rem;display:block;float:none;margin:0 auto;}
.person .list-pers [name="personas"]:checked ~ label .chipBox img {display:none;}
.person .list-pers [name="personas"]:checked ~ label .mainBox {position:relative;}
.wrapper.mainheader:not(.minify)~.mainbodier .person .list-pers [name="personas"]:checked ~ label .mainBox {top:50%;}
.wrapper.mainheader.minify ~ .mainbodier .person .list-pers [name="personas"]:checked ~ label .mainBox{top:50%;margin-top:-20rem;}


@media (max-width: 1100px) {
	.person .list-pers.estado li[class*="pers"] {width:20%;}
	.person .list-pers.estado li.pers11 {margin-left:10%;}
}