@charset "utf-8";


#main{


	width: 1200px;


	margin:  0 auto;


	overflow: hidden;


	padding-top: 160px;


}


#backgroundImage{


	display: none;


}





#checkoutLeft{





	width: 520px;





	padding: 15px;





	float: left;





	overflow: hidden;





	margin-right: 30px;





}





#checkoutRight{





	width: 550px;





	float: left;





	overflow: hidden;





	margin-left: 100px;





	background-color: #FFF;





	padding: 15px;





	border-radius: 10px;





}


#systemfeedback{

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	padding: 30px;

	overflow: hidden;

	background-color: #0070c9;

	color: #FFF;

	z-index: 110000;

	text-align: center;

	font-size: 20px;

}



#checkoutRight p{





	margin: 0 0 20px 0;





	text-align: justify;





}


#systemfeedback{

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	padding: 30px;

	overflow: hidden;

	background-color: #0070c9;

	color: #FFF;

	z-index: 110000;

	text-align: center;

	font-size: 20px;

}



.checkoutTitle{





	width: 100%;





	float: left;





	font-size: 28px;





	margin-bottom: 20px;





	font-family: dtebold;





}





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





}





.checkoutItemTxt{





	width: calc(100% - 130px);





	float: left;





	font-family: dtebold;





	font-size: 20px;





	margin-top: 15px;





}





.checkoutItemTxtM{





	width: calc(100% - 130px);





	height: 16px;





	overflow: hidden;





	float: left;





	margin:  5px 0;





}





.checkoutItemPrice{





	width: calc(100% - 130px);





	float: left;





	font-family: dtebolditalic;





}





.checkoutItemRemove{





	width: calc(100% - 130px);





	float: left;





	height: 20px;





	margin-top: 15px;





}





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





	color:#006011;





}





a.cadastrolink: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;





}





#sellItemBox{





	width: 100%;





	height: 190px;





	overflow: hidden;





	float: left;





	margin-bottom: 50px;





	display: flex;





	justify-content: center;





	flex-wrap: wrap;





}





.sellItem{





	width: 300px;





	height: 190px;





	overflow: hidden;





	margin: 0 20px;





	background-color: #FFF;





	padding: 10px;





	border-radius: 10px;





}





.sellItemTxt{





	width: 100%;





	float: left;





	margin-bottom: 10px;





	text-align: center;





	font-family: dtebold;





}





.sellItemImg{





	width: 130px;





	height: 130px;





	border: 1px solid #CCC;





	border-radius: 10px;





	float: left;





	margin-right: 20px;





}





.sellItemTxtM{





	line-height: 21px;





	margin-bottom: 20px;





}





.checkoutBlock{





	margin-bottom: 30px;





	padding-bottom: 30px;





	border-bottom: 1px dashed #333;





}





.checkoutAddress{





	float: left;





	font-size: 20px;





	font-family: dtebolditalic;





	margin: 20px 0;





	width: 100%;





}





.checkoutAction{





	float: left;





	margin-top: 20px;





}





/* 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;





}





.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"]{





	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;





}





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





	}





}











@media(max-width: 960px) {


	#main{


		width: 600px;


		padding-top: 140px;


	}


	


	#checkoutLeft{





		width: 600px;





		margin-right: 0px;





		padding: 0;





		margin-bottom: 20px;





	}





	#checkoutRight{





		width: 600px;





		margin-left: 0px;





	}





	.checkoutAction{





		margin-top: 20px;





		margin-bottom: 30px;





	}





}





@media(max-width: 640px) {


	


	#main{


		width: 300px;


		padding-top: 110px;


	}





	#checkoutLeft{





		width: 300px;





		margin-right: 0px;





	}





	#checkoutRight{





		width: 300px;





		margin-left: 0px;





		padding: 0px;





		background: none;





	}





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





		padding: 0;





		border: none;





		color:#006011;





	}





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





		border: none;





		color:#333;





	}





	.inputLabel{





		font-size: 14px;





	}





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





		padding: 10px;





		font-size: 16px;





		margin-right: 10px;





	}





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





		padding: 10px;





		font-size: 16px;





	}





}