@charset "utf-8";
/* CSS Document */

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

html, body {
  margin:0px;
  padding:0px;

  
}

body{
background-color:#fff;
margin:0;
padding:0;


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

font-size:80%;
font-family:Arial, Helvetica, sans-serif;
color:#222;
background-image:url(images/bg-body.png);
}

#page {
position:relative;
  margin: 0 0 -4em; /* the bottom margin is the negative value of the footer's height */
  padding:0 0 30px 0;

  background-image:url(images/body2.png); /* бэкграунд имитирующий колонки */
background-repeat:repeat-y; /* повторение только по У */
background-position:top center; /* начинать сверху с центра */
}
* html #page {
  height: 100%;
}


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

margin:0;
padding: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; /* параметры блока */
/* 
background-image:url(images/head2.png); бэкграунд c названием */
background-repeat:no-repeat;  /* не повторять */
background-position:left top; /* отображать сверху слева */

z-index:10; /* отображать "выше" #toptext */
}
#toptext{
width:700px;
height:121px;
display:block;
left: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;
line-height:50px;
padding:20px 10px 0 0px;
}
#toptext em
{font-size:12px;
margin:0;
padding:0;
font-variant:small-caps;
font-style:normal;
color:#782338;
padding:0px 10px 0 0px;}
/* ==============================================================*/
/*           Блок визуала                                        */
/* ==============================================================*/
#visual{
width:760px; /* параметры блока */
height:258px; /* параметры блока */

position:relative; /* для возможности создания координат внутри блока */}

#visimg{
position:absolute;
left:0px;
top: 0px;

width:760px;
height:258px;


background-image:url(images/visual4.jpg);
background-repeat:no-repeat;
background-position:left top;

z-index:15;
}
#vistext{
font-size:80%;
background-color:#fff;

height:218px;
display:block;
left:0px;
top:-100px;
z-index:2;
overflow:hidden;
padding:0 30px;
color:#444;
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:40px;}

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

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

}
#menu ul.level0{
width:198px;
margin:0;
padding:0;
list-style:none;}


#menu ul.level0 a:link{
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
width:148px;

color:#1a1a1a;

margin:0;
padding:3px 10px 3px 20px;

text-decoration:none;

}


#menu ul.level0 a:visited{
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
width:148px;
color:#1a1a1a;
margin:0;
display:block;
padding:3px 10px 3px 20px;

text-decoration:none;
}


#menu ul.level0 a:hover{

font-family:Georgia, "Times New Roman", Times, serif;
width:148px;
color:#8A0D04; /* подсветка */
font-weight:bold;
margin:0;
display:block;
padding:3px 10px 3px 20px;
text-decoration:none;
 /*background-color:#f8f8f8; подсветка для кнопки */
}



#menu ul.level0 a:active{
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
width:148px;
color:#444;
margin:0;
display:block;
padding:3px 10px 3px 20px;
text-decoration:none;
color:#8A0D04;
background-position:top left;
background-repeat:repeat;}


#menu ul.level0 li#menu_act_li{
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
width:148px;
color:#444;
margin:0;
display:block;
padding:3px 10px 3px 20px;
color:#e29700; 
/* подсветка 
background-color:#fee9b1; */
font-weight:bold;
background-position:top left;
background-repeat:repeat;
}


#menu ul.level0 li.li_on_path{

font-family:Georgia, "Times New Roman", Times, serif;
width:148px;
color:#e29700;
margin:0;
display:block;
padding:0px 0px 0px 0px;
background-position:top left;
background-repeat:repeat;

}


#menu ul.level0 li.li_on_path#menu_act_li{

font-family:Georgia, "Times New Roman", Times, serif;
color:#e29700;
margin:0;
display:block;
padding:12px 0px 0px 40px;



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


}
head:first-child+body #menu ul.level0 li.li_on_path#menu_act_li{

font-family:Georgia, "Times New Roman", Times, serif;
width:198px;
margin:0;
display:block;
padding:12px 0px 10px 0px;


}

#menu ul.level1{
display:block;
width:198px;
margin:0;
padding:0px 0 10px 0;
list-style:none;



}
#menu ul.level1 li{

}


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



}

head:first-child+body #menu ul.level0#act_ul ul.level1{
width:198px;
margin:0;
padding:0px 0 10px 0;
list-style:none;

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

}

#menu ul.level1 a:link{
width:148px;
color:#1a1a1a;
margin:0;
display:block;
padding:3px 20px 0px 40px;
text-decoration:none;
border:0;
text-indent:0;
background-image:none;
font-size:12px;
font-weight:normal;
}
head:first-child+body #menu ul.level1 a:link{
width:148px;
}

#menu ul.level1 a:visited{
width:148px;
color:#1a1a1a;
margin:0;
display:block;
padding:3px 20px 0px 40px;
text-decoration:none;
border:0;
text-indent:0;
background-image:none;
font-size:12px;
font-weight:normal;
}
head:first-child+body #menu ul.level1 a:visited{
width:148px;

}

#menu ul.level1 a:hover{
width:148px;
color:#8A0D04;
margin:0;
display:block;
padding:3px 20px 0px 40px;
text-decoration:none;
border:0;
text-indent:0;
background-image:none;
font-size:12px;}
head:first-child+body #menu ul.level1 a:hover{
width:148px;
}

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

#menu ul.level1 li#menu_act_li{
width:148px;
color:#8A0D04;
margin:0;
display:block;
padding:3px 20px 0px 40px;
border:0;
text-indent:0;

background-image:none;
background-color:none;
font-size:12px;
}
head:first-child+body #menu ul.level1 li#menu_act_li{
width:148px;
}


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

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


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

#content h1{
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
font-size: 2em;
color:#8A0D04;
font-weight:normal;
}
#content h2{
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
font-size: 1.6em;
color:#111;
margin: 1.7em 0px 1em 0;
border-bottom: 2px solid #8A0D04;
padding:0 0px 2px 0;
}

#content h3{
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
color:#111;
margin: 2em 0 0.5em 0;
padding:0;
}
#content h4{
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
color:#111;
margin: 1em 0 0.2em 0;
padding:0;
}
#content p{
text-align:justify;
margin:0 0px 1.5em 0;
padding:0;
line-height:1.3em;}

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

/* ==============================================================*/
/*          линки по умолчанию (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, .push {
	height: 4em; 
	clear:both;
}
#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: -45px;
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:#444;
}

/*========================================================================*/
 /*                       misc                                            */
 /*=======================================================================*/
.mandatory:first-letter{
color:red;
}
.illustr{
display:block; 
padding:20px; 
background-color:#fff;
margin:1.3em auto;}

#selectform select{
width:200px;
float:left;}
#selectform p{
float:left;}

.vacancy{
padding:10px 10px 25px 10px;;
margin:5px 0 13px 0;
border:2px solid #e29700;  }

#content div.vacancy h3{

margin:0 0 0.1em 0;
font-size:1.8em;
padding:10px 0 0 25px;}

#content div.vacancy h4{
margin:1.2em 0 0 0;
padding:0px 0 0px 30px;
font-size:1.3em;

}
#content div.vacancy ul{
margin-top:0;
margin-bottom:0;
text-align:left;
}
#content div.vacancy li{
text-align:left;}
#content p.vworkgiver{
float:none;
padding:0 0 0 30px;
margin:0;
font-size:0.9em;
display:block;
}
#content p.vplace{
display:block;
float:none;
padding:0 0 0 30px;
margin:0;
font-size:0.9em;
}
#content p.vwgdesc{
float:none;
padding:0 0 0 30px;
margin:0;
font-size:0.9em;
font-size:0.9em;
}
.wg{
float:none;
padding:10px 0;
display:block;}

#content p.pages{
margin:0px 0 0 0;
padding:0px 0 0 0;
line-height:1em;
font-size:1.8em;
}
#content p.pages span{
padding:4px;
}
#content p.pages a:link, #content p.pages a:visited{
padding:4px;
}
#content a.adm:link,#content a.adm:visited{
padding:3px;
background-color:red;
color:white;
margin:2px 0;
font-weight:bold;
text-decoration:none;}
#content a.adm:hover,#content a.adm:active{
padding:3px;
margin:2px 0;
background-color:orange;
color:white;
font-weight:bold;
text-decoration:none;}
#content ul.adm {
list-style:none;
padding:15px 0;}
#content ul.adm li{
list-style:none;
padding:3px 0;}