.flexbox_container_green {
	background-color: greenyellow;
	display: flex;
	justify-content: center;
	height: 300px;
	align-items: center;
}

div>img {
	width: 100px;
	background-color: white;
}

.flexbox_container_yellow {
	background: yellow;
	display: flex;
	height: 300px;
	justify-content: space-around;
	align-items: flex-start;
}

.flexbox_container_yellow .ruta {
	background-color: red;
	width: 100px;
}

.flexbox_container_yellow .ruta:nth-child(odd) {
	background-color: blue;
	width: 100px;
	align-self: flex-end;
}

#blue_center {
	display: flex;
	flex-direction: column;
	height: 400px;
	justify-content: center;
	align-items: center;
}

#blue_center .ruta {
	background-color: blue;
	width: 300px;
	border: 1px black solid;
	text-align: center;
}

.flexbox_container_special {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: white;
	width: 800px;
	height: 300px;
	justify-content: space-between;
	margin: auto;
	border: 5px green solid;
}

.flexbox_container_special .ruta {
	background-color: red;
	width: 98px;
	height: 98px;
	border: 1px black solid;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flexbox_container_special .spec {
	background-color: blue;
	width: 298px;
}

.flexbox_container_special img {
	width: 50px;
}