ul#mosaico{list-style:none;padding:0;margin:0}
#mosaico li{position:relative;margin:0 0 3em 0;padding:0;display:inline-block;width:24.5%;box-sizing:border-box;vertical-align:top;overflow:hidden}
#mosaico .image{position:relative;height:190px;overflow:hidden}
#mosaico .image img{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;max-width:360px;max-height:220px;width:auto;height:auto}
#mosaico p{font-size:1.1em;padding:.3em;border-top:1px dotted #555;border-bottom:1px dotted #555;margin:0;box-sizing:border-box}
#mosaico .desc-larga{background:0 0;color:#999;margin-top:0;border:0;font-style:italic}
.no-imagen{padding:6em 0;background:#f5f5f5;display:block;text-align:center;color:#555;text-shadow:1px 1px 1px #fff;font-weight:700}
.busqueda,.busqueda+p{margin:0 0 1em 0}
.buscar-seccion{transition:all .3s ease 0s;opacity:0;background:#555;background:rgba(50,50,50,0);display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.buscar-seccion:hover{background:rgba(50,50,50,.7);opacity:1}
.buscar-seccion span,.buscar-seccion:before{position:absolute;top:52%;left:42%;color:#fff;text-decoration:none}
.buscar-seccion:before{font-family:Ionicons;content:"\f1da";top:35%;font-size:3em}
#mosaico p .num-childs{float:right}
#nav-secciones{border-bottom:1px solid #eee;padding:.3em 0;margin-bottom:2em}
#nav-secciones .element:first-child:before{content:"";padding-left:0}
#nav-secciones .element:before{content:"/";padding:0 .3em}
.coleccion{padding:0 1em;margin-bottom:2em;box-sizing:border-box}
.coleccion h2{margin-top:0}
.coleccion input{position:absolute;z-index:-10}
.coleccion .seccion{position:relative;width:auto;margin:0 .5em 1em 0;display:inline-block;min-width:96%;max-width:96%;vertical-align:top;box-sizing:border-box}
.coleccion label{width:100%;max-width:100%;float:none;display:inline-block;padding:.5em 1em .5em .5em;vertical-align:top;box-sizing:border-box;color:#555;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #ccc;border-radius:2px;line-height:1.7em}
.coleccion label:hover{cursor:pointer;background:#d5d5d5}
.coleccion label:before{position:relative;content:"\f170";font-size:18px;font-weight:700;top:1px;margin-right:5px}
.coleccion input:checked~label{background:#5b9da2;color:#fff}
.coleccion input.semi-checked+label{background:#ffe3df}
.coleccion input:checked~label:before{content:"\f16d"}
.coleccion label:before,button.desplegable{font-family:Ionicons}
.coleccion .button-desplegable{position:absolute;right:0;top:0;font-size:100%;display:inline-block;margin:0;padding:0;box-sizing:border-box}
button.desplegable{background:#d5d5d5;border:0;border-radius:0 1px 1px 0;padding:11px 5px;color:#555;font-size:1em;line-height:1.5;box-shadow:none;box-sizing:border-box;z-index:10}
button.desplegable:after{content:"\F104"}
button.desplegable.checked:after{content:"\f10d"}
button.desplegable:hover{text-decoration:none}
.sec-hijas{display:block;position:relative;top:0;right:0;left:5%;max-width:95%;max-height:0;margin-right:0;overflow:hidden;overflow-y:auto;box-sizing:border-box;transition:max-height .2s ease 0s}
.sec-hijas.checked{display:block;max-height:20em;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.coleccion .sec-hijas label:first-child{border:0}
.coleccion .sec-hijas label{border-radius:0;border-top:0;border-bottom:0;border-right:0}
.coleccion input.checkbox.checked+label{background:#5b9da2;color:#000}
.coleccion input.checked+label:before{content:"\f16d"}