/* CAROUSEL FADE
-------------------------------------------------- */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel, .item {
	height:165px;
}
.carousel-inner {
	height:100%;
	border-top:solid 3px #FFF;
	border-bottom:solid 4px #FFF; 
}
.carousel {
	margin-bottom: 0px;
	padding-top:1px;
	z-index:0;
}
.carousel-caption {
	text-align:left;
	color:#4a4a4a;
	text-shadow:none;
	left:30px;
	right:0;
	padding:0;
	/* elimina l'effetto flicker fastidioso del testo */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}
 
.carousel .item {
	background-color: #FFF;
	border:solid 1px #F00;
}
.carousel .carousel-inner .bg {
	border:none;
	background-repeat:repeat-x;
	background-size:auto;
	/*background-size:cover;*/
	background-position: center bottom;
	
}
.carousel .carousel-inner .bg1 {
	background-image:url(/img/home/bkg1.jpg);
}
.carousel .carousel-inner .bg2 {
	background-image:url(/img/home/bkg2.jpg);
}
.carousel .carousel-inner .bg3 {
	background-image:url(/img/home/bkg3.jpg);
}
.carousel .carousel-inner .bg4 {
	background-image:url(/img/home/bkg4.jpg);
}
.carousel .carousel-inner img { margin:0;}

.carousel-control { text-shadow:none; margin-top:70px; }
.carousel-control img { width:30px; height:30px;}
.carousel-control.left, .carousel-control.right { background:none;}
.carousel-indicators { display:none;}
.carousel-indicators li { background-color:#ddd; border:none; width:10px; height:10px;}
.carousel-indicators li.active { background-color:#fff; width:10px; height:10px;}
.carousel-obliquo { width:100%; height:12px; margin-top:-11px; position:absolute; z-index:999; background:#20bcfc; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 375px) { 
.carousel, .item, .active {	height:185px;}
}

@media (min-width: 480px) { 
.carousel, .item, .active {	height:240px;}
.carousel-control { height:30px; width:30px; margin:110px 2% 0 2%;}
}

@media (min-width: 540px) { 
.carousel, .item, .active {	height:320px;}
}

@media (min-width: 768px) {
/*.carousel .carousel-inner .bg { background-size:auto 450px ;}*/
.carousel, .item, .active {	height:360px;}
.carousel-control { margin:160px 2% 0 1%;}
.carousel-control img { width:40px; height:40px;}
.carousel-indicators { display:block; bottom:0px;}
}

@media (min-width: 992px) {
.carousel .carousel-inner .bg { background-position: top center;}
.carousel, .item, .active {	height:470px;}
.carousel-control { margin:220px 2% 0 1%;}
}