.carousel-control-prev-icon, .carousel-control-next-icon {
	background-color: #CCCCCC;
}

.carousel-indicators div {
	width:50px;
	height:50px;
	border:1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}

.carousel-indicators div.active {
	border:1px solid #a94442;
}

/* Esto es para lograr containers de imagen responsive y cuadrados en el carousel */
.square {
  position: relative;
  width: 100%;
}
.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.content {
  position: absolute;
  width: 100%;
  height: 100%;
}