@charset "utf-8";


/* CSS Document */

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


}


#checkoutRight p{


	margin: 0 0 20px 0;


	text-align: justify;


}


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


	height: 150px;


	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;


}


.inputBox100 input[type="text"]{


	height: 40px;


	padding: 10px;


	width: calc(100% - 10px);


}


.inputBox50{


	width: 50%;


	float: left;


	overflow: hidden;


	height: auto;


	margin-bottom: 10px;


}


.inputBox50 input[type="text"]{


	height: 40px;


	padding: 10px;


	width: calc(100% - 10px);


}


.inputBox30{


	width: 30%;


	float: left;


	margin-bottom: 10px;


}


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


	height: 40px;


	padding: 10px;


	width: calc(100% - 10px);


}


.inputBox40{


	width: 40%;


	float: left;


	margin-bottom: 10px;


}


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


	height: 40px;


	padding: 10px;


	width: calc(100% - 10px);


}


.inputBox20{


	width: 20%;


	float: left;


	margin-bottom: 10px;


}


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


	height: 40px;


	padding: 10px;


	width: calc(100% - 10px);


}


.inputBox80{


	width: 80%;


	float: left;


	margin-bottom: 10px;


}


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


	height: 40px;


	padding: 10px;


	width: calc(100% - 10px);


}


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


	}
	.inputBox input[type="text"], .inputBox input[type="password"], .inputBox textarea{
		width: 100%;
	}


}


@media(max-width: 640px) {

	#main{
		width: 300px;
		padding-top: 110px;
	}
	#mainContainer{


		padding-top: 135px;


	}


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


	}
	
	


}