

/************************************************
	      JCAROUSEL LITE		
************************************************/
#list {
	float:left;
}

.slider {
	position:relative;
	width:100% !important;
	max-width:580px!important;
}
	
.slider ul {
	height:300px;
}

.slider ul li {
	width:420px!important;
	margin-left:90px;
	margin-right:-90px;
}

.prev, .next{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin:0;
	z-index:20;
	width:70px;
	height:300px;
	cursor:pointer;
	display:block;
	background:url(prev-horizontal-3.png);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
.next{
	left:auto;
	right:0;
	background:url(next-horizontal-3.png);
}
.prev:hover,
.next:hover {
	border-radius: 0 !important;
}

.jcarousel-skin-tango .jcarousel-container {
	/*background: #eeeeee;*/
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	max-width: 450px; /*580*/
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 70px;
	/*border: 1px solid #F00;*/
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	max-width: 450px; /*580*/
	height: 145px;
	/*border: 1px solid #F00;*/
}


.jcarousel-skin-tango .jcarousel-item {
    width: 130px;
    height: 120px;
}
.jcarousel-skin-tango .jcarousel-item .product-image {
	height:83px;
	width: 110px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin: 0 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 40%;
    right: 10px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}
.jcarousel-prev,
.jcarousel-next {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -45px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -90px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -90px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 40%;
    left: 5px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -45px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -90px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -90px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
@media only screen and (max-width: 979px) {
	#box-fotogallery,
	.slider {
		max-width: 398px !important;
		margin:0 auto;
	}
	.slider ul li {
		width: 398px !important;
		margin-left: 0;
		margin-right: 0;
	}
	.text-img-gallery{
		padding:6px 31px !important;
	}
	.jcarousel-skin-tango .jcarousel-clip-horizontal {height:auto;}
	.jcarousel-skin-tango .jcarousel-item .product-image {
		width:100%;
		height: 107px;
		background-size: 100% auto;
	}
	.jcarousel-skin-tango .jcarousel-item {
		width:89px;
		margin:0 14px;
	}
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		max-width: 353px;
		padding: 20px 40px;
		margin:0 auto;
	}
	.box-container-nostri-prodotti h1 {
		font-size:14px;
	}
}
@media only screen and (max-width: 768px) {
	#box-fotogallery,
	.slider {
		max-width: 310px !important;
	}
	.slider ul li {
		width: 310px !important;
	}
	#contens-sx1 h1.title-page2 {
		font-size:30px;
	}
	.prev, .next {
		width:40px;
		background-position:-17px -25px;
	}
	.box-container-fotogallery,
	.slider ul li,
	.slider ul {
		height: 250px !important;
	}
	.icon-lens-gallery {
		left: 116px;
		top: 52px;
	}
	.jcarousel-skin-tango .jcarousel-item {
		width: 101px;
	}
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		max-width: 245px;
		padding: 10px 40px;
	}
}
@media only screen and (max-width: 600px) {
	#box-fotogallery,
	.slider {
		max-width: 360px !important;
	}
	.slider ul li {
		width: 360px !important;
	}
	.icon-lens-gallery {
		left: 136px;
	}
}
@media only screen and (max-width: 480px) {
	
	#box-fotogallery,
	.slider {
		max-width: 300px !important;
	}
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		max-width: 220px;
	}
	.jcarousel-skin-tango .jcarousel-item .product-image {
		background-size: 50% auto;
	}
	.jcarousel-skin-tango .jcarousel-item {
		width:212px;
		margin: 0;
	}
	.slider ul li {
		width: 300px !important;
	}
	.icon-lens-gallery {
		left: 110px;
	}
}