/* Усі класи та ідентифікатори блоків, утворені нами, мають назву, що починаються з nas- . 
Усі стандартні SharePoint класи та ідентифікатори блоків мають назву, що не починаються з nas- . 
###Заголовок 1 рівня(Область на сторінці)###   ===Заголовок 2 рівня(Фрагмент області на сторінці)===   ---Заголовок 3 рівня(Тип пристрою)--- .  
Усі елементи сторінки сайту описуються згори до низу таким чином, як вони представлені на сторінці чи в розмітці HTML.   
Для швидкого пошуку потрібного фрагменту використовується пошук за ключовими маркерами: 
для областів, фрагментів та типів пристрою B (Begin)- початок E (End) - кінець
A (All devices) - стиль для усіх типів пристрою; D (Desctop) - ПК; T (Таblet) - Планшет; S (Smartphone) - Смартфон.
Кожне описане правило містить коментар над своєю назвою та тип пристрою одразу вкінці назви.
Наприклад (для пошуку пробіли не вказуються): 
"B #" -список областей описаних в данному документі(їхні початки)   
"E #" -список областей описаних в данному документі(їхні закінчення)
"B =" -список фрагментів описаних в данному документі(їхні початки)
"B -" -список правил типів пристроїв описаних в данному документі(їхні початки)
"B - S" -список правил для смартфона описаних в данному документі(їхні початки)
"nas-some-style-rule/" - список перевизначень даного правила під кожен тип пристрою

/*B# Загальне (Початок) ################################################################################################################*/

/*B= Фікси багів з коробки SharePoint (Початок) =======================================================================================*/

/*B-A Базові хотфікси багів для усіх пристоїв (Початок) */

/* Временное отключение рибона */
#ms-designer-ribbon/*A*/
{
	display:block;
}

/* Отключаем кнопку Увійти */
#ctl00_ctl55_ExplicitLogin/*A*/
{
	display:none!important;
	
}

/* Приховуэмо кнопку додати ще одне поле для фільтрування */
#BdwpFilterAddLink0
{
	display:none;
}

/* Приховуємо надпис "Елементи відсутні" */

td.ms-WPBody
{
	display: none;
}

/* Виправлення багу, коли контент сторінки не обтікає локальне меню навігації */
.clearer/*A*/
{
	clear:none;
}

/* Приховати усі елементи керування веб-частини зовнішнього списку */
table.ms-menutoolbar td.ms-toolbar/*A*/ 
{
    display: none;
    
}

/* Відобразити сторінковий перемикач з прихованих елементів керування веб-частини зовнішнього списку */
table.ms-menutoolbar td.ms-toolbar:last-child/*A*/ 
{
    display: table-cell;
    text-align: center;
}

/*E-A Базові хотфікси багів для усіх пристоїв (Кінець) */

/*E= Фікси багів з коробки SharePoint (Кінець) =======================================================================================*/

/*B= HTML cторінка (Початок) =========================================================================================================*/

/*В-A HTML cторінка - для усіх пристроїв (Початок) ---------------------------------------------------------------- */
	body
	{
		padding:3px;
	}
	
	/*Прибираємо системний відступ в 19 px*/
	#contentRow
	{
		padding-top:0px;
	}
	
	/*Стиль футеру макету сайту та розробника */
	.nas-developer-info
	{
		padding:10px;
		background-color: #C1E8FF;
	}
}

/*E-A HTML cторінка - для усіх пристроїв (Кінець) ----------------------------------------------------------------- */

/*B-S HTML cторінка - SmartPhone версія (Початок)  ---------------------------------------------------------------- */
@media (max-device-width:7in)                     
{
	/* Встановлюємо базовий розмір шрифта = 1rem */
	html/*S*/
	{
		font-size:28px;
	}
	
	/* Ховаємо кнопку зосередитись на вмісті */
	#nas-focusOnContentBtn-div/*S*/
	{
		display:none;
	}
	
	/* Виставляэмо базовий розмір шрифту */
	#s4-workspace/*S*/
	{
		font-size:1rem;
	}
	.ms-WPBody
	{
		font-size:1rem;
	}		
}

@media (max-device-width:7in) and (orientation:portrait)                     
{
	/* Встановлюємо базовий розмір шрифта при книжковій орієнтації = 1rem */
	html/*S*/
	{
		font-size:30px;
	}	
}


/* Ховаємо контент сторінки при відкритому меню */
.nas-menuMode #contentBox/*S*/
{
	display:none;
}


/*E-S HTML cторінка - SmartPhone версія (Кінець) ----------------------------------------------------------------- */

/*E= HTML cторінка (Кінець) =====================================================================================================================================*/

/*B= Повідомлення "З поверненням на сайт!" (Початок) ==== */

/*B-A Стиль присторою (AllDevices:Початок)  ---------------- */

/*Стиль блоку вспливаючого повідомлення*/
.nas-welcomeMessage-Box
{
	position:fixed;
	bottom:30px;
	right:30px;
	width:350px;
	height:auto;
	background-color:#ECEFF4;
	box-shadow: 0px 0px 10px #cbd1e0;
	border: 2px solid #cbd1e0;
	border-radius: 13px;
	padding:10px;
	z-index:1000;
}

/*Стиль заголовку вспливаючого повідомлення*/
.nas-welcomeMessage-Header
{
	font-weight:bold;
	font-size:larger;
	text-align:center;
}

/*Стиль назви останньої відвіданої сторінки*/
.nas-welcomeMessage-pageName
{
	font-weight:600;
	font-style: italic;
	text-decoration:underline;
}

/*Базовий стиль кнопки вспливаючого повідомлення*/
.nas-welcomeMessage-btn
{
	border-radius: 13px;
	border: 1px solid orange;
	padding:2px;
	text-align:center;	
	margin:5px;	
	background-color:#cbd1e0;
	cursor:pointer;
}

/*Стиль кнопки з коротким текстом вспливаючого повідомлення*/
.nas-wm-smallBtn
{
	width:159px;
	float:left;
}

/*Стиль кнопки з довгим текстом вспливаючого повідомлення*/
.nas-wm-bigBtn
{
	clear:both;
	margin-bottom:0px;
}

/*Зміни стилю кнопки вспливаючого повідомлення при наведенні мишки*/
.nas-welcomeMessage-btn:hover
{
	background-color:gray;
}

/*E-A Стиль присторою (AllDevices:Кінець)  ---------------- */

/*B-D Стиль присторою (ПК:Початок)  ---------------- */

/*E-D Стиль присторою (ПК:Кінець)  ---------------- */

/*B-T Стиль присторою (Планшет:Початок)  ---------------- */

/*E-T Стиль присторою (Планшет:Кінець)  ---------------- */

/*B-S Стиль присторою (SmartPhone:Початок)  ---------------- */

/*E-S Стиль присторою (SmartPhone:Кінець)  ---------------- */

/*E= Повідомлення "З поверненням на сайт!" (Кінець) ===== */

/*E# Загальне (Кінець) ################################################################################################################*/

/*B# Горизонтальне меню навігації (Початок) ####################################################################################################################
Усі класи та ідентифікатори блоків стосовно горизонтального меню навігації, що прописані в майстер сторінці мають назву, що починається з nas-horizontal-menu* 
Усі класи та ідентифікатори блоків стосовно горизонтального меню навігації, що прописані в розмітці веб-частини мають назву, що починається з nas-horizontal-wpMenu*  */

/*B= Стилі горизонтального меню указаних в майстер сторінці (Початок) ==================================== */

/*В-A Стилі горизонтального меню указаних в майстер сторінці (для усіх пристроїв Початок) ------------------------------------------ */

/* Прибираємо відступи навколо веб-частини для зони меню */
#nas-horizontal-menu-items-cell .ms-webpartzone-cell/*A*/
{
	margin:0px;
}

/* Ховаємо таблицю, що автоматично генерується веб-частиною під списком елементів і збільшує висоту веб-частини */
#nas-horizontal-menu-items-cell table/*A*/
{
	display:none;
}

/*E-A Стилі горизонтального меню указаних в майстер сторінці (для усіх пристроїв Кінець) ------------------------------------------ */

/*B-D Стилі горизонтального меню указаних в майстер сторінці - ПК версія (Початок)  ---------------- */

/* Стиль усієї зони горизонтальної навігації */
#nas-horizontal-menu/*D*/
{	
	width: 100%;	
}

/* Стиль клітинки стрілки навігації по горизонтальному меню ліворуч  */
#nas-horizontal-menu-leftArrow-cell/*D*/
{
	width:73px;
	visibility:hidden;
	vertical-align:middle;
}

/* Стиль клітинки стрілки навігації по горизонтальному меню праворуч  */
#nas-horizontal-menu-rightArrow-cell/*D*/
{
	width:73px;
	visibility:hidden;
	vertical-align:middle;
}

/* Стиль картинки кнопки ліворуч горизонтального меню навігації */
#nas-horizontal-menu-leftArrow-cell img/*D*/
{
	height:100%;
	max-height:40px;
	cursor:pointer;
		
}

/* Стиль картинки кнопки ліворуч горизонтального меню навігації */
#nas-horizontal-menu-rightArrow-cell img/*D*/
{
	height:100%;
	max-height:40px;
	cursor:pointer;		
}

/* Ховаємо відображення кнопки відкриття горизонтального меню мобільної версії  */
#nas-horizontal-menu-showAllHorizontalMenuBtn-cell/*D*/
{
	display:none;
}

/* Ховаємо відображення кнопки відкриття вертикального меню мобільної версії  */
#nas-horizontal-menu-showAllVerticalMenuBtn-cell/*D*/
{
	display:none;
}

/*E-D Стилі горизонтального меню указаних в майстер сторінці - ПК версія (Кінець)  ---------------- */

/*B-S Стилі горизонтального меню указаних в майстер сторінці - SmartPhone версія (Початок)  --------------- */

@media (max-device-width:7in)                     
{
	/* Ховаємо клітинку стрілки навігації по горизонтальному меню ліворуч  */
	#nas-horizontal-menu-leftArrow-cell/*S*/
	{
		display:none;
	}
	
	/* Ховаємо клітинку стрілки навігації по горизонтальному меню ліворуч  */
	.nas-menuMode #nas-horizontal-menu-leftArrow-cell/*S*/ 
	{
		display:none;
	}
	
	/* Ховаємо клітинку стрілки навігації по горизонтальному меню праворуч  */
	#nas-horizontal-menu-rightArrow-cell/*S*/
	{
		display:none;
	}
	
	/* Відображаємо кнопку відкриття горизонтального меню  */
	#nas-horizontal-menu-showAllHorizontalMenuBtn-cell/*S*/
	{
		display:table-cell;
		width:130px;
	}		
}

/* Ховаємо картинку-кнопку закриття меню навігації в звичайному режимі перегляду  */
#nas-horizontal-menu-close-img/*S*/
{
	display:none;
}

/* Відображаємо картинку-кнопку закриття меню навігації в режимі перегляду меню */
.nas-menuMode #nas-horizontal-menu-close-img/*S*/
{
	display:inline;
}

/* Ховаємо картинку-кнопку відкриття меню навігації в в режимі перегляду меню  */
.nas-menuMode #nas-horizontal-menu-open-img/*S*/
{
	display:none;
}

/*E-S Стилі горизонтального меню указаних в майстер сторінці - SmartPhone версія (Кінець)  ---------------- */

/*E= Стилі горизонтального меню указаних в майстер сторінці (Кінець) ==================================== */

/*B= Стилі горизонтального меню указаних в веб-частині (Початок) ==================================== */

/*B-D Стилі горизонтального меню указаних в веб-частині - ПК версія (Початок) ---------------- */

/*Стиль таблиці кнопок меню */
.nas-horizontal-wpMenu-table/*D*/
{
	display:inline-block;	    	
	/*position:relative;*/
}

/*Стиль блоку рядка таблиці кнопок меню */
#nas-horizontal-wpMenu-row/*D*/
{
	display:inline-block;
	/*display:table-row;*/
}

/*Стиль клітинки кнопки меню */
.nas-horizontal-wpMenu-cell/*D*/
{
	display:inline-block;
	/*display:table-cell;	
	width:100px;*/
	vertical-align:middle;
	border-left: 1px solid #B2BDD3;
}


/*Стиль блоку кнопки меню */
.nas-horizontal-wpMenu-button/*D*/
{
	display:inline-block;
	text-decoration:none;
	color:black;	
			
	/*width:100px;*/
	cursor:pointer;
	padding:3px;
	padding-left:7px;
	padding-right:7px;
	vertical-align:middle;
	font-family: "Times New Roman", Times, serif;
	font-size: 1rem;
}

/*Стиль блоку кнопки меню при наведенні мишки */
.nas-horizontal-wpMenu-button:hover/*D*/
{	
	text-decoration:none;	
}

/*Стиль кнопки поточного пункту меню */
.nas-horizontal-wpMenu-cell-selected /*D*/
{
	background-color:#CCCCCC;;
}

/*Стиль кнопки пункту меню при наведенні мишкою*/
.nas-horizontal-wpMenu-cell:hover/*D*/
{	
	background-color:#CCCCCC;	
}

/*Керування заголовком кнопки меню */
.nas-horizontal-wpMenu-itemTitle/*D*/
{
	text-align:center;	
	color:black;
	display:inline-block;
		
}
.nas-horizontal-wpMenu-itemTitle div/*D*/
{	
	display:inline-block;
			
}
.nas-horizontal-wpMenu-itemTitle div div/*D*/
{	
	display:inline-block;
	vertical-align:middle;				
}

/* Ховаємо опис в звийному режимі перегляду */
.nas-horizontal-wpMenu-itemDescription
{
	display:none;
}

/*E-D Стилі горизонтального меню указаних в веб-частині - ПК версія (Кінець) --------------- */

/*B-S Стилі горизонтального меню указаних в веб-частині - SmartPhone версія (Початок) ---------------- */

@media (max-device-width:1in)                     
{
	/* Ховаємо усі пункти меню */
	.nas-horizontal-wpMenu-cell/*S*/
	{
		display:none;
		width:100%;		
	}
	
	/*Розтягуємо блок кнопок на усю доступну ширину */
	.nas-horizontal-wpMenu-table/*S*/
	{
		width:100%;
	}
	
	/*Розтягуємо кнопку на усю доступну ширину */
	.nas-horizontal-wpMenu-button/*S*/
	{		
		width:100%;		
	}
	
	/* Показуємо лише обраний пункт меню */
	.nas-horizontal-wpMenu-cell-selected/*S*/
	{
		display:table-cell;	
		background-color:inherit;	
	}
	
	/*Стиль кнопки поточного пункту меню */
	.nas-horizontal-wpMenu-cell-selected .nas-horizontal-wpMenu-button/*S*/
	{
		background-color:inherit;
	}

	/*Убираєм отступи кнопки для коректної роботи границь */
	.nas-horizontal-wpMenu-button/*S*/
	{
		padding-left:0px;
		padding-right:0px;
	}
	
	/*Стиль заголовку кнопки */
	.nas-horizontal-wpMenu-itemTitle/*S*/
	{
		font-size:2rem;
	}
	
	/*Керування заголовком кнопки меню */	
	.nas-horizontal-wpMenu-itemTitle div div/*S*/
	{		
		height:110px;
		vertical-align:middle;			
	}

	
	/*Змінюємо відображення з табличного на блочне для режиму перегляду меню */
	.nas-menuMode .nas-horizontal-wpMenu-table/*S*/
	{
		display:block;
	}
	
	/*Змінюємо відображення з рядка табці на блочне для режиму перегляду меню */
	.nas-menuMode #nas-horizontal-wpMenu-row/*S*/
	{
		display:block;
	}
	
	/*Змінюємо відображення з ячейки табці на блочне (списковий примітив) для режиму перегляду меню */
	.nas-menuMode .nas-horizontal-wpMenu-cell/*S*/
	{
		display:block!important;
		border-bottom:1px black solid;
	}
	
	/*Стиль кнопки поточного пункту меню для режиму перегляду меню */
	.nas-menuMode .nas-horizontal-wpMenu-cell-selected /*S*/
	{
		background-color:#CCCCCC;
	}
	.nas-menuMode .nas-horizontal-wpMenu-itemDescription
	{
		display:block;
		margin-bottom:3px;
		margin-left:5px;
	}
	
}

/* Задаємо розміри картинки-кнопки відкриття/закриття меню сайту */
#nas-horizontal-menu-showAllHorizontalMenuBtn-cell img/*S*/
{
	width:90%
}

/* Фіксуємо позицію на сторінці картинки-кнопки закриття режиму перегляду меню сайту  */
.nas-menuMode #nas-horizontal-menu-showAllHorizontalMenuBtn-cell center/*S*/
{
	position:fixed;
	top:0px;
}

/*E-S Стилі іденнтифікаторів та класів горизонтального меню указаних в майстер сторінці - SmartPhone версія (Кінець)  --------------- */

/*E= Стилі іденнтифікаторів та класів горизонтального меню указаних в веб-частині (Кінець) ==================================== */

/*E# Горизонтальне меню навігації (Кінець) ####################################################################################################################*/

/*B# Логотипи та заголовки сайту (Початок) #####################*/

/*B= Логотипи сайту (Початок) ==== */

/*B-D Стиль присторою (ПК:Початок)  ---------------- */

/*Базові правила відображення зображень в зоні логотипів*/
.nas-siteLogo img/*A*/
{
	width:142px;
	margin-left:20px;
	margin-right:20px;
}
.nas-siteLogo/*A*/
{
	vertical-align:bottom;
}

.nas-language-div img
{
	width: 25px;
	margin:2px;
}

#nas-personal-office
{
	background-color:white;
	font-weight:bold;
	position: absolute;
	width:75px;
	right: 20px;
	opacity: 0.2;
}


/*E-D Стиль присторою (ПК:Кінець)  ---------------- */

/*B-T Стиль присторою (Планшет:Початок)  ---------------- */

/*Ховаємо логотипи на мілких десктопах*/
@media (max-device-width:11in)
{
	.nas-siteLogo/*T*/
	{
	
	}
}

/*E-T Стиль присторою (Планшет:Кінець)  ---------------- */

/*B-S Стиль присторою (SmartPhone:Початок)  ---------------- */

/*Збільшуємо розмір кнопок мови*/
@media (max-device-width:7in)
{
	.nas-language-div img
	{
		width: 50px;		
	}

}
/*E-S Стиль присторою (SmartPhone:Кінець)  ---------------- */

/*E= Логотипи сайту (Кінець) ===== */

/*B= Заголовки сайту (Початок) ==== */

/*B-A Стиль присторою (AllDevices:Початок)  ---------------- */

/*Перевизначення стилю області для коректного відображення*/
#s4-titlerow
{
	height:auto;
	padding-top:0px;
	-webkit-user-select: none;  
  	-moz-user-select: none;    
  	-ms-user-select: none;      
  	user-select: none;
}

/*Перевизначення стилю області для коректного відображення*/
#titleAreaBox
{
	width:100%;
	margin:0px;
}

/*Прибираємо великі інтервали між зонами веб-частин */
.ms-webpartzone-cell
{	
	margin: auto auto 0px; !important
}


/*Загальні правила заголовку сайту незалежно від його рівня */
.nas-siteHeader/*A*/
{
	
	font-family:Georgia,Baskerville,Palatino,"Palatino Linotype","Book Antiqua","Times New Roman",serif;
	text-align:left;
	margin:auto auto 0px;
	color:black;
	text-decoration:none;
	display:block;
	cursor:pointer;	
}

/*Прибираємо негативні ефекти для заголовку що накладує тег посилання */
.nas-siteHeader:hover/*A*/
{	
	text-decoration:none;
	color:black;
	cursor:pointer;
}

/*Прибираємо негативні ефекти для заголовку що накладує тег посилання */
.nas-siteHeader:visited/*A*/
{	
	text-decoration:none;
	color:black;
	cursor:pointer;
}


/*Стиль заголовку посилання на корінь сайту 1 рівня НАН України коли це єдиний заголовок */
.nas-siteHeader-level0/*A*/
{	
	font-size:2.5rem;		
}

/*Стиль заголовку посилання на корінь сайту 1 рівня, який має ще один чи два підзаголовки 2 3 рівнів*/
.nas-siteHeader-level1/*A*/
{	
	font-size:2rem;	
}

/*Стиль заголовку посилання сайту на рівень вище 2 рівня */
.nas-siteHeader-level2/*A*/
{	
	font-size:1.6rem;	
}

/*Стиль заголовку посилання на корінь сайту НАН України 3 рівня для типових сайтів*/
.nas-siteHeader-level3/*A*/
{	
	font-size:1.3rem;	
}
/*Стиль логотипу на типовому сайті установи */
.nas-siteHeader-logo/*A*/
{	
	/*max-width:142px;*/
	border-width: 0;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;		
}

/*Стиль для відступу зверху при двох заголовках у шапці */
.gap/*A*/
{	
	height: 20px;		
}


/*E-A Стиль присторою (AllDevices:Кінець)  ---------------- */

/*B-S Стиль присторою (SmartPhone:Початок)  ---------------- */
@media (max-device-width:7in)                     
{
	/*Задаємо правила відображення області при відкритому меню*/
	.nas-menuMode #titleAreaBox/*S*/
	{
		margin-right:130px;
		width:auto;
	}
	
	.nas-menuMode .nas-siteHeader/*S*/
	{
		display:none;
	}
	
	/*Стиль заголовку посилання на корінь сайту 1 рівня НАН України коли це єдиний заголовок */
	.nas-siteHeader-level0/*S*/
	{	
		font-size:2.2rem;		
	}
	
	/*Стиль заголовку посилання на корінь сайту 1 рівня, який має ще один чи два підзаголовки 2 3 рівнів*/
	.nas-siteHeader-level1/*S*/
	{	
		font-size:2rem;	
	}
	
	/*Стиль заголовку посилання сайту на рівень вище 2 рівня */
	.nas-siteHeader-level2/*S*/
	{	
		font-size:1.7rem;	
	}
	
	/*Стиль заголовку посилання на корінь сайту НАН України 3 рівня для типових сайтів*/
	.nas-siteHeader-level3/*S*/
	{	
		font-size:1.5rem;	
	}

}
/*E-S Стиль присторою (SmartPhone:Кінець)  ---------------- */

/*E= Заголовки сайту (Кінець) ===== */

/*E# Логотипи та заголовки сайту (Кінець) #####################*/

/*B# Вертикальна навігація (Початок) #####################*/

/*B= Стилі області вертикальної навігації майстер сторінки (Початок) ==== */

/*B-A Стиль присторою (AllDevices:Початок)  ---------------- */

/*Прибираємо відступи, які провокують виникнення прокрутки*/
#sideNavBox
{
	margin-left: 0px;
	-webkit-user-select: none;  
  	-moz-user-select: none;    
  	-ms-user-select: none;      
  	user-select: none;
}	

.nas-vertical-wpMenu-item-link
{
	text-decoration:none;
	color: #666666;
	font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	font-size: 1em;
			
}

.nas-vertical-wpMenu-item:hover
{
	background-color:#E6F2FB;
}

.nas-vertical-wpMenu-item-selected
{
	background-color:#F2F2F2;
}

.nas-vertical-wpMenu-item-link:hover
{
	text-decoration:none;
	color: #666666;				
}

.nas-vertical-wpMenu-item-link:visited
{	
	color: #666666;		
}

.nas-vertical-wpMenu-item-button
{
	padding-left:7px;
	padding-right:7px;
	padding-bottom:3px;
	padding-top:3px;
}

.nas-hideVerticalNavigation #sideNavBox
{
	display:none;
}

/*=== Локальна (вертикальна) навігація Персонального сайту ===*/
.LocalNavigationPersonalSite
{
	font-size: 1rem;
	line-height: normal;
	margin-bottom:1.5em;
	margin-left:5px 
}

/*=== Cтиль посилання ===*/
.onHoverBold
{
	color: black;
	text-decoration: none;
}
.onHoverBold:hover
{
	font-weight:bold;
	text-decoration: none !important;
	
}
.onHoverBold:visited
{
	color:#0072c6;
}
/*=== Cтиль посилання ЖОВТИЙ===*/
.onHoverAmber
{
	color: black;
	text-decoration: none;
	font-weight:bold;
}
.onHoverAmber:hover
{
	color:orange;
	text-decoration: none !important;
}
.onHoverAmber:visited
{
	color:#0072c6;
}

/*=== Меню локальної навігації у вигляді плиток ===*/
.LocalMenuPage
{
	width:200px;
	height:150px;
	float:left;
	border: 9px solid white;
	background-color:#FFF4BF;
	text-align: center;
	overflow:hidden;
}
.LocalMenuPageText
{
	color:black;
	font-size:1.2rem;
	margin: 5px 5px 5px 5px;
}

/*E-A Стиль присторою (AllDevices:Кінець)  ---------------- */

/*B-D Стиль присторою (ПК:Початок)  ---------------- */

/*E-D Стиль присторою (ПК:Кінець)  ---------------- */

/*B-S Стилі області вертикальної навігації майстер сторінки (SmartPhone:Початок)  ---------------- */

@media (max-device-width:7in)                     
{
	/*Ховаємо вертикальну навігацію на мобільних пристроях*/
	#sideNavBox
	{
		display:none;
	}
	
	/*Установлюємо відступи області контенту*/
	#contentBox
	{
		margin-left:20px;
	}
}

/* Відображаємо область вертикальної навігації сторінки при відкритому меню */
.nas-menuMode #sideNavBox/*S*/
{
	display:block;
	width: 100%;
    font-size: 1rem;
}

/*E-S Стилі області вертикальної навігації майстер сторінки (SmartPhone:Кінець)  ---------------- */

/*E= Стилі області вертикальної навігації майстер сторінки (Кінець) ===== */

/*B= Стилі веб-частин елементів вертикальної навігації (Початок) ==== */

/*B-A Стиль присторою (AllDevices:Початок)  ---------------- */

/*E-A Стиль присторою (AllDevices:Кінець)  ---------------- */

/*B-D Стиль присторою (ПК:Початок)  ---------------- */

/*E-D Стиль присторою (ПК:Кінець)  ---------------- */

/*B-T Стиль присторою (Планшет:Початок)  ---------------- */

/*E-T Стиль присторою (Планшет:Кінець)  ---------------- */

/*B-S Стиль присторою (SmartPhone:Початок)  ---------------- */

/*E-S Стиль присторою (SmartPhone:Кінець)  ---------------- */

/*E= Стилі веб-частин елементів вертикальної навігації (Кінець) ===== */

/*E# Вертикальна навігація (Кінець) #####################*/

/*B# Область контенту сайту (Початок) #####################*/

/*B= Конструкції майстер сторінки області контенту (Початок) ==== */

/*B-A Стиль присторою (AllDevices:Початок)  ---------------- */

/* Встановлюємо мінімальну ширину сайту(сжимання = скрол внизу сторінки) */
#contentBox/*A*/
{
	min-width:300px;
}

/* Встановлюємо відступ області контенту при фокусуванні на вмісті*/
.ms-fullscreenmode #contentBox/*A*/
{
    margin-left: 0px;
}

/* Прибираємо відступи області при відсутності навігації*/
.nas-hideVerticalNavigation #contentBox/*A*/
{
    margin-left: 0px;
}

/* Перевизначення системного стилю назви сторінки */
.ms-core-pageTitle/*A*/
{
	font-size:1.2rem;	
	color:maroon;
	font-weight:bold;
}
.ms-tableCell/*A*/{
	vertical-align:top;
}
/*=== Представлення осіб у вигляді плиток ===*/
.PersonListTile
{
	width:320px;
	height:130px;
	float:left;
	border: 9px solid white;
	text-align:left;
	overflow: hidden;
}

/*=== Горизонтальне меню у вигляді плиток ===*/
.HorizontalTileNavigation
{
	padding: 5px;
	border: 3px solid white;
	float: left;
	background-color: #fff4bf;
	text-aligh: center;
	owerflow: hidden;
}
.HorizontalTileNavigationWhite
{
	padding: 5px;
	border: 3px solid white;
	float: left;
	background-color: #fff4bf;
	text-aligh: center;
	owerflow: hidden;
}


/*=== Представлення молодих науковців у вигляді плиток ===*/
.NMTile
{
	width:330px;
	height:132px;
	float:left;
	border: 9px solid white;
	text-align:left;
	overflow: hidden;
}
/*=== Представлення науковців у вигляді плиток на сайті РОБОТИ===*/
.NMTileWork
{
	width:470px;
	height:205px;
	float:left;
	border: 9px solid white;
	text-align:left;
	overflow: hidden;
	font-size:1.1rem;
}
/*=== Фото науковця на сайті роботи  ===*/
.PhotoWork
{
	width: 150px;
	/*height:100px;*/
	vertical-align: top;
	float:left;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:10px;
}

/*=== Фото у списках молодих науковців ===*/
.PhotoPersonTile
{
	width: 100px;
	vertical-align: top;
	float:left;
	margin-right:15px;
}

/*=== Список робіт переможців Жовтий ===*/
.ListWorkYellow
{
	font-size: 15px;
	background-color:#FFF4BF;
	text-align:left;
	overflow: hidden;
}
/*=== Список робіт учасників Сірий ===*/
.ListWorkGray
{
	font-size: 12px;
	background-color:#F2F2F2;
	text-align:left;
	overflow: hidden;
	color:gray;
}

/*=== Назва сторінки типового сайту ===*/
.BlackPageTitle
{
	color: #333333;
	float: left;
	font-family: Georgia,Baskerville,Palatino,Book Antiqua,Times New Roman,serif;
	font-size: 2em;
	text-decoration: none;
}

.PageTitle
{	


	font-size: 2em;
}

/*=== Шрифт сторінки Персонального сайту ===*/
.FontContentPersonalSite
{
	font-size: 1.2rem;
	line-height: 1.5;
	text-decoration: none;
	margin:0px 0px 0px 10px;
}
/*=== Групування Персонального сайту ===*/
.Grouping
{
	font-size: 1.2rem;
	margin-bottom:1.5em;
	text-decoration: none;
}

/*=== Шрифт групування сторінки Персонального сайту ===*/
.GroupingFont
{
	font-size: 1.2rem;
	line-height: 1.5;
	text-decoration: none;
	margin-left:0px;
}

/*=== Контент залежний заголовок у веб-частині ===*/
.webpart-title
{
	font-size:1.46em;
	font-family:"Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	margin-left:11px;
	margin-bottom:15px;
	font-weight:bolder;
	color:black;
	overflow:hidden;
	text-align:justify;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/*E-A Стиль присторою (AllDevices:Кінець)  ---------------- */

/*B-D Стиль присторою (ПК:Початок)  ---------------- */

/*E-D Стиль присторою (ПК:Кінець)  ---------------- */

/*B-T Стиль присторою (Планшет:Початок)  ---------------- */

/*E-T Стиль присторою (Планшет:Кінець)  ---------------- */

/*B-S Стиль присторою (SmartPhone:Початок)  ---------------- */

@media (max-device-width:7in)
{
	/* перестройка положення зон веб-частин "Ліворуч" та "Праворуч" одне під одним */
	.tableCol-50/*S*/
	{
		display:block;
	}
	
	.ms-table	
	{
		display:block;
	}
	.ms-tableCell
	{
		display:block;
	}
	
	#rCol
	{
		width:100%!important;
	}
	
	.right-column-area
	{
		width:100%!important;
	}
}

/*E-S Стиль присторою (SmartPhone:Кінець)  ---------------- */

/*E= Конструкції майстер сторінки області контенту (Кінець) ===== */

/*B= Елементи веб-частин області контенту (Початок) ===== */

/*B-A Стиль присторою (AllDevices:Початок)  ---------------- */

/* Відображення списку повідомлень як таблиці */
.nas-message-list/*A*/
{
	display:table;
	width:100%;
}

/* Відображення повідомлення як рядка таблиці */
.nas-message-item/*A*/
{
	display:table-row;	
}

/* Відображення блоку зображення повідомлення як клітинки таблиці */
.nas-message-imageCell/*A*/
{
	display:table-cell;
	width:225px;
	vertical-align:top;
	float:left;
}

/* Відображення зображення повідомлення у потрібному форматі */
.nas-message-imageCell img/*A*/
{
	width: 225px; 
	margin-right: 15px; 
	margin-bottom: 15px;
}

/* Відображення блоку відступу повідомлення як клітинки таблиці */
.nas-message-spaceCell/*A*/
{
	display:table-cell;
	width:15px;	
}

/* Відображення текстового блоку повідомлення як клітинки таблиці */
.nas-message-textCell/*A*/
{
	display:table-cell;
	vertical-align:top;
	font-size:1rem;	
}

/* Вирівнювання лінії в одну риску під новиною */
.nas-message-textCell hr/*A*/
{
	margin-top:7px;	
}	
	
@media screen and (max-width: 900px) 
{
    /* Відображення списку повідомлень як блоку при ширині вікна менше 900px */
	.nas-message-list/*A*/ 
	{
        display:block;
    }
	
	/* Відображення повідомлення як блоку при ширині вікна менше 900px */
	.nas-message-item/*A*/
	{
		display:block;	
	}
	
	/* Відображення блоку зображення повідомлення як блоку при ширині вікна менше 900px */
	.nas-message-imageCell/*A*/
	{
		display:block;
		width:100%;
		vertical-align:top;		
	}
	
	/* Відображення зображення повідомлення на всю доступну ширину при ширині вікна менше 900px */
	.nas-message-imageCell img/*A*/
	{
		width: 100%; 
		margin-right: 0px; 
		margin-bottom: 0px;
	}
	
	/* Збільшення жирності лінії при ширині вікна менше 900px */
	.nas-message-item hr/*A*/
	{				
		background-color: rgb(198, 198, 198);    	
		height: 2px;
		margin-bottom:10px;
	}

	/* Відображення блоку відступу повідомлення як блоку при ширині вікна менше 900px */
	.nas-message-spaceCell/*A*/
	{
		display:block;
		width:100%;
		height:10px;
	}
	
	/* Приховування риски при ширині вікна менше 900px */
	.nas-message-spaceCell hr/*A*/
	{
		display:none;		
	}

	/* Відображення текстового блоку повідомлення як блоку при ширині вікна менше 900px */
	.nas-message-textCell/*A*/
	{
		display:block;
		vertical-align:top;			
	}

	/* Приховування риски при ширині вікна менше 900px */
	.nas-message-textCell hr/*A*/
	{
		display:none;		
	}
}

/*E-A Стиль присторою (AllDevices:Кінець)  ---------------- */

/*B-D Стиль присторою (ПК:Початок)  ---------------- */

/*E-D Стиль присторою (ПК:Кінець)  ---------------- */

/*B-T Стиль присторою (Планшет:Початок)  ---------------- */

@media (max-device-width:10in)
{
	/* Відображення списку повідомлень як блоку при ширині дисплею менше 10 дюймів */
	.nas-message-list/*T*/ 
	{
        display:block;
    }
	
	/* Відображення повідомлення як блоку при ширині дисплею менше 10 дюймів */
	.nas-message-item/*T*/
	{
		display:block;	
	}
	
	/* Відображення блоку зображення повідомлення як блоку при ширині дисплею менше 10 дюймів */
	.nas-message-imageCell/*T*/
	{
		display:block;
		width:100%;
		vertical-align:top;		
	}
	
	/* Відображення зображення повідомлення на всю доступну ширину при ширині дисплею менше 10 дюймів */
	.nas-message-imageCell img/*T*/
	{
		width: 100%; 
		margin-right: 0px; 
		margin-bottom: 0px;
	}
	
	/* Збільшення жирності лінії при ширині дисплею менше 10 дюймів */
	.nas-message-item hr/*T*/
	{				
		background-color: rgb(198, 198, 198);    	
		height: 3px;
		margin-bottom:20px;
		margin-top:20px;
	}

	/* Відображення блоку відступу повідомлення як блоку при ширині дисплею менше 10 дюймів */
	.nas-message-spaceCell/*T*/
	{
		display:block;
		width:100%;
		height:10px;
	}
	
	/* Приховування риски при ширині дисплею менше 10 дюймів */
	.nas-message-spaceCell hr/*T*/
	{
		display:none;		
	}

	/* Відображення текстового блоку повідомлення як блоку при ширині дисплею менше 10 дюймів */
	.nas-message-textCell/*T*/
	{
		display:block;
		vertical-align:top;	
	}

	/* Приховування риски при ширині дисплею менше 10 дюймів */
	.nas-message-textCell hr/*T*/
	{
		display:none;		
	}
}


/*E-T Стиль присторою (Планшет:Кінець)  ---------------- */

/*B-S Стиль присторою (SmartPhone:Початок)  ---------------- */

@media (max-device-width:7in)
{
	
}

/*E-S Стиль присторою (SmartPhone:Кінець)  ---------------- */

/*E= Елементи веб-частин області контенту (Кінець) ===== */

/*E# Область контенту сайту (Кінець) #####################*/

/*B# Підвал сайту (Початок) #####################*/

/*B= Стилі зони підвалу майстер-сторінки (Початок) ==== */

/*B-A Стиль присторою (AllDevices:Початок)  ---------------- */

/*приховування зони підвалу при зосередженні лише на контенті */
.ms-fullscreenmode #nas-site-footer/*A*/
{
	display:none;
}

/*E-A Стиль присторою (AllDevices:Кінець)  ---------------- */

/*B-D Стиль присторою (ПК:Початок)  ---------------- */

/*E-D Стиль присторою (ПК:Кінець)  ---------------- */

/*B-T Стиль присторою (Планшет:Початок)  ---------------- */

/*E-T Стиль присторою (Планшет:Кінець)  ---------------- */

/*B-S Стиль присторою (SmartPhone:Початок)  ---------------- */

/*E-S Стиль присторою (SmartPhone:Кінець)  ---------------- */

/*E= Стилі зони підвалу майстер-сторінки (Кінець) ===== */

/*B= Стилі веб-частин елементів підвалу сайту (Початок) ==== */

/*B-A Стиль присторою (AllDevices:Початок)  ---------------- */

/*E-A Стиль присторою (AllDevices:Кінець)  ---------------- */

/*B-D Стиль присторою (ПК:Початок)  ---------------- */

/*E-D Стиль присторою (ПК:Кінець)  ---------------- */

/*B-T Стиль присторою (Планшет:Початок)  ---------------- */

/*E-T Стиль присторою (Планшет:Кінець)  ---------------- */

/*B-S Стиль присторою (SmartPhone:Початок)  ---------------- */

/*E-S Стиль присторою (SmartPhone:Кінець)  ---------------- */

/*E= Стилі веб-частин елементів підвалу сайту (Кінець) ===== */

/*E# Підвал сайту (Кінець) #####################*/

/*B# Веб-частини бізнес-даних (Початок) ################################################################################################################*/

/*=== Фото у списках осіб ПОЧАТОК ===*/
.PhotoPersonList
{
	width: 90px;
	/*height:100px;*/
	vertical-align: top;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
/*=== Фото у списках осіб КІНЕЦЬ ===*/

/*=== Фото членів ПРЕЗИДІЇ ПОЧАТОК ===*/
.PhotoPresidiumList
{
	width: 120px;
	/*height:100px;*/
	vertical-align: top;
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}
/*=== Фото членів ПРЕЗИДІЇ КІНЕЦЬ ===*/

/*E# Веб-частини бізнес-даних (Кінець) ################################################################################################################*/