/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }

.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; }

.jcarousel-list li,
.jcarousel-item {
    float: left; list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 935px; height: 481px; }


/* gallery */
.vbgallery li {
    position: relative; height: 324px; margin: 150px 0 0 0; padding: 0;
    text-align: center; background: url("img/galeria-img-bg.png") no-repeat top center !important; }
.vbgallery li img { margin-top: 19px; }  
	
.prevbox { width: 82px; height: 324px; position: absolute; bottom: 37px; left: 0; z-index: 3; }
.nextbox { width: 82px; height: 324px; position: absolute; bottom: 37px; right: 0; z-index: 3; }
a.buttprev, a.buttnext {
	display: block; background: transparent url("img/galeria-prev-next-bg.png") no-repeat 0 0;
	width: 82px; height: 324px; cursor: pointer; text-indent: -9000px; }
a.buttprev { background-position: 0 0; }
a.buttprev:hover { background-position: -82px 0; }
a.buttprev:active { background-position: -164px 0; }

a.buttnext { background-position: 0 -324px; }
a.buttnext:hover { background-position: -82px -324px; }
a.buttnext:active { background-position: -164px -324px; }
.images { width: 600px; height: 511px; overflow: hidden; }
.vbgallery { width: 935px; height: 511px !important; overflow: hidden; }
.vbgallery ul { background: none; width: 738px; margin: 150px 0 0 99px; }