/* CSS Document */

.slideshow20 {
	position: relative;
	width:100%;
	
	background-color: #DDD;
	
	overflow: hidden;
}

.slideshow20 img {
	padding: 0px !important;
	margin: 0px!important;
	border: none !important;
}

.slideshow20_slide {
	position:relative;	
	width: auto;	
	max-width: 100%;
	float: left;
	text-align: center;
}

.slideshow20_bloccotesti {
	position: absolute;
	width: max-content;
	max-width: calc(100% - 120px);
}

.slideshow20_bloccotesti > div {
	padding: 20px;
}

.slideshow20_bloccotesti > div > div:last-child {
	margin-bottom: 0px;
}

.slideshow20_bloccotesti_titolo {
	margin-bottom: 10px;
}

.slideshow20_bloccotesti_testo {
	margin-bottom: 10px;
}

.slideshow20_sposta_indietro, .slideshow20_sposta_avanti {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	font-size: 60px;
	color: #000000;
	text-shadow: 2px 0 0 #ddd, -2px 0 0 #ddd, 0 2px 0 #ddd, 0 -2px 0 #ddd, 1px 1px #ddd, -1px -1px 0 #ddd, 1px -1px 0 #ddd, -1px 1px 0 #ddd;
	opacity: 0.4;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}


.slideshow20_sposta_indietro {
	left: 0;
}

.slideshow20_sposta_avanti {
	right: 0;
}
.slideshow20_sposta_indietro:hover, .slideshow20_sposta_avanti:hover {
	opacity: 1;
}


.slideshow20_selectBlock {
	position: absolute;
    bottom: 0;
    right: 5px;
    text-align: center;
    z-index: 1;
    height: 25px;
    display: inline-flex;
    align-items: center;
}


.slideshow20_select_bull {
	display: inline-block;
	cursor: pointer;	
	margin: 0 1px;
	opacity: 0.4;	
	-webkit-transition: all 200ms ease-in-out;	
	-moz-transition: all 200ms ease-in-out;	
	-ms-transition: all 200ms ease-in-out;	
	-o-transition: all 200ms ease-in-out;	
	transition: all 200ms ease-in-out;	
	-webkit-border-radius: 50%;	
	-moz-border-radius: 50%;	
	border-radius: 50%;	
	width: 9px;	
	height: 9px;	
	background-color: #fff;	
	border: solid 0.5px #666;
}


@media all and (max-width: 999px) {	
	.slideshow20_bloccotesti > div {
		padding: 5px;
	}
	.slideshow20_bloccotesti_titolo {
		margin-bottom: 5px;
	}
	.slideshow20_bloccotesti_testo {
		margin-bottom: 5px;
	}
	.slideshow20_select_bull {
		width: 12px;	
		height: 12px;	
		margin: 0 2px;
	}
	
	


}

.slideshow20_select_bull.slideshow20_select_bull_selected {
    opacity: 0.7;
}

.slideshow20_select_bull:hover {
    opacity: 1;
}