/* CSS Document */ 

body.video {
    background-color: black;
    top: 0;
    left: 0;
}

body.fest {
    background-color: #ece9d8;
}

#screen {    
    position: fixed;
    overflow: auto;
    top: 15px;
    left: 15px;
}

a.knopka {
    z-index: 4;
    position: fixed;
    display: block;
    width: 80px;
    height: 32px; 
    top: 4px;
/*    left: 975px; */
    left: 790px;
    background-image: url(../vidimages/close.png); /* Путь к фоновому рисунку */
    background-position: 100% 0%; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
}

a.knopka:hover {
	background-position:100% 100%;
}

a.knopka:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 0%; top: 100%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(0,0,0,0.9); /* Полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 14px; /* Размер текста подсказки */
    color: white;
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
}

.videogallery {
  display: flex; flex-flow: row wrap; justify-content: center; 	
  width:100%;
	zoom:1;
}

.videogallery span{ display:block; }

.videogallery a{
/*	display:-moz-inline-stack;
	display:inline-block; */
	zoom:1;
	/*display:inline;
	position:relative;
	vertical-align:top; */
/*	margin:0px;  /* Отступы */
 	width:120px;/* */ 
  padding: 6px; /* Поля вокруг */
/*   width: 150px; /* Ширина */
  margin: 0 5px 10px 0; /*   */
	font-family:Trebuchet, Tahoma, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
  color:black; /* Цвет текста */
	opacity:0.80;
}

.videogallery a.videolb{display:none}

.videogallery a img{
	display:block;
	border:none;
	margin:0;
 	width:120px; 
}

.videogallery a:hover{
	text-decoration:underline;
	opacity:1;
}

#header {
    position: fixed;
    width: 1024px;
    height: 30px;
    top: 0px;
    left: 0px;
    bottom: auto;
    border-style: solid;
    border-width: thin;
    border-color: blue;
  background-color: yellow;
}

#main {    
    position: fixed;
    overflow: auto;
    width: 1045px;
    height: 595px; 
    top: 0px;
    left: 0px;
    border-style: solid;
    border-width: thin;
    background-color: #6D2105;
}