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

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

.wrap {width: 100%; //zoom:1; min-width: 990px; max-width: 1500px; margin: 0; padding: 0;}
.wrapper {background: url(all.gif) top left repeat-x; margin: 0; padding: 0;}
.wrapper2 {background: url(all_inner.gif) bottom left repeat-x; padding: 0 10px; margin: 0;}
#Ruler {display: block; height:1px;line-height:1px;visibility:hidden;left:0;position:absolute;top:0;width:100%;}

* html .wrap {
width: expression((document.getElementById('Ruler')) ? ((document.getElementById('Ruler').clientWidth > 1500) ? '1500px' : ((document.getElementById('Ruler').clientWidth < 1000) ? '1000px' : '100%')) : '100%');
}

/* Основные стили */
html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  font-family: arial, verdana, tahoma, sans-serif;
  font-size: 12px;
}
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; color: #532100;}
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;
color: #532100;
}

/* Переключатель страниц */
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 {}
#qa_obrat_area textarea
 {
        width:393px!important; margin-left:8px;
}
#qa_zakaz_area textarea{
        width:393px!important; margin-left:65px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
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(body.gif);
}

/*#all{
        float: left;
        width: 100%;
        background: url(all.gif) top left repeat-x;
}

#all_inner{
        float: left;
        width: 100%;
        background: url(all_inner.gif) bottom left repeat-x;
}

#all_inner2{
        width: 980px;
        margin: 0 auto;
} */

#topblock{height:112px;background:url(topblock.gif) top left repeat;}
#topblock_inner{height:112px;background:url(topblock_inner.gif) top left repeat-x;}
#topblock_inner2{height:112px;background:url(topblock_inner2.gif) top left no-repeat;}
#topblock_inner3{height:112px;background:url(topblock_inner3.gif) top right no-repeat; text-align: center; position:relative;}

#logo{position:absolute; left:13px; top:12px;display:inline;}
#slogon {margin-left: 320px; margin-right: 220px;}
#phoneicq{color:#532100;font-size:16px; position:absolute; right:28px;top:10px;}
#phoneicq table{border-collapse:collapse;}
#phoneicq td{vertical-align:bottom;padding-bottom:10px;font-size:16px;font-weight:bold;}
#phone{padding-left:30px;font-family:"comic sans ms","comic sans",sans-serif;color:#532100;font-size:25px !important;line-height:1em;font-weight:normal !important;}
#phone span{font-size:18px !important; font-family:"times new roman",times,serif;font-weight:normal !important;}
#icq{padding-left:20px;font-family:"comic sans ms","comic sans",sans-serif;color:#532100;font-size:22px !important;
line-height:1em;font-weight:normal !important; background: url(http://status.icq.com/online.gif?icq=430923968&img=27) no-repeat left center;
padding-bottom: 5px !important;}

#hormenu{background:url(hormenu.gif) 1px top repeat-x;}
#hormenu_inner{background:url(hormenu_inner.gif) top left no-repeat;}
#hormenu_inner2{background:url(hormenu_inner2.gif) top right no-repeat; padding: 0 10px;}
#hormenu table{border-collapse:collapse;white-space:nowrap;}
#hormenu td.delim{width:1px;overflow:hidden;font-size:0;background:url(hormenu_delim.gif) top left no-repeat;}
#hormenu td{font-size:12px;font-family:verdana,sans-serif;font-weight:bold;height:37px;}
#hormenu a{width:100%;text-align:center;display:block;text-decoration:none;color:white;}

#homemailmap{padding: 0 15px; height:20px;padding-top:7px;background:#f2e0bd;}
#homemailmap img{float:left;}


#leftright{background: #f2e0bd;}
/* 
#leftright_inner3{background:url(leftright_inner3.gif) bottom left repeat-x;}

#leftright_inner{background:url(leftright_inner.gif) top left repeat-y;}
#leftright_inner2{background:url(leftright_inner2.gif) top right repeat-y;}
*/


#left{
        float: left;
        padding-top: 4px;
        padding-left: 8px;
        width: 275px;
        padding-right: 6px;
        background: #F2E0BD;
}

#left .menu{
        float: left;
        display: inline;
        width: 275px;
        background: url(leftmenu.gif) top left;
        margin-bottom: 8px;
        padding-bottom: 9px;
}

#left .menuhead{
        font-size: 22px;
        font-family: "arial narrow", arial, sans-serif;
        color: white;
        width: 224px;
        height: 27px;
        padding-left: 10px;
        background: url(menuhead.gif) repeat;
}
#left .menuhead a{
        color: #fff;
}

#left table.level1{
        margin-left: 8px;
        width: 256px;
        border-collapse: collapse;
        margin-top: 7px;
}

#left td.level1{
        border: 2px solid #8f8e74;
        background: url(td_level1.gif) top left;
        padding-top: 6px;
        padding-bottom: 5px;
}

#left td.level1 a{
        font-size: 13px;
        text-decoration: none;
        color: #532100;
        background: url(a_level1.gif) 9px 2px no-repeat;
        display: block;
        padding-left: 27px;
        width: 216px;
}

#left table.level2{
        width: 254px;
        border-collapse: collapse;
        border-top: 2px solid #8f8e74;
        margin-top: 5px;
}

#left table.level2 td, #left table.level3 td{
        background: #f9f9f9;
}

#left td.level2 a{
        font-size: 13px;
        text-decoration: none;
        color: #532100;
        background: url(a_level2.gif) 25px 6px no-repeat;
        display: block;
        padding-left: 35px;
        width: 214px;
        margin-top: 3px;
        margin-bottom: -1px;
}

#left td.level3 a{
        font-size: 13px;
        text-decoration: none;
        color: #532100;
        background: url(a_level2.gif) 55px 6px no-repeat;
        display: block;
        color: #c14e00;
        padding-left: 65px;
        width: 184px;
        margin-top: 3px;
        margin-bottom: -1px;
}

#left td.level3 a:hover{

        text-decoration: underline;
}
#left a.active {
        text-decoration:underline!important;
}
#right{
        position: relative;
        padding: 12px 7px 110px 7px;
        background: #fff;
        

        /* border: 2px solid #ece9d8; */
             


}


#true_content{
}

#Content p{
       
        margin-bottom: 1em;
}
#Content ul{
        
        margin-bottom: 1em;
        margin-left: 2em;
}
#Content ul li{
        
}
#Content a{color: #532100;}

#Content h1{
        font-size: 20px;
        color: #532100;
        margin-top: 0px;
        margin-bottom: 18px;
}

#Content h2, #Content h3, #Content h4 {
        font-size: 14px;
        margin-top: 28px;
        margin-bottom: 18px;
}

#Content img.floating{
        float: left;
        display: inline;
        margin-top: 6px;
        margin-right: 7px;
}

#Content .floats1 {background:#fff; margin:0;color:#5d5e50;font-size:10px;}
#Content .floats1 td {border: 2px solid #fff; padding: 0; text-align:center; background:#fff4e1;height:198px; font-size:10px;}
#Content .floats1 .img {width:160px;height:110px;padding-top:4px; overflow: hidden;}
#Content .floats1 .info {display: block; width:160px;height:43px;min-height:43px;height:auto !important;height:43px;padding-top:3px;padding-left:7px;padding-right:7px;}
#Content .floats1 td .info a {color:#532100; text-decoration:none;}
#Content .floats1 .next a {display: block; color:white;text-decoration:none;width:140px;height:14px;padding-top:3px;background:url(floats1_a.gif) right top no-repeat;padding-left:14px;}
#Content .floats1 a, .floats1 a:hover{color:white;}
#Content .floats1 td div, #Content .floats1 td a {margin: 0 auto;}

#footer{

        padding: 8px 38px 0;
        height: 34px;
        background: #fff0d3 url(leftright_inner3.gif) repeat-x  scroll left top;
        font-size: 10px;
        color: #3c3c44;
}

#footer a{
        color: #3c3c44;
}

#path{
        float: left;
        width: 100%;
        display: inline;
        margin-top: 3px;
        color: #8a3700;
}

#path a{
        color: #532100;
}

#qa{
        color: #532100;
        width: 461px;
}

#qa span{
        color: #f3c858;
        font-weight: normal;
}

#qa strong{
        font-size: 12px;
        float: left;
        width: 95px;
        padding-top: 2px;
}

#qa label{
        width: 461px;
}

#qa input{
        width: 395px;
        height: 16px;
        border: 2px solid #8f8e75;
        display: inline;
}

#qa .textarea strong{
        padding-top: 34px;
}

#qa textarea{
        float: left;
        width: 161px;
        height: 180px;
        overflow: hidden;
        border: 2px solid #8f8e75;
  margin-top: 7px !important;
}



#qa table, #qa td {border: 0px !important;  font-weight: bold;}

#qa td.formLabel {width: 200px !important; text-align: left;}

#qa td {        padding-bottom: 7px !important; }

#qa span.formLabel {text-align: left; font-weight: bold; color: #000; float: left; margin-left: 3px;}

#qa .text {font-weight: normal; font-size: 11px;}

#submitik {background: url(qa.gif) no-repeat; border: 0px !important; width: 86px !important; height: 21px !important; float: right}

#floats2{
        float: left;
        width: 100%;
}

#floats2 .float{
        float: left;
        display: inline;
        width: 124px;
        height: 165px;
        overflow: visible;
        margin-right: 38px;
        margin-bottom: 21px;
        font-size: 13px;
        margin-left: 4px;
}

#floats2 a{
        text-decoration: none;
        color: #532100;
        width: 104px;
        height: 30px;
        background: url(a_level1.gif) 1px 1px no-repeat;
        line-height: 1em;
        float: left;
        padding-left: 20px;
        margin-top: 5px;
}
#floats2 a:hover{
        text-decoration:underline;
}
#floats2 img{
        float: left;
/*        border: 2px solid #8f8e75; */
}

#Content table{
        width: 100%;
        border-collapse: collapse;
        font-size: 13px;
}

#Content td{
        border: 2px solid #908f75;
        text-align: center;
        padding: 3px 0;
}

#Content th{
        text-align: center;
        border: 2px solid #908f75;
        padding: 3px 5px;
        background: #f3f3f3;
}
/*
.superfloat{
        position: absolute;



        float: left;
        top: 400px;
        left: 100px;
        border: 2px solid #99cc33;








        background: url(superfloat.gif) top left repeat;
        padding-bottom: 29px;
}

.superfloat .text{
        position: absolute;
        width: 100%;
        text-align: center;
        top: 6px;
        font-size: 11px;
        color: #532100;
        font-weight: bold;
        line-height: 1em;
}

.superfloat .image{
        float: left;
        display: inline;
        margin-top: 29px;
        margin-left: 29px;
        margin-right: 29px;
}

.superfloat .close{
        position: absolute;
        top: 7px;
        right: 12px;
}
*/
/* FGallery*/
#previewer {
/*border: 1px solid #fff;*/
/*background: rgb(255, 250, 231) url(dot.gif) repeat scroll 0% 50%;*/
background: url(dot.gif) repeat scroll 0% 50%;
position: absolute;
display: none;
z-index: 2;
top: 0px;
left: 507px;
cursor: pointer;
}

#previewer_2 {
/*  border: 1px solid rgb(204, 191, 143);
  background: rgb(255, 255, 255) none repeat scroll 0% 50%;
  text-align: center;
  margin: 3px;*/
}

#previewer_3 {
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
background: transparent url(dot.gif) no-repeat scroll 0%;
text-align: center;

}

.superfloat{
        border: 2px solid #99cc33;
        background: url(superfloat.gif) top left repeat;
        padding-bottom: 29px;
}

#idtext{
        text-align: center;
        top: 6px;
        font-size: 11px;
        color: #532100;
        font-weight: bold;
        line-height: 1em;
        margin-top: 10px;
}

.superfloat .image{
        float: left;
        display: inline;
        margin-top: 29px;
        margin-left: 29px;
        margin-right: 29px;
}

.superfloat .close{
        position: absolute;
        top: 7px;
        right: 12px;
}



#returnlist {
float: right;
}

#returnlist a{
color: #ccc;
}

.caption_name {
  color: #000;
}

.caption_list {
  padding-left: 10px;
  padding-right: 10px;
}



.menuhead a {
  color: #fff;
  text-decoration: none;
}

.question {
  color: #532100;
  font-weight: bold;
}


.ul_level1 {
  margin-left: 15px;
  font-size: 12px;
}

.ul_level1 li a, .ul_level1 li a:hover, .ul_level1 li a:visited{
  color: #532100;
}

.ul_level1 ul{
  margin-left: 15px;
}

#Content p {text-align: justify;}
.pod {
        text-align: right;
}
#Content h2, #Content h3, #Content h4 {
        color: #532100;
}
ul.ul_level1 li {
margin-bottom: 8px !important;
padding:0 !important;
        }
ul.ul_level2 {
margin-top: 8px !important;
margin-bottom: 0 !important;
padding:0 !important;
        }
ul.ul_level3 {
margin-top: 8px !important;
padding:0 !important;
        }

/*news*/
.news {padding: 8px; //zoom:1;}
.news_cell {background:#fff; border: 2px solid #8F8E74; padding: 1px; //zoom:1;}

.news_sep {height: 12px;}

.wrap .news_date {margin: 8px 8px 5px; padding: 0 0 0 21px; background: url(a_level1.gif) left top no-repeat; font-size: 11px; height: 11px; overflow: hidden; line-height: 11px; color: #532100;}
.wrap .news_text {margin: 8px; font-size: 11px; color:#532100; overflow: hidden; line-height: 13px;}


.wrap .news_more {
        color: #fff;
        display: block;
        text-align: left;
        text-decoration: none;
        height: 14px;
        padding-top: 3px;
        background: url(floats1_a.gif) right top no-repeat;
        padding-left: 14px;
        font-size: 10px;
}
.news_more:visited, .news_more:hover {
        color: #fff;
}
.td-right img {
        margin: 5px 0;
}

.td-right {
padding-top: 20px;
 text-align:center;
 background:#fff;
}
.next {
background: url(next.gif) left top repeat-x;
        }
.small {
        width:160px;
}
#Content .no-border td {border:none; text-align:left;
        }
}