.iti-srv-trans {
	.bloque {
		margin-bottom: 2px;
	}
	.bloque:last-of-type {
		margin-bottom: 0;
	}
	.infoLogo {
		padding-top: 8px !important;
		text-align: left;
	}
	.idaVuelta {
		span {
			display: block;
		}

		div {
			display: inline-block;
			text-align: left;
			vertical-align: middle;
		}
	}
	.companyLogo {
		vertical-align: top;

		img {
			max-width: 65px;
			height: auto;
		}
	}
	.ciudad {

		color: $brand-copy-light;
		font-weight: $roboto-light;
		font-size: 12px;
		text-decoration: none;
		text-transform: uppercase;
	}
	.hora {
		color: $brand-grey-dark;
		font-weight: $roboto-regular;
		font-size: 18px;
		
		.diaSiguiente {
			@include medium-weight;
			font-size: 11px;
			color: $brand-primary;
			display: inline-block;
			vertical-align: middle;
		}
	}
	.flecha {
		color: $brand-grey-dark;
		margin: 0 4px;
	}
	.tipo {
		color: $brand-grey-dark;
		font-weight: $roboto-regular;
		font-size: 12px;
		text-decoration: none;
		line-height: 15px;
		word-wrap: break-word;
	}
	.tipoDuracion {
		.tipo {
			color: $brand-grey-dark;
			font-weight: $roboto-regular;
			font-size: 12px;
			text-decoration: none;
			line-height: 15px;
			word-wrap: break-word;
		}
		.duracion {
			color: $brand-copy-light;
			font-weight: $roboto-regular;
			font-size: 12px;
		}
		span {
			display: block;
		}
	}
	.servicios {
		text-align: right;
	}
	.icono {
		display: inline-block;
		margin: 8px 0 0 0;
		padding: 0;
		span {
			display: inline-block;
		}
	}

	.icon-monochrome-flight {
		vertical-align: top;
	}
	.icon-monochrome-flight:before {
		display: inline-block;
		content: "\71";
		color: $brand-secondary;
		width: 20px;
		height: 20px;
		font-size: 20px;
	}
	.icon-monochrome-train {
		vertical-align: top;
	}
	.icon-monochrome-train:before {
		display: inline-block;
		content: "\45";
		color: $brand-secondary;
		width: 20px;
		height: 20px;
		font-size: 20px;
	}
}