@charset "utf-8";
@media all and (min-width: 480px){
	header{
		padding: 1em 0.6em;
	}
	header figure{
		float: left;
		width: 10em;
		margin: 0em;
	}
	header .datos{
		float: right;
		text-align: right;
	}
	.clientes .cliente figure{
		float: left;
		width: 8em;
		margin: 0em 1em 0em 0em;
	}
	.servicios .muestras .der{
		float: right;
		width: 48%;
	}
	.servicios .muestras .izq{
		float: left;
		width: 48%;
	}
}
@media all and (min-width: 640px){
	.servicios .categorias a{
		display: inline-block;
		vertical-align: top;
		width: 45%;
		padding: 0.8em 0em;
		margin: 0em 2% 0.8em 2%;
	}
}
@media all and (min-width: 768px){
	footer .datos{
		display: inline-block;
		vertical-align: top;
		width: 28%;
		padding: 0em 0em 0em 2%;
		border-left: 0.1em solid #ffffff;
	}
	footer .datos p{
		width: auto;
		margin: 0em 0em 0.4em 0em;
	}
	footer .links{
		display: inline-block;
		vertical-align: top;
		line-height: 1em;
		padding: 0em 0em 0em 2%;
		border-left: 0.1em solid #ffffff;
		width: 24%;
		min-height: 10em;
		margin: 0em 4% 0em 0em;
	}
	footer .links a{
		color: #ffffff;
		font-size: 0.81em;
	}
	footer .links a:hover{
		color: #c2c2c2;
	}
	nav{
		display: block;
		text-align: center;
		background: rgb(85,98,103);
		background: -moz-linear-gradient(top,  rgba(85,98,103,1) 0%, rgba(69,85,92,1) 31%, rgba(71,72,86,1) 50%, rgba(29,31,33,1) 69%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(85,98,103,1) 0%,rgba(69,85,92,1) 31%,rgba(71,72,86,1) 50%,rgba(29,31,33,1) 69%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(85,98,103,1) 0%,rgba(69,85,92,1) 31%,rgba(71,72,86,1) 50%,rgba(29,31,33,1) 69%,rgba(0,0,0,1) 100%);
	}
	nav a{
		display: inline-block;
		vertical-align: top;
		text-align: left;
		font-size: 0.94em;
		padding: 0.3em 1.8em 0.5em 0.4em;
		border-right: 0.1em solid #000000;
	}
	nav a:last-child{
		border: none;
	}
	nav a span.icon-media-record{
		right: 0.1em;
		top: 0.35em;
		font-size: 1.3em;
		color: #FFBE1F;
		text-shadow: 0em 0em 0.5em #FFBE1F;
	}
	.acceso_us{
		float: left;
		margin: 0em;
		width: 63%;
	}
	.contacto{
		float: left;
		margin: 0em;
		width: 63%;
	}
	.contacto .botones{
		margin: 0em 0em 1em 0em;
	}
	.contacto .botones a{
		display: inline-block;
		vertical-align: top;
		border-radius: 0.3em 0.3em 0em 0em;
	}
	.contacto .cont_der{
		float: right;
		width: 48%;
	}
	.contacto .cont_izq{
		float: left;
		width: 48%;
	}
	.clientes{
		float: left;
		margin: 0em;
		width: 63%;
	}
	.home_cen{
		padding: 1.5em 1em;
		margin: 0em;
		float: left;
		width: 29%;
		min-height: 25em;
	}
	.home_izq{
		margin: 0em 1em 0em 0em;
		float: left;
		width: 30%;
		min-height: 28em;
	}
	.muestra_cat{
		float: right;
		width: 30%;
		padding: 0.7em 0.6em;
	}
	.portafolio{
		float: left;
		margin: 0em;
		width: 63%;
	}
	.servicios{
		float: left;
		margin: 0em;
		width: 63%;
	}
	.vent_der{
		float: right;
		width: 30%;
		padding: 0.7em 0.6em;
		min-height: 25em;
	}
	#menures{
		display: none;
	}
}
@media all and (min-width: 960px){
	footer{
		width: 60em;
		margin: 0em auto;
	}
	footer .links{
		width: 20%;
		min-height: 8em;
	}
	footer figure{
		display: inline-block;
		vertical-align: top;
		margin: 0em 4% 0em 0em;
	}
	header{
		padding: 1.5em 0.6em;
		width: 58.8em;
		margin: 0em auto;
	}
	header .datos{
		padding: 1em 0em 0em 0em;
	}
	header .datos .redes{
		display: inline-block;
		vertical-align: middle;
	}
	header .datos .redes span{
		font-size: 2.5em;
	}
	header .datos .telefono{
		display: inline-block;
		vertical-align: middle;
		padding: 0em;
		margin: 0em 1.5em 0em 0em;
	}
	nav a{
		padding: 0.3em 2.7em 0.5em 1.75em;
	}
	.acceso_us{
		width: 70%;
	}
	.botones-sociales{
		display: block;
	}
	.contacto{
		width: 70%;
	}
	.contacto .cont_der{
		width: 42%;
	}
	.contacto .cont_der .aviso{
		padding: 1.7em 1em;
	}
	.contacto .cont_der .correo{
		margin: 0em 0em 0.3em 0em;
	}
	.contacto .cont_izq{
		float: left;
		width: 55%;
	}
	.contacto .cont_izq select{
		width: 93%;
	}
	.clientes{
		width: 70%;
	}
	.cuerpo{
		width: 60em;
		margin: 0em auto;
	}
	.home_cen,
	.home_izq{
		width: 34%;
	}
	.muestra_cat{
		float: right;
		width: 23%;
	}
	.portafolio{
		width: 70%;
	}
	.servicios{
		width: 70%;
	}
	.vent_der{
		width: 23%;
	}
}