@font-face {
    font-family: "RobotoCondensed";
    src: url("../fonts/RobotoCondensed-Bold.ttf");
	font-weight:700;
}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
	display:inline;
	float: left;
	position: relative;
}
	.container_12 .grid_2 {width:300px;}
	.container_12 .grid_5 {width:400px;}

	/* Clear Floated Elements*/
	.clear {
	  clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}
	.clearfix:before,
	.clearfix:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}
	.clearfix:after { clear: both;}

body{
	font-family: "Arial";
	font-size: 13px;
	line-height: 21px;
	color: #626262;
}
.wapper{
	width: 100%;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
}
a{color: #d84949;text-decoration: none;}
a:hover{color: #333;}
.page_title{
	font:700 200% "Arial";
	color:#ed3237;
	text-transform: uppercase;
	text-align:center;
}
.box{width:100%;}	

#ket-qua-tinh-tien{width:100%;border-collapse:collapse;border-spacing:0;}
#ket-qua-tinh-tien tr.tieu-de{background:#ddd;font-weight:bold;}
#ket-qua-tinh-tien tr.tong-cong{color:#ed3237;font-weight:bold;border-top:2px solid #888;}
#ket-qua-tinh-tien td{border:1px solid #e1e1e1;padding:5px;}
  
 input, textarea , select{
  border: 1px solid #D8D8D8;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #555555;
  font-size: 16px;
  font-weight:bold;
  background:url(../images/select-bg.png) repeat-x 0 0;
 }
input, textarea , select{
  width: 100%;
  font-family: inherit; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
label{font-size: 16px;
font-weight: bold;
line-height:40px;
float:right;
}
textarea{
	min-height:128px;
}
.btn-submit {
    background: rgba(0, 0, 0, 0) url("../images/btn-price-b.png") no-repeat scroll center bottom;
    margin: 25px auto;
    padding-bottom: 6px;
    width: 210px;
}
.submit{background:#ed3237 none repeat scroll 0 0;color:#fff;font-size:25px;border:none;line-height:40px;margin:0;cursor:pointer;}
.node{font-style:italic;text-align:center;color:#777;}

.header{width:100%;height:100px;background: #ffffff;border-bottom:2px solid #ddd;}
.logo{
	background: url("hyundaivna.png") no-repeat scroll 0 0;
    float: left;
    height: 49px;
    width: 516px;
	margin:20px 0 0 40px;
}
.logo a{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    height: 82px;
    text-indent: -9999px;
    width: 258px;
}
.hotline{
	background: rgba(0, 0, 0, 0) url("../images/hotline.png") no-repeat scroll 0 0;
    height: 100px;
    position: absolute;
    right: 0;
    width: 300px;
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width:740px) {
 .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.wapper, .label, input#gia-xe.required , input#so-tien-thanh-toan.input, input#lai-suat.input, input#thoi-han-vay.input {width:100%;}
}
.label{font-size: 16px;
font-weight: bold;
line-height:40px;
float:right;
}
input#gia-xe.required, input#so-tien-thanh-toan.input, input#lai-suat.input, input#thoi-han-vay.input {
    max-width: 80%;
 }