*{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'
		'Dropdown'
		'Slider'
		"MissionVisionValues"
		'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;
		}
	.Menu a:hover{
		background-color:pink;
	}
	/* Configuración DROPDOWN */
.dropdown {
  grid-area:Dropdown;
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.dropdown:hover .dropdown-content {
  display: block;
}


/* Estilo del Slider [Hero section]*/
/* Las imagenes deben tener tamaño 1200 de ancho por 400 de alto */
	@keyframes fader{
	0% {background: url(https://placecats.com/neo/1200/400?fit=fill); background-size:cover}
	33.33% {background: url(https://placecats.com/poppy/1200/400?fit=fill); background-size:cover;}
	66.66% {background: url(https://placecats.com/g/1200/400?fit=fill); background-size:cover;}
	100% {background: url(https://placecats.com/neo/1200/400?fit=fill); background-size:cover;}
	}
	
	#Slideshow{
		grid-area:Slider;
		max-width:1500px;
		border:thin red solid;
		margin:0 auto;
		padding:20px;
	}

	#gallery{
		max-width:1200px;
		border:thin black solid;
		margin:0 auto;
		background:skyblue;
		animation: fader 25s infinite ease-in-out;
	}
	
	/* Estilo de la misión, visión y valores*/
	.MissionVisionValues{
		grid-area:MissionVisionValues;
		padding:100px 50px;
		text-align:center;
		color:white;
		background-color:#a2a2a2;
	}
	
	.columna{
		float:left;
		width:33.33%;
	}
	.MissionVisionValues::after{
		content: "";
		display:table;
		clear:both;
	}

@media screen and (max-width:800px){
	.columna{
		width:100%;
	}
}
/* 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%;
	}
}