@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto+Condensed');

#p_menuproductos {
	background: rgb(249, 249, 249);
	color: #fff;
	padding-top: .6em;
	padding-bottom: .6em;
}

#p_menuproductos .contenedor {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.boton {
	width: 100%;
	height: 3em;
	font-family: 'Barlow', sans-serif;
}

.boton li {
	list-style: none;
	text-align: left;
	padding-right: 0;
	padding-left: 1.7em;
	font-size: 15px;
	color: #333;
	text-align: justify;
	display: inline;
}

.boton li a {
	text-decoration: none;
	color: gray;
	text-align: justify;
	padding-top: .9em;
	padding-bottom: .5em;
}

.boton li a:hover{
	color: #000;
	text-align: justify;
	border-bottom: 1px solid gray;
}


.boton #destacado {
	list-style: none;
	text-align: left;
	padding-right: 0;
	padding-left: 1.3em;
	font-size: 16px;
	text-align: justify;
	display: inline;
}

.boton #destacado a {
	text-decoration: none;
	color: #0B6A6A;
	text-align: justify;
	padding-top: .9em;
	padding-bottom: .5em;
}

.boton #destacado a:hover{
	color: #000;
	text-align: justify;
}

/* MEDIA QUERYS */

@media (min-width: 480px) {

	#p_menuproductos {
	color: #fff;
	padding-top: .6em;
	padding-bottom: 0;
}

}

@media (min-width: 1024px) {
	.boton {
		width: 100%;
	}

}