/* --------------------		ОСНОВНОЙ РАЗДЕЛ СТРАНИЦЫ	-------------------- */

.osnovnoj_blok table table td {border-width: 2px}
			/* тонкие линии для всех дважды вложенных таблиц внутри этой */

.osnovnoj_blok table table tr {height: 34px}
			/* задание минимальной высота строки во всех вложенных таблицах */

.zagolovok {
background-color: #E6E6E6;		/* фон и шрифт для заголовка */
font-size: 22px;
font-weight: bold;
}

.podzagolovok {			/* подзаголовки школа/звания/полки/награды/... */
color: #766455;
font-size: 20px;
font-weight: bold;

}

	/* ---------	блоки примечаний и описания смерти    ----------- */

.prim {text-align: justify}		/* форматирование текста */

.prim span {
margin-left: 20px;			/* красная строка и начертание */
font-style: italic;
font-weight: normal;
}


.smert {text-align: justify}		/* форматирование текста */

 .smert span {
margin-left: 20px;			/* красная строка и начертание */
font-style: italic;
font-weight: bold;
}



/* --------------------		КАРТОЧКА ЛЕТЧИКА	-------------------- */

.karto4ka, .smert, .ssylki, .vojna, .nagrady {width: 900px}	/* ширина левого блока */

.foto {
width: 200px;				/* размеры ячейки с фотографией */
height: 249px;
}

.foto .zaglushka {
height: 200px;			/* размеры фотографии минус */
width: 151px;			/* ширина рамки и padding */
display: table-cell;
vertical-align: middle;
border: 2px solid #000000;
font-size: 16px;
font-weight: bold;
line-height: 25px;
background-color: #BDBDBD;
}

.FIO {
width: 696px;				/* размеры ячейки с ФИО */
height: 145px;

font-size: 35px;			/* параметры шрифта ФИО font-weight: bold; */
font-weight: bold;
}


	/* ---------	размеры колонок    ----------- */
.shkola col.vtor {width: 175px}
.shkola col.tret {width: 347px}
.shkola col.chetv {width: 175px}

.shkola .prim div  {width: 684px}


.vojna col.perv {width: 202px}
.vojna col.vtor {width: 348px}
.vojna col.tret {width: 175px}
.vojna col.chetv {width: 175px}

.nagrady col.perv {width: 202px}
.nagrady td.vtor {width: 416px}		/* = 525 реальных - 100 отступа слева - 5 справа */
.nagrady col.chetv {width: 175px}

.vojna .prim div, .nagrady .prim div  {width: 887px}



	/* ---------	блок войны    ----------- */

.shkola u, .nagrady u, .smert u, .vojna u, .pobedy u {
						/* псевдо-подчеркивание */
color: #001499;				/* а на самом деле выделение цветом */
text-decoration: none;				/* синим */
}

.shkola s, .nagrady s, .smert s, .vojna s, .pobedy s {
						/* псевдо-перечеркивание */
color: #878787;				/* а на самом деле выделение цветом */
text-decoration: none;				/* серым */
}


	/* ---------	блок награды    ----------- */

.nagrady {background-color: #E6E6E6}		/* фон для наград */


.nagrady td.vtor {			/* форматирование и отступ для списка наград */
text-align: left;
padding-left: 100px;
}


	/* ---------	блок смерть    ----------- */

/* .smert {background-color: #BDBDBD} */

/* цвет и красная строка задавались выше */



	/* ---------	блок сторонних ссылок	 ----------- */
.ssylki {
font-size: 16px;		/* настройка текста */
text-align: justify;
}

.ssylki span {margin-left: 20px}		/* красная строка */










/* --------------------	   ПРАВЫЙ БЛОК СТРАНИЦЫ (для побед)	-------------------- */

.pravyj_blok, .blok_pobed, .pobedy {width: 296px}
				/* ширина правого блока (300 - 4px линия) */

.blok_pobed {
border-bottom: 4px solid #766455;		/* жирная черта снизу */
margin-bottom: -4px;		/* это чтобы не было ступеньки при очень длинном списке */
}

.samolet {height: 145px}			/* высота ячейки с фотографией */




/* --------------------		СПИСОК ПОБЕД		-------------------- */

.pobedy {background-color: #BDBDBD}		/* фон для списка побед */

.pobedy .zagolovok {color: #766455}
			/* замена цвета шрифта на такой же как у подзаголовков */


	/* ---------	колонки списка побед    ----------- */
.pobedy .perv {width: 92px}
.pobedy .vtor {width: 32px}
.pobedy .tret {width: 32px}
.pobedy td.chetv {width: 121px}   	/* = 140 реальных - 13 отступа слева - 5 справа */

.pobedy .prim div {width: 284px}

.pobedy td.chetv {
text-align: left;		/* задание выключки влево и отступа от края */
padding-left: 13px;
}





/* --------------------		СИСТЕМА СПРАВКИ		-------------------- */

.helpicon {
cursor: pointer;
width: 24px;
position: absolute;
left: 172px;
margin-top: -0px;
border-style: none;
}

.helpicon#icon_pobedy {			/* для пиктухи в списке побед */
left: auto;
right: 3px;
}




.blokirovka {
   position: fixed;
   left: 0%;
   top: 0%;
   width: 100%;
   height: 100%;
   display: none;
}


div.help_panel {		/* настройки по умолчанию для всех панелей */
   position: absolute;
   overflow: hidden;
   font-weight: normal;		/* для заголовка окна помощи */

   top: 50%;			/* расположение строго по центру экрана */
   left: 50%;
   transform: translate(-50%, -50%);

   width: 500px;		/* ширина всех панелей */

   background-color: #FFFFFF;		/* цвет фона */

   border: 1px solid #0013da;		/* ширина и цвет рамки вокруг панели */
}


	/*	---- индивидуальная настройки высоты разных панелей ----	*/
div.help_panel#help_pobedy2, 
div.help_panel#help_zvanija2 {height: 200px}

div.help_panel#help_polki2 {height: 220px}

div.help_panel#help_samoloty2, 
div.help_panel#help_nagrady2 {height: 160px}

div.help_panel#help_itogi2 {height: 260px}



div.help_panel .krestik {		/* закрывающий окно крестик */
   position: absolute;
   right: 0px;
   top: 0px;

   border-left: 1px solid #000000;
   border-bottom: 1px solid #000000;

   cursor: pointer;
}


div.help_panel .krestik img {margin: 5px}


div.help_panel iframe {
   border-style: none;
   width: 100%;
   height: 100%;
}