/*div.wrap { min-height: 100%; background-color: rgb(255, 255, 255); min-width: 700px; }*/
div.framebox { width: 700px; margin: 0px auto; position: relative; }
div.line { height: 100px; }
div.line div.framebox { height: 100px; } /* background: url('line_layout.png') no-repeat scroll center top transparent; */
div.line ul { margin: 0px auto; list-style: none outside none; position: absolute; top: 15px; left: 30px;}
div.line ul li { padding: 25px 0px 0px 75px; float: left; color: #14ADCC; font-size: 19px; font-family: "Arial Narrow",sans-serif; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75); position: relative; }
div.line ul li.l1 { width: 80px; }
div.line ul li.l2 { width: 80px; }
div.line ul li.l3 { width: 80px; }
div.line ul li.l4 { width: 70px; }
div.line ul li.cur { color: #FFB319; font-size: 23px; } /* text-transform: uppercase; */
div.line ul li span { position: absolute; top: 2px; left: 0px; font-size: 28px; display: block; width: 70px; height: 70px; background: url('arrow.png') no-repeat scroll 50% 50% transparent; text-align: center; line-height: 70px; vertical-align: middle; }
div.line ul li.ok { cursor: pointer; }
div.line ul li.ok { color: #FFB319; }
div.line ul li.ok:hover { color: #14ADCC; }
div.line ul li.ok.cur:hover { color: #FFB319; cursor: auto; }
div.line ul li.ok:hover span { color: #FFB319; }
div.line ul li.cur span { background: url('arrow_cur.png') no-repeat scroll 50% 50% transparent; font-size: 36px; }
section { padding: 0px; }
section form { height: 438px; background: url('bg.png') repeat scroll 50% 50% transparent; position: relative; 
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}

section form div.infoblock { font-family: "Arial Narrow",sans-serif; color: rgb(180, 239, 252); font-size: 18px; margin-left:-10px}
section form div.infoblock b { color: #FFB319; font-size: 19px; font-weight: normal; }

section form div.f { position: absolute; color: #FFB319; font-family: "Arial",sans-serif; font-size: 19px; }
section form div.c { position: absolute; color: rgb(199, 200, 200); font-family: "Arial",sans-serif; font-size: 16px; }
section form div.i { position: absolute; }
section form div.next { position: absolute; color: #FFB319; font-family: "Arial",sans-serif; font-weight: bold; font-size: 21px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75); text-transform: uppercase; width: 197px; height: 48px; background: url('form_button.png') repeat scroll 0px 0px transparent; text-align: center; vertical-align: middle; line-height: 48px; cursor: pointer; }
section form div.next:hover { background-position: 0px -48px; }
section form div.pager { width: 700px; height: 345px; top: 70px; left: 10px; position: absolute; }
section form div.i input { position: absolute; width: 300px; padding: 5px 8px; font-size: 24px; font-family: "Arial",sans-serif; background-color: rgb(245, 245, 245); border: 1px solid rgb(117, 154, 35); margin: 0px; }

section form div.i input.error {
	border: 1px solid #f54a1c;
	box-shadow: 0px 0px 10px rgba(255, 0, 0, 1);
	background: url('icon_error.png') no-repeat right 12px;
	background-color: #f5f5f5;
}


/*section form div.c input[type="checkbox"], section form div.c input[type="radio"] { display: none; }*/
section form div.c input[type="checkbox"] + label, section form div.c input[type="radio"] + label { cursor: pointer; padding-left: 4px;  padding-right:22px;}
/*section form div.c input[type="checkbox"] + label:before, section form div.c input[type="radio"] + label:before { framebox: ""; display: inline-block; height: 20px; width: 20px; margin: 0px 5px 0px 0px; background-image: url('input_checkbox.png'); background-repeat: no-repeat; vertical-align: top; }*/
/*section form div.c input[type="checkbox"] + label:before { background-position: 0px 0px; }
section form div.c input[type="radio"] + label:before { background-position: 0px 0px; }
section form div.c input[type="checkbox"]:checked + label:before { background-position: -20px 0px; }
section form div.c input[type="radio"]:checked + label:before { background-position: -20px 0px; }
section form div.c input[type="checkbox"]:disabled + label:before { background-position: 0px 0px; }
section form div.c input[type="checkbox"]:checked:disabled + label:before { background-position: -20px 0px; }
section form div.c input[type="radio"]:disabled + label:before { background-position: 0px 0px; }
section form div.c input[type="radio"]:checked:disabled + label:before { background-position: -20px 0px; }*/
section form select { width: 300px; font-family: "Arial",sans-serif; background: url('input_bg.png') repeat scroll 0% 0% rgb(245, 245, 245); border: 1px solid rgb(117, 154, 35); font-size: 24px; line-height: 33px; height: 40px; vertical-align: middle; padding: 0px 0px 0px 8px; margin: 0px; }
section form select option { font-size: 18px; }
section form div.step { display: none; }
section form div.step.step1 { display: block; }
section form div.step1 div.f1 { top: 70px; left: 92px; width: 100px; font-size: 21px; }
section form div.step1 div.f2 { top: 70px; left: 535px; width: 100px; }

section form div.step1 div.f3 { top: 215px; left: 42px; width: 300px; }
section form div.step1 div.f4 { top: 125px; left: 42px; width: 300px; }

section form div.step1 div.c1 { top: 240px; left: 40px; }
section form div.step1 div.c2 { top: 190px; left: 140px; }
section form div.step1 div.c3 { top: 190px; left: 290px; }


section form div.step1 div.c4 { top: 150px; left: 40px; }


section form div.step1 div.i1 { top: 60px; left: 200px; }
section form div.step1 div.next { top: 290px; left: 200px; }

section form div.step1 div.infoblock div.text { padding: 45px 50px 0px 60px; }
section form div.step2 div.f1 { left: 42px;  top: 70px; }
section form div.step2 div.f2 { top: 135px; left: 42px; }

section form div.step2 div.i1 { top: 60px; left: 310px; }
section form div.step2 div.c1 {  top: 170px; left: 40px; }
section form div.step2 div.next { top: 220px; left: 307px; }

section form div.step2 div.infoblock div.text { padding: 45px 50px 0px 60px; }
section form div.step3 div.f1 { top: 34px; left: 42px; width: 240px; }
section form div.step3 div.f2 { top: 34px; left: 332px; } /*width: 240px; */
section form div.step3 div.f3 { top: 75px; left: 232px; width: 50px; }
section form div.step3 div.f4 { top: 230px; left: 42px; width: 300px; }

section form div.step3 div.f5 { top: 135px; left: 42px; width: 300px; }
section form div.step3 div.f6 { top: 175px; left:230px;  }

section form div.step3 div.i1 { top: 65px; left: 40px; }
section form div.step3 div.i1 input { width: 160px; }
section form div.step3 div.i3 { left: 40px;   top: 165px;}
section form div.step3 div.i3 input { width: 160px; }

section form div.step3 div.i2 { left: 332px; top: 65px; }
section form div.step3 div.i2 select { width: 270px; }
section form div.step3 div.c1 { top: 255px; left: 40px; }
section form div.step3 div.c2 { top: 255px; left: 140px; }
section form div.step3 div.c3 { top: 255px; left: 290px; }
section form div.step3 div.c4 { top: 255px; left: 480px; }
section form div.step3 div.next { top: 300px; left: 250px; }
section form div.step3 div.infoblock div.text { padding: 45px 50px 0px 60px; }
section form div.step4 div.f1 { top: 44px; left: 42px; width: 150px; }
section form div.step4 div.f2 { top: 44px; left: 250px; width: 150px; }
section form div.step4 div.f6 { top: 44px; left: 462px; width: 150px; }

section form div.step4 div.f7 { top: 130px; left: 42px; width: 240px;  }
section form div.step4 div.c7 { top: 160px; left: 40px; }

section form div.step4 div.f8 { top: 130px; left: 462px; width: 150px; }
section form div.step4 div.i8 { top: 160px; left: 462px; }
section form div.step4 div.i8 input { width: 150px; }

section form div.step4 div.f4 { top: 130px; left: 350px; width: 240px; }
section form div.step4 div.i1 { top: 75px; left: 40px; }
section form div.step4 div.i1 input { width: 150px; }
section form div.step4 div.i2 { top: 75px; left: 250px; }
section form div.step4 div.i2 input { width: 150px; }

section form div.step4 div.i6 { top: 75px; left: 462px; }
section form div.step4 div.i6 input { width: 150px; }

section form div.step4 div.f3 { top: 220px; left: 42px; width: 240px; }
section form div.step4 div.i3 { top: 250px; left: 40px; }
section form div.step4 div.i3 input { width: 250px; }

section form div.step4 div.f5 { top: 220px; left: 362px; width: 240px; }
section form div.step4 div.i5 { top: 250px; left: 362px; }
section form div.step4 div.i5 input { width: 250px; }


section form div.step4 div.i4 { top: 160px; left: 350px; }
section form div.step4 div.i4 select { width: 268px; }
section form div.step4 div.next { top: 310px; left: 240px; }
section form div.step4 div.infoblock div.text { padding: 45px 50px 0px 60px; }



section form div.step5 div.f1 { top: 34px; left: 42px; width: 240px; }
section form div.step5 div.i1 { top: 65px; left: 40px; }
section form div.step5 div.i1 input { width: 160px; }

section form div.step5 div.f2 { top: 34px; left: 332px; } /*width: 240px; */
section form div.step5 div.i2 { left: 332px; top: 65px; }
section form div.step5 div.i2 input { width: 160px; }

section form div.step5 div.f3 {  left: 42px;    top: 130px;    width: 150px; }
section form div.step5 div.i3 {  left: 40px; top: 160px; }
section form div.step5 div.i3 input { width: 160px; }

section form div.step5 div.f4 {   left: 250px;    top: 130px;    width: 180px; }
section form div.step5 div.i4 {  left: 248px; top: 160px; }
section form div.step5 div.i4 input { width: 160px; }

section form div.step5 div.f5 {  left: 462px;    top: 130px;    width: 150px;}
section form div.step5 div.i5 {  left: 460px; top: 160px; }
section form div.step5 div.i5 input { width: 160px; }

section form div.step5 div.next { top: 250px; left: 245px; }
section form div.step5 div.infoblock div.text { padding: 45px 50px 0px 60px; }

section form div.step6 div.infoblock div.text { padding: 85px 50px 0px 120px; }