/*titulos y parrafo*/
.content-delitos h3{display:block;font-size:2.4rem;color:#333;text-align:center;text-transform:uppercase;line-height:2;}
.content-delitos .titu-eje {position:relative;display:block;line-height:1.5;font-size:1.4rem;text-transform:uppercase;color:#333;text-align:center;font-weight:600;margin-bottom: 1rem;}
.content-delitos p.descripcion{position: absolute;width: 30%;font-size: 1.6rem;line-height: 1.8;color: #333;top:5.4rem;left:6%;}

/*Bloques*/
.infoBox .list-delitos li strong {cursor:pointer;}
.infoBox .list-delitos li input ~ label {background:#fff;}
.infoBox .list-delitos li input:checked ~ label .extraBox {clip:auto;}
.infoBox .list-delitos li .chipBox {width:48%;float: left;padding: 2rem 3rem;border: .1rem solid #7abbbb;margin-right:2%;box-shadow:.2rem .4rem 0.9em rgba(0,0,0,.4);transition:all .6s;}
.infoBox .list-delitos li .mainBox {width:100%;}
.infoBox .list-delitos [name="delitos"] ~ label .chipBox p{color:#7bbbbb;text-transform:none;font-family:'Roboto', sans-serif;font-size: 1.6rem;line-height: 1.5;display:block;}

/**ficha**/
.list-delitos .mainBox .mediaBox .ima img{width:auto;}
.list-delitos .mainBox .infoBox {width:100%;background:#d56068;display:inline-block;}
.container:not(.inside) .gridBox .mediaBox {margin-bottom:0rem;}

.list-delitos .mainBox .mediaBox {width:40%;height:100%;}
.list-delitos .mainBox .contentBox {padding: 3rem 4rem;}
.infoBox .list-delitos [name="delitos"] ~ label .chipBox p.pena_delito {color:#d55f68;}

.list-delitos .contenBox .txtBox span{font-size: 1.6rem;line-height:1.5;color:#333;}
.list-delitos .contenBox .txtBox span strong{display:block;color:#333}
.list-delitos .contenBox .extraBox p {font-size:1.4rem;line-height:1.5;padding-bottom:1rem;color:#333;position:static;width:auto;}
.list-delitos .contenBox .extraBox p:empty {padding-bottom:0;}
.infoBox .list-delitos li.delito-1 .extraBox strong:after , .infoBox .list-delitos li.delito-2 .extraBox strong:after , .infoBox .list-delitos li.delito-3 .extraBox strong:after , .infoBox .list-delitos li.delito-4 .extraBox strong:after , .infoBox .list-delitos li.delito-5 .extraBox strong:after {content:"+";transform:rotate(45deg);font-size: 5rem;font-family: 'arial',sans-serif;position: relative;display:inline-block;top: -2rem;font-weight:300;float:right;}
.infoBox .list-delitos .descriBox , .infoBox .list-delitos .penasBox {text-align: left;padding:1%;line-height: 2;width:47%;display:inline-block;vertical-align: top;}
.infoBox .list-delitos .explicaBox {text-align: left;padding:1rem;line-height:2;background:#eee;display: inline-block;}
.infoBox .list-delitos .descriBox span , .infoBox .list-delitos .penasBox span , .infoBox .list-delitos .explicaBox span {font-size:1.8rem;}
.infoBox .list-delitos .extraBox {padding:2rem;clip:rect(0,0,0,0);opacity:0;}
.infoBox .list-delitos .extraBox a {color:#c75151;transition: all .2s;}
.infoBox .list-delitos .extraBox a:hover {color:#fff;background:#c75151;}
span.ico.arrow.blind.beoff.be_on {display:none;}
.infoBox .list-delitos .extraBox li {position:static;box-shadow:none;font-size:1.4rem;color:#333;}

/***activar***/
.list-delitos [name="delitos"]{clip:rect(0,0,0,0);left:0;overflow:hidden;-webkit-transform:scale(0,0);transform:scale(0,0);}

/***eje de datos***/
.eje-y {width:100%;left:0%;height:94rem;flex-flow:column;overflow:hidden;animation:caer 2s forwards;}
ul.eje-y:after {content:"";display:block;position:absolute;width:.2rem;height:99%;background:#aaa;left:49.8%;}

/***animaciones***/
.infoBox .delitosBox label{opacity: 0;animation:aparecer .2s 1;animation-fill-mode:forwards;}
.infoBox .delitosBox #input-2+label {animation-delay:.4s;}
.infoBox .delitosBox #input-3+label {animation-delay:.6s;}
.infoBox .delitosBox #input-4+label {animation-delay:.8s;}
.infoBox .delitosBox #input-5+label{animation-delay:1s;}

@keyframes caer{
    0%{height:0%;}
    100%{height:94rem;}
}
@keyframes aparecer{
    0%{opacity:0;}
    100%{opacity:1;}
}

/***colores***/
.point-years{width:100%;background:transparent;}
.point-years span {font-size:2rem;display:block;background:#aaa;color:#fff;margin-bottom:.4rem;height:3.2rem;text-align:center;padding:.6rem 0;margin-left:-1.8rem;width:3.2rem;left: 50%;}

.eje-y li:first-child span , .eje-y li:nth-child(10) span , .eje-y li:nth-child(14) span ,.eje-y li:nth-child(18) span,.eje-y li:nth-child(19) span,.eje-y li:last-child span {background:#333;}

.infoBox .list-delitos li .extraBox {background:#fff;border:.4rem solid #9bbbd2;}
.infoBox .list-delitos li.delito-2 .extraBox{border-color:#c75151;}
.infoBox .list-delitos li.delito-3 .extraBox{border-color:#899d87;}
.infoBox .list-delitos li.delito-4 .extraBox{border-color:#e5be1a;}
.infoBox .list-delitos li.delito-5 .extraBox{border-color:#a48da1;}

.infoBox .delitosBox #label-1 {background:#9bbbd2;}
.infoBox .delitosBox #label-2 {background:#c75151;text-align:right;}
.infoBox .delitosBox #label-3 {background:#899d87;}
.infoBox .delitosBox #label-4 {background:#e5be1a;text-align:right;}
.infoBox .delitosBox #label-5 {background:#a48da1;}

.infoBox .delitosBox > label:after {width:auto;font-weight:400;content:'+';display:inline-block;text-align:center;min-width:2rem;float:right;border-radius:100%;background:#fff;font-size:3.2rem;padding:0 .6rem;line-height:1;}
.infoBox .delitosBox > label#label-1:after{color:#9bbbd2;left:5%;position:relative;}
.infoBox .delitosBox > label#label-2:after{color:#c75151;float:left;}
.infoBox .delitosBox > label#label-3:after{color:#899d87;left:5%;position:relative;}
.infoBox .delitosBox > label#label-4:after{color:#e5be1a;float:left;right:5%;position:relative;}
.infoBox .delitosBox > label#label-5:after{color:#a48da1;left:5%;position:relative;}

.infoBox .list-delitos li .extraBox .descriBox{float:left;}
/**caja strong**/
.infoBox .delitosBox > label {box-shadow: 0.2rem 0.4rem 0.9em rgba(0,0,0,.4);color:#fff;display:block;font-size:2.6rem;line-height:1.4;text-transform:uppercase;font-weight:300;padding:.8rem 2rem;width:32rem;}

.eje-y .point-years:after{content: "";display:block;border:.4rem solid transparent;}

.eje-y .point-years:nth-child(10):after {border-color:#9bbbd2;border-right:none;height:32rem;width:8%;left:40.2%;top:-31rem;}
.eje-y .point-years:nth-child(14):after {border-color:#c75151;border-left:none;border-bottom:none;height:0;width:19%;top:.6rem;left:50.7%;}
.eje-y .point-years:nth-child(18):after {border-color:#899d87;border-right:none;height:14rem;width:8%;top:-13rem;left:40.2%;}
.eje-y .point-years:nth-child(19):after {border-color:#e5be1a;border-right:.4rem solid #e5be1c;border-left:0;height:17.5rem;width:8%;top:-16.5rem;left:50.7%;}

.eje-y .point-years:nth-child(1):after {border-color:#9bbbd2;border-bottom:none;width:10%;height:0;left:29.8%;top:18.5rem;}
.eje-y .point-years:nth-child(2):after {border-color:#899d87;border-bottom:none;width:17.5%;height:0;left:22%;top:50rem;}
.eje-y .point-years:nth-child(3):after {border-color:#e5be1a;border-bottom:none;width:12%;height:0;left:59%;top:51rem;}

/**ficha titulo**/
.infoBox .list-delitos .extraBox strong {font-size:4rem;background:#fff;color:#fff;box-shadow:none;padding:.2rem 0;width:auto;text-align:left;}
.infoBox .list-delitos #input+label {background:#fff;color:#9bbbd2;text-align:left;}
.infoBox .list-delitos li, .infoBox .content-delitos input+label:hover {box-shadow:.2rem .4rem 0.9em rgba(0,0,0,.7);}
.infoBox .delitosBox label{cursor:pointer;}
.infoBox .delitosBox #input-1+label {top:24rem;left:15%;}
.infoBox .delitosBox #input-2+label {top:51rem;left:70%;width:25%;}
.infoBox .delitosBox #input-3+label {top:59rem;left:10%;}
.infoBox .delitosBox #input-4+label {top:63.6rem;left:70%;}
.infoBox .delitosBox #input-5+label {top:80rem;left:10%;}

.infoBox .delitosBox #label-1 .extraBox strong {color:#9bbbd2;}
.infoBox .delitosBox #label-2 .extraBox strong {color:#c75151;}
.infoBox .delitosBox #label-3 .extraBox strong {color:#899d87;}
.infoBox .delitosBox #label-4 .extraBox strong {left:86rem;color:#e5be1a;}
.infoBox .delitosBox #label-5 .extraBox strong {color:#a48da1;}

.infoBox .list-delitos li .extraBox strong:after {content:none;}

.infoBox .delitosBox #input-1:checked ~ .list-delitos #label-1 .contenBox,.infoBox .delitosBox #input-2:checked ~ .list-delitos #label-2 .contenBox,
.infoBox .delitosBox #input-3:checked ~ .list-delitos #label-3 .contenBox,.infoBox .delitosBox #input-4:checked ~ .list-delitos #label-4 .contenBox,
.infoBox .delitosBox #input-5:checked ~ .list-delitos #label-5 .contenBox {position:fixed;width:100%;height:100%;background:rgba(244,244,244,0.8);left:0;top:0;z-index:0;display:block;overflow-y:scroll;}
.infoBox .delitosBox #input-1:checked ~ .list-delitos #label-1 .extraBox, .infoBox .delitosBox #input-2:checked ~ .list-delitos #label-2 .extraBox,
.infoBox .delitosBox #input-3:checked ~ .list-delitos #label-3 .extraBox, .infoBox .delitosBox #input-4:checked ~ .list-delitos #label-4 .extraBox,
.infoBox .delitosBox #input-5:checked ~ .list-delitos #label-5 .extraBox {width:80%;margin:0 auto;float:none;display:block;opacity:1;position:relative;top:40%;}

input{clip: rect(0,0,0,0);position:absolute;top:auto;left:-100%;overflow:hidden;}


/*positioning*/   
.point-years{position: relative;}
.point-years span {z-index:1;position:relative;}
.infoBox .list-delitos li,
.infoBox .content-delitos input+label {position: absolute;display:inline-block;width:auto;height:auto;}
.contenBox {display:none;}
.content-delitos {position:relative;}
.container[data-tipo="mod_include"] .gridBox,
.container[data-tipo="mod_libre"] .cellContent .gridBox{position:static;height:102rem;display: inline-block;}
.eje-y {z-index:0;display:flex;position:absolute;}
.eje-y .point-years:after{position:absolute;}
.infoBox .list-delitos li[class*='delito'] strong {position:relative;}
.infoBox .list-delitos li input:checked ~ label .contenBox {position:fixed;width: 100%;height: 100%;background: rgba(244,244,244,0.8);left:0;top:0;z-index:0;display:block;}
.infoBox .list-delitos li input:checked ~ label .extraBox  {width:80%;margin:0 auto;float:none;display:block;opacity:1;position:relative;top:30%;}
.list-delitos [name="delitos"]{position:absolute;}
.infoBox .list-delitos li .mainBox:before {display:block;position:absolute;}
.infoBox .list-delitos li .extraBox strong {position:static;display: block;text-transform: uppercase;font-weight: 300;}
.list-delitos .mainBox .infoBox {position:relative;}

/*mediaquery*/
@media all and (max-width:1050px){
    .infoBox .delitosBox > label{font-size:2rem;}
}
@media all and (max-width:1200px){
.infoBox .delitosBox #input-1:checked ~ .list-delitos #label-1 .extraBox, .infoBox .delitosBox #input-2:checked ~ .list-delitos #label-2 .extraBox,
.infoBox .delitosBox #input-3:checked ~ .list-delitos #label-3 .extraBox, .infoBox .delitosBox #input-4:checked ~ .list-delitos #label-4 .extraBox,
.infoBox .delitosBox #input-5:checked ~ .list-delitos #label-5 .extraBox{top:20%;}
}

.link-cat.notory.size_100 .gridBox>.cell:first-child .txtsize_03 .mainBox .maintitle {font-size: 4.2rem;line-height: 4.6rem;}