.imgpc{
	display:block;
}


.imgcel{
	display:none;
}

.serviciodestacado{
	width: 33.3%;
	height: auto;
	float: left;
	position: relative;
	
	
}

.serviciodestacados{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	
	
}

.texto-servicio{
	text-align: center;
	color: #000;
	font-size: 40px;
	letter-spacing: 6px;
	height: auto;
	line-height: 28px;
	position: relative;
	bottom: 28px;

	
	
}


.texto-servicio a{

	color: #000;
	
}


.texto-servicio a:hover{

	color: #8888;
	
}


.espacio{
	width: 100%;
	height: 160px;
	float: left;
	position: relative;
}



.bannerproducto{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}


.listadodeproductos{
	width: 100%;
	height: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	float: left;
	position: relative;
	
}


.productodestacado{
	margin: 0 auto;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 22px;
	color: #000;
	letter-spacing: 2px;
	border: solid 1px #000;
	text-align: center;
	width: 400px;
	text-transform: uppercase;
}


.productodestacado:hover{
	margin: 0 auto;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 22px;
	color:#888888;

	border: solid 1px #888888;
	text-align: center;
	width: 400px;
	text-transform: uppercase;
}


.productodestacado a{
	
	color: #000;
	
}


.productodestacado a:hover{

	color:#888888;

	
}




.listadodeproductos-tres{
	width: 80%;
	height: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	margin: 0 auto;
	text-align: center;

	
}


.producto-tres-columnas{
	
	position: relative;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 14px;
	color: #000;
	letter-spacing: 2px;
	border: solid 1px #000;
	text-align: center;
	width: 24.5%;
	text-transform: uppercase;
	margin-right: 5px;
	margin-bottom: 5px;
	min-height: 80px;
	    display: inline-block;
}

.producto-tres-columnas:hover{
	
	position: relative;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 14px;
	color: #000;
	letter-spacing: 2px;
	border: solid 1px #888888;
	text-align: center;
	width: 24.5%;
	text-transform: uppercase;
	margin-right: 5px;
	margin-bottom: 5px;
}


.producto-tres-columnas a{
	
	color: #000;
	
}

.producto-tres-columnas a:hover{
	
		color:#888888;
	
}


.bannerproducto-interno{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	margin-top: 100px;
}


@media (max-width: 1366px) {
	
	.listadodeproductos-tres{
	width: 95%;
	height: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	margin: 0 auto;

	
}
	
	.producto-tres-columnas{
	
	position: relative;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 12px;
	color: #000;
	letter-spacing: 2px;
	border: solid 1px #000;
	text-align: center;
	width: 24%;
	text-transform: uppercase;
	margin-right: 5px;
	margin-bottom: 5px;
		    display: inline-block;
}
	
	}

	

@media (max-width: 1024px) {
	
	.producto-tres-columnas{

	position: relative;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 12px;
	color: #000;
	letter-spacing: 2px;
	border: solid 1px #000;
	text-align: center;
	width: 32.5%;
	text-transform: uppercase;
	margin-right: 3px;
	margin-bottom: 5px;
		    display: inline-block;
}
	
	
	.texto-servicio{
	text-align: center;
	color: #000;
	font-size: 28px;
	letter-spacing: 6px;
	height: auto;
	line-height: 28px;
	position: relative;
	bottom: 28px;
}
	.listadodeproductos-tres{
	width: 95%;
	height: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	margin: 0 auto;

	
}

	
	
}


@media (max-width: 800px) {
	
	.producto-tres-columnas{
	
	position: relative;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 9px;
	color: #000;
	letter-spacing: 1px;
	border: solid 1px #000;
	text-align: center;
	width: 32.5%;
	text-transform: uppercase;
	margin-right: 3px;
	margin-bottom: 5px;
			min-height: 100px;
		    display: inline-block;
}
	
.producto-tres-columnas:hover{

	position: relative;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 9px;
	color: #000;
	letter-spacing: 1px;
	border: solid 1px #888888;
	text-align: center;
		width: 32.5%;
	text-transform: uppercase;
	margin-right: 3px;
	margin-bottom: 5px;
}
	
	.texto-servicio{
	text-align: center;
	color: #000;
	font-size: 24px;
	letter-spacing: 6px;
	height: auto;
	line-height: 28px;
	position: relative;
	bottom: 28px;
}
	
	
	
	}



@media screen and (max-width: 736px) {
	
	
	
	
.serviciodestacado{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	
	
}

	.texto-servicio{
	text-align: center;
	color: #000;
	font-size: 40px;
	letter-spacing: 6px;
	height: auto;
	line-height: 28px;
	position: relative;
	bottom: 28px;	
}
	
	.imgpc{
	display:none;
}


.imgcel{
	display:block;
}

	
	
	}


	





@media screen and (max-width: 480px) {
	
	.producto-tres-columnas{
	
	position: relative;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 12px;
	color: #000;
	letter-spacing: 1px;
	border: solid 1px #000;
	text-align: center;
	width: 49%;
	text-transform: uppercase;
	margin-right: 3px;
	margin-bottom: 5px;
			min-height: 100px;
		    display: inline-block;
}
	
.producto-tres-columnas:hover{

	position: relative;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 12px;
	color: #000;
	letter-spacing: 1px;
	border: solid 1px #888888;
	text-align: center;
		width: 49%;
	text-transform: uppercase;
	margin-right: 3px;
	margin-bottom: 5px;
}
	
	.texto-servicio{
	text-align: center;
	color: #000;
	font-size: 24px;
	letter-spacing: 6px;
	height: auto;
	line-height: 28px;
	position: relative;
	bottom: 28px;
}
	
	
	
	}