@media screen and (max-width: 400px;) {

	.logo_blanco {
		display: flex;
		flex-wrap:wrap;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		max-width: 700px;
		height: auto;
		margin:0px auto 0px auto;
		padding: 0px 50px 10px 50px;
		position:relative;
		float: center;
	}

	#header {
		display:flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
		max-width: 100%;
		height: auto;
		margin: 0px auto 0px auto;
		padding: 0px auto 0px auto;
		float:center;
		position:relative;
		background-color:;
		scroll-behavior: smooth;
	}

	.contenedor_imagen_categoria_cyan {
		display: flex;
		flex-wrap:wrap;
		flex-direction: column;
		align-content: center;
		align-items: center;
		justify-content: space-between;
		position: relative;
		width: 360px;
		height:360px;
		border-radius: 0px;
		margin:10px;
		padding: 0px;
		background: rgb(0, 90, 110, 1);
	  box-shadow: ;
		float: center;
		border: 0px solid rgb(120,180,200,1);
	}

	.contenedor_imagen_categoria_magenta {
		display: flex;
		flex-wrap:wrap;
		flex-direction: column;
		align-content: center;
		align-items: center;
		justify-content: space-between;
		position: relative;
		width: 360px;
		height:360px;
		border-radius: 0px;
		margin: 10px;
		padding: 0px;
	  background: rgb(190, 40, 40, 1);
		float: center;
		border: 0px solid rgb(250,50,70,1);
		box-shadow: ;
	}

	.contenedor_imagen_categoria_amarillo {
		display: flex;
		flex-wrap:wrap;
		flex-direction: column;
		align-content: center;
		align-items: center;
		justify-content: space-between;
		position: relative;
		width: 360px;
		height:360px;
		border-radius: 0px;
		margin: 10px;
		padding: 0px;
		background: rgb(190, 150, 0, 1);
		float: center;
		border: 0px solid rgb(250,200,60,1);
	  box-shadow: ;
	}

#productos_ok {
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-content:center;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float:center;
	position:relative;
	background: white;
	opacity:1;
	scroll-behavior: smooth;
}

#contenedor_formulario {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
  align-content: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	background-color: ;
	position:relative;
	margin: 0px auto 80px 0px ;
	padding: 0px;
	float: left;
	border: ;
	border-radius:0px;
}

.imagen_flexible_horizontal {
	display: flex;
	flex-wrap:wrap;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	position: relative;
	background-color: none;
	max-width: 100px;
	height: auto;
	margin: 0px;
	padding:10px auto 0px auto;
	position:relative;
	float:center;
	border-radius: 0px;
	opacity: 1;
}

.imagen_flexible_vertical {
	display: flex;
	flex-wrap:wrap;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	position: relative;
	background-color: none;
	max-width: 400px;
	height: auto;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	position:relative;
	float:left;
	border-radius: 0px;
	opacity: 1;
	transform: scaleX(-1);
}

.lista_servicios {
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin:0px auto 30px auto;
	text-align: center;
	color:rgb(250,250,250,1);
	font-size:1.2em;
	font-family:'Open Sans', sans-serif;
	text-indent:0em;
	line-height : 1.4em;
	letter-spacing: 0.3px;
	width: 200px;
  height:auto;
	position:relative;
	padding: 0px;
	float:center;
	background-color:rgb(250,250,250,0);
}

h4{
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	font-size: 2.3em;
	text-shadow: ;
	font-family: 'Roboto', sans-serif;
	color:rgb(250,250,250,0.9);
	background-color:rgb(5,5,0,0);
	padding: 0px auto 0px auto;
	margin: 0px auto 0px auto;
	width: 280px;
	height: 50px;
	border-radius:0px ;
}

.logo_footer2 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	max-width: 200px;
	height: auto;
	margin:10px auto 50px auto;
	padding: 10px;
	position:relative;
	float: center;
	opacity: 1;
}

#contenedor_mapa2 {
	display:flex;
	flex-direction: row;
	justify-content: left;
	align-content: left;
	align-items: center;
	max-width: 400px;
	height: auto;
	margin: 10px auto 50px 20px;
	float:center;
	position:relative;
	background-color:transparent;
	padding: 10px;
}

.parrafo_blanco_350 {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: column;
  	align-content: center;
	  align-items: center;
	  color: rgb(250,250,250,0.7);
	  font-family:'calibri', sans serif;
	  font-size: 1em;
    font-weight: normal;
	  max-width: 300px;
	  height: auto;
	  margin:5px 0px 0px auto;
		padding:0px ;
	  line-height:1.3em ;
	  position:relative;
	  float:right;
	  text-align: right;
}

}