@charset "utf-8";
/* Style */

	/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
		.redondo (@n){ -webkit-border-radius: @n; -moz-border-radius: @n; border-radius: @n; }
		.shadow (@n){ -webkit-box-shadow: @n; -moz-box-shadow: @n; box-shadow: @n; }
		.back_gradient (@n1, @n2, @n3, @n4) { background: -moz-linear-gradient(top,  @n1 0%, @n2 50%, @n3 51%, @n4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@n1), color-stop(50%,@n2), color-stop(51%,@n3), color-stop(100%,@n4)); background: -webkit-linear-gradient(top,  @n1 0%,@n2 50%,@n3 51%,@n4 100%); background: -o-linear-gradient(top,  @n1 0%,@n2 50%,@n3 51%,@n4 100%); background: -ms-linear-gradient(top,  @n1 0%,@n2 50%,@n3 51%,@n4 100%); }
	/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */


	/* CORES */
		.CORR1 { color: #2891CC !important; }
		.CORR2 { color: #18618A !important; }
		.CORR3 { color: #BFDFFF !important; }

		.CORR4 { color: #cc2929 !important; }
		.CORR5 { color: #cc2929 !important; }
		.CORR6 { color: #cc2929 !important; }
		.CORR7 { color: #cc2929 !important; }
		.CORR8 { color: #cc2929 !important; }
	
		.CORR1_HOVER:hover { color: #cc2929 !important; }

		.CORR_HOVER_fff:hover { color: #fff !important; }	
	/* CORES */

	/* BDS */
		.BDS1 { border: 1px solid #2891CC; }

		.BDS-T1 { border-top: 2px solid #2891CC !important; }
		.BDS-L1 { border-left: 1px solid #2891CC; }
		.BDS-B1 { border-bottom: 1px solid #202F66; }
		.BDS-B2 { border-bottom: 1px solid #2891CC; }
	/* BDS */

	/* BACKS */
		.BACKS1 { background: #18618A !important; }
		.BACKS2 { background: #2891CC !important; }
		.BACKS3 { background: #18618A !important; }

		.BACKS4 { background: #8a1818 !important; }
		.BACKS5 { background: #8a1818 !important; }
		.BACKS6 { background: #8a1818 !important; }
		.BACKS7 { background: #8a1818 !important; }
		.BACKS8 { background: #8a1818 !important; }

		.BACKS1_HOVER:hover { background: #2891CC !important; }
		.BACKS2_HOVER:hover { background: #18618A !important; }
	/* BACKS */

	/* SHADOWS */
		.SHADOWS1 { box-shadow: 0 -1px 0 0 #2891CC; -moz-box-shadow: 0 -1px 0 0 #2891CC; -webkit-box-shadow: 0 -1px 0 0 #2891CC;  }
	/* SHADOWS */



	/* NOVO */
		.tudo.pg_carros,
		.tudo.pg_carro,
		.tudo.pg_motos,
		.tudo.pg_moto,
		.tudo.pg_busca,
		.tudo.pg_home { background: #f4f4f4; }

		.box_hover:hover { box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);  }

		input.design, textarea.design, .select2-selection, select.design, select.designx, .select2-selection { border: solid 2px #999 !important; }
		input.design, .select2-selection, select.design, select.designx { height: 40px !important; line-height: 40px !important; }

		header {
			.topo_fixed { width: 100%; height: 40px; position: fixed; z-index: 70000000;
				ul.menu {
					> li { float: left; position: relative; color: #e5e5e5;
						> a { height: 40px; display: inline-block; padding: 12px 10px 0; font-size: 11px; font-weight: bold; color: #e5e5e5;
								> i.fa-caret-down { margin-left: 5px; font-size: 20px; vertical-align: middle; }
						}
					}
					ul.submenu { display: none; position: absolute; padding: 10px 20px; background: #f4f4f4; .redondo(0 0 10px 10px); .shadow(0 2px 10px 0 rgba(0, 0, 0, 0.4));
						i.seta { position: absolute; top: -17px; left: 30px; font-size: 24px; color: #f4f4f4; }
						i.setar { left: auto; right: 50px; }
						li.tipo1 {
							ul {
								li { line-height: 32px; border-top: 1px solid #ccc;
									a { font-size: 13px; color: #4C4C4C; }
									a:hover { text-decoration: underline; }
								}
								li:first-child { border: none; }
							}
						}
						li.tipo2 {
							b { text-align: center; }
							ul { text-align: center;
								li { padding-top: 10px;
								}
							}
						}
					}
				}
			}

			.topo_02 { padding-top: 52px; }
		}

		footer {
			.fotter_01 {
				ul {
					li { padding-bottom: 8px; }
				}
				ul.redes_sociais {
					li { padding: 5px 0 5px 10px; float: left;
						a { width: 32px; height: 32px; display: flex; display: -webkit-flex; align-items: center; justify-content: center;
								i { font-size: 22px; color: #fff; }
						}
					}
				}
			}
		}

		.busca {
			.posr em { position: absolute; z-index: 10000000; top: 10.5px; left: 10px; }
			.select2-selection__rendered { font-size: 15px; font-weight: bold; }
			.select2-selection__rendered span { font-weight: normal !important; }
		}

		.carros_left {
			.titulo { display: block; padding: 15px; font-size: 13px; font-weight: bold; background-color: #d8d8d8; border-bottom: 1px solid #ccc;
				i { float: right; font-size: 20px;  }
			}
			.titulo:hover { color: #fff; background-color: #4d4d4d; }
			.box { position: relative; padding: 15px; background: #e5e5e5;
				em { position: absolute; z-index: 10000000; top: 28px; left: 25px; font-weight: bold; }
				.select2-selection__rendered span { font-weight: bold !important; }
				button {  padding: 10px; color: #fff; .BDS1; .BACKS1 }
				label { display: table;
					input { margin-right: 5px; }
					b { color: #808080; }
					b:hover { color: #4d4d4d; }
				}
			}
		}

		.filtross {
			ul.box_nome, ul.box_cidades {
				a:hover {
					i { display: inline-block; }
				}
			}
		}

		section#revenda, section#tabela_fipe, section#financiar, section#vender_carro1, section#vender_moto1 {
			.select2-selection__rendered span { display: none !important; }
		}

		section#carros, section#motos, section#minha_conta {
			ul.lista {
				.img { width: 340px; float: left; }
			}
			ul.bloco {
				li { padding: 10px 20px;
					a { padding-bottom: 10px; }
					a.no_destaque { padding: 12px 12px 22px; }
					.img { text-align: center; background: #ccc; }
				}
			}
		}

		section#carro,section#moto {
			.galeria_vendas,
			.galeria_vendas span img { max-height: 500px; }
			.box_preco::after { position: absolute; top: 0; right: -20px; content: ''; border-style: solid; border-width: 50px 20px 0 0; border-color: #4d4d59 transparent transparent transparent; }
		}

		section#faq {
			ul.linhas {
				a:hover { .CORR1;
					span { .BACKS3; }
					i { color: #fff; .BACKS3; }
				}
				a.ativo { .CORR1;
					span { .BACKS3; }
				}
			}
		}

		section#vender_carro, section#vender_moto, section#cadastro_revendedor {
			.cep_vender { width: 450px; padding: 20px 10px; margin: -100px 0 0 -225px; position: fixed; top: 50%; left: 50%; z-index: 800000001; background: #fff; .redondo(5px);
				.dn { display: inline-block; }
				span,
				button.botao { display: none; }
			}
		}

		.carregandoo { position: fixed; top: 50%; left: 50%; z-index: 9000000100; padding: 10px; margin: -22px 0 0 -150px; border: 1px solid #CCC; background: #FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
		.carregandoo img { vertical-align: middle; }
		.carregandoo span { display: inline-block; padding-left: 10px; font-weight: bold; }
	/* NOVO */




	/* LOJA */

		/* Carrinho */
		.carrinhoo {
			.colunas { padding: 5px 10px; color: #666; font-size: 14px; overflow: hidden; border-bottom: 1px solid #d8d8d8; }
		}

		/* Carrinho endereco */
		@media (max-width: 700px){
			.pg_carrinho_endereco {
				.carrinho_all_subtotal.w200 { width: auto !important; }
				.subtotal_resp { padding-top: 20px !important; }
				.box_endereco_resp  { float: none; padding:0 !important; margin: auto; }
				.fretes_resp  { float: none; margin: auto; padding-top: 20px; padding-right: 0 !important; text-align: center;
					.w300 { width: auto !important; padding-right: 10px; }
					.fretes { float: none !important; display: inline-block; }
				}
			}
		}

		@media (max-width: 500px){
			.pg_minha_conta {
				.pedido {
					.h64 { height: 80px !important; }
				} 
			}
		}


		/* Pagseguro Checkout Transparent */
		.abas {
			ul {
				li {
					a { display: block; position: relative; padding: 40px 30px 0; overflow: hidden; height: 100px; background-color: rgb(15, 107, 235); background-image: url('../web/img/outros/pagamentos/PagSeguro/01.png'); background-repeat: no-repeat; background-position: -210px -30px; -webkit-transition: background 0.35s ease-out; -moz-transition: background 0.35s ease-out; -o-transition: background 0.35s ease-out; -ms-transition: background 0.35s ease-out; transition: background 0.35s ease-out; text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
						.nome { width: 370px; height: 100px; font-size: 20px; color: #fff; vertical-align: middle; -webkit-transition: font-size 0.35s ease-out; -moz-transition: font-size 0.35s ease-out; -o-transition: font-size 0.35s ease-out; -ms-transition: font-size 0.35s ease-out; transition: font-size 0.35s ease-out; text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }
						.seta { color: #fff; position: absolute; top: 37px; right: 30px; font-size: 25px; -webkit-transition: right 0.35s ease-out; -moz-transition: right 0.35s ease-out; -o-transition: right 0.35s ease-out; -ms-transition: right 0.35s ease-out; transition: right 0.35s ease-out; text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }
					}
					a:hover { background-color: rgb(14, 96, 212); background-position: 210px -30px;
						.nome { font-size: 26px; }
						.seta { right: -35px; }
					}
				}
			}
		}

		.pagamentos {
			.credito {
				.cartao {
					.frente { background: url('../web/img/outros/pagamentos/PagSeguro/credito/padrao.png') no-repeat;
						.valido_ate { position: absolute; bottom: 26px; left: 30px; text-transform: uppercase; width: 36px; text-align: right; font-size: 11px; }
						.numero { position: absolute; left: 30px; bottom: 95px; font-size: 19px; }
						.validade { position: absolute; bottom: 29px; left: 80px; font-size: 17px; }
						.nome { overflow: hidden; width: 250px; font-size: 19px; text-overflow: ellipsis;white-space: nowrap; position: absolute; bottom: 62px; left: 30px; text-transform: uppercase; }
					}
					.verso { background: url('../web/img/outros/pagamentos/PagSeguro/credito/verso.png') no-repeat;
						.cvv { position: absolute; top: 100px; left: 318px; color: #141414; text-shadow: none; webkit-transition: all 0.35s 0.45s ease-out; -moz-transition: all 0.35s 0.45s ease-out;-o-transition: all 0.35s 0.45s ease-out; -ms-transition: all 0.35s 0.45s ease-out; transition: all 0.35s 0.45s ease-out; }
					}
					.aura { background: url('../web/img/outros/pagamentos/PagSeguro/credito/aura-card-bg.png') no-repeat; }
					.diners { background: url('../web/img/outros/pagamentos/PagSeguro/credito/diners-card-bg.png') no-repeat; }
					.discover { background: url('../web/img/outros/pagamentos/PagSeguro/credito/discover-card-bg.png') no-repeat; }
					.elo { background: url('../web/img/outros/pagamentos/PagSeguro/credito/elo-card-bg.png') no-repeat; }
					.hipercard { background: url('../web/img/outros/pagamentos/PagSeguro/credito/hipercard-card-bg.png') no-repeat; }
					.jcb { background: url('../web/img/outros/pagamentos/PagSeguro/credito/jcb-card-bg.png') no-repeat; }
					.mastercard { background: url('../web/img/outros/pagamentos/PagSeguro/credito/mastercard-card-bg.png') no-repeat; }
					.visa { background: url('../web/img/outros/pagamentos/PagSeguro/credito/visa-card-bg.png') no-repeat; }
				}
			}
			.credito, .debito, .boleto {
				button { width: 390px; height: 80px; font-size: 22px; color: #fff; cursor: pointer; vertical-align: middle; text-align: left; background-color: rgb(15, 107, 235); }
			}

		}


	/* LOJA */




	/* PLUGINS */
		.Plugin { position: relative; }

		/* Especificacoes do Plugin owl-carousel */
		.owl-carousel { width: 100%; -ms-touch-action: pan-y; }
		.owl-carousel .owl-wrapper { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
		.owl-carousel .owl-wrapper-outer { width: 100%; overflow: hidden; position: relative; }
		.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }	
		.owl-carousel .owl-item { float: left; }
		.owl-controls { -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
		.owl-carousel .owl-wrapper, .owl-carousel  .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }


		/* Setas e Pagginacao */
		.plugin_seta_left,
		.plugin_seta_right { width: 60px; height: 60px; opacity: 0; position: absolute; top: 50%; margin-top: -30px; z-index: 99; outline: 0; text-indent: -9999px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

		.Plugin:hover .plugin_seta_left { opacity: 1; left: 10px; }
		.Plugin:hover .plugin_seta_right { opacity: 1; right: 10px; }
		.Plugin:hover .plugin_seta_left:hover,
		.Plugin:hover .plugin_seta_right:hover { -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) }

		.plugin_seta_left { left: 0px; }
		.plugin_seta_right { right: 0px; }

		.plugin_seta_left span,
		.plugin_seta_right span { width: 40px; height: 40px; border: 3px solid #fff; display: block; cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

		.plugin_seta_left span { margin: 10px 0 0 22px; border-right: none; border-top: none; }
		.plugin_seta_right span { margin: 10px 0 0 0; border-left: none; border-bottom: none; }

		.plugin_paginacao { height: 35px; padding-top: 10px; text-align: center; }
		.plugin_paginacao a { width: 10px; height: 10px; margin: 3px; display: block; outline: 0; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,.05)) !important; }
		**.plugin_paginacao a { width: 14px; height: 14px; }
		.plugin_paginacao a:hover { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) }

		.plugin_paginacao_item { display: inline-block; vertical-align: middle; }



		/* CORES */
		.plugin_seta_left span, .plugin_seta_right span { border-color: #fff; }
		.plugin_paginacao a { border: 1px solid #fff; background: #fff; }
		.plugin_paginacao a.active,
		.plugin_paginacao .plugin_paginacao_item.active a,
		.plugin_paginacao a.flex-active { width: 14px; height: 14px; background: #fff; box-shadow: 0 0px 5px 2px #fff; }

			/* Galeria para Carrocel normal */
			.Plugin_CSS_galeriaa {
				.img_maior.galeria_textos { width: 100%; height: 400px;
					img { max-height: 400px; }
				}
				div.img_maior img { width: 100%; }
				.Plugin { max-width: 100% !important; }
				.plugin_seta_left, .plugin_seta_right { width: 30px; height: 30px; }
				.plugin_seta_left span, .plugin_seta_right span { width: 20px; height: 20px; margin-top: 20px; border-color: #ccc; }
				.Plugin:hover .plugin_seta_left { left: -30px; }
				.Plugin:hover .plugin_seta_right { right: -30px; }
			}

			/* Fundo branco br50%, seta vermelho */
			.Plugin_CSS_fundo_vermelho {
				.plugin_seta_left, .plugin_seta_right { background: #fff; width: 50px; height: 50px;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,.05)) !important; }
				.plugin_seta_left span, .plugin_seta_right span { width: 17px; height: 17px; border-color: #F86253; border-width: 5px; }
				.plugin_seta_left, .plugin_seta_right { opacity: 1 !important; }
				.plugin_seta_left { left: -25px !important; }
				.plugin_seta_right { right: -30px !important; }
				.plugin_seta_left span { margin: 17px 0 0 20px; }
				.plugin_seta_right span { margin: 17px 0 0 14px; }
				.plugin_paginacao a.active,
				.plugin_paginacao .plugin_paginacao_item.active a,
				.plugin_paginacao a.flex-active { border-color: #F86253; background: #fff; }
			}

			/* Fundo preto, seta branca */
			.Plugin_CSS_fundo_preto {
				.Plugin.bx-wrapper { margin: 0 30px 0 25px; }
				.plugin_seta_left, .plugin_seta_right { width: 25px; height: 50px; margin-top: -26px; background: #333; }
				.plugin_seta_left, .plugin_seta_right { opacity: 1 !important; }
				.plugin_seta_left { left: -25px !important; }
				.plugin_seta_right { right: -30px !important; }
				.plugin_seta_left span, .plugin_seta_right span { width: 15px; height: 15px; display: block !important; border-color: #fff; border-width: 2px; }
				.plugin_seta_left span { margin: 17px 0 0 9px; }
				.plugin_seta_right span { margin: 17px 0 0 1px; }
				.plugin_paginacao a.active,
				.plugin_paginacao .plugin_paginacao_item.active a,
				.plugin_paginacao a.flex-active { border-color: #F86253; background: #F86253; }
			}

			/* Fundo seta laranja */
			.Plugin_CSS_seta_laranja {
				.plugin_seta_left span, .plugin_seta_right span { border-color: #FAA91A; }
				.plugin_paginacao a { background: #eee; border: 0; }
				.plugin_paginacao a.active,
				.plugin_paginacao .plugin_paginacao_item.active a,
				.plugin_paginacao a.flex-active { border-color: #FAA91A; background: #FAA91A; }
			}
			/* Boder seta laranja */
			.Plugin_CSS_boder_seta_laranja {
				.plugin_seta_left, .plugin_seta_right { height: 80px; padding-top: 10px; border: 1px solid #FF7D23; }
				.plugin_paginacao a { background: #fff; border: 0; }
				.plugin_paginacao a.active,
				.plugin_paginacao .plugin_paginacao_item.active a,
				.plugin_paginacao a.flex-active { border-color: #FAA91A; background: #FAA91A; }
			}
		/* CORES */



		/* No Controles */
		.no_seta .plugin_seta_left,
		.no_seta .plugin_seta_right { display: none !important; }
		.no_seta_left .plugin_seta_left { display: none !important; }
		.no_seta_right .plugin_seta_right { display: none !important; }
		.no_pagg .plugin_paginacao { display: none !important; }
		.pagg1 .plugin_paginacao { position: absolute; width: 100%; height: inherit; padding: 0; margin-top: -30px; }
		.pagg2 .plugin_paginacao { position: absolute; width: 100%; height: inherit; padding: 0; margin-top: -40px; }
		.pagg3 .plugin_paginacao { position: absolute; width: 100%; height: inherit; padding: 0; margin-top: -50px; }


		/* Galeria Thumbs */
		.plugin_paginacao.lSGallery { height: 100px; }
		.plugin_paginacao.lSGallery a { width: inherit; height: inherit; }

		/* Mobile */
		@media screen and (max-width: 860px) {
			.plugin_seta_left { opacity: 1; left: 10px; }
			.plugin_seta_right { opacity: 1; right: 10px; }
		}

	/* PLUGINS */





	/* INPUT */

		/* Design */
			input.design,
			textarea.design,
			.select2,
			select.design,
			select.designx { height: 36px; line-height: 36px; padding: 0 10px; border: solid 1px #ccc; background: url('../web/img/outros/input/bg-input30.png') repeat-x 0px 0px #FFF; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; outline: 0; -webkit-box-shadow: 0 0 0 0 #fff; -moz-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff; }
			input.design:focus,
			textarea.design:focus,
			.select2:focus,
			select.design:focus,
			select.designx:focus,
			.select2-container--open,
			.select2-container--focus { box-shadow: 0px 0px 4px rgba(0,204,255,0.7); -webkit-box-shadow: 0px 0px 4px rgba(0,204,255,0.7); -moz-box-shadow: 0px 0px 4px rgba(0,204,255,0.7); border-color: #AAA; background: url('../web/img/outros/input/bg-input-focus1.png') repeat-x 0px 0px #FFF; }
			select.design { width: 10px; }
		/* Design */

		/* Select2 */
			.select2-selection__rendered { height: 36px; line-height: 36px; font-size: 12px; color: #666 !important; }
			.select2-container { font-size: 12px; border: 0 !important; }
			.select2-selection { padding: 0 10px; border: solid 1px #ccc; background: url('../web/img/outros/input/bg-input30.png') repeat-x 0px 0px #FFF; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; outline: 0; }

			.select2-selection--multiple { height: 36px !important;
				.select2-selection__rendered { height: 36px; }
				.select2-selection__choice { height: 28px !important; line-height: 28px !important; }
			}
			.select2-container--default .select2-results__group {
				color: #666;
				border: 1px solid #eee;
				background: #fafafa;
			}
		/* Select2 */
	/* INPUT */
	

/* Style


----------------------------------------------------------------------------------------------------------------------------------


*/