/* Стандартные стили */

/** * * * * * * * * * * * * * * * *
* Базовый файл стилей для Eresus  *
* * * * * * * * * * * * * * * * * *
* В этом файле заданы стили основных элементов 
* и перечислены встроенные селекторы и идетификаторы
* ---
* Для указания пути к картинкам используйте макрос http://www.comfort-logistic.ru/style/
*/

/* Основные стили */
html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  font-family: verdana, tahoma, sans-serif;
  font-size: 8pt;
}
img {border: 0;}
sup, sub {font-size: 80%;}

a {text-decoration: underline;}
a:link {color: #7c8bb4;}
a:visited {color: #626e8f;}
a:hover {color: #8ea0cf;}

p {
  text-align: justify;
  text-indent: 1em;
  margin: 2px 0 3px;
}

h1, h2, h3, h4, h5, h6 {font-family: arial, verdana, tahoma, sans-serif;  margin: 1em 0 0.2em; color: #007cc2;}
h1 {font-size: 140%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 110%;}
h6 {font-size: 105%;}

ul {
  list-style-image: url('bul.png');
  padding: 0 0 0 1em;
  margin: 5px 0 5px 2em;
}
ul p {
  text-indent: 0;
}

.hidden {display: none;}

#page {
  width: 1000px;
  margin: 0 auto;
  padding: 23px 34px 0 0;
}
/* Левая колонка */
#left_side {
  width: 34px;
  float: left;
  padding-top: 35px;
}
/* Блоки в левой колонке */
  #left_side .gray {
    border-left: solid 7px #f0f2f4;
    height: 112px;
  }
  #left_side .blue.top {
    margin-top: 24px;
    border-style: solid;
    border-color: #007cc2 #fff #007cc2 #007cc2;
    border-width: 0 27px 27px 7px;
  }
  #left_side .blue.bottom {
    background-color: #007cc2;
    height: 96px;
  }

/* Центральный блок */    
#center_block {
  margin-left: 34px;
}
  #icons {
    height: 35px;
    text-align: right;
  }
  #icons a {
    margin-left: 95px;
  }
  
  /* Заголовок */
  #header {
    height: 112px;
    margin-bottom: 24px;
  }
  #header table {
    border-collapse: collapse;
    width: 100%;
    height: 112px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    color: #fff;
  }
  #header td {
    padding: 0;
    background-color: #007cc2;
    vertical-align: top;
  }
  
    #header #logo { /* #header указан для повышения специфичности */
      width: 269px;
      background-color: #fff;
      font-weight: bold;
      font-size: 200%;
      padding-top: 15px;
    }
    #logo a {
      color: #007cc2;
      text-decoration: none;
    }
    
    #header #slogan { /* #header указан для повышения специфичности */
      background-image: url('slogan_bg.gif');
      background-repeat: no-repeat;
      padding: 40px 0 0 20px;
      font-size: 200%;
    }
    
    #header .image {width: 235px;}
    #header .image img {display: block;}
    
    #header .contacts {
      width: 161px;
      font-size: 130%;
      font-weight: bold;
      text-align: right;
      padding: 30px 14px 0 0;
      background-image: url('contacts.png');
    }
    #header .contacts b {font-size: 120%;}
    #header .contacts a {font-size: 90%;}
    #header .contacts a:link, #header .contacts a:visited {color: #cfd9e4;}
    #header .contacts a:hover {color: #fff;}

.icq {
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin: 1em 3em;
  padding: 0.5em 0;
  font-weight: bold;
  background-color: #f0f2f4;
  border: solid 1px #bbb;
}
.icq * {line-height: 18px; vertical-align: middle;}

#body {
  width: 100%;
  border-collapse: collapse;
}

#body td.spacer {width: 58px;}
#body td {
  padding: 0;
  vertical-align: top;
}
.spacer .bg {
  border-left: solid 3px #ffbe00;
  height: 98px;
  margin-top: 27px;
}

#LeftBar {
  width: 211px;
}

#RightBar {
  width: 126px;
}

td#Copyright {
  border-top: solid 3px #007cc2;
  text-align: center;
  vertical-align: middle;
}
#Copyright a {font-weight: bold; text-decoration: none; color: #92989f;}
#Copyright a:hover {text-decoration: underline;}

td#footer {
  border-top: solid 3px #f0f2f4;
  vertical-align: middle;
  color: #7c8bb4;
}

#Copyright, #footer {
  color: #92989f;
  height: 80px;
}
#footer a {font-weight: bold;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Стиль области контента                                                           *
* Внутри этой области не допускается никаких вложенных элементов шаблона страницы  *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#Content {
  font-size: 110%;
}
td#Content {
  padding: 9px 2em 2em 0;
}

#Content table {
  border-collapse: collapse;
}
#Content td {
  border: solid 1px #aaa;
  vertical-align: middle;
  padding: 0 5px;
}

/* Переключатель страниц */
div.pages {}
.pages span.selected {} /* Выбранная страница */

/* * * * * * * * *
* Стили веб-форм *
* * * * * * * * */
div.form {}
.form th {} /* Заголовок */
.form td {}
.form input {}
.form textarea {}
.form input.button {}
.form td.formLabel {} /* Ячейка, содержащая метку (подпись) элемента управления */
.form span.hint {} /* Метка, имеющая подсказку */
.form th.formHeader {} /* Подзаголовок */
.form td.formText {} /* Ячейка, содержащая простой текст */
.form td.buttons {} /* Ячейка, содержащая кнопки формы */
.buttons {text-align: center; padding: 2px;}

input.contentButton {}

/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
/* Информационные сообщения */
div.infoBox {background: #fff; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/* * * * * * * * * * * * * * * * * * * * * *
* Дополнительные стили модулей расширения  *
* * * * * * * * * * * * * * * * * * * * * */
#MainMenu {
  padding: 20px 0 0 22px;
  font-family: Tahoma, Arial, sans-serif;
}
#MainMenu ul.level1 {
  list-style-image: url('mainmenu/bul1.png');
  padding: 0 0 0 1em;
  margin: 0;
  font-weight: bold;
  font-size: 110%;
}
#MainMenu .level1 li {
  padding: 2px 0;
}
#MainMenu .level1 a:link, #MainMenu .level1 a:visited {color: #336699; text-decoration: none;}
#MainMenu .level1 a:hover {color: #007cc2; text-decoration: none;}

#MainMenu ul.level2 {
  list-style-image: url('mainmenu/bul2.png');
  list-style-position: inside;
  margin: 0 0 2em 0;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 90%;
  padding: 0;
}
#MainMenu .level2 li {
  margin: 0;
}
#MainMenu .level2 a:link, #MainMenu .level2 a:visited {color: #000; text-decoration: none;}
#MainMenu .level2 a:hover {color: #888; text-decoration: none;}
#MainMenu .level2 .selected {font-weight: bold;}

#filials .caption {
  background-color: #ffbe00;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: 1em;
}
#filials a {
  display: block;
  font-weight: bold;
  padding: 2px 0 2px 1em;
  font-size: 90%;
}
#filials a:link, #filials a:visited {color: #008fe0;}
#filials a:hover {color: #0faaff; text-decoration: none;}

.plgVacansy {
  margin-bottom: 2em;
}
.plgVacansyCaption {
  color: #555;
}

#Content table.rates {
  font-size: 90%;
  border-collapse: separate;
}
.rates th {
  background-color: #007cc2;
  padding: 1px 5px;
  color: #fff;
  font-weight: normal;
  text-align: right;
}
.rates thead th {
  text-align: center;
}

#Content .rates td {
  vertical-align: middle !important;
  font-weight: bold;
  text-align: right;
  background-color: #f0f2f4;
  border: none;
}

#Calc {
  background-color: #f0f2f4;
  margin-top: 2em;
  padding: 5px;
}
#Calc .caption {
  background-color: #ffbe00;
  padding: 0.8em 0.5em;
  text-align: center;
  font-weight: bold;
  margin: -5px -5px 0;
}

#CalcForm {
  margin: 0;
  padding: 0;
}
#CalcForm table {
  border-collapse: collapse;
  width: 100%;
}
#CalcForm td {
  vertical-align: middle;
  padding: 1px !important;
}
#Calc input, #Calc select {
  font-size: 90%;
}
#Calc select {
  width: 100%;
}
#calcCost {
  text-align: right;
  font-weight: bold;
}
#calcWait {display: none;}
#calcWait td {
  white-space: nowrap;
  font-weight: bold;
  text-align: left;
}
#calcWait img {
  float: right;
}
#calcMessages {
  border: solid 1px #bbb;
  padding: 5px !important;
  color: #007cc2;
  text-align: center;
}
#calcMessages div {
  margin-bottom: 2px
}
#CalcContacts {display: none;}