#content { padding-top: 10px; }
#content .top { background: #fff url(/images/hb/background.jpg) no-repeat 0 2em; height:475px; }

#content .top .dr { width:50em;  margin: 0 0 0 20em; }
#content .top .dr h1 { font-size: 1.3em; font-family: Myriad, Arial, Helvetica, sans-serif; 
	font-weight: bold; color:#038497; }
#content .top .dr p { font-family: Arial, Helvetica, sans-serif; color:#024a69; margin: 1.1em 0; }

#content .middle { background: #fff url(/images/hb//middle.jpg) repeat-y; border-bottom: 1px solid #fff; 
	padding: 0 2em 1em 4em; }
#content .middle ul.about { width: 20em; padding: 0.5em 0em; float: left; position: relative; left: -2em; }
#content .middle ul.about li{ padding: 1.2em; }
#content .middle ul.about li a#reg { background:url(/images/hb/reg.jpg) no-repeat; width:219px; height:64px; display:block}
#content .middle ul.about li a#term { background:url(/images/hb/term.jpg) no-repeat; width:219px; height:64px; display:block}
#content .middle ul.about li a#choose { background:url(/images/hb/choose.jpg) no-repeat; width:219px; height:64px; display:block}

#content .middle .photo { margin-top: 2em; float: left; position: relative; margin-right: 2em; border: 1px solid #00ced9; line-height: 1px; }


#content .middle .text { float: left; padding: 2.0em 0 0 0em; background: none; width: 51em; }
#content .middle .text ul.step { padding-left:3.7em; background:url(/images/hb/strelka.jpg) no-repeat; background-position:left center; height:131px; margin-left:-.5em; margin-top:-.5em; font:1.0em  Arial, Helvetica, sans-serif; }
#content .middle .text ul.step li { padding:.7em 0}
#content .middle p { margin: 0.8em 0 0 0em; font: 1.0em  Arial, Helvetica, sans-serif; color: #024a69; clear: both; }
#content .middle .h1 { font: 1.8em  Arial, Helvetica, sans-serif; color: #15a7bc; }
#content .middle .h1 a { text-decoration:underline; }
#content .middle p.small { font: 0.9em  Arial, Helvetica, sans-serif; padding-top: 0.5em; color: #81abb8; }


form { padding: 0.5em 0 3em 12px; width: 597px; }
* html form { width: 609px; }
h2 { color: #15a7bc; font-size: 1.75em; }
form .question { display: block; width: 595px; height: 34px; line-height: 34px; text-align: center;
	border: 1px solid #8ad3dd;
	background: #FFF url(/images/hb/question-fon.png) no-repeat scroll center center;
}
#content .middle form p { padding: 0; margin: 1.5em 0 0; position: relative; overflow: hidden; height: 40px; }
form p input { border: 1px solid #8ad3dd; width: 250px; padding: 9px 12px; color: #81abb8; margin: 0; outline: none; }
* html form p input { height: 34px; width: 274px; }

form #answer { position: absolute; top: 0; left: 0; }
form #e-mail { position: absolute; top: 0; right: 0; }

form div#submit { text-align: right; margin-top: 0.5em; }


form .help { color: #81abb8; font-size: 0.9em; display: block; }


#content .bottom { background:#fff url(/images/hb/bottom.jpg) repeat-y; padding:1.5em 3.0em .8em 4.0em; border-bottom:1px solid #7cd1dc}
#content .bottom a{ color:#038497; text-decoration:underline;}
#content .bottom .text {color:#6a8f9e; background:none; font:1.0em  Arial, Helvetica, sans-serif;}
#content .bottom .text p{ margin-bottom:2em; line-height:1.5em}

#footer { margin-top:3.5em}