html,body,div { margin:0; padding:0; border:0; outline:0;}


.slider { position:relative width: 100%; overflow: hidden; margin: 0; padding: 0; border: 0; }

.slides { margin: 0; padding: 0; border: 0;
/* Simple clear fix */ overflow: hidden;

/*  Here is CSS transitions responsible for slider animation in modern browser  */
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }

.slide { float: left; list-style-type: none; clear: none; }

.slider-arrows {}
.slider-arrow { position: absolute; display: block; margin-bottom: -10px; padding: 0px; font-weight:bold; text-decoration:none }
.slider-arrow--right { bottom: 0px; right: 30px; }
.slider-arrow--left { bottom: 0px; left: 30px; }

.slider-nav { position: absolute; bottom: -10px; }
.slider-nav__item { width: 15px; height: 15px; float: left; clear:none; display:block; margin: 0 5px; background: #CCCCCC; }
.slider-nav__item:hover { background: #333333; }
.slider-nav__item--current { background: #FF0000; }

/* NAVIGAZIONE


*/