/*  ------------------------ Тело документа ---------------------------   */
HTML, BODY {
				padding: 0px;  
				margin: 0px; 
				font-family: Tahoma, Arial, Helvetica, sans-serif; 
				color: #4d4d4d !important; 
				font-size: 11px;
			 	background: url(/common/img/oit/main_bg.jpg) no-repeat center center #8bc58b;
				height: 100%;
				overflow: auto;
				}


P, DIV, A, TABLE, UL, OL {font-size: 11px; text-decoration: none;}
DIV, IMG {margin: 0px; padding: 0px;}
P {margin: 0px; padding-bottom: 13px;}


/* ---------------------------- Заголовки -------------------------------- */

H1, H2, H3, .head {
				font-size: 13px;
				font-weight: bold; 
				font-family: Tahoma, Arial, Helvetica, sans-serif;  
				color: #465b49; 
				text-decoration: none; 
				padding: 5px 0 16px 0;  
				margin: 0px; 
				line-height: normal;
				}
H2 {font-size: 12px; color: #465b49; padding: 14px 0 5px 0;}
H3 {font-size: 11px; color: #465b49; text-transform: uppercase;}

.head IMG {
	font-size: 0px;
	line-height: 0px;
}


/* -------------------------------- Ссылки -------------------------------- */

A {text-decoration: underline; color: #468556;}

/* --------------------------------- Списки -------------------------------- */

UL {margin: 10px 0 10px 11px; padding: 0px 0px 0px 0px;}
UL LI {
		background: url(/common/img/oit/bullit.gif) no-repeat 0 4px; 
		padding-left: 10px; 
		list-style-type: none; 
		margin: 2px 0 4px 0;
		}
OL {margin-left: 33px;}
OL LI {padding: 1px 0 1px 0px;}


OL UL {margin: 10px 0 10px 0px; padding: 0px 0px 0px 0px;}
OL UL LI {
		background: url(/common/img/oit/bullit.gif) no-repeat 0 4px; 
		padding-left: 10px; 
		list-style-type: none; 
		margin: 2px 0 4px 0;
		}
UL OL {margin-left: 33px;}
UL OL LI {padding: 1px 0 1px 0px; list-style-type: decimal; background: none;}

/*  Для модуля список  */
UL.list {margin: 0px 0px 10px 3px;}
DIV.list {margin: 2px 0px 4px 0px;}
.list_body { padding: 5px 0 5px 0;} 



/*  -------------------------  Taблицы  ----------------------------------------  */

.table {border-top: 1px solid #FFF; background: transparent; border-collapse: collapse;}

.table CAPTION {text-align: left; font-weight: bold; padding: 3px 5px 8px 0; color: #4d4d4d;}  /*  Заголовок таблицы  */

.table TH {     /*   Заголовок ячейки   */
	font-size: 11px; 
	text-align: left;
	font-weight: bold; 
	background: #FFF; 
	padding: 3px 10px 9px 10px; 
	border-bottom: 1px solid #FFF;
	}
				
.table TD {
	border-bottom: 1px solid #FFF; 
	padding: 4px 10px 8px 10px;
	}

.tab_descr {text-align: justify; color: #4d4d4d;  font-size: 10px; margin: 10px 0 10px 0;}



/* ------------------------------- Элементы форм -------------------------- */

INPUT, TEXTAREA {	
				font-size: 10px; 
				font-family:  Tahoma, Arial, Helvetica, sans-serif;
				
				border: 1px solid #a7dab4;
				color: #5f5f5f; 
				height: 16px;
				margin-left: 0px;
				padding-left: 3px;
				}

TEXTAREA {height: auto; font-family:  Tahoma, Arial, Helvetica, sans-serif; padding-left: 2px; overflow: auto;}
SELECT {
		padding: 0px;
		font-size: 10px; 
		font-family:  Tahoma, Arial, Helvetica, sans-serif;
		background: #FFFFFF;
		border: 1px solid #a7dab4;
		color: #5f5f5f;
		}
.input_data {margin-left: 0px; width: 230px;} /*  поле для даты  */
.calendar_w {padding: 0px; margin: 0px; width: 25px; height: 16px; } /*  Стиль для картинки календарика  */
.calendar {padding-left: 5px;}   /*   Для отступа слева календарика  */
.button {height: auto; border: none; background: transparent; font-size: 11px; text-decoration: underline; color: #468556; text-align: left; cursor: pointer;}   /*   Для кнопки   */
.radio {border: none; background: transparent; margin-top: 2px; margin-left: 1px; line-height: 10px;}   /*  Для радиобаттонов  */
.separator {background: #468556; margin: 10px 0 10px 0; line-height: 0px; font-size: 0px;}  /*  разделитель  */
.form_area {padding: 10px 0 10px 0;} /*  отступы вокруг форм  */
.input_w {width: 260px;} /*  ширина инпутов  */
.star {color: #FF0000;} /*  звездочка  */
.bottom_f {padding: 2px 0 3px 5px;}  /*  отступ для подписей к радиобаттонам и чекбоксам  */
.other_w {width: 200px;} /*  для инпута "другое"  */

FORM.around {margin-top: 0px;} /* отступы от  формы */

.descr_f {padding-bottom: 20px;}

/* ----------------------- РАЗМЕТКА СТРАНИЦЫ -------------------------------------------- */

/*  Основная таблица  */
#main {
		height: 100%; 
		text-align: center; 
		width: 100%;
		}

/*  Внутренняя таблица с двумя ячейками  */
#inner_tab {
				width: 888px; 
				height: 550px;
				border: 9px solid #FFFFFF;
				background: url(/common/img/oit/all_bg.gif) repeat-x bottom #fcf8df; 
				}

/*  Левая колонка   */
#left {
		width: 361px; 
		height: 550px;
		text-align: left;
		border-right: 9px solid #FFFFFF;
		}
		
/*  Правая колонка   */
#right {
		width: 500px;
		height: 550px;
		}


/*  Таблица в правой колонке  */		
.main_right {
				background: url(/common/img/oit/main_pic.jpg) no-repeat bottom;
				vertical-align: top;
				height: 473px;
				}

/*  Таблица с контентом  */
.body_table {
			padding-left: 30px;
			height: 382px;
			vertical-align: top;
			text-align: left;
			}
				

/*  Для главной страницы - ячейка с Архивом новостей */
.bottom_left {
	background: #468556;
	padding: 0px 10px 0px 27px;
	border-top: 9px solid #FFFFFF;
	text-align: center;
	height: 23px;
}
			
/* Дополнительная навигация  */

#lang, #letter, #home, #sitemap {
											text-align: center;
											vertical-align: middle;
											}
											
#lang { 
		border-right: 0px solid #FFFFFF;
		border-bottom: 0px solid #FFFFFF;
		}
		
#home { 
		border-bottom: 0px solid #FFFFFF;
		}

#letter {
		border-right: 0px solid #FFFFFF;
		}

		
/*  Контакты   */		
.contacts {
	height: 40px; 
	border-top: 9px solid #FFFFFF; 
	color: #ffffff;
	background: #468556;
	padding: 14px 0px 14px 0;
	}
.contacts * {
	color: #ffffff;
	text-decoration: none;
}

.cleft {
	padding-right: 20px;
	text-align: left;
}

/* -- scroll -- */

#dhtmlgoodies_scrolldiv {

 /* The total width of the scrolling div including scrollbar */
         width:431px;
		 height:299px;    /* The height of the scrolling div */
         padding: 0px;
         vertical-align: top;
         margin: 0px 0px 0px 0px;
         position:relative;
         }

#scrolldiv_parentContainer {
         					width:422px;     /* Width of the scrolling text */
          					height:299px;
			 				overflow:hidden;
          					float:left;
          					position:relative;
			 				margin: 0px;
			 				padding: 0px;
           					}

/*  CSS for the scrolling content  */

#scrolldiv_content {
	               padding: 0px 20px 0px 0px;
                   position: relative;
		           }

/*  The scrollbar slider    */
#scrolldiv_slider{
                   width:9px;
                   height:299px;
                   position:relative;
                   float:left;
				   line-height: 0px;
				   font-size: 0px;
		          }

/*    The scrollbar (The bar between the up and down arrow )     */

#scrolldiv_scrollbar {
                      width:9px;
   					  height: 254px; /* Total height - 14 pixels */
                      position:relative;
                      background-image: url(/common/img/oit/scroll_bg.gif); /* фон дорожки прокрутки */
                      background-repeat: repeat-y;
                      background-position: left top;
			         }

/* The scrollbar handle    */

#scrolldiv_theScroll {
                      margin:0px;
                      width:9px;
					  height: 9px;
                      position:relative;
                      top:0px;
                      left:0px;
                      cursor:pointer;
                      background-image: url(/common/img/oit/scroll.gif); /* картинка бегунка */
                      background-repeat: no-repeat;
                      background-position: left top;
                      font-size:0px;
                      line-height:0px;
			          }

/*   Scroll buttons(The up and down arrows)   */

#scrolldiv_scrollUp, #scrolldiv_scrollDown {
					                   		width:9px;
											height: 9px;
					                        cursor:pointer;
										   }

#scrolldiv_scrollUp{
                    margin:0px;
					margin-bottom: 1px;
                    padding: 0px;
                    width: 9px;
					height: 9px;
                    font-size: 0px;
                    line-height: 0px;
			        }

#scrolldiv_scrollDown{
                      margin:0px;
					  margin-top: 1px;
                      padding: 0px;
                      width: 9px;
                      height:9px;
                      font-size: 0px;
                      line-height: 0px;
			          }


/* -- (scroll) -- */


/*  ----------------------- ГЛАВНОЕ меню ------------------------------------------ */

/*  Таблица меню  */
.main_menu { 
				padding: 0px;
				background: #FFFFFF;
				width: 100%;
				}

/*  Блок элементов меню  */
.menu {
		padding: 8px 10px 8px 14px;
		border-left: 9px solid #FFFFFF;
		border-bottom: 9px solid #FFFFFF;  
		background: #468556;
		}

/*  Родители  */
.menu .parent {
					background: url(/common/img/oit/bullit_menu.gif) no-repeat 0px 1px;
					padding: 0px 0px 0px 13px;
					}  

/*  Родители активные */					
.menu .active {
					background: url(/common/img/oit/bullit_menu_A.gif) no-repeat 0px 1px;
					padding: 0px 0px 0px 13px;
					} 

.menu IMG {display: block;}  

/*  Дети  */
.menu DIV.child, .menu DIV.child_active { 
					background: url(/common/img/oit/bullit_ch_menu.gif) no-repeat 2px 1px; 
					padding: 0px 10px 0px 14px; 
					margin: 2px 0px 2px 13px;
					line-height: 11px;
					}

.menu DIV.child_active {background: url(/common/img/oit/bullit_ch_menu_A.gif) no-repeat 2px 1px;}
					
.menu DIV.child A, .menu DIV.child_active A {color: #fcf8df;  background: none;}


/* ------------------  Карта сайта ---------------- */
.sitemap A {text-decoration: underline; font-size: 11px;}
				
.menu_sm, .menu_sm1, .menu_sm2 {
								background: url(/common/img/oit/bullit.gif) no-repeat 0px 4px; 
								margin: 0 10px 0 0px;  
								padding: 0 0 0 10px; 
								}

.menu_sm {background: none; padding: 0px; }
.menu_sm A {
			font-weight: bold; 
			padding: 0px; 
			color: #465b49;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 10px;
			}

.menu_sm1 {margin: 0px 0px 4px 10px;}
.menu_sm1 A, .menu_sm2 A {color: #468556;}
.first_item {margin-top: 3px;}
.last_item {margin-bottom: 15px;}



/*  ----------------------- НОВОСТИ ------------------------------------------ */

/* Блок новостей на главной  */
.title_news_main {
						border-bottom: 9px solid #FFFFFF;
						padding: 6px 10px 6px 27px;
						background: url(/common/img/oit/bullit_menu_A.gif) no-repeat 15px 8px #468556;
						}

TABLE.news_main TD { 
							padding: 0px 25px 15px 0px;
							font-size: 11px;
							font-family: Tahoma, Arial, Helvetica, sans-serif;
						}
														
TABLE.news_main TD.data { 
							/*	background: url(/common/img/oit/news_data.gif) no-repeat 0px 2px; */
								padding: 0px 25px 15px 34px;
								font-size: 10px;
								font-family: Tahoma, Arial, Helvetica, sans-serif;
								font-weight: bold;
								
								}

/* Архив новостей на главной */

.arch_main {
	text-align: center;
/*	border: 1px solid #000000;  */
	margin: 5px 40px 5px -30px;
}

.arch_main #id2 A {
	text-decoration: none;
	color: #FFF;
	background: url(/common/img/oit/arch.gif) no-repeat; 
	padding-left: 15px;
}


/*  Блок новостей  */					

.news {margin-bottom: 20px;}
.news .data {font-size: 10px; padding-right: 5px; font-weight: bold;}
.news .descr {padding: 2px 0 7px 0;}
.news .descr A {color: #465b49; text-decoration: none;}
.news .descr A:hover {color: #465b49; text-decoration: underline;}


/*  Ссылка на архив новостей  */

.more {margin: 0 0 10px 0;}
.arch {
		background: url(/common/img/oit/bullit.gif) no-repeat 0 6px; 
		padding-left: 12px; 
		margin: 2px 0 5px 0;
		}
.print {
		background: url(/common/img/oit/bullit.gif) no-repeat 0 6px; 
		padding-left: 12px; 
		margin: 2px 0 5px 0;
		}
		
.back {
		background: url(/common/img/oit/bullit.gif) no-repeat 0 6px; 
		padding-left: 12px; 
		margin: 2px 0 5px 0;
		}

/* ------------  Архив новостей -------- */
.archive { padding: 0px 0 10px 0; }
.arch_input {padding: 0px 0px 0px 5px; }
.arch_calendar {padding: 0 10px 0 5px;}


/* -------------  Пейджер -------------- */

.pager {text-align: left; margin-top: 10px;}
TABLE.pager, TABLE.pager A, TABLE.pager A:link, TABLE.pager A:hover, TABLE.pager A:visited {
					font-family: Tahoma; 
					font-size: 11px; 
					line-height: normal;
				}
TABLE.pager A {text-decoration: underline;} 				
TABLE.pager .first { margin: 0 4px 0 0;} /*  отступы вокруг ссылки "Первая"  */
TABLE.pager .prev {margin: 0 5px 0 3px;}  /*  отступы вокруг ссылки "Предыдцщая"  */
TABLE.pager .next {margin: 0 3px 0 5px;} /*  отступы вокруг ссылки "Следующая"  */
TABLE.pager .last {margin: 0 0 0 4px;} /*  отступы вокруг ссылки "Последняя"  */
TABLE.pager TD.first-tab {padding-right: 1px;}  /* Ячейка "Первая" */
TABLE.pager TD.prev-tab {padding-right: 4px;} /* Ячейка "Предыдущая" */
TABLE.pager TD.next-tab {padding-left: 4px;} /* Ячейка "Следующая" */
TABLE.pager TD.last-tab {padding-left: 1px;} /* Ячейка "Последняя" */
TABLE.pager .sptr {padding: 0 3px 0 3px;}  /*  Разделитель между цифрами */
TABLE.pager .number {font-weight: normal;} /*  Текущий номер страницы  */


/*   ------------------- Фотогалерея ----------------------------- */

.photo_galery {
			   background: #FFFFFF;
			   padding: 9px 0px 0px 0px;
			   margin-bottom: 5px;
				}

.photo_galery IMG {
			    	margin: 0px 9px 0px 9px;			    	
			    	display: block;
					}

.photo_last { margin-right: 5px;}

.plus IMG {margin-right: 0px;}

/*  Таблица для фотки в отдельном окне */
#photo_tab {
			border: 9px solid #FFFFFF;
			background: url(/common/img/oit/all_bg.gif) repeat-x bottom #fcf8df; 
			width: 100%;
			height: 100%;
			}

.photo_big IMG {
				border: 9px solid #FFFFFF;
				}

/* ------------------- Общие стили --------------------------- */

DIV.spacer {
			font-size: 0px;
			line-height: 0px;
			margin: 0px;
			padding: 0px;	
			background: transparent; 
			border: none;
			display: block;
			visibility: hidden;
			}

.red {
	color: #FF0000;
}

.white {
	background: #FFFFFF;
}

.nounder {text-decoration: none;}

.num {color:#468556; }

.inline {display: inline;}

.pic {border: 9px solid #FFFFFF;}	

#archlink {display: none;}