/*fondo principal*/

		#main {		
		background-attachment: fixed;
		background-image: url("images/infraestructura.jpg");
		background-position: top right;
		background-repeat: no-repeat;
		background-size: auto 100%;
		
}

/*grid herramientas */

.herramientas {
	margin: auto;
    padding: 1em;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 1.5em;
    text-align: center;
	
	
}

.contenedor_herramientas {
	padding: 0.8em;
	background-color: #287c90;
    opacity: 0.9;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	
}


/*contenedor de icono*/
.contenedorIcono {
	margin: auto;
    padding: 0.5em;
	
}

/*icono*/

	#iconoHerramientas {
	width: 5em;
    border: 1px solid #ffffff;
    padding: 0.5em;
    border-radius: 125%;
    background-color: #ffffff;
	
	}


/*responsividad herramientas*/
@media screen and (max-width: 1024px) {
	
	.herramientas {
	margin: auto;
    padding: 1em;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 1.5em;
    text-align: center;
	
	
}