/* layout */

.galleryHolder ul, .galleryHolder ul li {
margin:0;
padding:0;
}

.galleryHolder ul{
list-style-type: none;
display: block;
clear: both;

}

.galleryHolder ul li{
float:left;

}


/* Galeria de 48 x 48px  con corondeles de 16 px */

.content_56x56_16 ul li, .content_96x96_16 ul li, .content_110x110_16 ul li {
margin:0 16px 1em 0;

}

.content_98x98_8 ul li{margin:0 8px 8px 0;
height: 98px;
overflow: hidden;

}


.content_56x56_16 ul li a{
width: 56px;
height: 56px;
overflow: hidden;
}


/* Galeria de 96 x 96px  con corondeles de 16 px */


.content_96x96_16 ul li{
width: 96px;
height: 96px;
overflow: hidden;
}

.lightcolors.content_96x96_16 ul li{
width: 94px;
height: 94px;
border:1px solid #dedede;
overflow: hidden;

}

.content_98x98_8 ul li a{
width: 92px;
height: 92px;
overflow: hidden;
}

.lightcolors.content_98x98_8 ul li{
width: 96px;
height: 96px;
border:1px solid #dedede;
overflow: hidden;

}

.content_110x110_16 ul li a{
width: 110px;
height: 110px;
overflow: hidden;
}

.lightcolors.content_110x110_16 ul li{
width: 108px;
height: 108px;
border:1px solid #dedede;
overflow: hidden;

}

.gutterext-span-12{
width:504px;
}

/* diseno */
/*

<div class="span-12 last">
<p>A continuaci—n el muestrarios de productos de Formica clasificados por tipo de productos. Recuerde que el color de los productos aqu’ desplegado depende de que su monitor est‡ calibrado corrˇctamente. Tome su decisi—n de compra usando una muestra real</p>

</div>

<h3>Maderas</h3>

{jumi [gallery_list.php] idGaleria[3] ancho-thumb[96] ancho-image[320] clase[galleryHolder content_96x96_16 span-16 last]}*/