/**
* FORM STYLING
*/



.box-form {

	width: 100%;
	margin: auto;
	clear: both;
}

.box-form .separador {
	float: left;
	padding: 5px;
	width: 100%;
}


.box-form input[type="radio"],
.box-form input[type="checkbox"],
.box-form select,
.box-form input[type="submit"],
.box-form input[type="button"],
.box-form .miniBtn,
.box-form .btnSubmit {

	cursor: pointer;

}


.box-form textarea:focus,
.box-form select:focus,
.box-form input[type="text"]:focus,
.box-form input[type="password"]:focus {

	border-radius: 3px;
	border: 2px solid #ff9900
}

.box-form textarea:hover,
.box-form select:hover,
.box-form input[type="text"]:hover,
.box-form input[type="password"]:hover,
.box-form .miniBtn:hover,
.box-form .btnSubmit:hover {

	border: 2px solid #737373;
	transition: all 0.5s cubic-bezier(0.58, 0.01, 0.01, 0.99);

}


.box-form input,
.box-form select,
.box-form textarea,
.box-form .miniBtn,
.box-form .btnSubmit {

	width: 100%;
	/* max-width:300px;*/
	border-radius: 3px;
	border: 2px solid #dbdbdb;
	background-color: white;

}

@media screen and (min-width: 0px) and (max-width: 499px) {

	.box-form input,
	.box-form select,
	.box-form textarea {
		font-size: 12px;
		padding: 2px;
	}

	.box-form .field {
		padding: 2px;
		font-size: 12px;
	}

	.box-form .text {

		padding: 8px 0 2px 2px;
		font-size: 17px;

	}

	.box-form .btnSubmit {

		font-size: 15px
	}


}

@media screen and (min-width: 500px) and (max-width: 1000px) {

	.box-form input,
	.box-form select,
	.box-form textarea {
		font-size: 14px;
		padding: 4px;

	}

	.box-form .field {
		/* padding: 2px;*/
		font-size: 14px;
	}

	.box-form .text {

		padding: 10px 0 2px 2px;
		font-size: 14px;

	}

	.box-form .btnSubmit {

		font-size: 14px
	}


}


@media screen and (min-width: 1001px) and (max-width: 1500px) {

	.box-form input,
	.box-form select,
	.box-form textarea {
		font-size: 15px;
		padding: 4px;
	}

	.box-form .field {
		/* padding:2px;*/
		font-size: 15px;
	}

	.box-form .text {

		padding: 8px 0 2px 2px;
		font-size: 15px;

	}

	.box-form .btnSubmit {

		font-size: 15px
	}


}

@media screen and (min-width: 1501px) {

	.box-form input,
	.box-form select,
	.box-form textarea {
		font-size: 17px;
		padding: 4px;
	}

	.box-form .field {
		/* padding: 2px; */
		font-size: 17px;
	}

	.box-form .text {

		padding: 8px 0 2px 2px;
		font-size: 17px;

	}

	.box-form .btnSubmit {

		font-size: 15px
	}

	.closeSearch {
		margin: 11px 9px;
	}

}

.info_text {
	max-width: none !important;
}


@media screen and (min-width: 0px) and (max-width: 499px) {

	.box-form .field,
	.box-form .text {
		float: left;
		width: 100%;
		/* max-width:300px;*/
		min-width: 150px;
	}

	.box-form .complete {
		float: left;
		width: 100%;
		max-width: 300px;
		min-width: 150px;
		padding: 10px 2px;
	}

	.closeSearch {
		margin: 5px;
	}

}



@media screen and (min-width: 500px) and (max-width: 786px) {

	.box-form .field,
	.box-form .text {
		float: left;
		width: 50%;
		max-width: 300px;
		min-width: 150px;
		padding: 8px 0 2px 2px;
		font-size: 17px;

	}

	.box-form .text {
		clear: both;
		padding-top: 12px;
	}

	.box-form .complete {
		float: left;
		width: 100%;
		max-width: 300px;
		min-width: 150px;
		padding: 10px 2px;
	}

}

@media screen and (min-width: 787px) and (max-width: 1680px) {

	.box-form .field,
	.box-form .text {
		float: left;
		width: 100%;
		/* max-width:300px;*/
		min-width: 150px;
	}


	.box-form .complete {
		float: left;
		width: 100%;
	}

}



@media screen and (min-width: 1681px) {
	/*  and (max-width: 2500px)*/


	.box-form .field,
	.box-form .text {

		/*float:left;
		width:50%;
		max-width:300px;
		min-width:150px;*/

		float: left;
		width: 100%;
		max-width: 500px;
		min-width: 150px;
	}


	.box-form .complete {
		float: left;
		width: 100%;
	}


}


.form-center {
	margin: auto;
	max-width: 500px;
	width: 100%;
}


.box-form.details-r.green .form-center {
	float: left !important;
}


@media screen and (max-width: 600px) {

	.form-center {
		margin: auto;
		width: 100%;
	}

}




.box-form .btnSubmit {
	text-align: center;
	font-weight: bold;
	padding: 5px;
	clear: both;
	margin: 0 auto;
}

.box-form .miniBtn {
	text-align: center;
	font-weight: bold;
	padding: 4px;
	clear: both;
	background-color: #ffffff;
}



.box-form .sizes_w,
.box-form .sizes_cant,
.box-form .sizes_h,
.box-form .field_cant,
.box-form .field_w,
.box-form .field_h {
	float: left;
	width: 18%;
	padding: 3px;
}

.box-form .sizes_tape,
.box-form .sizes_tape_sec {
	float: left;
	width: 56px;
	padding: 3px;

}

.box-form .sizes_orientation {

	float: left;
	width: 30px;
	padding: 3px;
	width: 41px;


}


.box-form .field_w input,
.box-form .field_h input,
.box-form .field_cant input {
	float: left;
	width: 100%;
}


.box-form .field_action {
	float: left;
	/*width: 40px;*/
}


.box-form .field_action a:nth-of-type(2) {
	margin-left: 8px
}

.box-form .field_action a {
	margin-top: 10px;
	margin-left: 8px;
}



.box-form .field_info {
	float: left;
	width: 100%;
	display: none;
	padding: 3px;

}


.box-form .separador {
	float: left;
	padding: 5px;
	width: 100%;
}


.text.hundred {
	width: 100% !important;
}

/**
* FORM STYLING END
*/


input.especial {
	width: 60%;
	border-right: 0px;
	margin-right: 0px;
	padding-right: 0px;
	float: left;
	border-radius: 3px 0px 0px 3px;
}


select.especial {
	width: 40%;
	/*border-left: 0px;*/
	margin-left: 0px;
	padding-left: 0px;
	float: left;
	border-radius: 0px 3px 3px 0px;
	padding: 3px;
}