@charset "utf-8";





/* CSS Document */


#main{


	width: 1200px;


	margin:  0 auto;


	overflow: hidden;


	padding-top: 140px;


}


#backgroundImage{


	display: none;


}


.paginaTitulo{


	font-size: 27px;


	padding: 10px 0 5px 0;


	border-bottom: 1px solid #CCC;


	margin-bottom: 30px;


	font-family: dtebold;


}


#checkoutLeft{


	width: 520px;


	float: left;


	margin-right: 30px;


}


#checkoutRight{


	width: 550px;


	float: left;


	margin-left: 100px;


	background-color: #EDEDED;


	border-radius: 10px;


	padding: 15px;


}


#aplica-cupom{


	margin-bottom: 20px;


	float: left;


}


.cupomTitle{


	width: 100%;


	float: left;


	font-size: 22px;


	margin-bottom: 10px;


	margin-top: 40px;


	font-family: dtebold;


}


.checkoutTitle{


	width: 100%;


	float: left;


	font-size: 26px;


	margin-bottom: 10px;


	font-family: dtebold;


}


.titleMargin{


	float: left;


	width: 100%;


	margin-top: 20px;


}





.checkoutItem{


	width: 100%;


	float: left;


	overflow: hidden;


	margin-bottom: 15px;


}


.checkoutItemImg{


	width: 120px;


	height: 120px;


	margin-right: 10px;


	float: left;


	border: 1px solid #CCC;


	border-radius: 10px;


}


.checkoutItemImg img{


	border-radius: 10px;


}


.checkoutItemTxt{


	width: calc(100% - 130px);


	float: left;


	font-family: dtebold;


	font-size: 20px;


	margin-top: 10px;


}


.checkoutItemTxtM{


	width: calc(100% - 130px);


	height: 16px;


	overflow: hidden;


	float: left;


	margin:  5px 0;


}


.checkoutItemTxtS{


	width: calc(100% - 130px);


	height: 16px;


	overflow: hidden;


	float: left;


	margin:  5px 0 15px 0;


}


.checkoutItemPrice{


	width: calc(100% - 130px);


	float: left;


	font-family: dtebolditalic;


}


.checkoutItemRemove{


	width: calc(100% - 130px);


	float: left;


	height: 20px;


	margin-top: 15px;


}


#sellBlock{


	width: 100%;


	float: left;


	height: 20px;


}


a.removelink:link, a.removelink:visited, a.comprar:link, a.comprar:visited{


	color:#FF0004;


}


a.removelink:hover, a.comprar:hover{


	color:#333;


}


.cadastroInfo{


	width: 100%;


	float: left;


	padding: 10px 0;


}


a.cadastrolink:link, a.cadastrolink:visited, a.senhalink:link, a.senhalink:visited{


	font-size: 20px;


	color:#006011;


}


a.cadastrolink:hover, a.senhalink:hover{


	color:#333;


}


a.changelink:link, a.changelink:visited{


	padding: 10px;








	background-color: #006011;








	border-radius: 10px;








	color:#FFF;








	font-size: 18px;








	margin-right: 20px;








}








a.changelink:hover{








	background-color:#333;








}








a.buylink:link, a.buylink:visited{








	padding: 10px;








	background-color: #CD2027;








	border-radius: 10px;








	color:#FFF;








	font-size: 18px;








}








a.buylink:hover{








	background-color:#333;








}








.kitDescValue{








	width: 100%;








	float: left;








	font-size: 20px;








	border-bottom: 1px dashed #999;








	margin-bottom: 15px;








}








#checkoutValue{








	width: 100%;








	float: left;








	font-size: 20px;








	padding-top: 15px;








	border-top: 5px solid #CD2027;








}








.checkoutFloat{








	float: right;








}








.checkoutSellTxt{








	width: calc(100% - 130px);








	float: left;








	font-family: dtebold;








	font-size: 20px;








	margin-top: 15px;








}








.checkoutBlock{








	margin-bottom: 30px;








}








.checkoutAddress{








	float: left;








	font-size: 20px;








	font-family: dtebolditalic;








	margin: 20px 0;








	width: 100%;


	line-height: 30px;








}








.checkoutAction{


	border-top: 1px solid #CCC;


	padding-top: 30px;


	width: 100%;


	float: left;


	display: flex;


	justify-content: center;


	flex-wrap: wrap;


	margin-top: 20px;


	margin-bottom: 60px;


}








/* FORM */


.juridico, .inputHidden, #addForm{


	display: none;


}


.inputBox{


	width: 100%;


	float: left;


	overflow: hidden;


	height: auto;


	margin-bottom: 10px;


}


.inputLabel{


	float: left;


	width: 100%;


	overflow: hidden;


	margin-bottom: 5px;


}


.inputBox input[type="text"], .inputBox input[type="password"]{


	height: 40px;


	padding: 10px;


	width: calc(100% - 60px);


	background-color: #CCC;


}


.inputBox input[type="submit"]{


	height: 40px;


	width: 40px;


	float: right;


	background: #009245;


	color: #FFF;


	margin-right: 10px;


	border-radius: 10px;


}


.inputBox input[type="submit"]:hover{


	background: #333;


}


.inputBox100{


	width: 100%;


	float: left;


	overflow: hidden;


	height: auto;


	margin-bottom: 10px;


}


.inputBox100 select{


	height: 40px;


	padding: 10px;


	width: calc(100% - 10px);


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


	background-repeat: no-repeat;


	background-position: right;


	background-color: #CCC;


}


.inputBox100 input[type="text"], .inputBox100 input[type="password"]{


	height: 40px;


	padding: 10px;


	width: calc(100% - 10px);


	background-color: #CCC;


}


.inputBox50{


	width: 50%;


	float: left;


	overflow: hidden;


	height: auto;


	margin-bottom: 10px;


}


.inputBox50 input[type="text"]{


	height: 40px;


	padding: 10px;


	width: calc(100% - 10px);


	background-color: #CCC;


}


.inputBox30{


	width: 30%;


	float: left;


	margin-bottom: 10px;


}


.inputBox30 input[type="text"], .inputBox30 input[type="password"]{


	height: 40px;








	padding: 10px;








	width: calc(100% - 10px);


	


	background-color: #CCC;








}








.inputBox40{








	width: 40%;








	float: left;








	margin-bottom: 10px;








}








.inputBox40 input[type="text"], .inputBox40 input[type="password"]{








	height: 40px;








	padding: 10px;








	width: calc(100% - 10px);


	


	background-color: #CCC;








}








.inputBox20{








	width: 20%;








	float: left;








	margin-bottom: 10px;








}








.inputBox20 input[type="text"], .inputBox20 input[type="password"]{








	height: 40px;








	padding: 10px;








	width: calc(100% - 10px);


	


	background-color: #CCC;








}








.inputBox80{








	width: 80%;








	float: left;








	margin-bottom: 10px;








}








.inputBox80 input[type="text"], .inputBox80 input[type="password"]{








	height: 40px;








	padding: 10px;








	width: calc(100% - 10px);


	


	background-color: #CCC;








}








.inputBox100 input[type="submit"]{








	height: 40px;








	width: 120px;








	background: #009245;








	color: #FFF;








	margin-right: 10px;


	


	border-radius: 10px;








}








.inputBox100 input[type="submit"]:hover{








	background: #333;








}

















@media(max-width: 1220px) {





	#main{


		width: 920px;


	}


	#checkoutLeft{








		width: 500px;








		margin-right: 20px;








	}








	#checkoutRight{








		width: 400px;








		margin-left: 0px;








	}








}




a.cadastro:link, a.cadastro:visited, a.cadastro:visited{


	font-size: 20px;


	color:#006011;


}


a.cadastro:hover{


	color:#333;


}













@media(max-width: 960px) {





	#main{


		width: 600px;


		padding-top: 100px;


	}


	.paginaTitulo{


		margin-bottom: 10px;


	}


	#checkoutLeft{


		width: 600px;


		margin-right: 0px;


		padding: 0;


		margin-bottom: 20px;


	}


	#checkoutRight{


		width: 600px;


		margin-left: 0px;


		margin-top: 20px;


	}


	.checkoutAction{


		margin-top: 20px;


		padding: 0;


		margin-bottom: 30px;


		border: none;


	}


}



a.cadastro:link, a.cadastro:visited, a.cadastro:visited{


	font-size: 20px;


	color:#006011;


}


a.cadastro:hover{


	color:#333;


}





@media(max-width: 640px) {





	#main{


		width: 300px;


	}


	#checkoutLeft{


		width: 300px;


		margin-right: 0px;


	}


	#checkoutRight{


		width: 300px;


		margin-left: 0px;


	}


	.checkoutAction{


		flex-direction: column;


		text-align: center;


	}


	.checkoutTitle{


		font-size: 20px;








		margin-bottom: 10px;








	}








	.checkoutItemImg{








		width: 80px;








		height: 80px;








	}








	.checkoutItemTxt{








		width: calc(100% - 90px);








		font-size: 16px;








		margin-top: 5px;








	}








	.checkoutItemTxtM{








		width: calc(100% - 90px);








		height: 12px;








		font-size: 12px;








	}








	.checkoutItemPrice{








		width: calc(100% - 90px);








	}








	.checkoutItemRemove{








		width: calc(100% - 90px);








		height: 20px;








		margin-top: 5px;








	}








	a.removelink:link, a.removelink:visited, a.comprar:link, a.comprar:visited{


		font-size: 14px;


	}








	.inputLabel{








		font-size: 14px;








	}








	a.changelink:link, a.changelink:visited{








		padding: 10px;








		font-size: 16px;








		margin-right: 0px;


		margin-bottom: 10px;








	}








	a.buylink:link, a.buylink:visited{








		padding: 10px;








		font-size: 16px;








	}



a.cadastro:link, a.cadastro:visited, a.cadastro:visited{


	font-size: 20px;


	color:#006011;


}


a.cadastro:hover{


	color:#333;


}