@charset "utf-8";
/* CSS Document */

/* WRAPPER */
.crossfade-wrapper{
	background:url(../crossfade/img/progress.gif) center center no-repeat #FFFFFF;
	position:relative;
}
/*.crossfade-rounded {
	-webkit-border-radius: 20px;
	-moz-border-radius:  20px;
	border-radius: 20px;
}*/
.crossfade-hVar {
    content:"";
    display:block;
}

/* RESPONSIVE */
.crossfade-responsive img{
	width:100%;
	height:auto;
	vertical-align:text-bottom;
}

/* CROSSFADE */
.crossfade{
    display: none;
    position: relative; 
	overflow:hidden;
}
.crossfade .bImg1, .crossfade .bImg2 {
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    z-index: 1; 
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center center;
}
.crossfade .bImg2 {
    z-index: 2; 
}

/* CONTENUTI */
.crossfade .contenuti-wrapper{
	display:block;
    position: absolute; 
    bottom: 0; 
    right: 10%; 
	width:80%;
	height:60px;
	color:#FFFFFF;
	background-color:rgba(0,0,0,0.50);
	z-index:3;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
}

/* NAVIGAZIONE */
.crossfade a.direzione{
	display:block;
	z-index:11;
	width:30px;
	height:100px;
	position:absolute;
	top:50%;
	margin-top:-50px;
	background-image:url(img/ico-freccia.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,0.40);
	/*border:2px solid #666666;*/
	box-sizing:border-box;
	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.crossfade a.direzione:hover{
	width:50px;
	background-color:rgba(255,255,255,0.70);
	/*background-position:20px center;*/
}
.crossfade-avanti{
	right:0;
}
.crossfade-indietro{
	left:0;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);	
}

/* LISTA */
.crossfade-wrapper ul.lista{
	display:block;
	position:absolute;
	z-index:10;
	width:100%;
	left:0;
	bottom:10px;
	margin:0;
	padding:0;
	/*background-color:#FFCC00;*/
	text-align:center;
}
.crossfade-wrapper ul.lista li{
	display:inline-block;
	width:8px;
	height:8px;
	margin:0 5px 0 0;
	padding:0;
	border-radius:100%;
	background-color:#FFFFFF;
	border:1px solid #666666;
	/*cursor:pointer;*/
}
.crossfade-wrapper ul.lista li.attivo{
	background-color:#333333 !important;
}
.crossfade-wrapper ul.lista li:hover{
	/*background-color:#CCCCCC;*/
}
.crossfade-wrapper ul.lista li:last-child{
	margin-right:0;
}