/*--------------------------------------------------------------
	JSSOR GALLERY
--------------------------------------------------------------*/

/*------- Jssor Structure -------*/

#slider1_container {
	position: relative;
	top: 0px;
	left: 0px;
	background: #f7f5f3;
	overflow: hidden;
}

/*------- Loading -------*/
#slider1_container .loading { position: absolute;top: 0px;left: 0px; }
#slider1_container .loading .sfondo { filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%; }
#slider1_container .loading .icona { position: absolute; display: block; background: url(images/loading.gif) no-repeat center center; top: 0px; left: 0px;width: 100%;height:100%; }

/*------- Arrows -------*/
#slider1_container .arrow-nav { width: 40px; height: 40px; top: 158px; }
#slider1_container .arrow-nav.left { left: 18px; }
#slider1_container .arrow-nav.right { left: 532px; } /* = Larghezza container imm grande - larghezza arrow - 8px */

/*------- Contenitore Immagine Grande -------*/
#slider1_container .container { cursor: move; position: absolute; left: 0; top: 0px; width: 530px; height: 350px; overflow: hidden; }

/*------- Contenitore Thumbnails -------*/
#slider1_container #thumb_navigator { position: absolute; width: 530px; height: 100px; right:0px; top: 360px; }
#slider1_container #thumb_navigator .item { cursor: move; }
#slider1_container #thumb_navigator .item .p { top: 0;left: 0; }

#slider1_container .thumbnailtemplate { width: 100%; height: 100%; border: none;position:absolute; top: 0; left: 0; }

/*------- Arrow Navigator Skin -------*/

/* jssor slider arrow navigator skin 05 css */
thumbnailtemplate
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(images/a17.png) no-repeat;
	overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/


/*------- Thumbnail Item Skin -------*/

/* jssor slider thumbnail navigator skin 02 css */

.jssort02 .w {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.jssort02 .c {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 88px; 		/* = Larghezza thumbnail - 4px */
	height: 59px; 		/* = Altezza thumbnail - 4px */
	border: rgba(0,0,0,0.5) 0px solid;
}

.jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c  {
	background: url(images/t01.png) center center;
	border-width: 0px;
	top: 0px;
	left: 0px;
	width: 88px;		/* = Larghezza thumbnail - 4px */
	height: 59px;		/* = Altezza thumbnail - 4px */
}

.jssort02 .p:hover .c, .jssort02 .pav:hover .c {
	top: 0px;
	left: 0px;
	width: 88px;		/* = Altezza thumbnail - 2px */
	height: 59px;		/* = Altezza thumbnail - 2px */
	border: #fff 0px solid;
}

/*
.jssort02 .p            (normal)
.jssort02 .p:hover      (normal mouseover)
.jssort02 .pav          (active)
.jssort02 .pav:hover    (active mouseover)
.jssort02 .pdn          (mousedown)
*/