/* CSS Document */

/*

общее правило для задания отступов или внутренних полей:

margin  верхний_отступ, правый_отступ, нижний_отступ, левый отступ;


*/







/* ==============================================================*/
/*           параметры страницы                                  */
/* ==============================================================*/

html, body {
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
  
}

body{
background-color:#fff; /* фон страницы белый */
margin:0; /* отступы 0 */
padding:0; /* внутренние поля 0 */
background-image:url(images/body2.png); /* бэкграунд имитирующий колонки */
background-repeat:repeat-y; /* повторение только по У */
background-position:top center; /* начинать сверху с центра */

text-align:center; /* для центрирования wrapper в эксплорере */

font-size:80%; /* начальный размер шрифта, в процентах чтобы можно было ресайзить в ИЕ6 */
font-family:Arial, Helvetica, sans-serif; /* семейство шрифтов для отображения */
color:#666; /* цвет */
}

#page {
  position: relative; /* чтобы все работало */
  min-height: 100%; /*  минимальная высота для нормальных браузеров */
  padding:0 0 30px 0; /* внутренние поля 0, нижние 30px - место для футера */
  margin:0;/* отступы 0 */
}
* html #page {
  height: 100%; /* минимальная высота для ИЕ , чтобы выталкивал футер */
}


#wrapper{
width:760px; /* общая ширина макета */

margin:0;/* отступы 0 */
padding:0;/* внутренние поля 0 */

margin-left:auto; /* центрирование в FF */
margin-right:auto; /* центрирование в FF */

text-align:left; /* восстановление левого выравнивания */

}

/* ==============================================================*/
/*           Блок заголовка                                      */
/* ==============================================================*/

#top
{
width:760px; /* параметры блока - ширина  картинки заголовка */
height:141px; /* параметры блока - высота картинки заголовка */
background-color:#fff; /* цвет фона - белый */
position:relative; /* для возможности создания координат внутри блока */

}
#topimg{
position:absolute; /* задание позиционирования относительно #top */
left:0px;
top: 0px;

width:760px; /* параметры блока - ширина  картинки заголовка */
height:141px; /* параметры блока - высота картинки заголовка */

z-index:10; /* отображать "выше" #toptext */
}
#toptext{
width:700px; /* примерная ширина - главное чтоб под картинкой*/
height:121px; /* примерная высота - главное чтоб под картинкой*/
display:block; /* пока зывать блоком*/
left:0px; /* слева #top 0px*/
top: 0px; /* сверху #top 0px*/
z-index:5; /* располагать ниже картинки*/
overflow:hidden; /* если вдруг будет вылезать - обрезать */
padding:0 30px; /* отступы для красоты */

}
#toptext h1{
font-size:24px; /* намертво забитый размер чтобы помещался под картинкой почти всегда*/
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; /* шрифты */
color:#782338; /* цвет заголовка под картинкой заголовка*/
margin:0;/* отступы 0 */
line-height:50px; /* высота строки заголовка*/
padding:20px 10px 0 0px; /* внутренние поля */
}
#toptext em
{font-size:12px; /* намертво забитый размер чтобы помещался под картинкой почти всегда*/
margin:0;/* отступы 0 */

font-variant:small-caps; /* писать заглавными буковками */
font-style:normal; /* писать нормально, а не италиком*/
color:#782338; /* цвет слогана */
padding:0px 10px 0 0px; /* поля */}
/* ==============================================================*/
/*           Блок визуала                                        */
/* ==============================================================*/
#visual{
width:760px; /* ширина визуальной картинки */
height:159px; /*высота визуальной картинки */
position:relative; /* для возможности создания координат внутри блока */}

#visimg{
position:absolute; /* позиционирование визуальной картинки */
left:0px;
top: 0px;

width:760px; /* ширина визуальной картинки */
height:159px; /*высота визуальной картинки */


background-image:url(images/visual.png); /* ссылка на визуальную картинку */
background-repeat:no-repeat; /* неповторять картинку */
background-position:left top; /* показывать начиная с левого верхнего угла */

z-index:15; /* показывать выше текста */
}
#vistext{
font-size:80%;
background-color:#fff;

height:159px; /*высота визуальной картинки */
display:block;
left:0px;
top:-100px;
z-index:2;
overflow:hidden;
padding:0 30px;
color:#777;
margin: 0 0 25px 0;

}
head:first-child+body #vistext{

}
#vistext p{
margin:20px 20px 20px 0px;
font-size:12px;
line-height:1.5em;}

/* ==============================================================*/
/*          правила меню                                         */
/* ==============================================================*/
#nav-column{
width:198px; /* параметры блока */

margin:0; /* "контрольный в голову" */
padding:0; /* "контрольный в голову" */

float:right; /* смещаем вправо */

margin-top:20px;}

#add-info{
text-align:center;
margin-top:30px;
margin-left:10px;
margin-right:40px;
border:1px solid #eee;
padding:10px;
color:#aaa;
}
#add-info ul{
margin:0;
padding:0;
list-style:none;}
#add-info ul li{
margin:0;
padding:5px 0;
}
#add-info a:link{
color:#aaa;
text-decoration:none;
}
#add-info a:visited{
color:#aaa;
text-decoration:none;
}
#add-info a:hover{
color:#782338;
text-decoration:none;
}
#add-info a:active{
color:#aaa;
text-decoration:none;
}
#menu{
width:198px; /* параметры блока */

margin:0; /* "контрольный в голову" */
padding:0; /* "контрольный в голову" */
border-left:1px solid #eee;
}
#menu ul.level0{
width:198px;
margin:0;
padding:0;
list-style:none;}


#menu ul.level0 a:link{
display:block;
width:148px;

color:#777;

margin:0;
padding:12px 10px 10px 40px;

text-decoration:none;

}
head:first-child+body #menu ul.level0 a:link{
width: 148px;}

#menu ul.level0 a:visited{
width:148px;
color:#777;
margin:0;
display:block;
padding:12px 10px 10px 40px;

text-decoration:none;
}
head:first-child+body #menu ul.level0 a:visited{
width: 148px;}

#menu ul.level0 a:hover{
width:148px;
color:#8A0D04; /* подсветка */
font-weight:bold;
margin:0;
display:block;
padding:12px 10px 10px 40px;
text-decoration:none;
 /*background-color:#f8f8f8; подсветка для кнопки */
}

head:first-child+body #menu ul.level0 a:hover{
width: 148px;}

#menu ul.level0 a:active{
width:148px;
color:#777;
margin:0;
display:block;
padding:12px 10px 10px 40px;
text-decoration:none;
color:#8A0D04;
background-position:top left;
background-repeat:repeat;}
head:first-child+body #menu ul.level0 a:active{
width: 148px;}

#menu ul.level0 li#menu_act_li{
width:148px;
color:#777;
margin:0;
display:block;
padding:12px 10px 10px 40px;
color:#F4CF8C; 
/* подсветка 
background-color:#fee9b1; */
font-weight:bold;
background-position:top left;
background-repeat:repeat;
}
head:first-child+body #menu ul.level0 li#menu_act_li{
width: 148px;
}
/* for IE7  */
*:first-child+html  #menu ul.level0 li.li_on_path#menu_act_li{
color:#777;
margin:0;
display:block;
padding:12px 0px 0px 0px;
text-indent:20px;
 

}

#menu ul.level0 li.li_on_path{
width:148px;
color:#777;
margin:0;
display:block;
padding:0px 0px 0px 0px;

background-color:#fee9b1;  

background-position:top left;
background-repeat:repeat;

}
head:first-child+body #menu ul.level0 li.li_on_path{
width: 198px;
}

#menu ul.level0 li.li_on_path#menu_act_li{
width:198px;
color:#777;
margin:0;
display:block;
padding:12px 0px 0px 0px;
text-indent:40px;
background-color:#fee9b1; 

background-position:top left;
background-repeat:repeat;


}
head:first-child+body #menu ul.level0 li.li_on_path#menu_act_li{
width:198px;
color:#777;
margin:0;
display:block;
padding:12px 0px 10px 0px;
text-indent:40px;



background-position:top left;
background-repeat:repeat;

}

#menu ul.level1{
width:198px;
margin:0;
padding:0px 0;
list-style:none;
background-color:#FEE9B1;

}


#menu ul.level0#act_ul ul.level1{
width:198px;
margin:0;
margin-top:10px;
padding:0px 0;
list-style:none;
background-color:#FEE9B1;


}

head:first-child+body #menu ul.level0#act_ul ul.level1{
width:198px;
margin:0;
padding:0px 0;
list-style:none;
background-color:#FEE9B1;
}
/* for IE7  */
*:first-child+html #menu ul.level0#act_ul ul.level1{
margin:0;
margin-top:10px;
padding:0px 0;
list-style:none;
background-color:#FEE9B1;
}

#menu ul.level1 a:link{
width:148px;
color:#666;
margin:0;
display:block;
padding:3px 10px 0px 40px;
text-decoration:none;
border:0;
text-indent:0;
background-image:none;}
head:first-child+body #menu ul.level1 a:link{
width:148px;
}

#menu ul.level1 a:visited{
width:148px;
color:#666;
margin:0;
display:block;
padding:3px 10px 0px 40px;
text-decoration:none;
border:0;
text-indent:0;
background-image:none;}
head:first-child+body #menu ul.level1 a:visited{
width:148px;
}

#menu ul.level1 a:hover{
width:148px;
color:#666;
margin:0;
display:block;
padding:3px 10px 0px 40px;
text-decoration:none;
background-color:#fff3db; /* подсветка */
border:0;
text-indent:0;
background-image:none;}
head:first-child+body #menu ul.level1 a:hover{
width:148px;
}

#menu ul.level1 a:active{
width:148px;
color:#666;
margin:0;
display:block;
padding:3px 10px 0px 40px;
text-decoration:none;
border:0;
text-indent:0;
background-image:none;}
head:first-child+body #menu ul.level1 a:active{
width:148px;
}

#menu ul.level1 li#menu_act_li{
width:148px;
color:#666;
margin:0;
display:block;
padding:3px 10px 0px 40px;
border:0;
text-indent:0;
text-decoration:line-through;
background-image:none;
background-color:none;
}
head:first-child+body #menu ul.level1 li#menu_act_li{
width:148px;
}


/* ==============================================================*/
/*          правила контентной части (макет)                     */
/* ==============================================================*/

#content{
margin: 20px 250px 20px 38px; 
padding:0 0 25px 0;}


/* ==============================================================*/
/*          правила контентной части (оформление элементов)      */
/* ==============================================================*/

#content h1{
display:block;
font-size: 1.3em;
color:#444;
}
#content h2{
display:block;
font-size: 1.1em;
color:#666;
margin: 1.7em 0px 1em 0;
border-bottom: 2px solid #FADEA7; /* подчеркивание у заголовков 2го уровня */
padding:0 0px 2px 0;
font-weight:bold;}

#content h3{
font-size: 1.0em;
color:#666;
margin: 2em 0 0.5em 0;
padding:0;
}
#content p{
text-align:justify;
margin:0 0px 1em 0px;
padding:0;
line-height:1.4em;}

#content ul {
list-style:square;
margin-left:40px;
}
#content ol {
margin-left:40px;
}
#content li{
margin: 0.3em 0 0.3em 10px;
padding:0 0 0 0;
text-indent:0;
text-align:justify;}

/*----------forms ------- */

#content label{
display:block;
}

#content input{
display:block;
margin:2px 0 10px 0;
border: 1px solid #888;
background-color:#FEF7DA;}
#content select{
display:block;
margin:2px 0 10px 0;
border: 1px solid #888;
background-color:#FEF7DA;}
#content textarea{
display:block;
width:400px;
margin:2px 0 10px 0;
border: 1px solid #888;
background-color:#FEF7DA;
background-color:#FEF7DA;}
#content .redLabel{
font-weight:bold;
color:#F45011;}
#content img{
padding: 5px 10px 5px 10px;
margin:0;}

/* ==============================================================*/
/*          линки по умолчанию (LOVE - порядок)                  */
/* ==============================================================*/

a:link{
color:#782338;
text-decoration:underline;
}

a:visited{
text-decoration:underline;
color:#782338;
}

a:hover{
text-decoration:none;
color:#782338;
text-decoration:none;
}

a:active{
text-decoration:none;
color:#782338;
}

/* ==============================================================*/
/*         блоки footer                                          */
/* ==============================================================*/

#footer {
width:760px;
height: 38px;

background-image:url(images/footer_r.png);
background-repeat:repeat-x;
background-position:top left;
background-color:#fff;

margin-top: -31px;
margin-left:auto;
margin-right:auto;

padding:6px 0 0 0;

position: relative;

text-align:left;

}
  
#footer p {
font-size:x-small;
margin:0 0 0 0;
padding: 0px 0px 0px 35px;
color:#777;
}

/*========================================================================*/
 /*                       misc                                            */
 /*=======================================================================*/
.mandatory:first-letter{
color:red;
}