﻿	button {
		outline: none;
	}

	.pasos {
		color: #003D4D;
		font-family: 'source_sans_prosemibold';
		font-size: 19px;
	}

		.pasos > span {
			color: #6E7F91;
		}



	.sub_contenedor_wizard {
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
		display: inline-block;
		text-align: left;
	}

	.titulos_wizard {
		color: #e12337;
		font-size: 27px;
		margin: 5px 0px;
	}

	.subtitulos_wizard {
		color: #A7A9AC;
		font-size: 16px;
		margin: 0px;
	}

	.my50 {
		margin: 50px 0px;
	}

	.label {
		color: #003D4D;
		font-size: 17px;
		font-weight: bold;
		position: relative;
		float: left;
		width: 100%;
		margin: 10px 0px;
	}

	input, textarea, select {
		position: relative;
		float: left;
		border: 2px solid #9FAAB5;
		padding: 10px 3%;
		border-radius: 6px;
		margin: 10px 9px;
		font-size: 16px;
		width: 94% !important;
		font-family: 'source_sans_proregular';
	
	}

select {
	width: 100% !important;
	background-position: 98% center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-image: url('../Images/flecha-select.svg');
		-webkit-appearance:none;
		-moz-appearance:none;
}

	.input2 {
		width: 41% !important;
		margin: 10px 1%;
	}


	.columna1 {
		position: relative;
		float: left;
		width: 31%;
		margin: 0px 1%;
	}


	.columna2 {
		position: relative;
		float: left;
		width: 31%;
		margin: 0px 1%;
	}

	.columna3 {
		position: relative;
		float: left;
		width: 31%;
		margin: 0px 1%;
	}

	.btn.activo {
		background: #003D4D;
		color: #fff;
		text-align: center;
		cursor: pointer;
		border: 1px solid #003D4D;
	}

	.btn {
		color: #6E7F91;
		text-align: center;
		position: relative;
		float: left;
		border: 2px solid #6E7F91;
		padding: 10px 10px;
		border-radius: 6px;
		font-size: 16px;
		background: #fff;
		width: 46%;
		margin: 10px 2%;
	}

	.continuar {
		color: #fff;
		background: #e12337;
		border: 2px solid #e12337;
	}

	.btn > i {
		margin: 0px 10px;
		font-size: 14px;
	}

	.w50 {
		width: 44%;
		margin: 10px 2.5%;
	}

	.input3 {
		width: 29%;
		font-size: 15px;
	}

	.selectTipoInmueble {
	    margin: 0px 2%;
    width: 95% !important;
	}

	.checkYears {
		position: relative;
		float: left;
		width: 55px;
		height: 55px;
		border-radius: 360px;
		background: #C8CCCE;
		border: 2px solid #9FAAB5;
		color: #6E7F91;
		font-size: 20px;
		margin: 10px;
		font-weight: bold;
	}

		.checkYears.activo {
			background: #003D4D;
			border: 2px solid #003D4D;
			color: #fff;
		}


@media (max-width: 1370px) {
	.checkYears {
		margin: 4px;
	}
}

@media (max-width: 1060px) {
	.checkYears {
	width: 50px;
		height: 50px;
	}
}



	.lugaresCercanos {
		margin: 2px 0px;
		width: 100%;
		position: relative;
		float: left;
		font-style: italic;
		color: #6E7F91;
	}


@media (max-width:1450px) {
    .sub_contenedor_wizard {
    max-width:90%;
    }
}
	@media (max-width:767px) {
		.columna1, .columna2, .columna3 {
			width: 98%;
		}

		#contenedor_wizard {
			margin-left: 3%;
			margin-right: 3%;
			width: 94%;
		}


		select {
			width: 93%;
		}

		.input2 {
    width: 40.5% !important;
    margin: 10px 1%;
}


		.checkYears {
	width: 55px;
		height: 55px;
		margin:5px;
	}


	}

.sup {
color: #e12337;
    font-size: 1em;
}

.mt30 {
margin-top:30px;
}
