/******************************************************************************
*   Общие определения
******************************************************************************/

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 20px;

  font: normal 10px Arial, sans-serif;
}

body#title {
  margin: 0;
  padding: 10px;

  background: #EFD8A9 url(/images/title_bg.gif) repeat-y 50% 50%;
}

#title-header-ua {
  width: 760px;
  height: 50px;

  margin: 0;
  padding: 0;

  background: transparent url(/images/title_header_ua.gif) no-repeat 50% 0;
}

#title-header-ru {
  width: 760px;
  height: 50px;

  margin: 0;
  padding: 0;

  background: transparent url(/images/title_header_ru.gif) no-repeat 50% 0;
}

#title-header-en {
  width: 760px;
  height: 50px;

  margin: 0;
  padding: 0;

  background: transparent url(/images/title_header_en.gif) no-repeat 50% 0;
}

#title-header-ru h1, #title-header-en h1 {
  display: none;
}


#title-splash {
  margin: 0 auto;
  padding: 0;

  width: 760px;
  height: 562px;

  border: 0 none;
  background: transparent url(/images/title_splash.jpg) no-repeat 50% 100%;
}


#title-ul {
  width: 400px;
  height: 114px;

  padding: 10px 30px 80px 30px;

  text-align: right;
  vertical-align: bottom;
}

#title-ul h2 {
  margin: 0 0 10px 0;
  padding: 0;

  font: bold 19px "Times New Roman", serif;
  font-style: italic;
  color: #914A00;

  text-align: right;
}

#title-ul h2 span {
  padding: 0 2px;

  border-bottom: 1px solid #914A00; 
  border-right: 1px solid #914A00; 
}


#title-ul ul {
  margin: 0;
  padding: 0;

  font: normal 15px Arial, sans-serif;
  color: #914A00;

  text-align: right;

  list-style: none;
}


#title-lr {
  width: 240px;
  height: 230px;

  padding: 40px 30px 30px 30px;

  text-align: left;
  vertical-align: top;
}

#title-lr h2 {
  margin: 0 0 10px 0;
  padding: 0;

  font: bold 19px "Times New Roman", serif;
  font-style: italic;
  color: #914A00;

  text-align: left;
}

#title-lr h2 span {
  padding: 0 2px;

  border-bottom: 1px solid #914A00; 
  border-left: 1px solid #914A00; 
}


#title-lr ul {
  margin: 0;
  padding: 0;

  font: normal 15px Arial, sans-serif;
  color: #914A00;

  text-align: left;

  list-style: none;
}


#title-lr p {
  font: normal 15px Arial, sans-serif;
  color: #914A00;
}


#title-lr .current {
  color: #FFFFFF;
  font-weight: bold;
}


#title-splash a {
  color: #914A00;
  text-decoration: none;
}

#title-splash a:hover {
  color: #914A00;
  text-decoration: underline;
}


#title-ll {
  width: 230px;
  height: 230px;

  padding: 40px 30px 0 200px;

  font: normal 13px Arial, sans-serif;
  color: #914A00;

  text-align: justify;
  vertical-align: top;
}




#header {
  height: 120px;

  padding: 0;
  margin: 0;

  background: #EFDBAA url(/images/dot.gif) repeat-x 0 31px;
}

#header h1 {
  position: absolute;
  top: 1px;
  left: 3px;

  width: 650px;
  height: 186px;

  padding: 0;
  margin: 0;

  background: transparent url(/images/common_logo.gif) no-repeat 0 0;
}

#header h1 a {
  display: block;

  width: 550px;
  height: 138px;

  font: normal 18px Optima, Verdana, Arial, sans-serif;
  color: #955108;
  text-decoration: none;
}

#header h1 span {
  display: block;

  margin: 0;
  padding: 23px 0 0 205px;

  font: normal 18px Optima, Arial, sans-serif;
  color: #955108;
  text-transform: uppercase;
}


#lang-menu {
  position: absolute;

  top: 30px;
  right: 30px;

  width: 180px;

  text-align: right;
}



#footer {
  height: 20px;

  padding: 5px;
  margin: 0;

  background: transparent url(/images/footer_shade.gif) repeat-x 0 0;
}


#wrapper {
  padding: 0;
  margin: 0;

  background: transparent url(/images/left_band.gif) repeat-y 0 0;
}


#left-menu {
  float: left;

  width: 145px;

  padding: 45px 10px 0 20px;
  margin: 0;
}


#left-menu ul {
  padding: 0;
  margin: 0;

  list-style: none;

  font: normal 12px Verdana, Arial, sans-serif;
  color: #FFFFFF;
}

#left-menu li {
  padding: 0 0 5px 0;
  margin: 0;

  list-style: none;
}


#left-menu li ul {
  padding: 0;
  margin: 5px 0 0 20px;

  list-style: none;
}

#left-menu li li {
  padding: 0 0 5px 0;
  margin: 0;

  list-style: square;
}


#left-menu a {
  color: #FFFFFF;
  text-decoration: none;
}

#left-menu a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#left-menu .current {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: underline;
}



#content {
  min-height: 300px;

  padding: 45px 0 5px 25px;
  margin: 0 0 0 165px;

  font: normal 12px Arial, sans-serif;
  color: #542B00;

  background: transparent url(/images/content_shade.gif) repeat-x 0 0;
}

/* MSIE 6 hack */

* html #content {
  height: 300px;
}

a {
  color: #955108;
  text-decoration: none;
}

a:hover {
  color: #955108;
  text-decoration: underline;
}

h2 {
  padding: 0;
  margin: 0 0 10px 0;

  font: normal 29px Arial, sans-serif;
  color: #EFD8A9;
  text-transform: uppercase;
}

h3 {
  padding: 0;
  margin: 0 0 10px 0;

  font: normal 19px Arial, sans-serif;
  color: #955108;
  text-transform: uppercase;

  border-bottom: 1px solid #A98337;
}

h3 a {
  font: normal 19px Arial, sans-serif;
  color: #955108;
  text-decoration: none;
}

h3 a:hover {
  font: normal 19px Arial, sans-serif;
  color: #955108;
  text-decoration: none;
}

h4 {
  padding: 0;
  margin: 10px 0 4px 0;

  font: bold 16px Arial, sans-serif;
  color: #955108;
  text-transform: uppercase;
}

.page-nav-bottom{
  border-top: 1px solid #A98337;
  margin-top: 10px;
}

