@font-face {
font-family: OpenSans-Light;
src: url("OpenSans-Light.ttf");
}

* {
	margin:0;
	padding:0;
	box-sizing: border-box;	
}

body {
	font-family:sans-serif;
	font-size:1em;
	background-color: #CED6E3;
	background-image: linear-gradient(to bottom, #CED6E3 100px, #EBEFF5 800px);
}



.page-footer {
        text-align:center;
        font-size:0.8em;
        margin-top: 10px;
}


.page-header {
	padding: 5px;
	background-color: #4F6D9C;
	background-image: linear-gradient(to bottom, #4F6D9C 0%, #6D89B3 100%);
}

.page-header .site-logo {
	height:100px;
	width:170px;
	empty-cells:show;
	cursor:pointer;
	float:left;
	text-align: center;
	line-height:100px;
}

.page-header .site-logo img {
	vertical-align: middle;
}

.page-header .main-title {
	height:100px;
	text-align:center;
	vertical-align:middle;
	color:white;
	margin-left: 180px;
	line-height: 100px;
}

.page-header .main-title .title {
	margin:0;
	font-size:3em;
	font-family:OpenSans-Light,sans-serif;
	vertical-align: middle;
}

.path {
	background-color: #1D2B43;
	background-image: linear-gradient(to bottom, #1D2B43 0%, #2B4161 20%, #1D2B43 100%);
	text-align: left;
	text-indent: 0pt;
	font-size: 1em;
	padding: 8px;
	color: white;
	margin-bottom:10px;
	margin-left:0;
}

.path .page-width {
	position: relative
}

.path .path-logo {
	position: absolute;
	height: 20px;
	top:0;
	bottom: 0;
	margin: auto;
	opacity: 0;
}

.path .path-to-top {
	position: absolute;
	height: 20px;
	top:0;
	bottom: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	cursor: pointer;
}

.path.stuck {
	position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;	    
}

.path.stuck .path-logo {
	opacity: 1;
}

.path.stuck .path-to-top {
	opacity: 1;
}

.path .path-menu {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.path.stuck .path-menu {
	margin-left: 30px;
	margin-right: 30px;
}




@media(min-width:935px) {

.page-width {
	max-width:980px;
	margin: auto;
}


.page-container .menu-part {
	position: absolute;
	width:170px;
}

.page-container .content-part {
	margin-left:180px;
	background-color: white;
	border-radius: 8px;
	padding: 8px;
	min-height:900px;
}

.main-page-news {
	width: calc(100% - 308px);
}

.main-page-social {
	width: 300px;
	float: right;
}


} /* @media(min-width=400) */




@media(max-width:934px) {

.page-width {
}


.page-container .menu-part {
	padding-left: 5px;
	padding-right: 5px;
}

.page-container .content-part {
	background-color: white;
	border-radius: 8px;
	padding: 8px;
	min-height:900px;
	margin-left: 5px;
	margin-right: 5px;
}

.content img {
	max-width:100%;
	height:auto;
}

.facebook-comments {
	display: none;
}

} /* @media(max-width=934) */

@media (min-width:451px) and (max-width:650px) {
.page-header .main-title .title {
	font-size:2em;
	overflow: hidden;
	white-space: nowrap;
}
.facebook-comments {
	display: none;
}
}


@media(max-width:450px) {
.page-header .main-title {
	padding-top: 1em;
}

.page-header .main-title .title {
	font-size:1.5em;
	line-height:1.5em;
}
.facebook-comments {
	display: none;
}
}



/* Left menu */


.left_english {
	background-image:url(bg_english.jpg);
	background-repeat:repeat-y;
	background-color:white;
	border-radius: 8px;
	height:18px;
	margin:0px 0px 5px 0px;
	cursor:pointer;
}

.left_russian {
	background-image:url(bg_russian.jpg);
	background-repeat:repeat-y;
	background-color:white;
	border-radius: 8px;
	height:18px;
	margin:0px 0px 5px 0px;
	cursor:pointer;
}

.left_submenu {
	margin:0px 0px 5px 0px;

}

.left_submenu_main {
	background-color: white;
	border-radius: 8px;
	padding: 5px;	
	font-size:0.9em;
	line-height: 1.3em;
}

.left_submenu_advert {
	padding: 5px 0px 5px 0px;	
	text-align:center;
}

.left_submenu_main a:link {
	text-decoration:none;
}
.left_submenu_main a:visited {
	TEXT-DECORATION:none
}
.left_submenu_main a:active {
	TEXT-DECORATION:none
}
.left_submenu_main a:hover {
	TEXT-DECORATION:underline
}



.content table tr td.table-image-comment {
	padding: 5px;
	border: 1px solid #CED6E3;
	background: #EBEFF5;
	text-align:center;
	text-indent:0pt;
	font-size:0.8em;
	vertical-align:top;
	border-radius: 8px;
}

.content table tr td.table-image-comment p {
	font-size:0.8em;
	text-align:center;
	text-indent: 0pt;
	margin-bottom:0;
}


.content {
	background: #FFFFFF;
	text-indent:0pt;
    vertical-align:top;	
    padding: 10px 10px 10px 10px;
}

.content center p {
	text-indent:0;
	text-align:center;
}

.content table[align="center"] {
	margin-left:auto; 
    margin-right:auto;
}

.content table tr td center p {
	text-indent:0;
	text-align:center;
}

.content p {
   margin-top:0px;
   margin-bottom:10px;
	font-size:1em;
	line-height: 150%;
	margin-left:0.5em;
	margin-right: 0.5em;
}

.content ol {
	margin-left: 40px;
}

.content ul {
	margin-left: 40px;
	margin-top:0px;
	margin-right:5px;
}

.content table tr td {
	font-size:0.8em;
	line-height: 150%;
}

.content table tr th {
	font-size:1em;
	line-height: 150%;
	font-weight: normal;
}

.content table tr td p {
    margin-top:0px;
    margin-bottom:10px;
/*	font-size:0.8em;*/
	line-height: 150%;
	margin-left:5px;
	margin-right:5px;
}

.content .simple-table {
	background-color:#6C9CE4;
}
.content .simple-table tr td {
	background-color:#FFFFFF;
}
.content .simple-table tr th {
	background-color:#FFFFFF;
}

.content h1 {
	font-size:2em;
	font-weight:bolder;
	text-align: center;
}

.content h2 {
	font-size:18pt;
	font-weight:bolder;
	margin-left:5px;
	margin-right:5px;
}

.content h3 {
	font-size:14pt;
	font-weight:bolder;
	margin-left:5px;
	margin-right:5px;
}

.content h4 {
	font-size:12pt;
	font-weight:bolder;
	margin-left:5px;
	margin-right:5px;
}

.content img {
	margin: 5px;
}

.content li {
	font-size:1em;
	line-height: 150%;
}

.content a:link {
	text-decoration: none;
}
.content a:visited {
	TEXT-DECORATION: none;
}
.content a:active {
	TEXT-DECORATION: none;
}
.content a:hover {
	TEXT-DECORATION: underline;
}

.content a.external {
	background: url(external-link.gif) center right no-repeat;
	padding-right: 13px;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap;
	vertical-align: bottom;
}

.content a.external#externalIgnore {
  background: white;
	padding-right: 0px;
}

.content hr {
	color:#6C9CE4;
	margin-left:50px;
	margin-right:50px;
}

.content .delimiter {
	height:2px;
	background-color:#4F6D9C;
	margin-left:50px;
	margin-right:50px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1px;
}

.content center {
	margin-bottom: 0.7em;
}

.content center small {
	font-size: 0.7em;
}


.content .content-deluxe { /* deprecated */
	padding: 0.5em;
	background:#CED6E3;
	background-image:linear-gradient(to bottom, #CED6E3 0%, #EBEFF5 3em);
	text-indent:0pt;
    font-size:initial;
	vertical-align:top;
	border-radius: 8px;
}

.content .content-deluxe p { /* deprecated */
	font-size:initial;
}

.content .content-deluxe ol { /* deprecated */
	margin-left: 40px;
}

.content .content-deluxe ul { /* deprecated */
	margin-left: 40px;
}

.content .content-deluxe .delimiter { /* deprecated */
	height:2px;
	background-color:#4F6D9C;
	margin-left:50px;
	margin-right:50px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1px;
}


.content .content-deluxe h1 { /* deprecated */
	font-size:14pt;
	font-weight:bold;
}

.content .main-page-row {
	margin-bottom:8px;
}

.content .main-page-row .main-page-cell { 
	padding: 0.5em;
	background:#CED6E3;
	background-image:linear-gradient(to bottom, #CED6E3 0%, #EBEFF5 3em);
	text-indent:0pt;
    font-size:initial;
	vertical-align:top;
	border-radius: 8px;
}


p.righttext {
	text-align:right;
}

.light-off-div {
	position:absolute;
	background-color:  rgba(6, 30, 66, 0.9);
	backdrop-filter: blur(10px);
}

.current-image-top-panel {
	background:#061E42;
	color: white;
	position:absolute; 
	width:100%; 
	height:34px; 
	text-align:center;
	line-height: 30px;	
	z-index: 2000;s
}

.current-image-close-button {
	cursor: pointer;
	background-image: url('/_template/close-cross.gif');
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:30px;
    background-repeat: no-repeat;
    background-position: center;	
}

.current-image-bottom-panel {
	background:#061E42;
	color: white;	
	position:absolute;
	bottom:0;
	width:100%;
	height:30px;
	text-align:center;
	line-height: 30px;
	z-index: 2000;
}

.current-image-next-button {
	position:absolute; 
	height:100%; 
	top:0; 
	bottom:0; 
	right:0; 
	width:60px; 
	margin:auto; 
	background-image: url('/_template2/arrow-right2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    opacity: 0.3;
    z-index: 1000;	
}

.current-image-next-button:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.current-image-prev-button {
	position:absolute; 
	height:100%; 
	top:0; 
	bottom:0; 
	left:0; 
	width:60px; 
	margin:auto; 
	background-image: url('/_template2/arrow-left2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    opacity: 0.3;
    z-index: 1000;	
}

.current-image-prev-button:hover {
	background-color: rgba(255, 255, 255, 0.2);
}



.image-win {
  position: absolute;
  background : #6C9CE4;
  border-style: solid;
  border-width: 1px;
  border-color: #B7CEF1;
	padding: 4px;
  text-align: left;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
}

.image-win .header {
	color: white;
	font-weight: bold;
	text-indent: 0;
	text-align:left;
	margin: 5px 5px 5px 5px;
	font-size: 10pt;
}

.image-win .header .htitle {
	padding-left: 2px;
	background: #6C9CE4;
	color: white;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

.image-win .header .close {
  background-image:url(close-cross.gif);
  background-repeat: no-repeat;
  width:12px;
  height:12px;
  float:right;
  margin-right:2px;
  cursor:pointer;  
}

.image-win .content {
	background: white;
	padding: 4px;
	text-indent: 0;
	text-align:center;
}


.path a:link {
	text-decoration: none;
	color: white;
}
.path a:visited {
	TEXT-DECORATION: none;
	color: white;
}
.path a:active {
	TEXT-DECORATION: none;
	color:white;
}
.path a:hover {
	TEXT-DECORATION: underline;
	color:white;
}

.content .newstext p {
	text-indent: -80px;
	margin-left: 80px;
	padding-left:5px;
	padding-right:5px;
}

/**
 * 	deprectated
 */
.zoom-stream {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: justify;
	text-indent: 0px;
}

.photostream {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: center;
	text-indent: 0px;
}

.photostream .item {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 5px;
	font-size: 0.8em;
}

.photostream .item img {
	display: block;
	margin: auto;
}

.photostream.photostream-simple div {
	display: inline-block;
	background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
}

.content td p {
	text-align: left;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}



.single-artwork {
	text-align: center;
	margin-bottom: 1.2em;
}

.single-artwork .title {
	margin-top: 6pt;
	font-weight: bold;
}

.single-artwork div {
	margin-top: 6pt;
}

.facebook-comments {
	text-align: center;
}


/* Classes of index pages of sections */

.index-list {
	text-align: center;
}

.index-list div {
	display: inline-flex;
	vertical-align: top;
	justify-content: center;
	width:120px;
	min-height: 120px;
	margin: 5px;
	font-size: 0.8em;
	overflow: hidden;
	position: relative;
}

.index-list div img {
	display: block;
	margin: auto;
	flex: none;
	border-radius: 10px;
}

.index-list.folder-list div {
	height: 120px;
	min-height: auto;
}

.index-list.folder-list div img {
	border-radius: 10px;
}

.index-list div .icon-folder {
	background-image: url('/_template2/icon-folder-white-24.png');
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: 16px;
    right: 8px;
}

.index-list div .icon-folder-shadow {
	background-image: url('/_template2/icon-folder-black-24.png');
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: 16px;
    right: 8px;
    filter: blur(1.5px);
}

.index-list.folder-up {
	text-align: left;
	padding-left: 50px;
	margin-bottom: 10px;
}

.index-list.folder-up a, .index-list.folder-up a:visited {
	color: #0000ee;
	text-decoration: none; 
	opacity: 0.5;
	font-weight: 600;
}

.index-list.folder-up a:hover {
	color: #0000ee;
	text-decoration: none; 
	opacity: 1;
}


/* Classes of main page */
.main-page-news-date {
	font-size: 0.7em;
	font-weight: bold;
	color: #707090;
	margin-left:0.7em;
	margin-right:0.5em;
}

.main-page-message {
	margin-bottom:8px;
	margin-left:0.5em;
	margin-right:0.5em;
}




.content table.common-table {
	border-collapse: collapse;
	border: 1px solid #4F6D9C;
}

.content table.common-table th {
	border: 1px solid #4F6D9C;
	padding: 0 1em 0 1em;
	font-weight: bold;
	background-color: #CED6E3;
}

.content table.common-table td {
	border: 1px solid #4F6D9C;
	padding: 0 1em 0 1em;
}

/* News cards */

.main-page-cards .card{
    height: 200px;
}

.news-page-cards .card{
    height: 100px;
}

.cards {
    display: flex;
    flex-wrap: wrap;
    /*box-sizing: broder-box;*/
    justify-content: space-between;
    margin-left: -4px;
    margin-right: -4px;
}

.card {
    position:relative; 
    overflow:hidden; 
    width: 300px;
    height: 200px; 
    border-radius: 5px;
    display: inline-flex;
    flex-grow: 1;
    margin: 4px;
    
    background: #CED6E3;
    background-image: linear-gradient(to bottom, #CED6E3 0%, #EBEFF5 3em);
    background-position: center center; 
    background-size: cover;    
}

.card .card-content {
    position: absolute;
    left:0; 
    bottom:0;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    padding: 8px;
    pointer-events: none;
    min-height:64px;
    backdrop-filter: blur(10px);
}

.card .card-content .card-content-date {
    color: white;
    font-size: 0.7em;
    pointer-events: none;
}

.card .card-content .card-content-text {
    color: white;
    pointer-events: none;
}

.card .card-link-area {
    position:absolute; 
    width:100%; 
    height:100%;
    background-color: #4F6D9C;
    opacity: 0.1;
}

.news-page-items .news-item {
	margin-bottom: 10px;
}

.news-page-items .news-item .news-item-date {
	font-size: 0.75rem;
}