#ladoi{
	border: 0px solid red;
	width: 59%;
	float: left;
	padding: 10px;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.seccion{

}

.titulo-seccion{
	border: 0;
	border-top: 2px solid #f30000;
	border-bottom: 2px solid #f30000;
	background: #f7f7f7;
	padding: 10px;
}

.desarrollo-seccion{
	line-height: 24px;
	padding: 10px;
}

#ladod{
	border: 0px solid black;
	width: 41%;
	float: left;
	padding: 10px;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#cotizacion{
	border: 0px solid red;
	width: 100%;
	float: left;
}

#titulo-cotizacion{
	background: #f30000;
	width: 100%;
	color: white;
	padding: 5px;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#ladoa{
	border: 0px solid red;
	width: 100%;
	padding: 10px;
	float: left;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#titulo-servicios{
	background: #f7f7f7;
	padding: 10px;
}

.servicio{
	border: 0px solid red;
	width: 31.33%;
	height: 200px;
	margin: 10px 1%;
	float: left;
	cursor: pointer;
}

.servicio:hover .titulo-servicio{
	background: rgba(0,0,0,0.9);
	height: 100%;
}

.titulo-servicio{
	background: rgba(0,0,0,0.5);
	width: 100%;
	color: white;
	text-align: center;
	padding: 10px 0;
	float: left;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

	transition:all 0.5s;
}

.uno{background: url(../images/servicio-de-impresion-3d.jpg);}
.dos{background: url(../images/venta-de-impresoras-3d.jpg);}
.tres{background: url(../images/renta-de-impresoras-3d.jpg);}
.cuatro{background: url(../images/escaneo-3d.jpg);}
.cinco{background: url(../images/cursos-de-capacitacion-3d.jpg);}


@media screen and (max-width: 750px){
	#ladoi{
		width: 100%;
	}
	#ladod{
		width: 100%;
	}
}

@media screen and (max-width: 600px){
	.servicio{
		width: 100%;
	}
}