body {
	background-color: green;
		}
/* MENU PRINCIPAL */

#Menu li{
	list-style-type: none;
	margin-left: -5%;
	text-align: center;
}

.principal a{
	font-size: 40px;
	background-color: #006400;
	color: white;
	text-decoration: none;
	padding: 5px 30px 5px 30px;
	border-radius: 10px 200px 10px 200px;

}

#Menu act-ivo {
	animation: color_change 2s ease-in 1s infinite;
    
}
@keyframes color_change{
50% {color:orange};
}

/* MENU SECUNDARIO */

#Menu2 li{
margin-left: -2%;
list-style-type: none;
text-align: center;

}

.secundario a{
	font-size: 22px;
	color: white;
	padding: 10px 20px 10px 20px;
	text-align: center;
	text-decoration: none;
	margin: 10px;
	background-color: #8A2BE2;
	border-radius: 15px;
}

.secundario act-ivo{
	font-size: 22px;
	font-weight: bold;
	color: white;
	padding: 10px 20px 10px 20px;
	text-align: center;
	text-decoration: underline;
	margin: 10px;
	background-color: #731BC2;
	border-radius: 15px;
}

/* CATEGORIAS */

.tabla {
	width: 100%;
	}

.fila {
	flex-wrap: wrap;
	display: flex;
	width: 99.6%;
	}
	
.duo   {
	display: block;
	width: 32%;
	margin: auto;
	text-align: center;
	color: white;
	}

.duo h1 {
	margin: 25px 5px 0 5px;
}

.duo h2 {
	margin: 25px 5px 0 5px;
}
.duo a {
	text-align: center;
	color: white;
	text-decoration: none;
}
	
.fotocategoria {
	width: 100%;
	border-radius: 50px;
	}
	
.oculta {
	visibility: hidden;
	display: block;
	width: 32%;
	margin: auto;
	text-align:center;
}	

.oculta h1 {
	margin: 5px 5px 0 5px;
}

/* RECETAS */

 .fotoreceta {
	width: 90%;
	PADDING: 0 0 0 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index:0;
}

.duorec {
	display: block;
	width: 48%;
	margin: auto;
	text-align: center;
	color: white;
	}

.duorec h1 {
	color: white;
	font-size: 30px;
	margin: 35px 5px 0 5px;
}

.duorec a {
		text-decoration: none;
	}
	
.ocultarec {
	visibility: hidden;
	display: block;
	width: 48%;
	margin: auto;
	text-align: center;
}	

.ocultarec h1 {
	font-size: 30px;
	margin: 35px 5px 0x 5px;
}

.ocultarec a {
		text-decoration: none;
	}
	
#gif {
	width:15%;
	margin-left: 6%;
	POSITION: absolute;
	z-index:1;
	}

#gif:hover {
	width: 36%;
	margin-left: -18%;
	}

.pack {
	border: 2px solid lime;
	padding: 5px;
}

.titulo {
	width:100%;
	margin-top: -10px;
}
.titulo h1 {
	text-align: center;
	color: white;
	text-decoration: underline;
	font-size: 34px;
	font-weight: bold;
	}
	
	
/* FOOTER */

@font-face {
	font-family: HARLOWSI;
	src: url(HARLOWSI.TTF);
}

footer {
	float: right;
}

footer a {
	color: white;
	background-color: green;
	width: auto;
	float: right;
	margin: 50px 20px 20px 20px;
	font-family: HARLOWSI, times new roman;
	font-size: 40px;
	padding: 5px 20px 5px 20px;
	border: 2px lime solid;
}

/* FOTOGRAFÍA */

.foto {
	display: block;
	width: 100%;
	margin: auto;
	}
	
.foto1 {
	border: 3px solid lime;
	width: 70%;
	margin-top: 25px;
	margin-left: 15%;
}

/* 3D */
.stl {
    color: white;
    font-size: 16px;
    }

/* LISTADO - ORDEN ALFABETICO- */

#listado {
	padding: 10px 0 20px 50px;
    height: auto;
}

#listado li {
	font-size:26px;
	color:white;
	list-style-type:decimal;
	padding:5px;
}

#listado a {
	font-size:26px;
	color:white;
	text-decoration:none;
}

po {
	COLOR:#D29500;
}

#volver  {
	font-size:20px;
	margin-left:20%;
	border:1px solid white;
	padding: 5px;
		-webkit-animation: blink 10s linear infinite;
    -moz-animation: blink 10s linear infinite;
    animation: blink 10s linear infinite;
	}
	@keyframes blink {  
    10% { color: red; }
    20% { color: blue; }
    30% { color: yellow; }
    40% { color: purple; }
    50% { color: green; }
    60% { color: white; }
    70% { color: aqua; }
    80% { color: maroon; }
    90% { color: fuchsia; }
    100% { color: navy; }
}
@-webkit-keyframes blink {
    10% { color: red; }
    20% { color: blue; }
    30% { color: yellow; }
    40% { color: purple; }
    50% { color: green; }
    60% { color: white; }
    70% { color: aqua; }
    80% { color: maroon; }
    90% { color: fuchsia; }
    100% { color: navy; }
}


/* LISTADO - ORDEN POR CATEGORIAS- */

#listadocat {
	padding: 30px 0 20px 50px;
    width: 90%;
    height: 100%;
}

#listadocat h3 {
  display: inline;
	background: #9B3024;
 	font-size:32px;
	color:white;
    font-weight: bold;
	text-decoration: underline;
  margin: 50px 0 0 10px; 

	}

#listadocat h3::before {
	content: "<<";
    font-size:32px;
	text-decoration: none;
	display: inline-block;
	margin: 50px 10px 0 0;
	}
	
#listadocat h3::after {
	content: ">>";
    font-size:32px;
	text-decoration: none;
	display: inline-block;
    margin: 50px 0 0 10px;
	
	}

#listadocat h5 {
    font-size: 28px;
    font-weight: bold;
  	color:white;
	text-indent: 2%;
    margin: 15px;
	}

#listadocat h5::before {
	content: "- ";
    font-size: 28px;
    
    }


/* NOTAS */

#listado h4 {
	font-size:24px;
	color:white;
	}
	

/*RECETAS*/

.rectitulo {
	font-size: 28px;
    color: white;
    padding: 10px;
    text-decoration: underline;
    
 	}

.ingredientes {
    font-size: 22px;
    color: white;
    padding-left: 40px;
    }
	
.preparacion {
    font-size: 22px;
    color: white;
    padding: 10px;
    text-align: justify;
}

/* ukrania */
.disclaimer {
	display: none;
}

/* FIN */