.liquid {
	background:#F7F7F7  repeat-y scroll 50% 0;
	border:1px solid #F7F7F7;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	padding:10px 0;
}
.liquid .previous {
	display:block;
	height:128px;
	width:64px;
	background-image:url('../images/previous.png');
	float:left;
	margin:0;
	padding:0;
}
.liquid .next {
	display:block;
	height:128px;
	width:64px;
	background-image:url('../images/next.png');
	float:right;
	margin:0;
	padding:0;
}
.liquid ul li {
	width:180px;
	padding:0 2px;
	margin:0;
}
.liquid ul li a img {
	-moz-box-shadow: 5px 5px 3px white;
   	-webkit-box-shadow: 5px 5px 3px white;
   	box-shadow: 5px 5px 3px #222;
}



		
#sombra {
float:left;
padding:0 5px 5px 0; /*Esta es la profundidad de nuestra sombra, s� haces m�s grandes estos valores, el efecto de sombra es mayor tambi�n */
background: url(../../../../_imagenes/catalogo/css-efecto-sombra.gif) no-repeat bottom right; /*Aqu� es donde ponemos la imagen como fondo colocando su ubicaci�n*/
} 


#sombra img {
display:block;
position:relative;
top: -3px; /* Desfasamos la imagen hacia arriba */
left:-3px; /*Desfasamos la imagen hacia la izquierda */
padding:5px;
background:#FFFFFF; /*Definimos un color de fondo */
border:1px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}
