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

#p_subproductos {
	background: rgb(249, 249, 249);
	color: #fff;
	padding-top: .2em;
	padding-bottom: .2em;

	border-top: 1px solid #0B6A6A;
}

#p_subproductos .contenedor {
	display: flex;
	flex-wrap: wrap;
}

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

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

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

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


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

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

.subs #destacado2 a:hover{
	color: #000;
	text-align: justify;
}

/* MEDIA QUERYS */

@media (min-width: 480px) {

	#p_subproductos {
	    color: #fff;
	    padding-top: .4em;
	    padding-bottom: .4em;
    }

}

@media (min-width: 1024px) {

	.subs {
		width: 100%;
	}

}