@CHARSET "ISO-8859-1";

#div-alerta{
    top:0%;
    position:absolute;
    text-align:center;
    z-index: 999;
    width:100%;
    height:100%;
    display:none;
}

.bg-alerta {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color:rgba(255,255,255, 0.95);
	z-index: 998;
	display: none;
}

.form-alerta {
	position: relative;
	background: url(../img/bg-topo.jpg);
	background-size: cover;
	border: solid 1px #e0e0e0;
	border-radius: 30px;
	padding-bottom: 35px;
	width: 95%;
	margin: 0 auto;
}

.holder-alerta-feito {
	position: relative;
	/*background: url(../img/bg-passo-a-passo.jpg);*/
	background-color: #eee;
	background-size: cover;
	border-radius: 30px;
	padding: 0px 0px;
	width: 95%;
	margin: 0 auto;
	display: none;
}

.holder-alerta-feito h4 {
	color: #f77951;
	font-size: 33px;
	padding-top: 8px;
	font-weight: 600;
}

.holder-alerta-feito p {
	margin: 15px 10px 10px 10px;
	font-size: 21px;
	color: #fff;
	line-height: 1.3;
}

.holder-alerta-feito p span {
	color: #f77951;
	font-weight: 600;
	font-size: 26px;
}

.fechar {
		position: absolute;
		right: 22px;
		top: -2px;
		width: 25px;
		height: 25px;
		border-radius: 100%;
	}

.wrap-input-alerta.wrap-valor {
		background: url(../img/sprites.png) no-repeat -52px -188px #1251a0;
	}
	
	.wrap-input-alerta2.wrap-valor {
		background: url(../img/sprites.png) no-repeat -162px -186px #1251a0;
	}
	
	.wrap-input-alerta3.wrap-valor {
		background: url(../images/calendar.png) no-repeat 14px 10px #1251a0;
	}
	
	.wrap-input-alerta select,
	.wrap-input-alerta2 select, 
	.wrap-input-alerta3 select {
		background-color: #FFFFFF;
		border-radius: 100px;
		width: 84%;
		max-width: 100%;
		float: right;
		margin: 0;
		padding: 0 15px;
		height: 42px;
		font-size: 15px;
		font-weight: bold;
		color: #1251a0;
		/*text-transform: uppercase;*/
		border:none;
		/*margin-top:5px;
		margin-bottom:2px;*/
	}
	
.wrap-input-alerta {
	border-radius: 100px;
	width: 90%;
	margin-right:5%;
	max-width: 100%;
	padding: 3px;
	margin-bottom: 6px;
	position: relative;
	float: right;
	border-style: solid;
    border-width: 1px;
    border-color: #1251a0;
}
.wrap-input-alerta2,
.wrap-input-alerta3 {
	border-radius: 100px;
	width: 90%;
	margin-right:5%;
	max-width: 100%;
	padding: 3px;
	margin-bottom: 6px;
	position: relative;
	float: right;
	border-style: solid;
    border-width: 1px;
    border-color: #1251a0;
}

.form-alerta.larger {
    width: 100%;
}

	.form-alerta .holder-campos {
		padding: 35px 0 10px 0;
		margin-bottom: 20px;
	}

		.form-alerta .holder-campos label {
			text-align: center;
			font-size: 14px;
			margin-bottom: 5px;
		}

		.form-alerta .holder-campos input {
			width: 210px;
			border-radius: 30px;
			border: none;
			text-align: center;
			margin: 0 auto;
			margin-bottom: 20px;
			font-size: 16px;
		}

		.form-alerta .holder-lance-alerta #span_rs {
			position: relative;
			display: block;
			bottom: -9px;
			width: 190px;
			text-align: left;
			margin: 0 auto;
			height: 0;
			font-weight: 600;
			color: #999;
		}
		
		.form-alerta .holder-campos .seta-up {
			position: relative;
			display: block;
			bottom: 61px;
			width: 35px;
			text-align: left;
			margin: 0 auto;
			height: 0;
			right:-80px;
		}
		
		.form-alerta .holder-campos .seta-down {
			position: relative;
			display: block;
			bottom: 41px;
			width: 35px;
			text-align: left;
			margin: 0 auto;
			height: 0;
			right:-80px;
		}

			.form-alerta .holder-campos.cartao span {
				color: #1251a0;
			}

			.form-alerta .holder-campos.moeda span {
				color: #5eb665;
			}

	.form-alerta p {
		text-align: center;
		width: 100%;
		font-size: 13px;
		padding: 0px 15%;
	}
/*ALTERA O BOTÃO*/
	.form-alerta .submit,
    .form-alerta .submit-alerta,
	.form-alerta .btn-nova-cotacao,
	.form-alerta .submit-dados,
	.form-alerta .submit-dados-contato {
		background-color: #f76332;
		cursor: pointer;
		border: none;
		position: absolute;
		color: #FFF;
		left: 57%;
		margin-left: -108px;
		bottom: -40px;
	}


		.form-alerta .submit, 
		.form-alerta .submit-alerta {
			
			margin-left: -95px;
		}

		.form-alerta .submit-dados {
			margin-left: -81px;
		}

		.form-alerta .btn-nova-cotacao {
			margin-left: -129px;
		}
		
		.form-alerta .submit-dados-contato {
			margin-left: -59px;
		}

		.form-alerta .submit:hover,
		.form-alerta .submit-alerta:hover,
		.form-alerta .submit-dados:hover,
		.form-alerta .btn-nova-cotacao:hover,
		.form-alerta .submit-dados-contato {
			background-color: #1251a0;
		}

		.form-alerta .icon-lance-feito {
			display: none;
			background-position: -523px -1285px;
		}

		.form-alerta .submit-dados,
		.form-alerta .btn-nova-cotacao,
		.form-alerta .submit-dados-contato {
			display: none;
		}

	.form-alerta .holder-lance-alerta {
		display: none;
		text-align: center;
		padding: 30px 0 16px 0;
		z-index:1001;
	}
	
	.form-alerta .holder-contato-direto {
		display: none;
		text-align: center;
		padding: 30px 0 40px 0;
	}

		.form-alerta .holder-lance-alerta h4 {
			font-size: 25px;
			color: #ff3f00;
			margin: 0;
			font-weight: bold;
			line-height: 1;
            margin-bottom:16px;
		}
		
		.form-alerta .holder-contato-direto h4 {
			font-size: 18px;
			color: #ff3f00;
			margin: 0;
			font-weight: bold;
			line-height: 1;
		}


		.form-alerta .holder-lance-alerta a.alterar {
			color: #344351;
			font-size: 10px;
			text-transform: uppercase;
		}

	.form-alerta .wrap-valores-dados {
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		position: relative;
		margin: 20px 0;
	}

		.form-alerta .wrap-valores-dados .icon-moeda {
			position: absolute;
			left: 50%;
			margin-left: -20px;
			background-color: #e6e6e6;
			background-repeat: no-repeat;
			background-position: center;
			width: 40px;
			height: 30px;
			top: 24px;
		}

			.form-alerta .wrap-valores-dados.especie .icon-moeda {
				background-image: url(../img/icon-moeda.png);
			}

			.form-alerta .wrap-valores-dados.cartao .icon-moeda {
				background-image: url(../img/icon-cartao.png);
			}

		.form-alerta .wrap-valores-dados .valor-dados {
			width: 50%;
			float: left;
			padding: 22px 0 18px 0;
		}

			.form-alerta .wrap-valores-dados .valor-dados.border {
				width: calc(50% - 1px);
				border-left: 1px solid #FFF;
			}

			.form-alerta .wrap-valores-dados .valor-dados p {
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 0;
				line-height: 0.8;
			}

				.form-alerta .wrap-valores-dados.especie .valor-dados p {
					color: #5eb665;
				}

				.form-alerta .wrap-valores-dados.cartao .valor-dados p {
					color: #1251a0;
				}

			.form-alerta .wrap-valores-dados .valor-dados span {
				font-size: 12px;
				font-weight: normal;
			}

		.form-alerta .holder-lance-alerta p.laranja {
			font-size: 18px;
			color: #f76332;
			margin-bottom: 0;
		}

		.form-alerta .holder-lance-alerta p {
			line-height: 1.2;
			padding: 0 10%;
		}

		.form-alerta .holder-lance-alerta input.input-dados {
			width: 90%;
			margin: 0 auto;
			margin-bottom: 6px;
			border: solid 1px #e3e3e3;
		}

	.form-alerta .holder-alerta-feito,
	.form-alerta .holder-contato-feito { 
		display: none;
		text-align: center;
		padding-bottom: 40px;
	}

		.form-alerta .holder-alerta-feito h4,
		.form-alerta .holder-contato-feito h4 {
			color: #ff3f00;
			font-size: 20px;
			padding-top: 20px;
			font-weight: bold;
			margin-bottom: 0;
		}

		.form-alerta .holder-alerta-feito p.obrigado,
		.form-alerta .holder-contato-feito p.obrigado { 
			font-size: 13px;
			padding-left: 0;
			padding-right: 0;
			margin-bottom: 0;
			padding-bottom: 20px;
			border-bottom: 1px solid #FFF;
		}
		
		.form-alerta .holder-alerta-feito p.obrigado-2,
		.form-alerta .holder-contato-feito p.obrigado-2 { 
			font-size: 13px;
			padding-left: 0;
			padding-right: 0;
			margin-bottom: 0;
			padding-bottom: 0px;
			border-bottom: 1px solid #FFF;
		}
		
		.form-alerta .holder-alerta-feito .obrigado,
		.form-alerta .holder-contato-feito .obrigado { 
			font-size: 13px;
			padding-left: 0;
			padding-right: 0;
			margin-bottom: 0;
			padding-bottom: 20px;
			/*border-bottom: 1px solid #FFF;*/
		}

		.form-alerta .holder-alerta-feito .compartilhe p,
		.form-alerta .holder-contato-feito .compartilhe p { 
			font-size: 18px;
			margin-top: 30px;
			margin-bottom: 0;
			padding-left: 0;
			padding-right: 0;
		}

		.form-alerta .holder-alerta-feito .compartilhe a,
		.form-alerta .holder-contato-feito .compartilhe a {
			
			display: inline-block;
			width: 55px;
			height: 55px;
			background-image: url(../img/sprites.png);
		}

			.form-alerta .holder-alerta-feito .compartilhe a.icon-facebook,
			.form-alerta .holder-contato-feito .compartilhe a.icon-facebook {
				background-position: -743px -1316px;
			}

			.form-alerta .holder-alerta-feito .compartilhe a.icon-twitter,
			.form-alerta .holder-contato-feito .compartilhe a.icon-twitter {
				background-position: -812px -1316px;
			}

			.form-alerta .holder-alerta-feito .compartilhe a.icon-mail,
			.form-alerta .holder-contato-feito .compartilhe a.icon-mail {
				background-position: -881px -1316px;
			}

		.form-alerta .holder-alerta-feito a.btn-nova-cotacao,
		.form-alerta .holder-contato-feito a.btn-nova-cotacao { 
			font-weight: bold;
			text-transform: uppercase;
			margin-top: 30px;
			font-size: 14px;
			margin-left: -128px;
		}
		
	
@media only screen and (min-width: 64.0625em){
	.box-lance {
		margin-left: 33%;
	}
	
	.form-alerta .submit, 
	.form-alerta .submit-alerta {
		
		margin-left: -110px;
	}

}