/*#############################################################################################
#######################  Page layout and sizes  ###############################################
#############################################################################################*/

div.page { width: 1000px; background: #ffffff url("/images/20100203-x1000-sidemenu-bg.jpg") repeat-y scroll 0 0;}
div.page div.footer_guarantor { height: 100px;}
div.Area-Footer {
  margin: auto;
  margin-top: -100px;
  width: 1000px;
  height: 30px;
}
div.page div.Area-Header { height: 217px;}
div.page div.Area-Side { width: 252px;}
div.page div.Area-Main { width: 748px;}

/*#############################################################################################
############################### HEADER  #######################################################
#############################################################################################*/

#header {
  height: 160px;
  width: 1000px;
  background: url(/images/20100203-x1000-header.jpg) no-repeat 0 0;
}
#header-contacts,
#header-contacts-link,
#header-logo,
#header-logo-link {
  height: 150px;
}
#header-contacts,
#header-contacts-link {
  width: 275px;
}
#header-contacts {
  float: left;
}
#header-contacts-link
{
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
}
#header-logo,
#header-logo-link {
  width: 700px;
}
#header-logo {
  left: 300px;
  position: relative;
}
#header-logo-link
{
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
}

/*#############################################################################################
############################### TOP MENU ######################################################
#############################################################################################*/
#top-menu {height: 57px; background: url( '/images/20100203-x1000-topmenu-bg.jpg' );}
#top-menu-contacts   {width: 158px; background-position:  -54px 0 !important;margin-left:54px;}
#top-menu-garant     {width: 164px; background-position: -212px 0 !important;}
#top-menu-price      {width: 105px; background-position: -376px 0 !important;}
#top-menu-about      {width: 118px; background-position: -481px 0 !important;}
#top-menu-authors    {width: 195px; background-position: -599px 0 !important;}
#top-menu-rules      {width: 153px; background-position: -794px 0 !important;}

#top-menu-contacts,
#top-menu-garant,
#top-menu-about,
#top-menu-authors,
#top-menu-price,
#top-menu-rules
{
  float: left;
  height: 57px;
  background: url( '/images/20100203-x1000-topmenu-general.jpg' );/* Путь к файлу с исходным рисунком */
}

#top-menu-contacts.active,
#top-menu-garant.active,
#top-menu-about.active,
#top-menu-authors.active,
#top-menu-price.active,
#top-menu-rules.active
{
  background: url( '/images/20100203-x1000-topmenu-active.jpg' );
}

#top-menu-contacts:hover,
#top-menu-garant:hover,
#top-menu-about:hover,
#top-menu-authors:hover,
#top-menu-price:hover,
#top-menu-rules:hover {
  background: url( '/images/20100203-x1000-topmenu-hover.jpg' );
}

#top-menu-contacts.active:hover,
#top-menu-garant.active:hover,
#top-menu-about.active:hover,
#top-menu-authors.active:hover,
#top-menu-price.active:hover,
#top-menu-rules.active:hover
{
  background: url( '/images/20100203-x1000-topmenu-active-hover.jpg' );
}


/*#############################################################################################
############################### SIDE MENU #####################################################
#############################################################################################*/
.Area-Side {  background: url( '/images/20100203-x1000-sidemenu-bg.jpg' ) repeat 0 16px; text-align:left; width: 252px;}
#side-menu {
  background: url( '/images/20100203-x1000-sidemenu-top.jpg' ) no-repeat;
  padding: 32px 0 0;
  width: 252px;
  height: 340px;
}
.side-menu-divider  {
  background: url( '/images/20100203-x1000-sidemenu-devider.png' ) no-repeat 50% 0;
  height: 16px;
  width: 252px;
  display: block;
  float: left;
/*  margin-left: 110px;*/
  margin-top:10px;
  clear: both;
}
#side-menu-disser   {background-position:    0    0   !important;}
#side-menu-dipl     {background-position:    0  -31px !important;}
#side-menu-kursovik {background-position:    0  -62px !important;}
#side-menu-other    {background-position:    0  -93px !important;}
#side-menu-ocenit   {background-position:    0 -124px !important;}
#side-menu-consult  {background-position:    0 -155px !important;}
#side-menu-faq      {background-position:    0 -186px !important;}
#side-menu-vacans   {background-position:    0 -217px !important;}
#side-menu-prepayment {background-position:  0 -248px !important;}

#side-menu-disser,
#side-menu-dipl,
#side-menu-kursovik,
#side-menu-other,
#side-menu-ocenit,
#side-menu-consult,
#side-menu-faq,
#side-menu-vacans,
#side-menu-prepayment
{
  float: left;
  height: 31px;
  width: 252px;
  background: url( '/images/20100203-x1000-sidemenu-general.jpg' );/* Путь к файлу с исходным рисунком */
}

#side-menu-disser.active,
#side-menu-dipl.active,
#side-menu-kursovik.active,
#side-menu-other.active,
#side-menu-ocenit.active,
#side-menu-consult.active,
#side-menu-faq.active,
#side-menu-vacans.active,
#side-menu-prepayment.active
{
  background: url( '/images/20100203-x1000-sidemenu-active.jpg' );
}

#side-menu-disser.active:hover,
#side-menu-dipl.active:hover,
#side-menu-kursovik.active:hover,
#side-menu-other.active:hover,
#side-menu-ocenit.active:hover,
#side-menu-consult.active:hover,
#side-menu-faq.active:hover,
#side-menu-vacans.active:hover,
#side-menu-prepayment.active:hover
{
  background: url( '/images/20100203-x1000-sidemenu-active-hover.jpg' );
}

#side-menu-disser:hover,
#side-menu-dipl:hover,
#side-menu-kursovik:hover,
#side-menu-other:hover,
#side-menu-ocenit:hover,
#side-menu-consult:hover,
#side-menu-faq:hover,
#side-menu-vacans:hover,
#side-menu-prepayment:hover
{
  background: url( '/images/20100203-x1000-sidemenu-hover.jpg' );
}
#side-menu-preloader-active,
#side-menu-preloader-hover,
#side-menu-preloader-active-hover {
  width: 0px;
  height: 0px;
}
#side-menu-preloader-active{ background: url( '/images/20100203-x1000-sidemenu-active.jpg' )}
#side-menu-preloader-active-hover{ background: url( '/images/20100203-x1000-sidemenu-active-hover.jpg' );}
#side-menu-preloader-hover{ background: url( '/images/20100203-x1000-sidemenu-hover.jpg' );}


#side-under {
  margin-left: 15px;
}

#user-menu {
  font-size: 60%;
  color: #bc5800;
}

#user-menu a {
  text-decoration: underline;
  color: #bc5800;
}

#user-menu a:hover {
  color: #006035;
  text-decoration: underline;
}


/*#############################################################################################
############################### MAIN ##########################################################
#############################################################################################*/
.Area-Main {
  text-align: left;
  vertical-align: top;
  line-height: 140%;
  margin: 0;
  padding: 0;
  /*font-size: 1em !important;*/
  font-size: 12pt;
  width: 748px;
}

#notabs {
  margin: 20px;
}

.Area-Main p {
  text-indent: 0px; /* Отступ первой строки в пикселах */
}

.train1,
.train2,
.train3 {
  float: right;
  height: 52px;
  display: block;
  background: url( '/images/20100203-x1000-train.png' );
}
.train1
{
  background-position:  0 0 !important;
  width: 218px;
}
.train1:hover
{
  background-position:  0 -53px !important;
}
.train2
{
  background-position:  0 -106px !important;
  width: 120px;
}
.train2:hover
{
  background-position:  0 -159px !important;
}
.train3       {
  background-position:  0 -212px !important;;
  width: 120px;
}
.train3:hover
{
  background-position:  0 -265px !important;
}


table.general th {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #87c3ff;
}

table.general td {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #87c3ff;
  padding: 5px 10px;
}

table.general tr.last td {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #87c3ff;
}

#contacts-map {
  width: 700px;
  height: 428px;
  background: url( '/images/20100203-x1000-map.png' );
  display: block;
}

#request td {
  padding-right: 10px;
}

.Area-Main input,
.Area-Main textarea {
  border: solid 1px #8b8b81 !important;
  padding: 3px !important;
  font-size: 100% !important;
  font-family: monospace !important;
}

.Area-Main input:focus,
.Area-Main textarea:focus{
  background: #fff8ef !important;
  border: solid 1px black !important;
  padding: 3px !important;
}

#send
{
  width: 358px; height: 77px;
}

#send span
{
  display: none;
  margin:0; padding: 0;
}
#send a {
  display: block;
  margin: 0; padding:0;
  width:100%; height:100%;
  overflow:hidden;
  background: url( '/images/20100203-x1000-submit.png' );
}
#send a:hover {
  background-position: 0 -77px;
}

/*#############################################################################################
############################### FOOTER ########################################################
#############################################################################################*/
.Area-Footer { font-size: 66%;}
#footer {
  width: 748px;
  left: 252px;
  background:none repeat scroll 0 0 transparent;
  position:relative;
  text-align:left;
}