/* HOME */

#main{

	width: 100%;

	overflow: hidden;

	padding-top: 0;

}

#backgroundImage{

	position: fixed;

	left: 0;

	top: 0;

	right: 0;bottom: 0;

	z-index: -1;

	background-image: none;

	background-color: #FFF;

}

.produtoBanner{

	width: 100%;

}

.backBlock{

	background-color: #FFF;

}

#produtoFlexBox{

	width: 1200px;

	height: auto;

	margin: 0 auto;

	display: flex;

	flex-flow: column nowrap;

	justify-content: space-between;

	padding: 0 0 30px 0;

	z-index: 1;

}

.produtoBox{

	width: 100%;

}

.produtoFlexRow{

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	flex-flow: row nowrap;

	justify-content: space-between;

	z-index: 1;

}

.produtoFlexRowAtras{

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	flex-flow: row nowrap;

	justify-content: space-between;

	z-index: 1;

}

.produtoImagem, .produtoImagemChipConfig{

	height: 300px;

	width: 300px;

	overflow: hidden;

	margin-top: 30px;

	float: left;
	
}

.produtoImagem img, .produtoImagemChipConfig img{

	height: 300px;

	width: 300px;
	
		

}

.produtoSelectArea{

	width: 630px;

	overflow: hidden;

	align-self: center;

	display: flex;

	flex-flow: row wrap;

	justify-content: space-between;

}

.produtoSlogan1{

	width: 100%;

	font-size: 50px;

	text-align: center;

}

.produtoSlogan2{

	width: 100%;

	font-size: 50px;

	text-align: center;

}

#selecaoVeiculo{

	width: 300px;

	padding: 15px;

	border-radius: 10px;

	border: 1px solid #333;

	font-size: 24px;

	background-image: url("../images/layout/select.png");

	background-repeat: no-repeat;

	background-position: center right;

	cursor: pointer;

	align-self: center;

	margin-top: 40px;

}

#selecaoVeiculo:hover{

	background-color: #39B54A;

	border: 1px solid #39B54A;

	color: #FFF;

}

.produtoSelectTxt{

	width: 100%;

	font-size: 20px;

	color: #FFF;

	text-align: center;

	margin-bottom: 30px;

}

.produtoSelects{

	width: 100%;

	display: flex;

	flex-flow: row nowrap;

	justify-content: space-between;

}

.produtoSelect{

	width: 32%;

	height: 50px;

	background-color: #FFF;

	border-radius: 10px;

	padding: 10px;

}

.produtoSelect input{

	width: 100%;

	height: 30px;

	font-size: 22px;

	background-image: url(../images/layout/select.png);

	background-repeat: no-repeat;

	background-position: right center;

}

.produtoSelectList{

	width: 100%;

	overflow-y: auto;

	background-color: #FFF;

	margin-top: 10px;

	height: 0;

}

.produtoSelectItem{

	padding: 5px 10px;

	float: left;

	width: 100%;

	background-color: #FFF;

	cursor: pointer;

	font-size: 18px;

	border-bottom: 1px solid #CCC;

}

.produtoSelectItem:hover{

	background-color: #07A900;

	color: #FFF;

}

.motorSelectorText{

	float: left;

	width: 100%;

}

.motorSelectorYear{

	float: left;

	width: 100%;

	font-size: 14px;

}

#produtoMenu{

	width: 1200px;

	margin: 0 auto;

	padding-top: 160px;

	border-bottom: 2px solid #333;

}

.produtoNome{

	font-size: 40px;

	font-family: dtebold;

}

#produtoMenu a:link, #produtoMenu a:visited{

	color: #333;

	outline: 0;

}

#produtoMenu a:hover{

	color: #0070c9;

	outline: 0;

}

.produtoMenu{

	margin-top: 15px;

}

#produtoMainMenu{

	background-image: url("../images/layout/mobilemenuwhite.svg");

	width: 40px;

	height: 40px;

	background-size: cover;

	margin-top: 20px;

}

.menuMobile{

	display: none;

	background-color: #FF0004;

	padding: 10px;

	border-radius: 10px;

}





.homeInfoBlk{

	width: 170px;

	overflow: hidden;

	text-align: center;

	margin-top: 10px;

}

.homeInfoGarantia{

	background-image:url(../images/layout/garantia.svg);

}

.homeInfoPlugnPlay{

	background-image:url(../images/layout/plugnplay.svg);

}

.homeInfoEconomia{

	background-image:url(../images/layout/economia.svg);

}

.homeInfoSatisfacao{

	background-image:url(../images/layout/satisfacao.svg);

}

.homeInfoIcon{

	width: 100%;

	height: 68px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

	margin-bottom: 10px;

}

.homeInfoTitle{

	width: 100%;

	overflow: hidden;

	font-size: 32px;

	margin-bottom: 10px;

}

.homeInfoText{

	width: 100%;

	overflow: hidden;

}

#homeBannerRight, #homeBannerLeft{

	width: 18px;

	height: 36px;

	position: absolute;

	top: 50%;

	margin-top: -18px;

}

#homeBannerRight{

	background-image: url(../images/layout/prev.png);

	right: 5vw;

}

#homeBannerLeft{

	background-image: url(../images/layout/next.png);

	left: 5vw;

}

.produtoContent{

	width: 1200px;

	margin: 0 auto;

	color: #333;

}

.produtoContent a:link, .produtoContent a:visited{

	font-family: dtebold;

	color: #0070c9;

	outline: none;

}

.produtoContent a:hover{

	color: #333;

	outline: none;

}



/* LISTAGEM COM ICONES */

.produtoInfoBox{

	width: 100%;

	overflow: hidden;

	display: flex;

	flex-flow: row wrap;

	justify-content: space-between;

	text-align: justify;

	line-height: 22px;

}

.produtoInfoSpace{

	margin-top: 30px;

	font-size: 18px;

	line-height: 24px;

}

.produtoInfo{

	width: 48%;

	padding-left: 60px;

	overflow: hidden;

	padding-bottom: 30px;

	background-repeat: no-repeat;

	background-size: 50px 50px;

}

.produtoInfoTitle{

	font-family: dtebold;

	font-size: 24px;

	margin-bottom: 5px;

	text-align: left;

}

.plugnplay{

	background-image:url("../images/layout/iconeplugandplay.png");

}

.iconefone{

	background-image:url("../images/layout/iconefone.png");

}

.iconemoto{

	background-image:url("../images/layout/iconemoto.png");

}

.iconemecanico{

	background-image:url("../images/layout/iconemecanico.png");

}

.iconelearn{

	background-image:url("../images/layout/iconelearn.png");

}

.iconeforca{

	background-image: url("../images/layout/iconeforca.png");

}

.iconepotencia{

	background-image: url("../images/layout/iconepotencia.png");

}

.iconeseguro{

	background-image: url("../images/layout/iconeseguro.png");

}

.iconeultra{

	background-image: url("../images/layout/iconeultra.png");

}

.iconepotencia{

	background-image: url("../images/layout/iconepotencia.png");

}

.iconereuso{

	background-image: url("../images/layout/iconereuso.png");

}



iframe{

	width: 100%;

	height: 400px;

	background-color: #333;

	margin: 50px 0 50px 0;

}





/* TITULOS */

.produtoTitle{

	width: 100%;

	padding: 30px 0 10px 0;

	font-family: dtebold;

	font-size: 32px;

	text-align: center;

	border-bottom: 1px solid #333;

	margin: 0 auto;

}



/* CERTIFICADOS */

.certificados{

	width: 100%;

	background-color: #FFF;

	overflow: hidden;

	margin: 15px 0 15px 0;

	display: flex;

	flex-flow: row nowrap;

	justify-content: space-around;

}

.certificado{

	width: 300px;

	height: 200px;

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center;

}

.tuv{

	background-image:url("../images/layout/tuv.png")

}

.dekra{

	background-image: url("../images/layout/dekra.png");

}

.vdat{

	background-image: url("../images/layout/vdat.png");

}



/* SELEÇÃO MOBILE */

.produtoSelectMobile{

	width: 100%;

	background-color: #FFF;

	border-radius: 10px;

	padding: 20px 10px;

	font-size: 22px;

	background-image: url(../images/layout/select.png);

	background-repeat: no-repeat;

	background-position: right center;

	display: none;

}

#selecaoMobile{

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 9999999999;

	background-image: url(../images/layout/blackbg.png);

	text-align: center;

	font-size: 22px;

	color: #CCC;

	display: none;

}

#selecaoMobileClose{

	width: 30px;

	height: 30px;

	position: fixed;

	top: 20px;

	left: 50%;

	margin-left: -15px;

	background-image: url(../images/layout/close.png);

	background-position: right;

}

#selecaoMobileMarca, #selecaoMobileModelo, #selecaoMobileMotor{

	position: fixed;

	top: 70px;

	left: 0;

	right: 0;

	bottom: 0;

	overflow-y: auto;

}

#selecaoMobileModelo, #selecaoMobileMotor{

	display: none;

}

.selecaoMobile{

	width: 300px;

	margin: 0 auto;

}

.homeMobileSelectItem, .homeMobileSelectItem100{

	width: 300px;

	padding: 10px 0;

	margin: 5px 0 5px 0;

	border-bottom: 1px solid #ccc;

	cursor: pointer;

}

.homeMobileSelectItem:hover, .homeMobileSelectItem100:hover{

	color: #39B54A;

	border-bottom: 1px solid #39B54A;

}

.selecaoMobileSortBox{

	position: fixed;

	left: 30px;

	top: 70px;

	bottom: 30px;

	width: 30px;

	display: flex;

	flex-flow: column;

	justify-content: space-between;

}

.selecaoMobileSort{

	overflow: hidden;

	text-align: center;

	color: #FFF;

	padding: 5px;

	border-radius: 10px;

	background-color: #333;

	font-size: 14px;

}

.motorMobileText{

	font-size: 16px;

}

.motorMobileYear{

	font-size: 14px;

}





/* FAQ */

.faqQuestion{

	font-family: dtebold;

	font-size: 18px;

	margin: 30px 0 5px 0px;

}

.pageText{

	font-size: 18px;

}

.pageTextMargin{

	margin-bottom: 60px;

}

.produtoSlogan a:link, .produtoSlogan a:visited{

	color: #000;

	display: block;

}

.produtoSlogan a:hover{

	color: #FFF;

}

.textoMenor{

	font-size: 18px;

}

.produtoVeiculo{

	text-align: center;

	color: #FFF;

	font-size: 30px;

	margin-top: 50px;

}

.produtoResume{

	color: #07B000;

	font-size: 36px;

	text-align: center;

	padding-left: 60px;

	margin-bottom: 10px;

	font-family: dtebold;

}

.produtoResumeTitulo{

	color: #FFF;

	font-size: 28px;

	text-align: center;

	padding-left: 60px;

}

.produtoValor{

	color: #FFF;

	padding-left: 60px;

	display: flex;

	flex-flow: row wrap;

	justify-content: center;

	margin: 20px 0;

}

.precoVista{

	font-size: 54px;

	font-family: dtebold;

	margin-right: 30px;

}

.precoAviso{

	font-size: 22px;

	text-align: left;

}

.precoPrazo{

	color: #FFF;

	font-size: 26px;

	text-align: center;

	padding-left: 60px;

}



.chipsBlk{

	width: 100%;

	display: flex;

	flex-flow: row nowrap;

	justify-content: space-between;

	margin-bottom: 50px;

}

.chipsBlk img{

	width: auto;

	height: 200px;

}



/* PRODUTO SETUP NOVO */

.produtoConfigArea{

	width: 630px;

	overflow: hidden;

	margin-top: 20px;

	float: left;

	margin-left: 170px;

}



.produtoConfigBox{

	width: 300px;

	border: 1px solid #ccc;

	border-radius: 10px;

	padding: 10px;

	float: left;

	margin-right: 15px;

	padding-left: 85px;

	z-index: 1000;

}

.produtoConfigTitulo{

	font-family: dtebold;

	font-size: 21px;

}

.produtoConfigValor{

	font-size: 18px;

	margin: 10px 0;

}

.produtoConfigPreco{

	font-family: dtebold;

	font-size: 24px;

}

.produtoConfigVista{

	font-size: 14px;

}

.desativado{

	opacity: 0.3;

}

.produtoConfigPadrao{

	background-image: url("../images/produtos/newdtepadrao.svg");

	background-repeat: no-repeat;

	background-position: left;

	background-size: 85px 100px;

}

.produtoConfigBluetooth{

	background-image: url("../images/produtos/newdtebluetooth.svg");

	background-repeat: no-repeat;

	background-position: left;

	background-size: 85px 100px;

}

.produtoResumoDestaque{

	float: left;

	font-family: dtebold;

	font-size: 24px;

	margin-top: 30px;

	padding-right: 10px;

}

.produtoResumoDetalhe{

	float: left;

	width: 100%;

	font-size: 20px;

}

.produtoResumoValor{

	float: left;

	font-size: 32px;

	font-family: dtebold;

	margin-top: 20px;

	margin-right: 20px;

}

.produtoResumoValorInfo{

	float: left;

	width: auto;

	margin-top: 20px;

}

.produtoResumoParcelas{

	float: left;

	width: 100%;

	margin-top: 10px;

}

.comprarBox{

	float: left;

	margin-top: 30px;

	margin-bottom: 30px;

}

.comprarBox img{

	width: auto;

	height: 80px;

	margin: 0 10px 0 0;

	border: 1px solid #CCC;

	border-radius: 10px;

}

.produtoLine{

	

}

.clicavel{

	cursor: pointer;

}

.selecionado{

	background-color: #39B54A;

	color: #FFF;

}

#padraoStandard, #padraoPremium, #bluetoothStandard, #bluetoothPremium, #valorCheio, #valoresParcelas, #valoresCheios{

	display: none;

}



/* MODOS */

#modosBox{

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	flex-flow: row wrap;

	justify-content: space-between;

	margin: 50px 0;

}

.modosBox{

	width: 300px;

	height: auto;

}

.modosTipo{

	width: 100%;

	text-align: center;

	font-family: dtebold;

	font-size: 24px;

}

.modosImagem{

	width: 300px;

	height: 200px;

	margin: 10px 0;

	text-align: center;

}

.modosImagem img{

	width: 200px;

	height: 200px;

}

.modosTexto{

	width: 100%;

	text-align: center;

}





/* OUTROS PRODUTOS */

.menuMargin{

	margin-top: 140px;

}

.distributeBlk{

	width: 100%;

	display: flex;

	flex-flow: row nowrap;

	justify-content: center;

	margin-top: 30px;

	margin-bottom: 50px;

}

.indexProductClick{

	width: 300px;

	height: 400px;

	position: absolute;

}

.indexProductClick img{

	width: 300px;

	height: 400px;

}

.indexProduct{

	width: 300px;

	height: 400px;

	overflow: hidden;

}

.indexProductImage{

	width: 330px;

	height: 330px;

}

.indexProductTitle{

	font-family: dtebold;

	text-align: center;

	font-size: 28px;

}

.indexProductDesc{

	width: 100%;

	text-align: center;

	margin: 10px 0;

}





/* SELEÇÃO */

#produtoBanner{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	padding: 20px 0;

	display: flex;

	flex-flow: row nowrap;

	justify-content: space-between;

}

#produtoImagem{

	width: 330px;

	height: 330px;

	float: left;

	align-self: center;
    
	padding-top: 22px;
}

#produtoSelecao{

	width: 800px;

	height: auto;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	flex-flow: row wrap;

	float: left;

}

.produtoSetupTitulo{

	width: 100%;

	float: left;

	font-size: 35px;

	margin-bottom: 20px;

	font-family: dtebold;

	color: #666;

}

#produtoSelecao select{

	height: 330px;

	padding: 10px;

	background-color: #E1E1E1;

	border-radius: 5px;

	margin-bottom: 5px;

}

#setupMarca{

	width: 150px;

}

#setupModelo{

	width: 200px;

}

#setupMotor{

	width: 400px;

}

#setupMarcaMobile, #setupModeloMobile, #setupMotorMobile{

	display: none;

}



#produtoDetails{

	border-top: 1px solid #333;

	padding: 20px 0;

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.produtoDetails{

	width: 250px;

}

.produtoDetailsIcon{

	height: 60px;

	width: 60px;

	margin-right: 10px;

	float: left;

}

.produtoDetailsTitle{

	float: left;

	font-family: dtebold;

	font-size: 26px;

}

.produtoDetailsTxt{

	float: left;

}

.produtoConfigSeparador{

	width: 100%;

	height: 30px;

	float: left;

}



/* LANDSCAPE */

@media(max-width: 1320px){

	#produtoMenu{

		width: 940px;

	}

	#produtoFlexBox{

		width: 940px;

	}

	.produtoVeiculo{

		margin-top: 20px;

		font-size: 24px;

	}

	.produtoContent{

		width: 940px;

	}

	.homeInfoBlk{

		margin-top: 20px;

	}

	.produtoImagem, .produtoImagemChipConfig{

		height: 300px;

		width: 300px;

	}

	.produtoImagem img, .produtoImagemChipConfig img{

		height: 300px;

		width: 300px;

	}

	.produtoConfigArea{

		margin-left: 0;

	}

	.modosBox{

		width: 200px;

		height: auto;

	}

	.modosImagem{

		width: 200px;

		height: auto;

		margin: 10px 0;

	}

	/* SELEÇÃO */

	#produtoBanner, #produtoDetails{

		width: 940px;

	}

	#produtoSelecao{

		width: 600px;

	}

	#produtoSelecao select{

		padding: 5px;

	}

	#setupMarca{

		width: 130px;

	}

	#setupModelo{

		width: 190px;

	}

	#setupMotor{

		width: 260px;

	}

	.produtoDetails{

		width: 200px;

	}

	.produtoDetailsIcon{

		height: 40px;

		width: 40px;

	}

	.produtoDetailsTitle{

		font-size: 22px;

	}

	.produtoDetailsTxt{

		font-size: 14px;

	}

}

@media(max-width: 1060px){

	#produtoMenu{

		width: 620px;

		padding-top: 140px;

	}

	.produtoMenu{

		display: none;

	}

	#produtoFlexBox{

		width: 620px;

	}

	

	#setupMarca, #setupModelo, #setupMotor{

		display: none;

	}

	

	#setupMarcaMobile, #setupModeloMobile, #setupMotorMobile{

		display: block;

	}

	

	.produtoContent{

		width: 620px;

	}

	.homeInfoBlk{

		width: 130px;

	}

	.homeInfoTitle{

		font-size: 22px;

	}

	.homeInfoText{

		font-size: 14px;

	}

	.produtoSelectArea{

		width: 300px;

	}

	.produtoSlogan1{

		font-size: 30px;

	}

	.produtoSlogan2{

		font-size: 30px;

	}

	.produtoConfigArea{

		width: 300px;

	}

	.produtoConfigBox{

		margin-right: 0;

		margin-bottom: 15px;

	}

	.produtoResumoDestaque{

		margin: 0;

		font-size: 20px;

	}

	.produtoResumoDetalhe{

		font-size: 16px;

	}

	.comprarBox img{

		width: auto;

		height: 55px;

		margin: 0 10px 0 0;

		border: 1px solid #CCC;

		border-radius: 10px;

	}

	.chipsBlk img{

		height: 150px;

	}

	/* SELEÇÃO */

	#produtoBanner, #produtoDetails{

		width: 620px;

	}

	#produtoImagem{

		width: 200px;

		height: 200px;

		float: left;

	}

	#produtoSelecao{

		width: 350px;

	}

	#produtoSelecao select{

		width: 350px;

		height: 60px;

		padding: 10px;

		background-image: url(../images/layout/select.png);

		background-repeat: no-repeat;

		background-position: right center;

	}

	#produtoDetails{

		height: auto;

	}

	.produtoDetails{

		width: 270px;

		padding: 10px 0;

	}

	.produtoDetailsIcon{

		height: 50px;

		width: 50px;

	}

	.produtoDetailsTitle{

		font-size: 26px;

	}

	.produtoDetailsTxt{

		font-size: 18px;

	}

}

@media(max-width: 960px){

	#produtoMenu{

		padding-top: 100px;

	}

}

@media(max-width: 640px){

	#produtoMenu{

		width: 300px;

		padding-top: 100px;

	}

	.produtoNome{

		width: 300px;

		text-align: center;

		font-size: 28px;

	}

	#produtoFlexBox{

		width: 300px;

		display: block;

	}

	.produtoFlexRow, .produtoFlexRowAtras{

		display: block;

	}

	.produtoImagem, .produtoImagemChipConfig{

		height: 150px;

		text-align: center;

		margin: 0; 

	}

	.produtoImagem img, .produtoImagemChipConfig img{

		height: 150px;

		width: 150px;

	}

	.produtoContent{

		width: 300px;

	}

	.homeInfoBlk{

		width: 130px;

	}

	.homeInfoTitle{

		font-size: 22px;

	}

	.homeInfoText{

		font-size: 14px;

	}

	.produtoSelectArea{

		width: 300px;

	}

	.produtoSlogan1{

		font-size: 26px;

	}

	.produtoSlogan2{

		font-size: 26px;

	}

	.homeInfoBlk{

		width: 300px;

		display: block;

	}

	.homeInfoIcon{

		width: 60px;

		height: 68px;

		margin-bottom: 0px;

		float: left;

	}

	.homeInfoTitle{

		width: 230px;

		font-size: 32px;

		margin-bottom: 10px;

		text-align: left;

	}

	.homeInfoText{

		width: 230px;

		overflow: hidden;

		float: left;

		text-align: left;

	}

	.produtoInfo{

		width: 100%;

		padding-left: 40px;

		background-size: 30px 30px;

		text-align: left;

	}

	.produtoInfoTitle{

		font-size: 18px;

	}

	iframe{

		margin: 20px 0 20px 0;

	}

	.produtoInfoSpace{

		margin-top: 30px;

	}

	.faqQuestion{

		font-size: 16px;

		margin: 20px 0 5px 0px;

	}

	.pageText{

		font-size: 15px;

	}

	.produtoInfoBox{

		flex-flow: column nowrap;

		justify-content: flex-start;

	}

	.produtoSetupTitulo{

		margin-top: 30px;

	}

	.chipsBlk{

		flex-flow: column nowrap;

		justify-content: flex-start;

		text-align: center;

	}

	.chipsBlk img{

		width: 300px;

		height: auto;

		margin-bottom: 10px;

	}

	#modosBox{

		flex-flow: column nowrap;

	}

	.modosBox{

		width: 300px;

		height: auto;

		margin-bottom: 20px;

		align-self: center;

	}

	.modosImagem{

		width: 300px;

		height: auto;

		margin: 10px 0;

	}

	.produtoConfigArea{

		margin-top: 0;

	}

	/* SELEÇÃO */

	#produtoBanner, #produtoDetails{

		width: 300px;

	}

	#produtoImagem{

		width: 150px;

		height: 150px;

	}

	.produtoSetupTitulo{

		font-size: 27px;
		text-align: center;

	}

	#produtoBanner{

		flex-flow: column nowrap;

	}

	#produtoSelecao, #produtoSetup{

		width: 300px;

		height: auto;

	}

	#produtoSelecao select{

		width: 300px;

		opacity: 0.8;

	}

	#produtoDetails{

		height: auto;

	}

	.produtoDetails{

		width: 300px;

		padding: 10px 0;

	}

}