@charset "utf-8";

/* CSS Document */
#main{
	width: 1200px;
	margin:  0 auto;
	overflow: hidden;
	padding-top: 160px;
}
#backgroundImage{
	display: none;
}

#checkoutLeft{

	width: 520px;

	float: left;

	overflow: hidden;

	margin-right: 30px;

}
.countdown{
	font-size: 24px;
	margin-top: 30px;
}
#checkoutRight{

	width: 550px;

	float: left;

	overflow: hidden;

	margin-left: 100px;

	background-color: #FFF;

	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 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"], .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: #0070c9;

	color: #FFF;

	margin-right: 10px;

}

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

	background: #333;

}


.cadastroInfo{
	width: 100%;
	float: left;
	padding: 10px 0;
}
a.cadastrolink:link, a.cadastrolink:visited{
	font-size: 20px;
	color:#333;
}
a.cadastrolink:hover{
	color:#0070c9;
}



@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;
	}
	#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:#0070c9;

	}

	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;

	}

}