/* CSS Document */
.barraEmpezar {
	margin-top: 105px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	border-bottom: 1px solid #4d4d4d;
}

.barraEmpezarProveedor {
	margin-top: 105px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	/*background-color: #8FBA33;*/
	background-color: #A8D052;
}

.paso {
	width: calc(100% / 3);
	flex-grow: 2;
	padding-top: 3px;
	padding-bottom: 6px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	position: relative;

	opacity: .7;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.paso:Hover {
	opacity: 1;
}

.pasoEstoy {
	opacity: 1;
}

.barraEmpezarProveedor .paso {
	color: #fff;
}

.barraEmpezarProveedor .pasoEstoy {
	background-color: #fff;
}

.contenidoPaso {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

	-webkit-align-content: center;
	align-content: center;
	position: relative;
}

.iconoPaso1 {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_paso_1.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPaso2 {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_paso_2.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPaso3 {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_paso_3.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPasoProyectos {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_seccion_proyectos.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPasoProveedores {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/vignette.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPaso1 {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_paso_1_verde.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPaso2 {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_paso_2_verde.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPaso3 {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_paso_3_verde.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPasoProyectos {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_seccion_proyectos_verde.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPaso_proveedores_cuenta {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_proveedores_cuenta_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPaso_proveedores_cuenta {
	width: 40px;
	height: 40px;
	background-image: url("img/svg/iconos_proveedores_cuenta_verde.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPaso_proveedores_perfil {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_proveedores_perfil_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPaso_proveedores_perfil {
	width: 40px;
	height: 40px;
	background-image: url("img/svg/iconos_proveedores_perfil_verde.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPaso_proveedores_mensajes {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_proveedores_mensajes_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.pasoEstoy .iconoPaso_proveedores_mensajes {
	width: 40px;
	height: 40px;
	background-image: url("img/svg/iconos_proveedores_mensajes_verde.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPaso_proveedores_clientes {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_proveedores_clientes_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPaso_proveedores_clientes {
	width: 40px;
	height: 40px;
	background-image: url("img/svg/iconos_proveedores_clientes_verde.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPaso_proveedores_jardineros {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_proveedores_jardineros_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPaso_proveedores_jardineros {
	width: 40px;
	height: 40px;
	background-image: url("img/svg/iconos_proveedores_jardineros_verde.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPaso_proveedores_viveros {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_proveedores_viveros_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPaso_proveedores_viveros {
	width: 40px;
	height: 40px;
	background-image: url("img/svg/iconos_proveedores_viveros_verde.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPaso_proveedores_subastas {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_proveedores_subastas_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPaso_proveedores_subastas {
	width: 40px;
	height: 40px;
	background-image: url("img/svg/iconos_proveedores_subastas_verde.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoPaso_proveedores_evaluaciones {
	width: 40px;
	height: 40px;
	background-image: url(img/svg/iconos_proveedores_evaluaciones_gris.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.pasoEstoy .iconoPaso_proveedores_evaluaciones {
	width: 40px;
	height: 40px;
	background-image: url("img/svg/iconos_proveedores_evaluaciones_verde.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.textoPaso {
	font-size: 12px;
	/*
	padding: 20px;
	padding-top: 24px;*/
	color: #4d4d4d;
	font-weight: 800;
}

.pasoEstoy .textoPaso {
	color: #8FBA33;
}

.textoPasoProveedores {
	font-size: 16px;
	/*
	padding: 20px;
	padding-top: 24px;*/
	color: #fff;
	font-weight: 800;
	padding-top: 5px;
}

@media (max-width: 599px) {
	.textoPaso {
		font-size: 9px;
		display: none;
	}
}

@media (min-width: 600px) {
	.textoPaso {
		font-size: 12px;
	}
}

.barraPaso {
	width: 0%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #8FBA33;

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.barraPaso0 {
	width: 0%;
}

.barraPaso25 {
	width: 25%;
}

.barraPaso33 {
	width: calc(100% / 3);
}

.barraPaso50 {
	width: 50%;
}

.barraPaso66 {
	width: calc(100% / 3 * 2);
}

.barraPaso75 {
	width: 75%;
}

.barraPaso100 {
	width: 100%;
}

.espacioNada {
	height: 70px;
}

.volverEmpezar {
	font-size: 13px;
	font-weight: 800;
	color: #8FBA33;
	/* padding: 20px; */
	padding-bottom: 0px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	display: inline-block;
	visibility: hidden;

	cursor: pointer;
}

.volverEmpezar:Hover {
	color: #e89018;
}

.contenedorModulos {
	width: 100%;
	/*overflow-x: hidden;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: flex-start; 
  justify-content:         flex-start;
  
     -webkit-align-items: flex-start;
  align-items:         flex-start;
	
	-webkit-align-content: flex-start; 
 	align-content:         flex-start;*/
}

.areaModificarCuenta {
	width: calc(100% - 20px);
	margin: 0 auto;
	margin: 10px;
	margin-top: 20px;
	padding: 0px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	max-width: none;

	background-color: #fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	overflow: hidden;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.15);

}

.areaModificarCuenta:Hover {
	-webkit-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
	box-shadow: 2px 10px 20px -1px rgba(0, 0, 0, 0.33);
}

.formLogin {
	line-height: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;

	display: none;
}

.formLoginSeccion {
	line-height: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 40px;
	margin-top: 100px;
}

.tituloLogin {
	color: #8FBA33;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
	text-align: center;
}

.tituloLoginSeccion {
	color: #8FBA33;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 30px;
	text-align: center;
}

.moduloEmpezar {
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
}

.contenidoModuloEmpezar {
	max-width: 1200px;
	margin: 0 auto;
}

.tituloModuloEmpezar {
	color: #8FBA33;
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 5px;
	text-align: center;
}

.tituloModuloCuenta {
	color: #8FBA33;
	font-size: 28px;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 5px;
	text-align: center;
}

.subtituloModuloEmpezar {
	color: #666666;
	font-size: 18px;
	text-align: center;
	padding: 20px;
}

.subtituloModuloEmpezarCampo {
	color: #666666;
	font-size: 18px;
	text-align: center;
	padding-bottom: 15px;
}

.subtituloModuloEmpezarCampo2 {
	color: #666666;
	font-size: 14px;
	text-align: center;
	padding-bottom: 15px;
}




#boton-paypal {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}



.tamanioJardinEmpezar {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: center;
	align-content: center;

	margin-top: 30px;
}

.botonElegirTamanioJardin {
	width: calc(50% - 50px);
	margin-bottom: 30px;
	padding: 6px;
	padding-left: 20px;
	padding-top: 10px;
	border: 1px solid #777777;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;

	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	font-size: 14px;
	line-height: 22px;
	font-weight: 800;
	color: #777777;
}

.botonElegirTamanioJardin:Hover {
	background-color: #8FBA33;
	border: 1px solid #8FBA33;
	color: #fff;
}

.botonElegirTamanioJardinSeleccionado {
	background-color: #8FBA33;
	border: 1px solid #8FBA33;
	color: #fff;
}


.textoMas2000 {
	text-align: center;
	margin-bottom: 30px;
}



.paqueteJardinEmpezar {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: center;
	align-content: center;

	margin-top: 30px;

}

.tituloListaMejoras {
	font-size: 18px;
	padding-top: 6px;
	padding-bottom: 5px;
	color: #8FBA33;
}

.listaMejoras {
	font-weight: 400;
	padding: 10px;
}

.paqueteMejorar {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: center;
	align-content: center;

	margin-top: 30px;

}

.botonElegirPaquete {
	width: calc(25% - 52px);
	margin-bottom: 30px;
	padding: 6px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;

	margin: 10px;

	background-color: #fff;


	border: 1px solid #777777;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	font-size: 14px;
	line-height: 22px;
	font-weight: 800;
	color: #777777;

	text-align: center;
}

.contenedorNombrePaquete {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

	-webkit-align-content: center;
	align-content: center;
}

.nombrePaquete {
	padding-top: 2px;
	flex-shrink: 2;
}

.iconoPregunta {
	width: 13px;
	height: 13px;
	margin: 3px;
	background-image: url(img/svg/iconos_pregunta.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	flex-shrink: 0;
	opacity: .5;
	display: inline-block;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	cursor: pointer;
}

.iconoPregunta:Hover {
	opacity: 1;
}

.iconoPregunta2 {
	width: 13px;
	height: 13px;
	margin: 3px;
	background-image: url(img/svg/iconos_pregunta.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	flex-shrink: 0;
	opacity: .5;
	display: inline-block;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	cursor: pointer;
	vertical-align: middle;
}

.iconoPregunta2:Hover {
	opacity: 1;
}

#presentacion_ideas {
	width: 90%;
	max-width: 500px;
	max-height: 400px;

}



.precio {
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	color: #8FBA33;
	border-bottom: 1px solid #8FBA33;
}

.precioMejora {
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	margin-top: 5px;
	color: #8FBA33;
	border: 1px solid #8FBA33;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.etiquetaEmpezar {
	padding: 10px;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
}

.etiquetaEmpezar a:hover {
	color: #8FBA33;
}

.campoEmpezar {

	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	width: calc(100% - 22px);

	border: 0px;
	border-bottom: 1px solid #333333;
	font-size: 16px;
	color: #333333;
	text-align: left;

	/*color:#4793ca;*/
	/*color: #e2ebf6;*/
	color: #8FBA33;
	background: transparent;
	background-color: #fefefe;



	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	position: relative;
	font-family: 'Spartan', sans-serif;


	outline: none;

	resize: none;
	font-weight: 700;
	margin: 0;
	opacity: 1;

}

.campoEmpezar:focus {
	/*background-color: #8FBA33;*/
	border-bottom: 1px solid #8FBA33;
	color: #333;
}


.campoEmpezar20 {
	width: calc(20% - 2px);
	text-align: center;
}

.campoEmpezar30 {
	width: calc(50% - 2px);
	text-align: left;
	display: block !important;
}

.campoEmpezar70 {
	width: calc(50% - 2px);
	text-align: left;
}



.campoLogin {
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;

	font-size: 14px;

}

.textareaEmpezar {

	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	width: calc(100% - 22px);

	border: 0px;
	border-bottom: 1px solid #333333;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	text-align: left;

	/*color:#4793ca;*/
	/*color: #e2ebf6;*/

	background: transparent;
	background-color: #fefefe;



	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	position: relative;
	font-family: 'Spartan', sans-serif;



	resize: none;
	font-weight: 400;
	margin: 0;
	opacity: 1;


}

.textareaEmpezar:focus {
	/*background-color: #8FBA33;*/
	border-bottom: 1px solid #8FBA33;
	color: #333;
}





.contenedorCampoEmpezar {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 40px;
}



.contenedorCampoSinMargen {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
}

.contenedorCampoLogin {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 4px;
}

.contenedorCampoProyecto {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 20px;
}


.contenedorCampoCuponEmpezar {
	width: 70%;
	flex-grow: 2;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: flex-end;
	/* Safari */
	align-items: flex-end;
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
}

.contenedorCupon {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
}

.botonCupon {
	width: 30%;
	max-width: 60px;
	padding: 10px;
	padding-top: 8px;
	padding-bottom: 6px;
	background-color: #555555;
	margin-left: 20px;

	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	cursor: pointer;
	position: relative;

	font-size: 11px;
	line-height: 14px;
	color: #fff;

	font-weight: 800;
}

.botonCupon:Hover {
	background-color: #e89018;
	/*-webkit-box-shadow: 2px 5px 10px -1px rgba(0,0,0,0.33);
	-moz-box-shadow: 2px 5px 10px -1px rgba(0,0,0,0.33);
	box-shadow: 2px 5px 10px -1px rgba(0,0,0,0.33);*/
}




.campoEmpezar::-webkit-input-placeholder,
.textareaEmpezar::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #cccccc;
	opacity: 1;
	font-weight: 300;
}

.campoEmpezar::-moz-placeholder,
.textareaEmpezar::-moz-placeholder {
	/* Firefox 19+ */
	color: #cccccc;
	opacity: 1;
	font-weight: 300;
}

.campoEmpezar:-ms-input-placeholder,
.textareaEmpezar:-ms-input-placeholder {
	/* IE 10+ */
	color: #cccccc;
	opacity: 1;
	font-weight: 300;
}

.campoEmpezar:-moz-placeholder,
.textareaEmpezar:-moz-placeholder {
	/* Firefox 18- */
	color: #cccccc;
	opacity: 1;
	font-weight: 300;
}

.botonFormEmpezar {
	padding: 30px;
	padding-top: 12px;
	padding-bottom: 10px;

	background: #8FBA33;
	font-size: 13px;
	color: #fff;

	font-weight: 800;

	display: block;
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
}

.botonFormEmpezar:Hover {
	background-color: #e89018;
}



.rueditaBoton {
	width: 25px;
	height: 25px;
	background-image: url("img/svg/preloader_gear.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	right: -30px;
	top: 5px;
	display: none;
}

.contenedorBotonDescarga {
	width: 100%;
	margin-top: 5px;
	text-align: center;
}

.botonDescargar {
	padding: 10px;
	padding-top: 8px;
	padding-bottom: 5px;

	background: #8FBA33;
	font-size: 11px;
	color: #fff;
	display: inline-block;

	font-weight: 800;

	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	margin: 0 auto;
}

.botonDescargar:Hover {
	background-color: #e89018;
}

.separadorBotones {
	width: 20px;
	height: 20px;
	flex-shrink: 2;
}

.textoErrorEmpezar {
	width: 100%;
	font-size: 12px;

	color: #333333;
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
}


.contenedorBotonSiguienteEmpezar {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	gap: 20px;
}

.contenedorBotonSiguienteProyecto {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	margin-top: 10px;
}

.contenedorBotonElegirEmpezar {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	margin-top: 10px;
}

.preloaderContacto {
	background: url(img/preloader.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
	clear: both;

	padding-left: 25px;
	margin-left: 5px;
	/*display:none;*/
	line-height: 25px;
	color: #8FBA33;
}




.lds-dual-ring3 {
	display: inline-block;
	height: 15px;
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	padding-left: 25px;
	position: relative;
	color: #8FBA33;
	font-weight: 900;
	font-size: 11px;
	padding-top: 4px;
	display: none;
}

.lds-dual-ring3:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	margin: 0px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0px;
	border: 2px solid #8FBA33;
	border-color: #8FBA33 transparent #8FBA33 transparent;
	animation: lds-dual-ring 1s linear infinite;
}

@keyframes lds-dual-ring3 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



.contenedorResumen {
	max-width: 800px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: center;
	align-content: center;
	margin-bottom: 10px;
	margin-top: 20px;

}

.contenedorResumenCentro {
	max-width: 800px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: center;
	align-content: center;
	margin-bottom: 10px;
	margin-top: 20px;

}

.tituloResumen {
	color: #8FBA33;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 5px;
	text-align: center;
}

.resumen {
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: calc(50% - 42px);

	border: 0px;
	border-bottom: 1px solid #cccccc;
	color: #666666;
	margin-bottom: 20px;
}

.resumenPago {
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: calc(100% - 42px);

	border: 0px;
	border-bottom: 1px solid #cccccc;
	color: #666666;
	margin-bottom: 20px;
}


.datoResumen {
	font-size: 14px;
	padding-bottom: 6px;
	padding-top: 8px;
	color: #666666;
	text-align: center;
	border-top: 1px solid #cccccc;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;
}



.montoPagar {
	font-weight: 800;
	color: #8FBA33;
}

.descuentoPagar {
	font-weight: 800;
	color: #e89018;
}

.resumenDestacar {
	font-weight: 800;
}

#areaCupon {
	display: none;
}




.grillaImagenes {
	width: 95%;
	max-width: 1400px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;
}

.grillaImagenesInfo {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	margin-bottom: 20px;
	margin-top: 20px;
}



.fotoGrilla {
	width: calc(20% - 40px);
	max-width: 150px;
	display: inline-block;

	position: relative;
	margin: 20px;


	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.15);
	background-color: #999;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}


.fotoGrilla:after {
	content: '';
	display: block;
	margin-top: 100%;
}

.fotoGrilla:hover {
	-webkit-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.33);
	box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.33);
}


.contenedorFotoFinal {
	width: calc(50% - 40px);
	max-width: 150px;
	display: inline-block;

	position: relative;
	margin: 20px;
}

.contenedorFotoAnteproyecto {
	width: calc(50% - 40px);
	max-width: 150px;
	display: inline-block;

	position: relative;
	padding: 20px;
}

.fotoFinal {
	width: 100%;
	display: inline-block;

	position: relative;


	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.15);
	background-color: #999;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.fotoFinal:after {
	content: '';
	display: block;
	margin-top: 100%;
}

.fotoFinal:hover {
	-webkit-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.33);
	box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.33);
}




.fotoAnteproyecto {
	width: calc(50% - 40px);
	max-width: 150px;
	display: inline-block;

	position: relative;
	margin: 20px;


	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.15);
	background-color: #999;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.fotoAnteproyecto:after {
	content: '';
	display: block;
	margin-top: 100%;
}

.fotoAnteproyecto:hover {
	-webkit-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.33);
	box-shadow: 2px 5px 10px -1px rgba(0, 0, 0, 0.33);
}



@media (max-width: 300px) {
	.fotoGrilla {
		width: calc(50% - 20px);
		margin: 20px;
	}

	.fotoAnteproyecto {
		width: calc(100% / 2 - 22px);
		margin: 10px;
	}

	.contenedorFotoFinal {
		width: calc(100% / 2 - 22px);
		margin: 10px;
	}
}

@media (min-width: 301px) {
	.fotoGrilla {
		width: calc(100% / 3 - 20px);
		margin: 10px;
	}

	.fotoAnteproyecto {
		width: calc(100% / 3 - 22px);
		margin: 10px;
	}

	.contenedorFotoFinal {
		width: calc(100% / 3 - 22px);
		margin: 10px;
	}
}

@media (min-width: 700px) {
	.fotoGrilla {
		width: calc(100% / 3 - 20px);
		margin: 10px;
	}

	.fotoAnteproyecto {
		width: calc(100% / 2 - 22px);
		margin: 10px;
	}

	.contenedorFotoFinal {
		width: calc(100% / 2 - 22px);
		margin: 10px;
	}
}

@media (min-width: 1000px) {
	.fotoGrilla {
		width: calc(25% - 20px);
		margin: 10px;
	}

	.fotoAnteproyecto {
		width: calc(100% / 2 - 20px);
		margin: 10px;
	}

	.contenedorFotoFinal {
		width: calc(100% / 4 - 40px);
		margin: 40px;
	}
}

@media (min-width: 1300px) {
	.fotoGrilla {
		width: calc(20% - 20px);
		margin: 10px;
	}

	.fotoAnteproyecto {
		width: calc(100% / 2 - 20px);
		margin: 10px;
	}

	.contenedorFotoFinal {
		width: calc(100% / 3 - 40px);
		margin: 20px;
	}
}

.botonBorrarFoto {
	width: 15px;
	height: 15px;
	background-image: url(img/svg/iconos_borrar.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: -6px;
	right: -6px;
	cursor: pointer;
}



.areaDescripcionArchivo {
	position: relative;
	width: calc(100% - 10px);
	margin: 0 auto;

	padding-top: 5px;
	padding-bottom: 3px;

}

.descripcionArchivo {
	font-size: 12px;
	color: #666;

	padding-right: 5px;
	padding-top: 2px;
	text-align: center;
}


.agregarImagenMiProyecto {
	width: 95%;
	max-width: 800;
	margin: 0 auto;
}

@media (max-width: 470px) {
	.botonElegirTamanioJardin {
		width: calc(100% - 50px);
	}
}

@media (min-width: 471px) {
	.botonElegirTamanioJardin {
		width: calc(50% - 50px);
	}
}





@media (max-width: 700px) {
	.botonElegirPaquete {
		width: calc(50% - 52px);
	}
}

@media (min-width: 701px) {
	.botonElegirPaquete {
		width: calc(25% - 52px);
	}
}





@media (max-width: 800px) {
	.textoPaso {

		width: 100%;
		text-align: center;
	}
}

@media (min-width: 801px) {
	.textoPaso {
		width: auto;
		text-align: left;
	}
}


@media (max-width: 800px) {
	.resumen {
		width: 100%;
	}
}

@media (min-width: 801px) {
	.resumen {
		width: calc(50% - 42px);
	}
}






.mostrandoPrecios {
	text-align: center;
}

#cambioPrecios {
	padding: 5px;
	background-color: #666;
	color: #fff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

	display: inline-block;
	border-radius: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	margin: 5px;
	cursor: pointer;
}

#cambioPrecios:Hover {
	background-color: #e89018;
}