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

* {margin: 0; padding: 0;}
/** * * * * * * * * * * * * * * * *
* Базовый файл стилей для Eresus  *
* * * * * * * * * * * * * * * * * */

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

a {text-decoration: underline;}
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #D80028;}

h1, h2, h3, h4, h5, h6 {font-family: tahoma, sans-serif;  padding: 0.2em 0; }
h1 {font-size: 220%; font-weight: lighter;}
h2 {font-size: 160%; font-weight: lighter; padding: 0.5em 0;}
h3 {font-size: 140%;}
h4 {font-size: 130%; color:#000;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

.hidden {display: none;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Стиль области контента                                                           *
* Внутри этой области не допускается никаких вложенных элементов шаблона страницы  *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#Content {
  padding: 0.5em 1em;
}

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

/* * * * * * * * *
* Стили веб-форм *
* * * * * * * * */
.form table {
width: 100%;
border-collapse: collapse;
border: 0px;
}

div.form {}
.form h2 {color: #000; font-size: 160%; font-weight: lighter; padding: 0.5em 0;} /* Заголовок */
.form td {padding: 5px; text-align: left; color: #000; }
.form input {width: 100%; border: 1px solid #C7C7C7; padding: 2px 0;}
.form textarea {width: 100%; margin-top: 5px; border: 1px solid #C7C7C7;}
.form input.button {background: #F2D9DE; border: 1px solid #E1C7C7; width: 136px; cursor: pointer;}
.form td.formLabel {} /* Ячейка, содержащая метку (подпись) элемента управления */
.form span.hint {} /* Метка, имеющая подсказку */
.form th.formHeader {} /* Подзаголовок */
.form td.formText {width: 115px;} /* Ячейка, содержащая простой текст */
.form td.buttons {} /* Ячейка, содержащая кнопки формы */

input.contentButton {}

/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; color: #000; 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; color: #000; 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;}

/* * * * * * * * * * * * * * * * * * * * * *
* Дополнительные стили модулей расширения  *
* * * * * * * * * * * * * * * * * * * * * */
.container {
width: 1000px;
}

/* * * * * * * * * * * * * * * * * * * * * *
* Шапка                                    *
* * * * * * * * * * * * * * * * * * * * * */
.shapka {
background: #F1F1F1 url('i_02.gif') left top repeat-x;
}

.shapka2 {
height: 297px;
position: relative;
background: url('i_03.jpg') right top no-repeat;
}

.shapka2_inner {
height: 241px;
position: relative;
background: url('i_03_inner.jpg') right bottom no-repeat;
}

.red_line {
position: absolute;
right: 0;
top: 92px;
background: #D80028;
width: 11px;
height: 95px;
}

.red_line2 {
position: absolute;
left: 0;
top: 92px;
background: #D80028;
width: 10px;
height: 80px;
}

.red_name {
position: absolute;
left: 16px;
top: 92px;
background: #D80028;
width: 280px;
height: 80px;
}

.opacity_bg {
background: #EAEAEA;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.menu, .opacity_bg {
position: absolute;
top: 250px;
left: 60px;
width: 940px;
height: 35px;
}

.shapka2_inner .menu, .shapka2_inner .opacity_bg {
position: absolute;
top: 194px;
left: 60px;
width: 940px;
height: 35px;
}

.menu p {
width: 130px;
float: left;
height: 35px;
line-height: 34px;
text-align: center;
}

.menu a, .menu a:hover {
color: #000; font-size: 12px;
}

.menu a:hover, .menu a.active {
font-weight: bold;
text-decoration: none;
}

.slogan, .slogan2, .slogan3, .slogan4 {
line-height: 27px;
font-size: 20px;
color: #666666;

}

.slogan, .slogan2 {
position: absolute;
left: 280px;
width: 420px;
}

.slogan3 {
text-align:right;
}

.slogan4 {
text-align: left;
}

.slogan {
top: 92px;
}

.slogan2 {
top: 104px;
}

.slogan_big {
font-size: 27px;
position: relative; z-index: 1000;
}
.red_text {
font-size: 25px;
}

.red_text, .red, .big_red_text, .number, .online {color: #D80028; }

.big_red_text {
font-size: 32px;
}

.upper_text {
position: absolute;
height: 62px;
top: 0;
left: 76px;
}

.tel, .mail {
float: left;
padding-left: 46px;
padding-right: 46px;
text-align: left;
}

.tel {
height: 52px;
padding-top: 10px;
position: relative;
background: url('i_06.gif') left no-repeat;
}

.mail {
height: 48px;
padding-top: 14px;
background: url('i_08.gif') left no-repeat;
}

.kanal {
font-size: 10px;
text-transform: uppercase;
color: #666666;
}

.code {
position: absolute;
}

.number {
 font-size: 24px;
}

.tel p {
padding-left: 40px;
}

a.write {
font-size: 15px;
color: #666666;
text-decoration: none;
}

a.write:hover {
color: #D80028;
}

.online {
font-size: 10px;
text-transform: uppercase;
}

.name {
padding-top: 12px;
}

.bastion, .bastion a:link, .bastion a:visited  {
font-size: 25px;
color: #fff;
text-decoration: none;
}

.registration {
padding-top: 5px;
font-size: 10px;
color: #fff;
text-transform: uppercase;
}

/* * * * * * * * * * * * * * * * * * * * * *
* Контент                                  *
* * * * * * * * * * * * * * * * * * * * * */

.merge {
overflow: hidden;
text-align: justify;
}

.right {
float: right;
width: 320px;
}

.left {
margin-right: 320px;
}

.margin {
margin: 25px;
}

table.two_columns {
background: #EBEBEB url('bg.gif') left top repeat-y;
border-collapse: collapse;
width: 630px;
margin-bottom: 15px;
}

table.two_columns td {
background: url('i_18.gif') right bottom no-repeat;
vertical-align: top;
}

.text_in_cell3 {
margin-bottom: 15px;
background: #EBEBEB url('i_18.gif') right bottom no-repeat;
border-right: 2px solid #D80028;
}

.text_in_cell1, .text_in_cell2, .text_in_cell3  {
color: #454545;
}

.text_in_cell1 {
width: 312px;
}

.text_in_cell2 {
width: 308px;
padding-left: 10px;
}

.two_columns h2, .text_in_cell3 h2 {
color: #000;
padding-left: 18px;
}

.two_columns ul, .text_in_cell3 ul {
list-style: none;
padding: 0 10px 12px;
}
.two_columns ul li, .text_in_cell3 ul li {
background: url('i_14.gif') left 5px no-repeat;
padding: 0 0 0 8px;
text-align: left;
}

.two_columns a,.two_columns a:hover,.two_columns a:link,.two_columns a:visited {
color: #000;
}

.text_in_cell3 a,.text_in_cell3 a:hover,.text_in_cell3 a:link,.text_in_cell3 a:visited {
color: #D80028;
}

.text_in_cell3 a:hover {
color: #D80028;
text-decoration: underline;
}

.text_in_cell3 a.active {
text-decoration: none;
font-weight: bold;
}

.two_columns a:hover {
color: #D80028;
text-decoration: underline;
}

.grey_block {
background: #ECECEC url('bg2.gif') left top repeat-y;
padding: 2px 25px 9px;
}

.help_list {
list-style: none;
margin: 0  0 20px 11px;
text-align: left;
}

.help_list li {
padding-left: 18px;
background: url('i_22.gif') left 4px no-repeat;
}

.help_list a, .help_list a:hover, .help_list a:link, .help_list a:visited {
color: #454545;
}

.help_list a:hover {
text-decoration: none;
}

.partners {
padding: 7px 0 7px 23px;
}

#Content p, .prichiny p {

  text-align: left;
  margin: 0 0 15px;
}

.picture_block_parent1, .picture_block_parent2 {
background: #EBEBEB;
padding: 5px;
float: left;
width: 160px;
}

.picture_block_parent1 {
margin-right: 50px;
}

.picture_block {
background: #8E8E8E url('i_42.gif') right bottom no-repeat;
padding: 0 0 8px;
}

.picture_block h2 {color: #fff; padding: 0 11px;  margin: 0; }
.picture_block p {color: #D8D8D8;         text-align: left;
padding: 4px 11px;
}

#picture_blocks {width: 610px; text-align: left; margin-top: 10px;}



/* * * * * * * * * * * * * * * * * * * * * *
* Подвал                                   *
* * * * * * * * * * * * * * * * * * * * * */

.podval {
text-align: left;
border-top: 4px solid #959595;
height: 87px;
}

.copyright, .counters, .dva_slona {
height: 62px;  float: left; padding-top: 25px;
}

.copyright {
width: 330px;
text-align: center;
}

.counters {
width: 400px;
}

/* * * * * * * * * * * * * * * * * * * * * *
* Внутренние страницы                      *
* * * * * * * * * * * * * * * * * * * * * */

#Content ol {
padding-left: 35px;
font-size: 11px;
}

ul.zao_list, ul.sprav {
list-style: none;
padding-left: 15px;
}

ul.zao_list, #Content ol, .prichiny ul, ul.sprav {margin: 15px 0; }

ul.zao_list li {
background: url('i_49.gif') left 2px no-repeat;
padding-left: 18px;
}

ul.zao_list ul li {
background: url('i_53.gif') left 5px no-repeat;
padding-left: 8px;
}

ul.zao_list ul, ul.zao_list b {
list-style: none;
padding-left: 15px;
}

ul.sprav li {
margin-top: 15px;
margin-bottom: 15px;
background: url('i_50.gif') left 2px no-repeat;
padding-left: 15px;
list-style-image:none;
list-style-type:none;
list-style: none !important;
}


#Content table {
margin: 22px 0;
width: 100%;
border-collapse: collapse;
font-size: 11px;
}

#Content table td {
border: 1px solid #C7C7C7;
padding: 11px 13px;
}

tr.headers td {
color: #000;
background: #F0F0F0;
}

td.service {width: 289px;}
/*td.price, td.term {width: 80px;}*/

.prichiny {
padding: 5px 30px;
background: #F0F0F0;
margin: 15px 1em;
}

.prichiny h2 {color: #000;}
.prichiny ul {list-style: none;}

.prichiny ul li {padding: 4px 0 4px 15px;
background: url('i_51.gif') left 8px no-repeat;
}

.help_to_find {
padding: 0 0 10px 10px;
text-align: left;
}

.help_to_find h2 {
color: #000;
}

.help_to_find ul  {
list-style: none;
text-align: left;
}

.help_to_find ul li {
background: url('i_53.gif') left 5px no-repeat;
padding-left: 8px;
}

.help_to_find a, .help_to_find a:link, .help_to_find a:visited {color: #D80028;}
.help_to_find a:hover {color: #000;}

.bottom_slogans {padding: 7px 0;}

#Content li {
  margin-bottom: 10px;
}

.otstup10pxleft {
  margin-left: 10px;
}

.otstup20pxleft {
  margin-left: 20px;
}

.otstup30pxleft {
  margin-left: 30px;
}

.form td {
  border: 0px !important;

}

#conti .menu{
  position:inherit !important;
}
div.h1 {
font-size: 21px;
margin: 5px 0 15px 0;
color: #D80028;
}
.two_columns a {
text-decoration: none;
color: #454545  !important;
}
.two_columns a:hover {
text-decoration: underline;
color: #D80028;
}