@font-face {
    font-family: aauxboldSC;
    src: url(../fonts/AauxPro-BoldSC_1.ttf);
}

@font-face {
    font-family: aauxbold;
    src: url(../fonts/AauxPro-Bold.ttf);
}

body{
	margin:0;
	overflow-x:hidden;
	padding: 0 !important;
	font-family: aauxboldSC, Trebuchet MS;
}

p{
	margin:0;
	padding:0;
}

input,option,select{
	color:#7d7d7d;
}

a{
	text-decoration:none !important;
}

i.detalhe_basket,i.apagar_basket{
	cursor:pointer;
}

.topo{
	background-color: #07c2f2;
    padding: 20px;
    overflow: hidden;
}

.topo .logo{
	width: 33%;
    float: left;
}

.topo .centro{
	width: 33%;
    text-align: center;
    float: left;
}

.topo .botao{
	width: 33%;
    float: left;
	text-align:right;
}

.topo .botao button{
	background-color: #fff;
    outline: none;
    border: 0;
    height: 49px;
    width: 169px;
    color: #05bffa;
    font-size: 25px;
    border-radius: 6px;
	font-family: aauxbold, Trebuchet MS;
	font-weight:100;
}

/*region LOGOS*/
.logotipo-avaliarcarro {
	position: relative;
	float: right;
	padding-right: 20px;
	text-align: right;
	width: 100%;
}

.logotipo-avaliarcarro .text {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.logotipo-avaliarcarro a {
	position: relative;
	display: inline-block;
}

.logotipo-avaliarcarro a img {
	position: relative;
	max-width: 200px;
}

.logotipo-fleetdata {
	position: relative;
	float: right;
    padding-right: 20px;
    text-align: right;
    width: 100%;
}

.logotipo-fleetdata .text {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.logotipo-fleetdata a {
	position: relative;
	display: inline-block;
}

.logotipo-fleetdata a img {
	position: relative;
	max-width: 120px;
}
/*endregion*/

.detalhe{
    width: 100%;
    overflow: hidden;
    padding: 20px;
}

.detalhe .esquerda{
	width:50%;
	float:left;
}

.detalhe .esquerda h1{
	color:#0277bd;
	font-family: aauxbold, Trebuchet MS;
	font-weight: 100;
	margin-top: 0;
}

.detalhe .esquerda .caixa{
	/*color: #005c87;
    width: 95px;
    height: 56px;
    border: 2px solid #717171;
    border-radius: 6px;*/
    display: inline-block;
    /*text-align: center;
    font-weight: 900;
    font-size: 25px;
    padding-top: 7px;
    font-family: aauxboldSC;*/
}

#kms{
	outline: none;
    color: #005c87;
    width: 115px;
    height: 50px;
    border: 2px solid #717171;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    font-weight: 900;
    font-size: 25px;
    font-family: aauxboldSC, Trebuchet MS;
}

.detalhe .esquerda span{
	color: #005c87;
    margin: 16px 31px 0 16px;
    font-size: 20px;
    font-weight: 900;
	font-family: aauxboldSC, Trebuchet MS;
}

.detalhe .direita{
	width:50%;
	float:right;
	text-align:right;
}

.detalhe table{
	float: right;
    width: 500px;
    text-align: center;
}

.nome_pessoa{
    margin: 0 20px;
    color: #07c2f2;
    font-size: 23px;
    font-weight: 100;
	font-family: aauxboldSC, Trebuchet MS;
}

.estado{
    margin: 0 30px;
    color: #0277bd;
    font-size: 23px;
	font-family: aauxboldSC, Trebuchet MS;
	font-weight: bold;
}

.btn_excel{
	float: right;
	margin-top: 10px;
	cursor:pointer;
}

.btn_basket{
	float: right;
    cursor: pointer;
	margin-top: 10px;
	margin-left: 30px;
}

.btn_basket button{
    background-color: #07C2F2;
    border: 0;
    outline: none;
    border-radius: 3px;
    height: 41px;
    font-size: 17px;
    font-family: aauxBold, Trebuchet MS;
    color: #fff;
    padding: 0 13px;
}

.table_dados_header{
	width: 100%;
    position: fixed;
    top: 0;
    display: none;
}

.table_dados_header th{
	background-color:#0277bd;
	color:#fff;
	padding: 10px 0;
	border-right: 1px solid #e0e0e0;
	font-family: aauxbold, Trebuchet MS;
	font-weight:100;
	text-align: center;
}

.table_dados{
	background-color:#e0e0e0;
	width: 100%;
}

.table_dados th{
	background-color:#0277bd;
	color:#fff;
	padding: 10px 5px;
	border-right: 1px solid #e0e0e0;
	font-family: aauxbold, Trebuchet MS;
	font-weight:100;
	text-align: center;
}

.table_dados tr:hover td {
	background-color: #BEE5FF;
}

.table_dados td{
	background-color:#fff;
	color:#42a7ff;
	padding: 10px 0;
    text-align: center;
	border-right: 1px solid #e0e0e0;
	font-family: aauxbold, Trebuchet MS;
	font-weight:100;
}

.table_dados td.coluna_nome{
    text-align: left;
    padding: 0 15px;
}

.table_dados td.coluna_precos{
    text-align: right;
    padding: 0 15px;
}

.table_dados .impar td{
	background-color:#f2f8fc;
}

label.separador{
    padding: 0 16px;
}

.footer{
	background-color:#eeeeee;
	/*overflow:hidden;*/
	padding:20px;
	/*margin-top: 77px;*/
}

.footer h1{
	color:#0277bd;
	font-family: aauxbold, Trebuchet MS;
	font-weight:100;
	margin-bottom: 35px;
	margin-top: 0;
}

.footer .esquerda{
	width:100%;
	float:left;
}

.footer .direita{
	width:50%;
	float:left;
}

.footer form {
	position: relative;
	width: 100%;
	display: inline-block;
}

.footer form.escondida {
	display: none;
}

.footer select{
	/*background: url('../imagens/btn_select.png') no-repeat;
    outline: none;
    height: 29px;
    border-radius: 7px;
    border: 1px solid #afafaf;
    padding-left: 4%;
    background-color: #fff;
    background-position: 100% 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;*/
	font-size: 14px;
	padding: 6px 12px;
	border-radius: 4px;
}

.footer select.grande{
	width: 300px;
}

.footer select.pequeno{
	width: 108px;
}

.footer input{
    outline: none;
    height: 29px;
    border-radius: 4px;
    border: 1px solid #afafaf;
    padding-left: 10px;
}

.footer input.grande{
	width: 340px;
}

.footer input.pequeno{
	width: 108px;
}

.footer .btn_mais{
	background-color: #fff;
    height: 28px;
    width: 30px;
    border: 1px solid #afafaf;
    border-radius: 4px;
    font-size: 18px;
    color: #2CC6F3;
    font-weight: bold;
	outline:none;
}

.footer label{
	color:#717171;
	font-weight: bold;
	font-family: aauxboldSC, Trebuchet MS;
}

.footer td{
	padding: 8px 6px;
}

.footer .btn_pesquisa{
	text-align: right;
}

.footer .btn_pesquisa button{
	background-color: #05bffa;
    outline: none;
    border: 0;
    height: 49px;
    width: 169px;
    color: #fff;
    font-size: 25px;
    border-radius: 6px;
	font-family: aauxboldSC, Trebuchet MS;
	font-weight:100;
	margin-top: 22px;
    margin-right: 6px;
	cursor: pointer;
}

.footer_m{
	display:none;
	background-color:#eeeeee;
	overflow:hidden;
	padding:20px;
	margin-top: 60px;
}

.footer_m h1{
	color:#0277bd;
	font-family: aauxbold, Trebuchet MS;
	font-weight:100;
}

.footer_m th{
	width:10%;
	text-align:left;
}

.footer_m td{
	width:90%;
}

.footer_m .btn_mais{
	background-color: #fff;
    height: 28px;
    width: 30px;
    border: 1px solid #afafaf;
    border-radius: 4px;
    font-size: 18px;
    color: #2CC6F3;
    font-weight: bold;
}

.footer_m label{
	color:#717171;
	font-weight: bold;
	padding: 0 16px;
	font-family: aauxboldSC, Trebuchet MS;
}

.footer_m select{
	/*background: url('../imagens/btn_select.png') no-repeat;
    outline: none;
    height: 29px;
    border-radius: 7px;
    border: 1px solid #afafaf;
    padding-left: 4%;
    background-color: #fff;
    background-position: 100% 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	font-size: 14px;*/
	font-size: 14px;
	padding: 6px 12px;
	border-radius: 4px;
}

.footer_m select.grande{
	width: 261px;
}

.footer_m select.pequeno{
	width: 108px;
}

.footer_m input{
    outline: none;
    height: 29px;
    border-radius: 4px;
    border: 1px solid #afafaf;
    padding-left: 4%;
}

.footer_m input.grande{
	width: 332px;
}

.footer_m input.pequeno{
	width: 108px;
}

.footer_m .btn_pesquisa{
	text-align: center;
	margin-top: 80px;
}

.footer_m .btn_pesquisa button{
	background-color: #05bffa;
    outline: none;
    border: 0;
    height: 49px;
    width: 169px;
    color: #fff;
    font-size: 25px;
    border-radius: 6px;
	font-family: aauxboldSC, Trebuchet MS;
	font-weight:100;
	cursor:pointer;
}

.clear{
	height:40px;
}

.escondida{
	display:none;
}

.apagar_veiculo_basket{
	cursor:pointer;
	padding-right: 10px;
}

.modal{
	overflow-y:auto !important;
}

.separadores td{
    padding: 13px 15px;
    background-color: #f2f8fc;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
	display: inline-block;
    margin-left: 3px;
	font-family: aauxboldSC, Trebuchet MS;
}

.separadores td.selected{
	background-color:#eee;
	color:#0277bd;
}

.btn_anterior{
	float:left;
}

input[type=checkbox], input[type=radio]{
	float:left;
	height:15px;
	margin-right: 5px !important;
}

.selected{
	font-weight:bold;
}

.selected h4{
    font-weight: bold !important;
}

#alertas,.alertas{
	font-weight:bold;
}

.row{
	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:10px;
	
}

input[type=checkbox][disabled]{
	cursor:default !important;
}

.avaliacoes {
    color: #717171;
    font-family: aauxboldSC, Trebuchet MS;
	font-size: 21px;
	text-align:right;
}

.faixa_fundo{
	width: 96%;
    margin: 25px 2%;
}

.faixa_fundo select {
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 4px;
	margin-right:20px;
}

.faixa_fundo label{
	margin-right:20px;
}

#cod_lingua{
	width:150px !important;
}

#form_passo_1 select {
    width: 200px;
}

#form_passo_1 #versao {
    width: 100%;
}

#form_passo_3 table td {
    width: 33%;
}

#form_passo_3 table td.bloco{
    background-color:#fefefe;
	border-radius: 15px;
	cursor:pointer;
	min-height: 130px;
}

#form_passo_3 table td.bloco .passo_final_titulo{
    color:#ccc;
}

#form_passo_3 table td.selected{
    background-color:#bbb;
	border-radius: 15px;
}

#form_passo_3 table td.selected .passo_final_titulo{
    color:#222;
}

.ficha_avaliacao{
	width:100%;
}

.ficha_avaliacao .separador>td{
	background-color:#222;
	text-align:center;
	color:#fff;
}

.btn_nova_simulacao{
	background-color: #05bffa;
    outline: none;
    border: 0;
    height: 49px;
    width: 225px;
    color: #fff;
    font-size: 25px;
    border-radius: 6px;
    font-family: aauxboldSC, Trebuchet MS;
    font-weight: 100;
    margin-top: 22px;
    margin-right: 6px;
    cursor: pointer;
}

#form_linguas{
	display:inline;
}

#procurar_matricula{
    background-color: #05bffa;
    outline: none;
    border: 0;
    height: 29px;
    width: 120px;
    color: #fff;
    font-size: 17px;
    border-radius: 6px;
    font-family: aauxboldSC, Trebuchet MS;
    cursor: pointer;
}

.alertas_matricula{
	font-weight:bold;
}

.aba_anterior{
	cursor:pointer;
}

.aba_seguinte{
	cursor:pointer;
}

textarea{
	resize: vertical;
    width: 100%;
    height: 150px;
    border-radius: 5px;
}

/*region FORM STEP 01*/
#form_passo_1 .btn_next {
	display: none;
}

.zone-vehicle-info {
	display: none;
}
/*endregion*/

/*region FORM STEP 02*/
.evaluation-info {
	position: relative;
	width: calc(100% - 550px);
	display: inline-block;
	font-size: 18px;
	float: left;
}

.evaluation-info h3 {
	margin-bottom: 50px;
	text-align: center;
}

.vehicle-photo {
	position: relative;
	width: 550px;
	display: inline-block;
	font-size: 16px;
	text-align: right;
	float: right;
}

.vehicle-photo img {
	max-width: 400px;
	width: 100%;
}

.zone-options {
	position: relative;
	width: 100%;
	margin-top: 30px;
	display: none;
}

.zone-options .options {
	position: relative;
	width: 100%;
	display: inline-block;
}

.zone-options .options label {
	display: inline-block;
	width: 100%;
}

.zone-options .options label input {}

#form_passo_2 .btn_next {
	display: none;
}
/*endregion*/

/*region FORM STEP 03*/
#form_passo_3 .zone-vehicle-info {
	position: relative;
	width: 100%;
	display: none;
}

#form_passo_3 .input_kms {
	text-align: right;
}

#form_passo_3 .separador {
	position: relative;
	width: 100%;
}

#form_passo_3 .separador hr {
	position: relative;
	width: 100%;
	margin: 10px 0;
	border-top: 1px solid #0000008f;
}

#form_passo_3 .btn_next {
	display: none;
}
/*endregion*/

/*region FORM STEP 04*/
#form_passo_4 .zone-contacts {
	position: relative;
	width: 100%;
}
/*endregion*/

/*region FORM STEP FINAL*/
#form_passo_final .btn_nova_simulacao {
	float: left;
	width: auto;
}

#form_passo_final .zone-final {
	position: relative;
	width: 100%;
	display: inline-block;
	font-size: 16px;
}

#form_passo_final .zone-final a {
	color: #000;
	outline: none;
	text-decoration: none;
}
/*endregion*/

@media (max-width: 1575px){
	
	/*.footer input.grande{
		width: 337px;
	}*/

	.footer input.pequeno{
		width: 100px;
	}
	
	.footer select.grande{
		width: 300px;
	}

	.footer select.pequeno{
		width: 100px;
	}
}

@media (max-width: 1300px){
	.footer .esquerda,
	.footer .direita{
		/*width:100%;*/
	}
	
	.footer .direita table{
		float:left !important;
	}
	
	.table_dados td{
		font-size: 14px;
		padding: 1%;
	}
}

@media (max-width: 1030px){
	
	.detalhe .esquerda{
		width:100%;
		text-align:center;
		float:initial;
	}
	
	.detalhe .direita{
		padding-bottom: 25px;
		width: 100%;
		float:initial;
		border-bottom: 1px solid #07C2F2;
	}
	
	.detalhe {
		padding: 2% 0;
		width:100%;
	}
	
	.detalhe .btn_excel,
	.btn_basket{
		margin: 40px 0;
		text-align: center;
		float: initial;
	}
	
	.detalhe .direita img,
	.detalhe .direita h1{
		margin:0;
		font-size:21px;
	}
	
	.detalhe .direita table{
		float:left;
		width:100%;
		text-align:center;
	}
	
}

@media screen and (max-width: 990px) {
	.evaluation-info {
		width: 100%;
		margin-bottom: 15px;
	}

	.vehicle-photo {
		width: 100%;
		text-align: center;
	}

	.footer input[type="text"],
	.footer input[type="email"],
	.footer input[type="number"] {
		width: 100%;
	}

	.footer input[type="text"],
	.footer input[type="email"],
	.footer input[type="number"],
	.footer select {
		margin-bottom: 15px;
	}
}

@media (max-width: 820px){
	
	.topo .centro{
		display:none;
	}
	
	.topo .logo{
		width:60%;
	}
	
	.topo .botao{
		width:40%;
	}
	
	.topo .logo img{
		width:86%
	}
	
	.footer{
		/*display:none;*/
	}
	
	.footer_m{
		display:block;
	}
	
	.footer_m th{
		padding: 10px 10px 10px 0;
	}
	
	.footer_m label{
		padding: 0 0;
	}
	
	label.separador {
		padding: 0px 15px;
	}
}

@media (max-width: 800px){
	.coluna_nome{
		text-align:center !important;
	}
	
	.coluna_precos{
		text-align:center !important;
	}
	
	#equipamento table td{
		display:inline-block;
		width:100%;
	}
	
	.separadores td{
		display:none;
	}

	.separadores td.selected{
		display:block;
	}
}

@media (max-width: 700px){
	.faixa_fundo td{
		width:100%;
		display:inline-block;
		text-align:center;
		margin-bottom:20px;
	}
}

@media (max-width: 525px){
	
	#alertas > div{
		text-align:center !important;
	}
	
	#alertas > div .btn_nova_simulacao{
		float:none !important;
	}	
	
	.footer .btn_pesquisa{
		text-align:center;
	}
	
	.btn_anterior {
		float: none;
	}
}

@media (max-width: 500px){
	
	.ficha_avaliacao td{
		width:50%;
		display:inline-block;
	}
		
	.ficha_avaliacao .titulo_carro{
		width:100%;
	}
		
	.ficha_avaliacao td img{
		width:100%;
	}
	
	.ficha_avaliacao .separador > td{
		width:100%;
	}
	
	#table_logo{
		height: 57px;
	}
	
	label.separador {
		padding: 0px 0px;
	}
	
	.topo .botao button{
		height: 57px;
		width: 100px;
		line-height: 21px;
	}
	
	.footer_m input.grande{
		width: 88%;
	}
	
	.footer_m input.pequeno{
		width: 47%;
	}
	
	.footer_m select.grande{
		width: 98.5%;
	}
	
	.footer_m select.pequeno{
		width: 47%;
	}
	
	.footer_m .btn_mais{
		width: 10%;
	}
	
	#img_casa{
		margin-right:0 !important;
		width: 30%;
	}
	
	.detalhe .direita h1{
		margin: 0;
		font-size: 21px;
	}
	
	
}

@media (max-width: 400px){
	
	
	.footer .btn_pesquisa button{
		width: 190px;
		font-size: 23px;
	}
	
	.bootstrap-select{
		width:85% !important;
	}
	
	.footer_m input.grande{
		width: 84%;
	}
	
	.footer_m input.pequeno{
		width: 39%;
	}
	
	.footer_m select.grande{
		width: 99%;
	}
	
	.footer_m select.pequeno{
		width: 46%;
	}
	
	.footer_m .btn_mais{
		width: 13%;
	}
	
	.detalhe .direita h1 {
		margin: 0;
		font-size: 16px;
	}
	
	.footer .btn_pesquisa {
		text-align: center;
	}
	
	.btn_anterior {
		float: none;
	}
	
	select,select.grande{
		width:100% !important;
	}
}