body{
	background-color: #009688;
}

.contenedor{
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(8, auto);
	
	grid-template-areas: "header  header  header  header  "
	                     "header  header  header  header  "
					     "section section section section"
					     "section section section section"
						 "section section section section"	
					     "section section section section"
						 "footer footer  footer footer   "
  	                     "footer footer  footer footer   ";

}
.contenedor .header{
	border-radius: 10px;
	background: url("mate/Imagenes/imamedia.png") left top no-repeat black;
	grid-area: header;
}

.contenedor .header .espe{
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: space-between;
   height: 120px;
}


.contenedor .section{
	 border-radius: 10px;
	 background:#FFA000;
	 height: 450px;
     grid-area: section;
	 
}

.contenedor .section .general{
    border-radius: 10px;
	border-color: aquamarine;
	width: 99%;
	height: 95%;
	display: flex;
    align-items: center;
    justify-content: space-around;
}

.boton{
	border-radius: 10px;
	padding: 10px;
	background-color: black;
	margin: 5px;
	width: 200px;
	height: 200px;
	font-size: 18px;
}

.boton:hover{
	border-radius: 10px;
	padding: 10px;
	background-color: #009688;
	margin: 5px;
	width: 200px;
	height: 200px;
	font-size: 18px;
}


.contenedor .footer{
	border-radius: 10px;
	background:#FFA000;
	grid-area: footer;
    text-align: center;
}




.contenedor .section .general .titulo{
    text-align: center;
} 


 .contenedor .aside .general .titulo{
    text-align: center;
} 


.contenedor .header .tituloh1{
	color: white;
	text-align: left;
	font-size: 44px;
	margin-top: 30px;
	margin-left: 310px;
}

.Image{
    width: 130px;
    height: 130px;
    padding: 2px;
    margin: 2px;
}

.Image:hover{
    width: 160px;
    height: 160px;
    padding: 2px;
    margin: 2px;
}

.aa{
  	color:yellow;  
}