/* CSS used here will be applied after bootstrap.css */
/*.carousel {
    margin-top: 20px;
}
.item .thumb {
	width: 25%;
	cursor: pointer;
	float: left;
}
.item .thumb img {
	width: 100%;
	margin: 2px;
}
.item img {
	width: 100%;	
}*/

.carousel-tt {
	margin-top: 20px;
}
.item-t .thumb {
	width: 25%;
	cursor: pointer;
	float: left;
}
.item-t .thumb img {
	width: 100%;
	margin: 2px;
}
.item-t img {
	width: 100%;	
}

/* Sombra de la imagen principal*/
.sombra1 {
  box-shadow: 0 0 5px #777;
}

.sombra2 {
  box-shadow: 0 10px 6px -6px #777;
}