.galleriaFotoScorrevole
{
    width: 100%;
    height: 465px;
    position: relative;
    overflow: hidden;
}
.galleriaFotoScorrevole:hover .tastoDirezionale{ height: 100%; }

.divSlider{position: relative; width:350px; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block;}
.fotoSlider{position: absolute; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 5;}
.pannelloSlider{position: absolute; bottom: 0px; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.4); overflow: hidden; transition: .5s ease; z-index: 8;}
.divSlider:hover .pannelloSlider{ height: 100%; cursor: pointer; }
.testoPannelloSlider {white-space: nowrap; color: white; opacity: 1; font-size: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.testoPannelloSlider a{ color: white; }

.contenitoreSlider
{
    /*left: 50px; /*PER AVERE 40PX DI SPAZIO BIANCO AI LATI*/
    /*width: calc(100% - 100px);*/
	left: 0px;
	width: 100%;
	height: 100%;
    white-space: nowrap !important;
    position: relative;
    background: none;
	overflow-y: hidden;
    overflow-x: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Tasto Precedente */
.tastoPrecedente
{
    height: 100%;
	width: 5%;
    position: absolute;
    left: 0;
    z-index: 10;
}
.tastoPrecedenteLivelloUno
{
	height: 0%;
	width: 100%;
	background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.tastoPrecedenteLivelloDue
{
    height: 100%;
	width: auto;
	background-image: url('../../immagini/icone/iconaPrecedente.png');
	background-size: 40%;
	background-position: center;
	background-repeat: no-repeat;
}

/* Tasto Successivo */
.tastoSuccessivo
{
    height: 100%;
	width: 5%;
    position: absolute;
    right: 0;
    z-index: 10;
}
.tastoSuccessivoLivelloUno
{
	height: 0%;
	width: 100%;
	background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5));
}
.tastoSuccessivoLivelloDue
{
    height: 100%;
	width: auto;
	background-image: url('../../immagini/icone/iconaSuccessivo.png');
	background-size: 40%;
	background-position: center;
	background-repeat: no-repeat;
}

