body {
  margin: 0;
  font-family: 'Arial', sans-serif;
  background-color: #f7f9f4;
}

header {
  background-color: #f0f5e7;
  padding: 15px 30px;
  border-bottom: 2px solid #c9d8b6;
}

#logo {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #f0f5e7;
}

#logo h1 {
  font-size: 28px;
  color: #3c5d2d;
  margin: 0;
}

#minititulo {
  margin-top: 10px;
  color: #4a6b3e;
  font-size: 30px;
  background-color: #f7f9f4;
}

#Apartats {
  display: flex;
  border-style: none;
  font-size: 20px;
  list-style: none;
  padding: 0.9%;
  flex-wrap: wrap;
  background-color: #a9cf77;
  justify-content: space-around;
  margin: 0;
}

li a {
  background-color: #dcedc1;
  border: 2px solid #7ca64c;
  padding: 10%;
  text-decoration: none;
  margin: 0;
  border-radius: 8px;
  color: #2b3a1d;
  transition: background-color 0.3s ease;
}

li a:hover {
  background-color: #b7db8f;
}
body{
	height: 100%; 
	font-family: 'Noto Sans', sans-serif;
  background-color: #7d9281; 
}


.contact_form{	
	width: 460px; 
  height: auto;
  margin: 80px auto;
	border-radius: 10px;  
	padding-top: 30px;
	padding-bottom: 20px;  
  background-color: #fbfbfb; 
  padding-left: 30px; 
}


input{
	background-color: #fbfbfb; 
	width: 408px; 
	height: 40px; 
	border-radius: 5px;  
	border-style: solid; 
	border-width: 1px; 
	border-color: #9cac70; 
	margin-top: 10px;  
	padding-left: 10px;
  margin-bottom: 20px; 
}


textarea{
  background-color: #fbfbfb; 
	width: 405px; 
	height: 150px; 
	border-radius: 5px;  
	border-style: solid; 
	border-width: 1px; 
	border-color: #c9ff64; 
	margin-top: 10px;  
	padding-left: 10px;
  margin-bottom: 20px; 
  padding-top: 15px; 
}


label{
  display: block; 
	float: center; 	
}


button{
	height: 45px; 
	padding-left: 5px;
	padding-right: 5px; 	
	margin-bottom: 20px; 
	margin-top: 10px; 	
	text-transform: uppercase;
	background-color: #78eb69; 
	border-color: #aeff44; 
	border-style: solid; 
	border-radius: 10px;	
	width: 420px;   
  cursor: pointer;
}


button p{
	color: #fff; 
}


span{
	color: #34942198; 
}


.aviso{
	font-size: 13px;  
	color: #0e0e0e;  
}


h1{
	font-size: 39px;  
	text-align: letf; 
	padding-bottom: 20px; 
	color: #8fff33;
}


h3{
	font-size: 16px; 
	padding-bottom: 30px;
	color: #0e0e0e;   
}


p{
	font-size: 14px; 
	color: #0e0e0e; 
}


::-webkit-input-placeholder {
 color: #a8a8a8;
}


::-webkit-textarea-placeholder {
 color: #a8a8a8;
}


.formulario input:focus{
	outline:0;
	border: 1px solid #97d848;
}


.formulario textarea:focus{
	outline:0;
	border: 1px solid #97d848;
}