/*
negro: #000000
rojo: #FB0000
*/

/*BANNER NOSOTROS*/
.banner-nosotros {
	overflow: hidden;
	max-width: 1500px;
	position: relative;
	z-index: -1000;
  margin: auto;
	background-image: url(../img/nosotros-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
	background-attachment: fixed;
  height: 360px;
	text-align: center;
}
.banner-nosotros:before {
  content: "";
  position: absolute;
	z-index: -90;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}
/*NOSOTROS*/
#nosotros {
  background: #eee;
}
.index-titulo {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.6em;
  font-weight: 600;
	text-align: center;
	letter-spacing: -1px;
	color: #333;
}
.index-txt {
  max-width: 960px;
  margin: auto;
  font-size: 1em;
  color: #333;
  text-align: center;
}
.grupo-nosotros {
  max-width: 1400px;
  margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.columna-nosotros {
  background: #fff;
	width: 90%;
	margin: 1%;
	text-align: center;
	border: 1px solid #eee;
/*le damos flex y flex-wrap*/
	display: flex;
	flex-wrap: wrap;
}
.subcolumna {
/*importante*/
	width: 100%;
}
.nosotros-img {
	height: 280px;
	object-fit: cover;
}
.nosotros-titulo {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	padding: 10px;
  font-weight: 800;
	text-align: center;
	letter-spacing: -1px;
	color: #333;
}
.nosotros-txt {
	color: #333;
	padding: 0 10px;
}
.vermas {
	font-size: 0.9em;
	width: 90%;
  margin: 20px auto;
  background: #fb0000;

	color: #fff;
	padding: 10px 0;
/*enviamos el boton al final de la columna*/
	align-self: flex-end;
}
.vermas:hover {
}

/*VALORES*/
#valores {
	max-width: 1500px;
	margin: auto;
	overflow: hidden;
	background: #fff;
}
.grupo-valores {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.columna-valores {
	margin: 2px;
	border: 5px solid #fb0000; 
	width: 48%;
}
.valores-titulo {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	padding: 15px 0;
  font-weight: 800;
	text-align: center;
	letter-spacing: -1px;
	color: #333;
}

/*ESTILOS RESPONSIVE*/
@media (min-width: 450px) {

}

@media (min-width: 768px) {

/*BANNER*/
.banner-nosotros {
  height: 560px;
}
	
.index-titulo {
	font-size: 4em;
}

.columna-nosotros {
	width: 30%;
}
.columna-valores {
	width: 15%;
}
}

@media (min-width: 1024px) {
.columna-nosotros {
	width: 30%;
}

}