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 p{font-size:1.1em;padding:.3em;border-top:1px dotted #555;border-bottom:1px dotted #555;background:#555;margin:0;box-sizing:border-box}
#mosaico p a,#mosaico p span{text-transform:uppercase;color:#e5e5e5}
#mosaico .desc-larga{background:0;color:#999;margin-top:0;border:0;font-style:italic}
.no-imagen{padding:5em 0;background:#f5f5f5;display:block;text-align:center;background:url(../img/patron2.png) repeat #e0e0e0 top left;background:url(../img/patron2.png) repeat top left,linear-gradient(to right,#e0e0e0 0,#eee 33%,#eee 66%,#e0e0e0 100%);color:#555;text-shadow:1px 1px 1px #FFF;text-transform:uppercase;font-weight:bold}
.image{position:relative}
.image img{width:auto;max-width:250px;max-height:149px;display:block;margin:0 auto}
.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:before,.buscar-seccion span{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{float:right;width:47%}
.coleccion h4{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:31.7%;max-width:31.7%;vertical-align:top}
.coleccion .seccion:nth-child(3n+3){margin-right:0}
.coleccion label{width:100%;max-width:100%;float:none;display:inline-block;padding:.5em;vertical-align:top;box-sizing:border-box;color:#555;background:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coleccion label:hover{cursor:pointer}
a.desplegable,.coleccion label:before{font-family:"Ionicons"}
.coleccion label:before{position:relative;content:"\f170";font-size:18px;font-weight:bold;top:1px;left:-3px}
.coleccion input:checked ~ label{background:#d55140;color:#FFF}
.coleccion input.semi-checked+label{background:#ffe3df}
.coleccion input:checked ~ label:before{content:"\f16d"}
.coleccion .button-desplegable{position:relative;top:0;right:0;font-size:100%;display:inline-block;width:100%;margin:0;padding:0;box-sizing:border-box}
a.desplegable{position:absolute;width:auto;padding:8px 2px;top:-35px;left:88.5%;z-index:10;background:#d5d5d5;border:0;color:#555;box-sizing:border-box}
a.desplegable:hover{text-decoration:none}
.sec-hijas{transition:max-height .2s ease 0s;position:relative;display:block;max-height:0;overflow:hidden;top:0;right:0}
.sec-hijas.checked{display:block;width:100%;background:#d5d5d5;max-height:20em}
.coleccion .sec-hijas label:first-child{border:0}
.coleccion .sec-hijas label{background:#e5e5e5;border-top:1px solid #FFF}
.coleccion input.checkbox.checked+label{background:#d55140;color:black}
.coleccion input.checked+label:before{content:"\f16d"}