/*** Since the content is loaded via javascript, we set display:none to hide the carousel completely from browsers  having javascript disabled. jCarousel will show it automatically.**/
#mycarousel {
    display: none;
}

/** This <div> element is wrapped by statically around the list inside the HTML document.***/
.jcarousel-scope  /*ancho de la zona donde esta la imagen*/
{
    position: relative;
    width: 380px;
	 float:none;
    padding: 5px 8px 0px 12px; /*con esto modifico posiciones de la imagen en altura y de distancia realitiva entre flechas*/
  /*  -moz-border-radius: 10px;
    background: #D4D0C8;
    border: 1px solid #808080;*/
}
.jcarousel-list li {
    width: 77px;
    height: 77px;
    margin-right: 5px;
}


.jcarousel-list li a { 
    display:block;
	 border: 1px solid #444240;
    outline:none;
    -moz-outline:none; 
	 text-indent:-9999px;
	 
}

.jcarousel-list li a:hover { 
   border: 1px solid #a62963; 
}

.jcarousel-list li a img { 
    display:block; 
}


/*** The button-elements are added statically in the HTML document to illustrate how to cutomize the prev/next controls. ***/
.jcarousel-next {
    position: absolute;
    top: 5px;
    right: 5px;    
	 cursor: pointer;
}
.jcarousel-next-disabled {
    cursor: default;
}
.jcarousel-prev {
    position: absolute;
    top: 5px;
    left: 0px;
    cursor: pointer;
}
.jcarousel-prev-disabled {
    cursor: default;
}
.loading {
    position: absolute;
    top: 30px;
    right: 140px;
    display: none;
	/* z-index: 1000;*/
}