/* Приховуємо таблицю з надписом "Елементи відсутні" */
.ms-wpContentDivSpace > div > table:last-child 
{
    display: none;
}
.ms-webpart-chrome div > div > table:last-child
{
	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;
}

body
{		
	text-size-adjust:none; /* щоб браузер самовільно не чудив з розмірами шрифтів на мобільному представленні */
		
}

html,body
{
	font-size:14px;	
}

.ms-signInLink
{
	display:none!important;
}

#contentRow, div.welcome
{
    padding-top: 0px;
}

header img
{
	width:460px;
	margin-top:5px;
}

header div
{
		padding:10px;
		margin-top:10px;
		background-color:#2449B5;
		border-radius: 4px;		
		font-size:24px;
		font-weight:600;
		width:460px;
}

header table
{
	color:white;
	text-decoration:none;
}

header div img
{
		width:100%;		
}

header p
{
		margin-bottom:4px;
		margin-top:4px;
}

header hr
{
	color:white;
	background-color:white;
	margin-top:5px;
	margin-bottom:5px;
}

header tr:first-child
{
	width:155px;
}

header td:nth-child(2) 
{
	padding:10px;
	text-align:center;
	color:#f8ef22;
}





#s4-bodyContainer
{
	background: url('/festival/Style%20Library/Images/bg-01.jpg') no-repeat;
	-moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */   
}

/*B# Головне меню навігації */
nav
{
	padding-top:10px;
	padding-bottom:10px;
	font-size:1rem;
}

nav>div
{
	background-color: #2449B5;
	border-radius:4px;
	padding-left:4px;
	padding-right:4px;
	/*background-image:url('/festival/Style Library/DesignFest/Images/main-menu-bg.png');*/
	-moz-background-size: 115%; /* Firefox 3.6+ */
    -webkit-background-size: 115%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 115%; /* Opera 9.6+ */
    background-size: 115%; /* Современные браузеры */
    background-repeat:no-repeat;
}


/*щоб не розжжалось на дві стороки*/
nav ul
{   
    /*padding-inline-start: 0px;*/
    padding-left:0px;
    min-height:43px;
}


.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox li.dynamic > .ms-core-listMenu-item
{
	color:white!important;
	min-width: 100px;
    text-align: center;
    padding: 10px 15px 10px;    
    text-decoration: none;
    text-shadow: none;
    display:inline-block;
    margin-right: 0px;
    border-left:1px solid black;
    border-right:1px solid black;
    font-size:1rem;
	
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover, 
.ms-core-listMenu-horizontalBox li.static .selected > .ms-core-listMenu-item,
.ms-core-listMenu-horizontalBox li.dynamic > .ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox li.dynamic .selected > .ms-core-listMenu-item
{
	background-color: #1F409E;
	

}

.ms-core-listMenu-horizontalBox li.dynamic
{
	list-style-type:none;
}

.ms-core-listMenu-horizontalBox li.dynamic > .ms-core-listMenu-item
{
	display:block;
	font-size:1rem;
}

ul.dynamic
{
	background-color: #2449B5;
	border:0px;
	border-radius:4px;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;	
}

.nas-menuBtn
{
	color: white!important;
    min-width: 100px;
    text-align: center;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    text-shadow: none;
    display: none;
    margin-right: 0px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    font-size: 1rem;    
    cursor:pointer;
    position: absolute;
	right: 5px;
}

.nas-menuBtn:hover
{
	background-color: #1F409E;
}

.nas-menuBtn div
{
	
}
 
    
/*E# Головне меню навігації */


#nas-page
{	
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

.nas-body{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 2px solid #0c6bbb;   
}

#nas-content-table
{
	display:table;
	width:100%;
}

#nas-content-table>div
{
	display:table-row;
}

main
{
	max-width: 684px;

	display:table-cell;	
	vertical-align:top;
}


/*Прибираємо системний відступ в 19 px і додаємо відступ зліва, щоб контент не впирався в край екрану*/
	#contentRow
	{
		/*padding-top:0px;
		margin-left:7px;*/
	}
	#sideNavBox{
	display:none;
}

#contentBox
{
margin-right:20px;
margin-left:0px;
min-width:200px;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nas-breadcrumb, .nas-breadcrumb a
{
	/* color:#c0c0c0; - злится Google на плошую контрастность */
}

#DeltaPlaceHolderPageTitleInTitleArea
{
    margin: 0 0 10px 0;
    padding: 0;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;   
    font-size:1.5rem;
    line-height: 30px;
    color: #18358e;
    font-weight:400;
}

/* Стиль кнопки перемикача типів повідомлення(новина, оголошення, анонс)  */
.nas-messageControlPanel
{
	display:table;
	width:100%;	
	font-size:1rem;
}

.nas-messageControlPanelItems, .nas-messageTypeSwicherBoby, .nas-messageSearcherBody, .nas-messageSearcherBody
{
	display:table-row;
}

.nas-messageControlPanelItem, .nas-messageSearcherComponent
{
	display:table-cell;
}

.nas-messageTypeSwicher, nas-messageSearcher
{	
	display:table;
	font-family: "Times New Roman", Times, serif;	
}

.nas-messageControlPanelItem:last-child
{
	text-align:right;
}

/* Стиль кнопки перемикача типів повідомлення(новина, оголошення, анонс)  */
.nas-messageTypeSwicherBtn
{
	
	background-color: white;
  	cursor:pointer;
  	padding: 6px;
    padding-left: 10px;
    padding-right: 10px;  	
    color:black;
  	display:table-cell;
  	border-left: 1px solid #B2BDD3;
}

/* Стиль кнопки перемикача типів повідомлення на яку навели мишку  */
.nas-messageTypeSwicherBtn:hover
{
	background-color: #CCCCCC;  					
}
		
/* Стиль кнопки перемикача обраного типу повідомлення */		
.nas-messageTypeSwicherBtn.nas-messageTypeSwicherBtnSelected
{
	background-color: #00A6DE;  			
  	cursor:default;
  	color:white;		
}


main iframe
{
	width:100%;	
}

.carousel img
{
	width:100%;
}

aside
{
	width: 290px;
	border-left: 1px solid #0c6bbb;
	display:table-cell;	
	vertical-align:top;
	padding-left:20px;
}

aside iframe
{
	width: 100%;	
	overflow:hidden;
	min-height:1700px;		
}


footer
{
border-top: 1px solid #0c6bbb;
padding-top:20px;
padding-bottom:20px;
margin-top:20px;
	
}

menu-item-text
{
	color:white!important;
	color: #fff!important;

}

@media (max-width:830px) 
{
	.nas-menuBtn
	{		
		display:inline-block;		
	}
	
	.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item
	{
		display:none;
	}
	.ms-core-listMenu-horizontalBox li.static .selected .ms-core-listMenu-item
	{
		display:block;
	}
	
	.ms-webpart-cell-vertical, .ms-webpart-chrome-vertical
	{
		display:block;
	}
}

@media (max-width:650px)                     
{
	#nas-content-table,#nas-content-table>div,main,aside
	{
		display:block;
		width:100%;
	}
	
	aside
	{
		border-top: 1px solid #0c6bbb;
		border-left: none;
		padding-left:0px;
	}
	
	#contentBox
	{
		margin-right:0px;
	}
}

@media (max-width:460px)
{
	header div
	{
		width:100%;
	}
} 

@media (max-device-width:7in)                     
{
	/* Встановлюємо базовий розмір шрифта = 1rem */
	html,body/*S*/
	{
		/*font-size:28px;*/
	}
	#nas-page
	{
		width:100%;
	}

	header img
	{
		width:100%;
		margin-top:0px;
	}
	
	.nas-body
	{    
	    padding: 4px;
	    margin-bottom: 4px;       
	}
	
	#contentBox
	{
		margin-right:0px;
	}
	
	#nas-content-table,#nas-content-table>div,main,aside
	{
		display:block;
		width:100%;
	}
	aside
	{
		border-top: 1px solid #0c6bbb;
		border-left: none;
		padding-left:0px;
	}
}

.nas-menu-mode .ms-core-listMenu-horizontalBox li.static
{
	display:block;
	width:100%;
}

.nas-menu-mode .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item
{
	display:block;
}

/*=== Представлення осіб у вигляді плиток ===*/
.PersonListTile
{
	width:320px;
	height:130px;
	float:left;
	border: 9px solid white;
	text-align:left;
	overflow: hidden;
}

/*=== Фото у списках осіб ПОЧАТОК ===*/
.PhotoPersonList
{
	width: 90px;
	/*height:100px;*/
	vertical-align: top;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
/*=== Фото у списках осіб КІНЕЦЬ ===*/
/* Відображення списку повідомлень як таблиці */
.nas-message-list/*A*/
{
	display:table;
	width:100%;
}

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

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

.nas-message-imageCellView/*A*/
{
	display:table-cell;
	width:225px;
	vertical-align:top;
	float:left;
}


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

.nas-message-imageCellView 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>div>table
{
	display:table!important;
}

/* Зображення ока переглядів повідомлення */
.nas-message-textCell img/*A*/
{
	height:20px;	
	float: left;
    margin-left: 40px;
    margin-right: 4px;
    height:1.2rem;
}

/* Дата та опис повідомлення */
.nas-message-textCell>div/*A*/
{
	text-align:justify;
}


/* Вирівнювання лінії в одну риску під новиною */
.nas-message-textCell hr/*A*/
{
/*	margin-top:7px;	*/
}

style="width:200px;" 


/*E-A Стиль присторою (AllDevices:Початок)  ---------------- */	
@media screen and (max-width: 900px) 
{
    .nas-messageControlPanel, .nas-messageControlPanelItems, .nas-messageControlPanelItem
	{
		display:block;			
	}
	
	.nas-messageControlPanelItem:last-child
	{
		text-align:left;
		margin-top:10px;
		margin-bottom:10px;
	}

    
    /* Відображення списку повідомлень як блоку при ширині вікна менше 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-T Стиль присторою (Планшет:Початок)  ---------------- */

@media (max-device-width:10in), (max-device-width:900 px)
{
	/* Відображення списку повідомлень як блоку при ширині дисплею менше 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 a/*T*/
	{
		font-weight:bolder;	
	}

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


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

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

@media (max-device-width:7in), (max-device-width:500px)
{
	.nas-messageControlPanel, .nas-messageControlPanelItems, .nas-messageControlPanelItem
	{
		display:block;			
	}
	
	.nas-messageTypeSwicher, .nas-messageSearcher
	{
		width:100%;
		margin-bottom:20px;			
	}
	
	.nas-messageTypeSwicherBtn 	
	{		
		width:33%;
		text-align:center;		
	}
	
	.nas-messageSearcher input
	{		
		width:100%;		
	}
	
	.nas-message-item hr/*S*/
	{				
		height: 6px;
		margin-bottom:50px;
		margin-top:50px;
	}	
}
/*B-S Стиль присторою (SmartPhone:Кінець)  ---------------- */