@charset "utf-8";
/* CSS Document */


	#principal{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#principal>*{
		padding: 10px 2%;
		margin: 5px;
		border: #FFF 1px solid;
		vertical-align: text-top;
	}
	#principal h2{
		text-align: center;
	}

	#servicios{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 30px 0;
	}
	#servicios div{
		text-align: center;
		background: #FFF;
		margin: 5px;
		padding: 10px 3%;
	}
	#servicios div img{
		display: block;
		position: relative;
		margin: 5px auto;
		opacity: 0.4;
		transition: opacity 1s;
	}
	#servicios div:hover img{
		opacity: 1;
		transition: opacity 0.2s;
	}
	#servicios div strong{
		display: block;
		font-size: 21px;
		padding: 8px 0;
		color: #1C3C00;
	}
	#servicios div span{
		display: block;
		color: #7DA658;
		text-transform: uppercase;
		font-size: 11px;
	}