body{
	font-family: Arial; 
}

a{
	text-decoration: none;
	color: black;
}

.indicadorSeccion{
	grid-area: separador;

	display: grid;
	align-items: center;

	width: 80%;
	height: 5px;
	background-color:darkseagreen;
}

.boton-comprar{
	background-color: rgb(43, 176, 43);
	border-radius: 25px;
	color: white;
	font-weight: bold;
	width: 100px;
	font-size: 14px;
}

.cabecera{
	display: grid;
	grid-template-columns: 150px 1fr 150px;
	grid-template-rows: 75px;
	
	background-color: rgb(68, 130, 59);
	color: white;

	justify-content: center;
    align-items: center;
    text-align: center;

    font-size: 20px;
    width: 100%;
}

.enlaces{
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;

	justify-content: center;
    align-items: center;

	background-color: white;
	color: black;

	font-size: 18px;

	height: 100px;

	border-bottom: solid;
    border-width: thin;

    width: 50%;

}

.redesSociales{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.logo{
	display: grid;
	
	justify-content: center;
    align-items: center;

	height: 250px;
}

.presentacion{
	display: grid;
	justify-content: center;
	/*justify-items: center;*/
	align-items: center;
}

.descripcion-blanco{
	background-color: white;
	color: black;
}

.descripcion-verde{
	background-color: rgb(212,243,215);
	color: black;
}

.descripcion{
	height:80%;
}

.descripcion-titulo{
	font-size: 27px;
	height: 20%;
}

.descripcion-texto{
	font-size: 17px;
	height: 80%;
	width: 75%;
	text-align: left;
}

.contenedor{
	display: grid;
	grid-template-columns: 1fr;

	width: 60%;
	justify-content: center;
    align-items: center;
}

.contenedor1{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;

	width: 60%;
	justify-content: center;
    align-items: center;

    border-top: solid;
    border-width: thin;
}

.contenedor2{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 500px;

	width: 60%;
	justify-content: center;
    align-items: center;

    border-top: solid;
    border-width: thin;
}

.descripcionModulos{
	display: grid;
	grid-template-columns: 20% 80%;
	grid-template-rows: 500px;

	width: 60%;
	justify-content: center;
    align-items: center;

    border-top: solid;
    border-width: thin;
}

.pie{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 30% 1fr 1fr 1fr;
	grid-template-rows: 75px;
	
	background-color: white;
	color: gray;

	justify-content: center;
    align-items: center;
    text-align: center;

    border-top: solid;
    border-width: thin;

    font-size: 12px;
    width: 100%;
}