@media screen and (min-width:700px)  {
	#menu ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#menu ul li{
		display: inline-block;
		padding: 10px auto 10px auto;
	}
	#menu .opcion {
		list-style: none;
		margin: 0;
		/*height: 30px;*/
		padding: 5px 10px 5px 10px;
		color: white;
		background-color: #F18F36;
		display: block;
		/*padding: 20px 20px;
		text-decoration: none;*/
		border: none;
		font-weight: bold;
	}
	#menu ul li .opcion:hover{
		/*background-color: #BAB0B0;*/
		color: black;
		font-weight: bold;
		cursor: pointer;
	}
	nav .menuhidden {
		display: none;
		visibility: hidden;
	}
}
@media screen and (max-width:699px) {
	#menu ul{
		display: none;
		visibility: hidden;
	}
	nav .menuhidden {
		display: block;
		visibility: visible;
		padding: 5px 10px 5px 10px;
		margin: auto 10px auto 10px;
		height:20px;
	}
}