*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

	body{
		font-family: 'Open sans',sans-serif;
	}

header{
/*background: #43cea2;  /* fallback for old browsers */
/*background: -webkit-linear-gradient(to right, #185a9d, #43cea2);  /* Chrome 10-25, Safari 5.1-6 */
/*background: linear-gradient(to right, #185a9d, #43cea2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


	/*height: auto;
	padding: 48px;
	width: 100%;
	background: #009245;  /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right,#1cd6ef,#009245);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #1cd6ef, #009245); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   /* margin-top: 20px;*/
    padding: 24px;
    width: 100%;


}
img{
	width: 40%;
	box-sizing: border-box;
}
.textos{
	display: flex;
	width: 25%;

}
.menutop{
	width: 35%;

}
.textos p{
	
	color: #009245;
	margin-top: 210px;
	
}
.menutop{
	display: flex;
	flex-direction: row;
	margin-top: -200px;
}
.menutop a{

	margin: 10px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	margin-top: 20px;
	border: 1px solid #333;
	width: 150px;
	border-radius: 3px;
	text-align: center;
	padding: 10px 0;
	background: #009245;
	text-transform: uppercase ;

}
.textos h2, p{
	color: #333;
}
.container{
	width: 95%;
	max-width: 1200px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: auto;

}
.textos a{
	display: inline-block;
	color: white;
	font-weight: 300;
	text-decoration: none;
	margin-top: 20px;
	border: 1px solid #333;
	width: 150px;
	border-radius: 3px;
	text-align: center;
	padding: 10px 0;
	background: #009245;

}
.textos p{
	color:#807F7F;/* #d32222;*/
	font-weight: bold;
	font-size: .8rem;
}
.textos a:hover{
	background-color: #1cd6ef;

}
.menutop a:hover{
	background-color: #1cd6ef;

}
@media (max-width: 768px){
	.container{
		flex-direction: column;
	}
	.menutop{
		display: none;
	}
	.textos{
		
		
		order: 2;


	}
	.textos h1,h2,p{
		color: white;
		font-size: 80%;
		text-align: center;

	}
	.textos h1{
		margin-top: 10px;
	}
	.textos{
		display: none;
	}
}
@media (max-width: 450px){
	.textos{
		display: none;
	}
	img{
		width: 100%;
	}
	

}
nav{
	
	background-color:#009245;/* #1cd6ef;*/
	display: flex;
	justify-content: space-around;
	font-weight: bold;
}
nav a{
	color: #fff;
	text-decoration: none;

	padding: 15px;
	text-transform: uppercase;
	transition: background-color .3s linear;
}
nav a:hover{
	background-color: #1cd6ef;
	cursor: pointer;
	color:#333;/* #d32222;*/
}
@media (max-width:450px){
	nav{
		flex-direction: column;
		text-align: center;
	}
}

.historia{
	background-color: #807F7F;
	width: 100%;
}



.contenido{
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	gap: 5px;
	padding-bottom: 10px;
	align-items: center;
	margin: 0 auto;
	

}
.contenido p{
	color: white;
	width: 80%;
	text-align: justify;
	font-size: 18px;

}
.contenido .contenido-nosotros p{
	color: white;
	width: 100%;
	text-align: justify;
	font-size: 18px;
}
.contenido img{
	width: 20%;
	border-radius: 50%;
	margin-right: 10px;
}
.historia h2{
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	text-transform: uppercase;
}
.mt{
	display: block;
	margin-top: 10px;
}
.contenido-nosotros{
	display: flex;
	flex-direction: column;
	
}
@media (max-width: 768px){
	.contenido{
		flex-direction: column;
	}
	}

	.contacto{
	background-color: #807F7F;
	width: 100%;
}
.nosotros{
	background-color: #807F7F;
	width: 100%;
	margin: 10px 0px;
}
.contacto h2{
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	text-transform: uppercase;
}
.nosotros h2{
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	text-transform: uppercase;
}
.titulo{
	text-decoration: underline;
	color: #1cd6ef;
	font-weight: bold;
}

.contacto-content {
    width: 100%;
    height: 100%;
    padding: 30px 0;
    text-align: center;
}

.contacto-content h2 {
    font-size: 45px;
    text-transform: uppercase;
}

.contacto-content h2,
.contacto-content p {
    padding: 10px 50px;
}

.contacto-group {
    width: 100%;
    box-sizing: border-box;
    margin-top: 30px;
    padding: 0 50px;
    display: flex;
}

.frmcontacto {
    width: 100%;
    margin: 0 auto ;
}

.form-control {
    width: 98%;
    margin: 5px 0;
    line-height: 30px;
}



.btn-enviar {
    display: block;
    width: 98%;
    background-color: #009245;
    color: white;
    font-weight: bold;
    padding: 0.7rem 1.5rem;
    margin: 5px 0;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.4s ease;
    margin-left: 0px;
}
.btn-enviar:hover{
	background-color: #1cd6ef;
}

footer {
    background-color: #009245;
    color: #fff;
    height: 15vh;
    text-align: center;
}

.social {
    margin-top: 15px;
    padding: 20px;
}

.social label a {
    color: #fff;
    margin: 0 5px;
}

.social label i {
    font-size: 25px;
}

.social label i:hover {
    color: #1cd6ef;
}

.empresa {
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.empresa p{
    color: white;
    font-weight: bold;
}