body {
  padding: 0px;
  font-family: arial;
  font-size: 12px;
  margin: 0 auto;
  min-width: 80em;
 }

div#vs1 {
  padding-left: 18px;
  background: url('images/border-l.gif') top left repeat-y;
 }
div#vs2 {
  padding-right: 18px;
  background: url('images/border-r.gif') top right repeat-y;
 }

span.yaa {
	font-size: 22px;
	font-weight: bold;
	text-transform: none;
	color: #0054a6;
	position: relative;
	left: 30px;
	top: 37px;
}

/* --- INFO_LINKS --------------------------------------------------------------
*/

table#info_links {
  border-collapse: collapse;
  background: #eca259;
  height: 25px;
 }

table#info_links tr {
  background: url(images/info-bg.gif) bottom repeat-x;
 }

table#info_links td {
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0px;
 }

table#info_links .active {
  background: url(images/info-bg-active.gif) bottom repeat-x;
 }

table#info_links a {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
 }

table#info_links a:hover {
  color: #333333;
 }

/* --- ROOM_LINKS --------------------------------------------------------------
*/
table#room_links {
  border-collapse: collapse;
  background: #da8635;
  width: 100%;
  height: 25px;
 }

table#room_links td {
  text-align: center;
  color: white;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
  background: url('images/rooms-bg.gif') top left repeat-x;
 }

table#room_links .active {
  background: url('images/rooms-bg-active.gif') top left repeat-x;
 }

table#room_links a {
  color: white;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
 }

table#room_links a:hover {
  color: #333333;
  text-decoration: none;
 }

/* --- CONTENT -----------------------------------------------------------------
*/

div#content {
  padding: 1em;
  padding-left: 17em;
 }

div#content h1 {
  font-size: 16px;
  color: blue;
  border-bottom: 1px solid black;
  padding-top: 1em;

 }

div#content h2 {
  font-size: 12px;
  color: blue;
  border-bottom: 1px solid black;
  padding-top: 2em;
 }

div#content a {
  text-decoration: underline;
 }

div#content a:hover {
  text-decoration: none;
 }

span.cost {
  color: white;
  font-weight: bold;
  background: red;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
 }

a.google_button {
  text-align: center;
  background: blue url(images/buttons/google-w156.gif) top center no-repeat;
  height: 28px;
  color: white;
  font-weight: bold;
  padding-top: 10px;
  text-decoration: none;
  display: block;
  width: 156px;
 }

a.google_button:visited {
  color: white;
 }

a.google_button:hover {
  color: #FF8040;
  text-decoration: none;
 }


/* --- FOOTHER -----------------------------------------------------------------
*/
table#logo {
  margin-top: 3em;
  width: 100%;
  clear: both;
  border-collapse: collapse;
 }

table#logo .left {
  background: url(images/logo/vs-left-ln.gif) repeat-x;
 }

table#logo .right {
  background: url(images/logo/vs-right-ln.gif) repeat-x;
 }

table#banners td {
  padding: 20px;
 }

/* --- NAVIGATOR ---------------------------------------------------------------
*/
ul#navigator {
  margin: 0;
  padding: 0;
  float: left;
  width: 15em;
  list-style-type: none;
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
 }

ul#navigator li {
  padding: 0.5em;
 }

ul#navigator div.category {
  color: black;
  font-weight: bold;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  background: url(images/hrr-bg-sel.gif) top left repeat-y;
  padding: 0;
 }

ul#navigator div.category div{
  margin: 0.2em;
  padding: 0.8em;
 }

ul#navigator div.subitems {
  padding: 1em;
  padding-left: 0.5em;
 }

ul#navigator div.subitems .active {
  background: url('images/form_bg2.gif') top center repeat-y;
 }

ul#navigator a{
  text-decoration: none;
 }

ul#navigator a:hover{
  text-decoration: underline;
 }

ul#navigator .icon_58 {
  background: url(images/navigator/subjects.gif) top right no-repeat;
 }

ul#navigator .icon_62 {
  background: url(images/navigator/parts.gif) top right no-repeat;
 }

ul#navigator .icon_65 {
  background: url(images/navigator/search.gif) top right no-repeat;
 }

ul#navigator .icon_66 {
  background: url(images/navigator/time.gif) top right no-repeat;
 }

ul#navigator .icon_68 {
  background: url(images/navigator/partner.gif) top right no-repeat;
 }

div#top_menu {
  text-align: right;
  padding-top: 1em;
  padding-bottom: 1em;
 }

div#top_menu a{
  padding-left: 2em;
  padding-right: 2em;
 }


/* --- FORM --------------------------------------------------------------------
*/

form {
/*  background: url('../images/form_bg2.gif') top left repeat-y; */
/*  background-color: #EAEAEA;*/
  /* border: 1px solid #C0C0C0; */
 }

form div {
  background: url('images/form_bg2.gif') top left repeat-y ;
  padding: 1em;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
 }

label {
  display: block;
  font-weight: bold;
 }

form h1 {
  /*background-color: #FF8040;*/
  color: black;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.5em;
  padding-top: 2em;
  margin: 0;
  border: none;

 }

form p {
  margin-top: 2em;
 }

form span {
  color: red;
  padding-right: 5px;
 }

form p.submit{
  text-align: center;
  width: 276px;
/*  background: #FF8040;*/
  margin-top: 1em;
 }

form table {
  margin-top: 1em;
  border-collapse: collapse;
  margin-bottom: 1em;
 }

form th {
  text-align: left;
 }

form td {
  padding-right: 1em;
 }

/* -----------------------------------------------------------------------------
   TOC
*/

table#toc {
  text-align: justify;
  width: 50em;
  margin: 0 auto;
 }

table#toc tr.h1 {
  border-collapse: collapse;
  font-weight: bold;
 }

table#toc tr.h1 td {
  padding-top: 1em;
  border-bottom: 1px solid #808080;
 }

table#toc td.page {
  text-align: right;
  vertical-align: bottom;
  padding-left: 1em;
 }

div.job_text {
  text-align: justify;
  width: 50em;
  margin: 0 auto;
 }

div.job_text p{
  text-indent: 3em;
  margin: 0px;
 }

/* -----------------------------------------------------------------------------
   Оформление
*/

div.ok {
  background: #E8E8E8;
  margin-bottom: 2em;
 }

div.ok .msg {
  background: #008000;
  color: white;
  font-weight: bold;
  padding: 1em;
 }

div.ok .text {
  padding: 1em;
 }

div.err {
  background: #E8E8E8;
  margin-bottom: 2em;
 }

div.err .msg {
  background: red;
  color: white;
  font-weight: bold;
  padding: 1em;
 }

div.err .text {
  padding: 1em;
 }


/* -----------------------------------------------------------------------------
   Библиотека
*/

div#article {
  width: 60em;
  margin: auto;
 }

div#article p {
  text-align: justify;
  text-indent: 3em;
  margin: 0;
  font-family: times;
  font-size: 12pt;
 }

div#article p.pic {
  text-align: center;
  text-indent: 0;
  margin-top: 2em;
  margin-bottom: 2em;
 }

div#article p.pic + p{
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
 }

div#article p.pic + p + p{
  font-style: italic;
  margin-bottom: 2em;
 }