body
{
	/* background-color: white; */
}
*{

}

.main{
	width: 100%;
	height: 200vh;
	display: flex;
	flex-direction: column;
}


.header{
	height:100%;
	max-height: 20%;
	display: flex;
	flex-direction: column;
}
/*------- area de secciones de rectangulos de colores*/
/*    ------- -Div section 1 ---------*/
.divSection1{
width: 100%;
height: 80vh;
background-color: #5993b9;

}

.divSection1Up{
width: 100%;
height: 40%;
}
.info-parrafo1 {
  color: white;
   height: 70%;
  font-size: 60px;
  text-align: center;
  background-color: transparent;
  padding: 80px 0 0 0;
}
.info-parrafo2{
  color: white;
  height: 30%;
  font-size: 25px;
  text-align: center;
  background-color: transparent;
  padding: 20px;
}

.divSection1Down{
width: 100%;
height: 60%;
display: flex;
flex-direction: block;

}
.contenedorImage1{
	width: 33%;
	background-color: #88bada;
	margin:0 10px 2px 10px;

}
 .img-ajustada{
width: 100%;
height: 80%;

}
.contenedorImage1 p{
text-align: center;
margin-top: 10px;
font-size: 25px;
color: white;
}
.contenedorImage2{
	width: 33%;
	background-color: #88bada;
	margin:0 10px 2px 10px;

}
 .img-ajustada2{
width: 100%;
height: 80%;

}
.contenedorImage2 p{
text-align: center;
margin-top: 10px;
font-size: 25px;
color: white;
}

.contenedorImage3{
	width: 33%;
	background-color: #88bada;
	margin:0 10px 2px 10px;

}
 .img-ajustada3{
width: 100%;
height: 80%;

}
.contenedorImage3 p{
text-align: center;
margin-top: 10px;
font-size: 25px;
color: white;
}

/*    ------- -Div section 2 ---------*/


.divSection2{
width: 100%;
height: 80vh;
background-color: #fdf6f6;

}


.divSection2Unic{
width: 100%;
height: 100%;
display: flex;
flex-direction: block;
}
.contenedor1{
width: 30%;
height: 100%;
/*margin-top:20% ;*/
padding-top : 20%;

}

.textNosotros{
	text-align: center;
	font-size: 55px;


}
.textNosotros2{
		margin-top: 10px;
	text-align: center;
	text-anchor: center;
	font-size: 20px;
}

.contenedor2{
width: 30%;
height: 100%;
margin-right:5%;

}
.section2cont2img2{
width: 100%;

height: 100%;

}
.contenedor3{
width: 30%;
height: 100%;
}
.section2cont2img3{
width: 100%;

height: 100%;

}
/*    ------- -Div section 3 ---------*/


.divSection3{
width: 100%;
height: 80vh;
background-color: #3ac6b9;

}

.divSection3Up{
width: 100%;
height: 20%;
}
.divSection3Up p{
	text-align: center;
	font-size: 30px;
	color: white;
}
.divSection3Down{
width: 100%;
height: 80%;

}

/*--- division de medidias para carrosel*/

.carousel-inner
{
	width:20%;
	height: 100vh;
	
}
.carousel-item{
	padding-top: 5%;
	padding-right:5%;
	padding-left: 5%;
	width:100%;
	height: 100%;
	align-item: center;
}

.carousel-item img{
	
	width:100%;
	height: 100%;
	align-item: center;
}













/*    ------- -Div section muestra ---------*/
.divMuestraInicio{
display: flex;
    flex-direction: row;
	justify-content: space-between;
}
.columnIzquierdo 
{
	/* background-image: url("Images/Login/Login.JPG");  */
	
	width:50%;
    background-repeat: no-repeat; /* evitemos que se repita en cuadricula esta cosa */
    height: 100vh; 
   background-color: red;
   padding: 20px;
  }

.columnDerecho{
	width:50%;
	height: 100vh; 
   background-color: green;
   padding: 20px;
   
}



/* Se realiza las condiciones del footer */

footer{
	/* position:relative; */

	/*
	max-height:200px;
	*/
	}