/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	float:left;
	margin-top: 0px;
	height:100px;
	width:300px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

/* este contiene a todos los li, y va despues de los botones. tiene clear para que los botones queden arriba en este ejemplo*/

.jcarousel-clip {clear:both;}

/* li que contiene los elementos, la suma de sus anchos tiene que calzar el ancho con .jcarousel-container */

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 95px!important;
    height: 95px;
	border: none;
	margin-right:6px;
	font-weight: normal;
	float: left;

}


.jcarousel-item a {color:#fff;}
.jcarousel-item a:hover {background:#678398;color:#fff;text-decoration: none;}




/* botones - pueden tener absolute para que queden abajo */

.jcarousel-next {
    z-index: 22;
	cursor: pointer;
	width:12px;
	height:14px;
	position:absolute;
top:110px;
	right:0px;
	color: #444 !important;
	font-size:16px;
	line-height: 14px;
}

.jcarousel-next:hover {background-color: #fff !important;text-decoration: underline;}

.jcarousel-prev {
  	    z-index: 22;
		cursor: pointer;
		width:12px;
		height:12px;
		position:absolute;
top:110px;
		left:8px;
	color: #444 !important;
	font-size:16px;
	line-height: 14px;		
}