@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:#CCC;

	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/powercontrolxbanner.jpg");

	background-repeat: no-repeat;

	background-position: left;

	background-size: contain;

}

#produtoImagemAgro{

	width: 400px;

	height: 400px;

	background-image: url("../images/layout/agrobanner.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: calc(100% - 100px);

	height: auto;

	overflow: hidden;

	margin-left: 100px;

}

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

}

.produtoSetupRow{

	width: 100%;

	float: left;

}

.versaoPrice{

	float: left;

	font-size: 20px;

	width: 100%;

	margin-top: 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-bottom: 1px solid #333;

	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;

	}

	.produtoSetup{

		width: calc(100% - 50px);

		margin-left: 50px;

	}

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

	}

	.produtoSetup{

		width: 100%;

		margin-left: 0px;

	}

	.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: 200px;

	}

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

	}

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

	}

	#produtoMenu{

		width: 300px;

		top: 85px;

	}

	#produtoTitle{

		float: left;

		margin-top: 15px;

		font-size: 40px;

		width: 300px;

	}

	.produtoMenu{

		display: none;

	}

	#produtoImagem{

		width: 300px;

		height: 150px;

		background-position: center;

		margin-bottom: 20px;

	}

	.produtoSetupTitulo{

		font-size: 32px;

	}

	#produtoBanner{

		flex-flow: column nowrap;

	}

	#produtoSelecao, #produtoSetup{

		width: 300px;

		height: auto;

	}

	#produtoSelecao select{

		width: 300px;

		opacity: 0.8;

	}

	#produtoDetails{

		height: 360px;

	}

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

	}

	.precoVista{

		font-family: dtebold;

		font-size: 24px;

	}

	#produtoSetupValorDesconto{

		font-size: 18px;

	}

	.caixadeimagens img {

		width: 300px;

		height: 258px;

		margin-bottom: 30px;

	}

	#produtoMobileImagem{

		display: block;

	}

}