.preservicios
{
	width: 100%;
	min-height: 100px;
	background-color: #F3F4F9;
	overflow: auto;
}
.preservicios > .contenidos
{
	width: 80%;
	margin: auto;
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 7px solid #3EEE10;
	border-bottom: 7px solid #3EEE10;
	background-color: #321F7B;
	overflow: auto;
}
.preservicios > .contenidos > .imagen
{
	width: 20%;
	float: left;
	box-sizing: border-box;
	padding: 5px;
	overflow: auto;

}
.preservicios > .contenidos > .imagen > img
{
	width: 100%;
	
}
.preservicios > .contenidos > .contenidotexto
{
	width: 80%;
	float: left;
	box-sizing: border-box;
	overflow: auto;
}
.preservicios > .contenidos > .contenidotexto > div
{
	width: 50%;
	float: left;
	box-sizing: border-box;
	overflow: auto;
	padding: 15px;
}
.preservicios > .contenidos > .contenidotexto > div > p
{
	width: 100%;
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin: 5px;
	color: white;
}
@media screen and (max-width:980px) {
	.preservicios > .contenidos
	{
		width: 90%;
	}
	.preservicios > .contenidos > .imagen
	{
		display: none;
	}
	.preservicios > .contenidos > .contenidotexto
	{
		width: 100%;
	}

}
@media screen and (max-width:700px) {
	.preservicios > .contenidos
	{
		width: 95%;
	}

}
@media screen and (max-width:480px) {
}