.iosSlider {
	
}

.iosSlider .slider {
	width: 100%;
	height: 100%;
	margin:0;
	list-style:none;
}

.iosSlider .slider .item {
	position: relative;
	top: 0;
	left: 0;
	background: #fff;
	margin: 0 0 0 0;
	padding:0;
}


.iosSlider .slider .item .caption{bottom: 0; left:0;display:block; width:618px;height: auto; padding:5px 15px 20px 15px; background: rgba(0, 0, 0, 0.6); position:absolute; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.iosSlider .slider .item .button{right:15px; bottom:5px; position:absolute}
.iosSlider .slider .item .button a{ color:#fff; text-decoration:none; font-weight:normal;
padding-left: 10px;
display: block;
height: 16px;
line-height: 16px;
background: url(images/vai.gif) left center no-repeat;
}
.iosSlider .slider .item.hovering .button a{ text-decoration:underline;}
.iosSlider .slider .item .desc{ color:#fff}
.iosSlider .slider .item .desc p{margin:0 0 5px 0; color:#fff;}

.iosSliderButtons {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 10px;
	padding: 10px 0 10px 10px;
}

.iosSliderButtons .item {
	float: left;
	width: 9px;
	height: 9px;
	background: #fff;
	margin: 0 10px 0 0;
	border: 1px solid #666;
	opacity:0.7;
}
.iosSliderButtons .item:hover{opacity:1;}
.iosSliderButtons .selected {
	background: #d50000;
	border: 1px solid #fff;
	opacity:1;
}
/* TODO: da stilare nel mobile*/
.iosSliderNav { outline: none; position: absolute; top:50%; margin-top: -20px; z-index:102; display:block; width: 30px; height:40px; overflow:hidden; text-indent: -9999px; background-repeat: no-repeat; background-image:url(images/arrows.gif); background-color:#f4f5f6; border:none; outline:none; cursor:pointer; }
.iosSliderNav.iosSliderPrev { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; left:0; background-position:7px -80px; -moz-box-shadow:2px 2px 3px #666; -webkit-box-shadow:2px 2px 3px #666; box-shadow:2px 2px 3px #666; }
.iosSliderNav.iosSliderNext { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; right:0; background-position:7px 0px; -moz-box-shadow:-2px 2px 3px #666; -webkit-box-shadow:-2px 2px 3px #666; box-shadow:-2px 2px 3px #666; }
.iosSliderNav.iosSliderPrev:hover { background-position:7px -120px; }
.iosSliderNav.iosSliderNext:hover { background-position:7px -40px; }