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

/** * * * * * * * * * * * * * * * *
* Базовый файл стилей для Eresus  *
* * * * * * * * * * * * * * * * * *
* В этом файле заданы стили основных элементов
* и перечислены встроенные селекторы и идетификаторы
* ---
* Для указания пути к картинкам используйте макрос $(styleRoot)
*/

/* Основные стили */
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: #00f;}
a:visited {color: #008;}
a:hover {color: #f00;}

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;}
h1 {font-size: 200%;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

.hidden {display: none;}

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

/* Переключатель страниц */
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 {} /* Ячейка, содержащая кнопки формы */


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;}

/* * * * * * * * * * * * * * * * * * * * * *
* Дополнительные стили модулей расширения  *
* * * * * * * * * * * * * * * * * * * * * */



*, a img {
        padding: 0;
        margin: 0;
        border: 0;
}

p, h1, h2, h3, h4, h5, h6, #Content{
        padding: 0;
        margin: 0;
        text-indent: 0;
        text-align: left;
}

body{
        background: url($(styleRoot)logob.gif) top left repeat-x;
}

#all{
        float: left;
        min-width: 1000px;
        width: 100%;
}

#logo{
        float: left;
        width: 100%;
        height: 133px;
}

#logo_inner{
        float: left;
        width: 100%;
        height: 133px;
}

#logo_inner img{
        float: left;
        display: inline;
        margin-left: 62px;
        margin-top: 59px;
}

#phonemenu{
         float: left;
         width: 100%;
         height: 50px;
}

#phone{
        float: left;
        width: 228px;
        text-align: right;
        font-size: 12px;
        color: #EBECED;
        font-family: tahoma, sans-serif;
}

#phone span{
        font-size: 18px;
}

#topmenu{
        float: right;
}

#topmenu img{
        float: left;
}

#body{
        float: left;
        width: 100%;
        background: url($(styleRoot)body.gif) bottom left no-repeat;
}

#left{
        float: left;
        width: 298px;
        padding-bottom: 160px;
}

#left .head{
        float: left;
        background: url($(styleRoot)left_head.gif) top left no-repeat;
        width: 202px;
        height: 30px;
        color: #5EAEF1;
        font-size: 12px;
        font-weight: bold;
        font-family: tahoma, sans-serif;
        text-transform: uppercase;
        padding-left: 69px;
        padding-top: 21px;
        margin-top: 7px;
        display: inline;
        margin-bottom: 15px;
}

#left a{
        float: left;
        display: inline;
        font-size: 12px;
        font-family: tahoma, sans-serif;
        font-weight: bold;
        text-decoration: none;
}

#left a.level1{
        color: #0D519C;
        padding-left: 69px;
        width: 190px;
        background: url($(styleRoot)level1.gif) 57px 6px no-repeat;
}

#left a.level2{
        color: #75BE0F;
        padding-left: 85px;
        width: 174px;
        background: url($(styleRoot)level2.gif) 69px 2px no-repeat;
        display: inline;
        margin-bottom: 15px;
}

#left div.level2{
         background: url($(styleRoot)level2d.gif) top left repeat-y;
         float: left;
         margin-top: 15px;
         display: inline;
}

#left div.level2_inner{
         background: url($(styleRoot)level2d_inner.gif) top left no-repeat;
         float: left;
}

#left div.level2_inner2{
         background: url($(styleRoot)level2d_inner2.gif) bottom left no-repeat;
         float: left;
}

#right{
        float: right;
        margin-left: -298px;
        width: 100%;
}

#right_inner{
        margin-left: 298px;
        margin-right: 75px;
}

#Content{
        font-size: 12px;
        font-family: tahoma, sans-serif;
        color: #818181;
        background-image: none;
}

#Content p{
        margin-bottom: 12px;
}

#Content h1, h2{
        margin-top: 20px;
        margin-bottom: 14px;
}

#Content h3{
        margin-top: 20px;
        margin-bottom: 12px;
        font-size: 18px;
        color: #5EAEF1;
}

#Content a{
        color: #90D800;
}

#Content table, tr, td{
        border-collapse: collapse;
        border: solid #818181 1px;
}

#Content td{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 4px;
        padding-bottom: 4px;
}

#Content table{
        margin-top: 4px;
        margin-bottom: 16px;
}

#Content ul{
        list-style: disc;
        margin-bottom: 23px;
}

#Content ul li{
        padding-left: 17px;
        margin-left: 17px;
}

#Content ol li{
        padding-left: 17px;
        margin-left: 17px;
}

#Content ul.green li{
        list-style: none;
        background: url($(styleRoot)green.gif) 0px 5px no-repeat;
}

#Content ul.blue li{
        list-style: none;
        background: url($(styleRoot)blue.gif) 0px 5px no-repeat;
}

#footer{
        float: left;
        width: 100%;
        height: 119px;
        background: url($(styleRoot)footer.gif) top left repeat-x;
        color: #818181;
        font-size: 11px;
        font-family: tahoma, sans-serif;
}

#footer a{
         color: #90D800;
        font-weight: bold;
}

#footer_left{
        float: left;
        background: url($(styleRoot)footer_left.jpg) top left no-repeat;
        height: 94px;
        padding-left: 297px;
        width: 334px;
        padding-top: 25px;
}

#footer_left a{
        margin-bottom: 12px;
        margin-top: 12px;
        display: block;
}

#footer_center{
        float: left;
        padding-top: 39px;
}

#footer_center img{
        float: left;
}

#footer_right{
        float: right;
        height: 54px;
        background: url($(styleRoot)footer_right.gif) top right no-repeat;
        padding-right: 114px;
        padding-top: 65px;
}

/*Стили для формы обратной связи*/
.gtform {
        font-family: Tahoma;
        font-size: 12px;
        line-height: 12px;
        color: #818181;
        background-color: #FFFFFF;
        border: 1px solid #BEC0C2;
        width:400px;
}

/*Стили для формы обратной связи*/
.sitemap {
        margin-top:30px;
}

.sitemaplist {
        margin-left:20px;
}

.sitemapitem {
        margin-bottom:10px;
}

#LinkExPopup td {
border: 0px;
}
#LinkExPopup table {
border: 0px;
}
#LinkExPopup tr {
border: 0px;
}
#LinkExPopup tbody {
border: 0px;
}