*{box-sizing:border-box;margin:0px;padding:0px;} /* Estilo del documento general */

/* Configuración de la estructura general de la página, modelo 1 */
.Contenedor {
	display:grid;
	grid-template-areas:
		'Header'
		'Menu'
		'Content'
		'Table'
		'Footer';
	background-color:beige;
	gap:25px;
}

/* Estilo del encabezado  */
.Header {
	grid-area:Header;
	display:flex;
	margin:0px;
	padding:30px;
	font-family: "Imperial Script", cursive;
	justify-content: space-between;
      align-items: center;
	text-align:center;
	color:#ffffff;
	background-color:#00BCD4;
	background-image: linear-gradient(to top, #000 10%, transparent);
	border-bottom:2px solid #000;
	}

	.Header left {
		display:flex;
	}

    .logo {
      height: 150px;
      border-radius: 10px;
    }

	.Header center {
		display:flex;
	}

	.Header right {
		display:flex;
	}

		.redes {
			color:white;
			transition: color 0.5s ease;
		}

		.redes:hover{
			color:black;
		}

/* Estilo del Menú */
.Menu {
	grid-area:Menu;
	margin-top:-25px;
	display:flex;
	justify-content:center;
	gap:25px;
	padding:5px;
	width:100%;
	background-color:tomato;
}
	/* Estilo de los elementos a dentro del menú */
	.Menu a { 
		text-align:center;
		color:white;
		text-decoration:none;
		background-color:black;
		padding:10px;
		width:25%;
		border-radius:15px;
		}


/* Estilo del contenido en general */
.Content {
	padding:100px 50px;
	color:white;
	grid-area:Content;
	
}

/* Estilo de la tabla */
.Table {
	grid-area:Table;
	background-color:lightpink;}

	.Table table th {color:rebeccapurple;}
	.Table table td {color:#5f5f00;}

/* Estilo del pie de página */
	.Footer {
		grid-area:Footer;
		height:100%;
		color:white;
		line-height:3;
		background-color:#333333}
		.Footer a{
		color:white;
		text-decoration:none;}
		.columnafooter{
		float:left;
		width:50%;
		padding:20px;
	}
	.contenidofooter::after{
		content: "";
		display:table;
		clear:both;
	}

@media screen and (max-width:800px){
	.columnafooter{
		width:100%;
	}
}