/*FORMULARIO DE CONTACTO*/
/*ESTILOS DEL FORMULARIO*/
#contacto {
	max-width: 1500px;
	margin: auto;
  background: #fff;
}
.grupo-contacto {
  max-width: 1100px;
  margin: auto;
}
.contacto-titulo {
	text-align: center;
	font-size: 2.4em;
	color: #092D4C;
}
.contacto-txt {
	color: #666;
	margin: 10px;
}
.columna-contacto {
  width: 100%;
  margin: auto;
}


/*GOOGLE MAPS*/
#mapa {
	max-width: 1500px;
	margin: auto;
  background: #eee;
}
#mapa .contacto-titulo {
	color: #666;
}
#mapa p {
  color: #333;
}
.mapa-google {
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%;
    position: relative;
    margin: 20px 0;
    box-shadow: 0 0 0 4px #fff,
                0 0 0 5px rgba(0,0,0,0.2);
}
.mapa-google iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grupo-mapa {
  max-width: 1100px;
  margin: auto;
}
.columna-mapa {
  width: 100%;
  margin: auto;
}
.mapaderecha {
	display: none;
}


/*-------------ESTILOS RESPONSIVE WEB DESIGN-------------*/
@media (min-width: 768px) {
/*pagina contacto*/
	.grupo-contacto {
		display: flex;
		justify-content: space-between;
	}
.columna-contacto {
  max-width: 50%;
	padding: 10px;
}

/*mapa*/
.grupo-mapa {

}
.columna-mapa {

}
	.mapaderecha {
		display: block;
		margin-bottom: 40px;
	}
	.grupo-datosdecontacto {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		
	}
	.columna-datosdecontacto {
		width: 23%;
		margin: 1%;
		padding: 10px;
		border: 1px dashed #999;
		text-align: center;
	}
	.columna-datosdecontacto [class^="icon-"] {
	font-size: 3em;
	color: #092D4C;
}
}
@media (min-width: 1024px) {

}