/* 
} */
body{
	position: relative;
}
.bg-yellow {
	background-color: #43516c;
	transition: all 1s ease;
}
.slider__caption {
	background: rgba(67,81,108,.5);
	color: #fff;
	padding: 0 1em;
	border-radius: .5em;
	/* bottom: -5em; */
	/* left: 1em; */
}

.subtitulo-servicios {
	color: #2D353E;
	
}

.fondo {
	background: #43516c url(../img/bg_services.png);
	background-size: cover;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	/* margin-bottom: 4rem; */
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
	z-index: 10;
	bottom: 3rem;
  }
  
  /* Declare heights because of positioning of img element */
  .carousel-item {
	height: 32rem;
	background-color: #777;
  }
  .carousel-item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 32rem;
  }
  



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
  }
  .marketing h2 {
	font-weight: normal;
  }
  .marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
  }
  
/* FOOTER */
  .piedepagina {
    color: #fff;
    text-align: center;
	}

	.lista-contacto {
		color: #43516c;
		margin-bottom: 1rem;
		/* margin-left: -.5rem; */
		-webkit-transition: all 1s ease;
				transition: all 1s ease;
		text-decoration: none;
		list-style: none;
	}
	.lista-contacto a:hover {
		color: #43516c;
		text-decoration: none;
	}
	.lista-contacto a:after {
		color: #43516c;
		text-decoration: none;
	}
	.lista-contacto a:focus {
		color: #43516c;
		text-decoration: none;
	}
	.lista-contacto li .fa {
		margin-left: -1.5rem;
	}

	.text-color {
		color: #2D353E;
	}



	.primary {
		max-width: 50px;
		border-width: 3px;
		border-color: #2D353E;
	}

	.primary2 {
		max-width: 100%;
		border-width: 2px;
		border-color: #2D353E;
	}


	/* @media (min-width: 992px) {
		.banner {
			display: flex;
			align-items: center;
			background: url("../img/banner.jpg") no-repeat center center;
			background-size: cover;
			max-width: 100%;
			height: 50vh;
			top: 0;
			left: 0;
	} */