body {
			font-family: Arial, sans-serif;
		}

		/* Menú */
		.menu {
		  display: flex;
		  justify-content: center;
		  padding: 5.5px;
		  background-color: transparent;
		  margin-bottom: 15px;
		}

		.menu-item {
		  position: relative;
		  margin: 0 3.3px;
		}

		/* Menú principal */
		.menu-item > a {
			color: white;
			text-decoration: none;
			padding: 4px 12px;   /* Reducido 6px 20px;*/
			display: block;
			transition: background-color 0.3s;
			border-radius: 4px;
			background-color: #c12;
			text-align: center;
			width: 120px;        /* Opcional: ancho menor 140px;*/
			font-size: 13px;     /* Fuente más pequeña 15px;*/
		}

		.menu-item > a:hover {
		  background-color: #67a;
		}

		.submenu {
		  display: none;
		  position: absolute;
		  top: 100%;
		  left: 0;
		  z-index: 1000;
		  width: 100%;
		}

		.submenu a {
			display: block;
			color: white;
			padding: 2px 0;      /* Reducido 3.3px 0;*/
			text-decoration: none;
			background-color: #c12;
			border-radius: 0 0 4px 4px;
			text-align: center;
			font-size: 12px;     /* Fuente más pequeña 13.2px;*/
			margin: 0;
		}

		.submenu a:hover {
		  background-color: #67a;
		}

		.menu-item:hover .submenu {
		  display: block;
		}

		/* Tabla pie */
		#pie {
			background-color: transparent;
			text-align: center;
		}