@charset "utf-8";





/* AJUSTE DA PÁGINA */


#main{


	width: 1200px;


	margin:  0 auto;


	overflow: hidden;


	padding-top: 220px;


}


#backgroundImage{


	display: none;


}


#header{


	top: 0;


}


#mainContainer{


	padding-top: 160px;


}


.productAnchor{


	width: 100%;


	float: left;


}


#produtoMenu{


	width: 1200px;


	height: 60px;


	top: 135px;


	position: fixed;


	border-bottom: 1px solid #333;


	background-color: #FFFFFF;


	z-index: 101;


}


#produtoTitle{


	float: left;


	margin-top: 15px;


	font-size: 40px;


}


.produtoMenu{


	float: right;


	margin: 25px 0 0 20px;


}


a.infolink:link, a.infolink:visited{


	color:#006011;


	font-family: dtebold;


}


a.infolink:hover{


	color:#333;


}





/* ÁREA DE SELEÇÃO PRODUTO */


#produtoBanner{


	width: 100%;


	float: left;


	height: auto;


	overflow: hidden;


	margin-bottom: 20px;


	display: flex;


	flex-flow: row nowrap;


	justify-content: space-between;


}


#produtoImagem{


	width: 400px;


	height: 400px;


	background-image:url("../images/layout/powercontrol-e-pedalbox.jpg");


	background-repeat: no-repeat;


	background-position: left;


	background-size: contain;


}


#produtoSelecao, #produtoSetup{


	width: 800px;


	height: auto;


	overflow: hidden;


	display: flex;


	justify-content: space-between;


	flex-flow: row wrap;


}


.produtoSetup{


	width: 100%;


	height: auto;


	overflow: hidden;


}


.produtoVersaoTxt{


	width: 100%;


	padding: 25px 15px;


	float: left;


	border: 2px solid #006011;


	margin-bottom: 10px;


	border-radius: 10px;


	font-size: 24px;


	cursor: pointer;


}


.produtoVersaoTxt:hover{


	border: 2px solid #006011;


	background: #006011;


	color: #FFF;


}


.versaoPrice{


	float: right;


	text-align: center;


	font-size: 20px;


}


.produtoSetupValor, .produtoSetupValorDesconto{


	float: left;


	width: 100%;


	margin-bottom: 20px;


	font-size: 18px;


}


.precoVista{


	font-family: dtebold;


	font-size: 24px;


}


.produtoSetupValorDesconto{


	font-size: 20px;


}


.produtoSetupBotoes{


	float: left;


	width: 100%;


	margin-top: 20px;


}


.produtoSetupBotoes img{


	width: 230px;


	height: 70px;


	overflow: hidden;


}


a.versaoChip:link, a.versaoChip:visited{


	color: #333;


}


a.versaoChip:hover{


	color: #FFF;


}


.produtoSetupResume{


	width: 100%;


	float: left;


	font-size: 18px;


	margin-bottom: 30px;


	color: #666;


}


.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;


}


#produtoDetails{


	border-top: 1px solid #333;


	padding: 20px 0;


	width: 100%;


	float: left;


	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;


}


.pageSubTitle{


	float: left;


	width: 100%;


	color: #0D6600;


	font-family: dtebold;


	font-size: 30px;


	margin: 40px 0 20px 0;


}


.pageSubSubTitle{


	float: left;


	width: 100%;


	color: #0D6600;


	font-size: 20px;


	margin: 0 0 10px 0;


}


.pageText{


	float: left;


	width: 100%;


	text-align: justify;


	line-height: 24px;


	margin-bottom: 25px;


}


.pagePedalInstall{


	width: 100%;


	height: 400px;


	background-image: url(../images/layout/pedaltinstall.jpg);


	background-position: center;


	background-size: cover;


	float: left;


	margin: 20px 0 40px 0;


}


.pageInstallInfoBox{


	width:100%;


	float:left;


	line-height: 22px;


	text-align: justify;


	display: flex;


	flex-flow: row wrap;


	justify-content: space-between;


}


.pageInstallInfo{


	width: calc(50% - 20px);


	padding-left: 80px;


	margin-bottom: 40px;


	overflow: hidden;


	height: auto;


}


.pageInstallInfoTitle{


	font-family:dtebold;


	float:left;


	width:100%;


	font-size:26px;


	margin-bottom:10px;


	text-align: left


}


.plugnplay{


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


	background-position: 0 0;


	background-size:60px;


	background-repeat:no-repeat;


}


.iconefone{


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


	background-position: 0 0;


	background-size:60px;


	background-repeat:no-repeat;


}


.iconemecanico{


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


	background-position: 0 0;


	background-size:60px;


	background-repeat:no-repeat;


}


.iconemoto{


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


	background-position: 0 0;


	background-size:60px;


	background-repeat:no-repeat;


}


.iconepotencia{


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


	background-position: 0 0;


	background-size:60px;


	background-repeat:no-repeat;


}


.iconelearn{


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


	background-position: 0 0;


	background-size:60px;


	background-repeat:no-repeat;


}


.iconeultra{


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


	background-position: 0 0;


	background-size:60px;


	background-repeat:no-repeat;


}


.iconeforca{


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


	background-position: 0 0;


	background-size:60px;


	background-repeat:no-repeat;


}


.iconereuso{


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


	background-position: 0 0;


	background-size:60px;


	background-repeat:no-repeat;


}


.iconeseguro{


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


	background-position: 0 0;


	background-size:60px;


	background-repeat:no-repeat;


}


#pageCertificates{


	border-bottom: 1px solid #333;


	border-top: 1px solid #333;


	background-color: #FFF;


	padding: 20px;


	width: 100%;


	float: center;


	overflow: hidden;


	display: flex;


	justify-content: space-between;


	align-content: space-between;


}


#pageCertificates img{


	height: 50px;


}


#setupMarcaMobile, #setupModeloMobile, #setupMotorMobile{


	display: none;


}


#produtoMobileImagem{


	width: 300px;


	height: 150px;


	float: left;


	background-image: url("../images/layout/newpedalboxbanner.jpg");


	background-repeat: no-repeat;


	background-position: center;


	background-size: contain;


	display: none;


	margin-bottom: 20px;


}





#kiTitle{


	width: 100%;


	float: left;


	text-align: center;


	font-size: 40px;


	margin-top: 30px;


	margin-bottom: 30px;


}


#kitSubTitle{


	width: 100%;


	float: left;


	text-align: center;


	font-size: 20px;


	padding: 50px 0;


	line-height: 30px;


}


.distributeBlk{


	justify-content:center;


	flex-wrap: wrap;


}


.indexProduct{


	width: 280px;


	height: 330px;


	background-color: #f1f1f1;


	margin: 0 5px 10px 5px;


	border-radius: 10px;


	padding: 10px;


	color: #333;


}


.indexProduct:hover{


	background-color: #CBCBCB;


}


.indexProductTitle{


	font-family: dtebold;


	font-size: 28px;


	width: 100%;


	text-align: center;


	float: left;


	margin-bottom: 5px;


}


.indexProductDesc{


	float: left;


	width: 100%;


	font-size: 20px;


	text-align: center;


	margin-bottom: 5px;


}


.indexProductImage{


	float: left;


	width: 100%;


	height: 240px;


	margin: 10px 0;


	overflow: hidden;


}


.indexProductClick{


	position: absolute;


	width: 320px;


	height: 310px;


	margin: -10px 0 0 -10px;


	z-index: 10;


}


.indexProductClick img{


	width: 100%;


	height: 100%;


}


.indexProductSaiba{


	width: 100%;


	float: left;


	text-align: center;


}


.caixadeimagens{


	width: 100%;


	overflow: hidden;


	display: flex;


	justify-content: space-between;


	flex-flow: row wrap;


}


.caixadeimagens img{


	width: 580px;


    height: 500px;


    margin-bottom: 30px;


}


@media(max-width: 1220px) {


	#main{


		width: 920px;


	}


	#produtoMenu{


		width: 940px;


	}


	#produtoSelecao, #produtoSetup{


		width: 550px;


	}


	#produtoSelecao select{


		padding: 5px;


	}


	#setupMarca{


		width: 120px;


	}


	#setupModelo{


		width: 160px;


	}


	#setupMotor{


		width: 250px;


	}


	.produtoDetails{


		width: 200px;


	}


	.produtoDetailsIcon{


		height: 40px;


		width: 40px;


	}


	.produtoDetailsTitle{


		font-size: 22px;


	}


	.produtoDetailsTxt{


		font-size: 14px;


	}


	.pageInstallInfoFisrt{


		width:48%;


		margin-right: 4%;


	}


	.pageInstallInfoSecond{


		width:48%;


	}


	.produtoVersaoTxt{


		padding: 25px 10px;


		font-size: 22px;


	}


	.caixadeimagens img {


		width: 445px;


		height: 384px;


		margin-bottom: 30px;


	}


}


@media(max-width: 960px) {


	#main{


		width: 600px;


		padding-top: 180px;


	}


	#produtoMenu{


		width: 600px;


		top: 105px;


	}


	.produtoMenu{


		display: none;


	}


	#produtoImagem{


		width: 300px;


		height: 300px;


	}


	#produtoSelecao, #produtoSetup{


		width: 350px;


	}


	#produtoSelecao select{


		width: 250px;


		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;


	}


	.pageInstallInfoFisrt{


		width:100%;


		margin-right: 0;


		margin-bottom: 20px;


	}


	.pageInstallInfoSecond{


		width:100%;


		margin-bottom: 20px;


	}


	#setupMarcaMobile, #setupModeloMobile, #setupMotorMobile{


		display: block;


	}


	#setupMarca, #setupModelo, #setupMotor{


		display: none;


	}


	.produtoVersaoTxt{


		padding: 10px 10px;


		font-size: 16px;


	}


	.versaoPrice{


		padding-left: 20px;


		padding-top: 10px;


	}


	.precoVista{


		font-family: dtebold;


		font-size: 24px;


	}


	#produtoSetupValorDesconto{


		font-size: 18px;


	}


	.caixadeimagens img {


		width: 600px;


		height: 517px;


		margin-bottom: 30px;


	}


	.pageInstallInfoBox{


		display: flex;


		flex-flow: column nowrap;


		justify-content: space-between;


	}


	.pageInstallInfo{


		width: 100%;


		padding-left: 80px;


		margin-bottom: 40px;


		overflow: hidden;


		height: auto;


	}


}


@media(max-width: 640px) {


	#main{


		width: 300px;


		padding-top: 150px;


	}


	#produtoMenu{


		width: 300px;


		top: 85px;


	}


	#produtoTitle{


		float: left;


		margin-top: 25px;


		font-size: 30px;


		width: 300px;


	}


	.produtoMenu{


		display: none;


	}


	#produtoImagem{


		width: 300px;


		height: 200px;


		background-position: center;


		margin-bottom: 0px;


		margin-top: 0;


	}


	.produtoSetupTitulo{


		font-size: 32px;


	}


	#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;


	}


	.pageInstallInfoFisrt{


		width:100%;


		margin-right: 0;


		margin-bottom: 20px;


		text-align: left;


	}


	.pageInstallInfoSecond{


		width:100%;


		margin-bottom: 20px;


		text-align: left;


	}


	#setupMarcaMobile, #setupModeloMobile, #setupMotorMobile{


		display: block;


	}


	#setupMarca, #setupModelo, #setupMotor{


		display: none;


	}


	.produtoVersaoTxt{


		padding: 13px 13px;


		font-size: 18px;


	}


	.versaoPrice{


		padding-left: 40px;


		padding-top: 10px;


	}


	.precoVista{


		font-family: dtebold;


		font-size: 24px;


	}


	#produtoSetupValorDesconto{


		font-size: 18px;


	}


	.caixadeimagens img {


		width: 300px;


		height: 258px;


		margin-bottom: 30px;


	}


	#produtoMobileImagem{


		display: block;


	}


}