События

Календарь событий с 1 по 15 января

Календарь событий с 15 по 31 декабря

Календарь событий с 1 по 15 декабря

Календарь событий с 15 по 30 ноября

Календарь событий с 1 по 15 ноября

Календарь событий с 15 по 31 октября

Календарь событий с 1 по 15 октября

Календарь событий с 15 по 30 сентября

Календарь событий с 1 по 15 сентября

Календарь событий с 15 по 31 августа

Календарь событий с 1 по 15 августа

Календарь событий с 15 по 31 июля

Календарь событий с 1 по 15 июля

Календарь событий с 15 по 30 июня

Календарь событий с 1 по 15 июня

Календарь событий с 15 по 31 мая

Календарь событий с 1 по 15 мая

Календарь событий с 15 по 30 апреля

Календарь событий с 1 по 15 апреля

Календарь событий с 15 по 31 марта

«Без поровёнки – никуда»: фольклорный ансамбль «Белозерье» и семейный клуб «Уклад»

Календарь событий с 1 по 15 марта

Андрей Кузнецов. К 90-летию художника Владимира Шагина

Календарь событий с 15 по 28 февраля

Календарь событий с 1 по 15 февраля

Премьера музыкального спектакля «ХосеКармен»

Календарь событий с 15 по 31 января

Выставка «Работы года» (IFA — Невский, 60)

«Линия жизни». Выставка Ирины Ярошевич

Календарь событий с 1 по 15 января

Календарь событий с 15 по 31 декабря

Жизнь как чудо. Монолог Юрия Мамлеева… К 90-летию писателя

Календарь событий с 1 по 15 декабря

Календарь событий с 15 по 30 ноября

Нгуен Тхюи Ань. Вьетнам читает Достоевского (К 200-летию писателя)

Календарь событий с 1 по 15 ноября

Петербург запомнит имя: Гедиминас Гелготас

Календарь событий с 15 по 31 октября

Календарь событий с 1 по 15 октября

Календарь событий с 15 по 30 сентября

Календарь событий с 1 по 15 сентября

Календарь событий с 15 по 31 августа

Чудо встречи. Памяти режиссёра Валентины Матвеевой

Календарь событий с 1 по 15 августа

Календарь событий с 15 по 31 июля

Календарь событий с 1 по 15 июля

Календарь событий с 15 по 30 июня

Календарь событий с 1 по 15 июня

Календарь событий с 15 по 31 мая

Календарь событий с 1 по 15 мая

Календарь событий с 15 по 30 апреля

Календарь событий с 1 по 15 апреля

КИНОПОКАЗЫ на «Союза печатников». Медленный просмотр

Календарь событий с 15 по 31 марта

Календарь событий с 1 по 15 марта

Выставка Елены Агафоновой «ГОРОД и ЛИЦА»

Мелвар Мелкумян на премию А.Пятигорского VIII сезона

Календарь событий с 15 по 28 февраля

Календарь событий с 1 по 15 февраля

Календарь событий с 15 по 31 января

Искусство Самиздата или искусство в Самиздате: научный семинар

Календарь событий с 1 по 15 января

Календарь событий с 15 по 31 декабря

Календарь событий с 1 по 15 декабря

Календарь событий с 15 по 30 ноября

Календарь событий с 1 по 15 ноября

Календарь событий с 15 октября по 1 ноября

Международный Творческий Фестиваль «Визит к Музам»

Календарь событий с 1 по 15 октября

Календарь событий с 15 сентября по 1 октября

Календарь событий с 1 по 15 сентября

Календарь событий с 18 по 30 августа

Выставка: 40 лет журналу «Женщина и Россия»

К 110-летию со дня рождения Ольги Берггольц из Вьетнама

Олег Анатольевич Коростелёв (1959 – 2020)

Календарь событий с 11 по 21 марта

Премия «Русофония» и Дни Русской Книги в Париже, 2020

Календарь событий с 28 февраля по 8 марта

Календарь событий с 12 по 26 февраля

Книжные черви. Чтение как образ жизни

Алексей Нестерук на премию А.Пятигорского VII сезона

Выставка фотографий Маши Ивашинцовой

Российские премьеры фильма Ксении Охапкиной «Бессмертный»

Еще одна возможность для россиян «открыть» Вьетнам

Персональная выставка Аллы Ивашинцовой

Пожар в соборе Парижской Богоматери

Ида Андреева. «Повесть о Киеу» в русских переводах и изданиях

Борис Валентинович Аверин (11 марта 1942 – 4 января 2019)

Всемирный философский конгресс в Пекине

Русская культура как «другое свое»

Ольга Соколова. Франция-Россия: «Воздух чист»

Памяти поэта Всеволода Рожнятовского

Презентация книги Кирилла Померанцева «Оправдание поражения»

Рыцарь искусства. Памяти Михаила Германа

Галина Синкевич. Рецензия на книгу

Памяти Анатолия Павловича Никитина

Живопись Дмитрия Д. Ивашинцова в библиотеке Алвара Аалто

Загрузить больше

.text-news
.block-title>span
{
    font-size: 30px;
    padding:15px 15px;
}
.video-fonts
{
    font-family: Oswald;
}
.arche {
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    /*display: inline;*/
}

li {
    float: left;
}
.bigbro {
    background-color: #333;
}
.centbox {
    display: table;
	margin: 0 auto;
	/*background-color: #333;*/
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #111;
}
}
.zgl{
    margin-top:-25px;
}
.zgl2{
    padding-top:-20px;
}

.bk-shelf-css
{
//Colors

@color1: #d1d8de; //top surface
@color2: #596c7c; //front edge
@color3: #ffffff; //page color

//Mixins

.box-shadow (@shadow1, @shadow2: transparent 0 0 0, @shadow3: transparent 0 0 0, @shadow4: transparent 0 0 0, @shadow5: transparent 0 0 0, @shadow6: transparent 0 0 0) {
    -webkit-box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
  	-moz-box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
		box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
}

.4-color-gradient (@colorStart, @colorStop1, @colorStop2, @colorEnd, @position1: 0%, @position2: 50%, @position3: 50%, @position4: 100%, @angle: 90deg, @oldangle1: left top, @oldangle2: right bottom, @iegradtype: 0) {
		background-image: -moz-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4); /*FF3.6+ */
		background-image: -webkit-gradient(linear, @oldangle1, @oldangle2, color-stop(@position1,@colorStart), color-stop(@position2, @colorStop1), color-stop(@position3,@colorStop2), color-stop(@position4,@colorEnd)); /*Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4);/* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4); /*IE10+ */
		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colorEnd}', endColorstr='@{colorStart}', GradientType='@{iegradtype}' )"; /* IE6-9 */
}

.2-color-gradient (@colorStart, @colorEnd, @position1: 0%, @position2: 100%, @angle: 90deg, @oldangle1: left top, @oldangle2: right bottom, @iegradtype: 0) {
		background-image: -moz-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*FF3.6+ */
		background-image: -webkit-gradient(@angle, @oldangle1, @oldangle2, color-stop(@position1, @colorStart), color-stop(@position2, @colorEnd)); /*Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*IE10+ */
		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colorEnd}', endColorstr='@{colorStart}', GradientType='@{iegradtype}' )"; /* IE6-9 */
}

.transform (@transform) {
		-webkit-transform: @transform;
		-moz-transform: @transform;
		-ms-transform: @transform;
		-o-transform: @transform;
}

//CSS

.shelf {
		display: block;
		position: relative;
		width: 60%;
		height: 20px;
  	margin: 0px auto 0;
//LESS Mixins
		.2-color-gradient (@color1, lighten(@color1, 10%), 0%, 100%);
		.box-shadow (0 2px 2px lighten(@color2, 10%), 0 4px 0 lighten(@color2, 30%), 0 20px 30px -8px #000000);
}

.bookend_left {
		display: block;
		position: absolute;
		left: -25px;
		top: -18px;
		width: 36px;
		height: 36px;
		background-color: @color3;
//LESS Mixins
		.transform (rotate(35deg));
}

.bookend_left:before {
		position: absolute;
		top: 31px;
		left: 17px;
		width: 20px;
		height: 10px;
		background-color: @color3;
		content:"";
//LESS Mixins
		.transform (rotate(-35deg));
}

.bookend_right {
		display: block;
		position: absolute;
		right: -25px;
		top: -18px;
		width: 36px;
		height: 36px;
		background-color: @color3;
//LESS Mixins
		.transform (rotate(-35deg));
}

.bookend_right:before {
		position: absolute;
		top: 31px;
		right: 17px;
		width: 20px;
		height: 10px;
		background-color: @color3;
		content:"";
//LESS Mixins
		.transform (rotate(35deg));
}

.shelf .reflection {
		display: block;
		position: absolute;
		top: 20px;
		left: 1px;
		width: 99.8%;
		height: 1px;
//LESS Mixins
		.4-color-gradient (rgba(255,255,255,1.0), rgba(255,255,255,0.5), rgba(255,255,255,1.0), rgba(255,255,255,0.7), 0%, 35%, 65%, 100%, 0deg, left top, right top);
}

h3{
    margin: 10;
}

img {
	box-shadow:10px 20px 50px rgba(0,0,0,0.25);
	height:200px;
	padding-left:50px
	margin: 0 10 100 100;
	position:absolute;
}

.book{
    float:center;
    text-align:center;
    padding-top:10px;
}
}//bk-shelf-css end

.book-cover-bk {
    margin: 10px;
    img {
	margin:10px;
	padding:0;
	height:250px;
	width:180px;
	padding: 20px;
	box-shadow:10px 20px 50px rgba(0,0,0,0.25);
	float:left;
}
    p {
        display:block;
        margin-left: 200px;
        padding-left: 50px;
        font-family: Oswald;
        font-size: 25px;
        padding-top: 35px;
        line-height: 25px;
    }
    @media only screen and (max-width: 600px) {

p { font-size: 1.2em; 
            margin-left: 120px;
        padding-left: 35px;
        }
        img {
	margin:10px;
	margin-top: 30px;
	padding:0;
	height:200px;
	width:130px;
	padding: 10px;
	box-shadow:10px 20px 30px rgba(0,0,0,0.25);
	float:left;
}

}
    .polka {
        width: 800dp;
        overflow: hidden;
        height: 300px;
        border-top: 2px solid;
    }
    a:hover {
        background-color:#332200;
    }
    br {
        margin:7px 0;
        display: block;
        line-height: 25px;
        content: " ";
    }
}//book-cover-bk end

//CSS-book-list-start
.booklist{
    
    * {margin: 0; padding: 0;}
 
div {
  margin: 20px;
}
 
ul {
  list-style-type: none;
  width: 500px;
}
 
h3 {
  font: bold 20px/1.5 Helvetica, Verdana, sans-serif;
}
 
li img {
  float: left;
  margin: 0 15px 0 0;
}
 
li p {
  font: 200 12px/1.5 Georgia, Times New Roman, serif;
}
 
li {
  padding: 10px;
  overflow: auto;
}
 
li:hover {
  background: #eee;
  cursor: pointer;
}

img {
	box-shadow:10px 20px 50px rgba(0,0,0,0.25);
	height:200px;
	padding-left:0px;
	margin: 10 10 100 100;
	position:relative;
}

}//Book-list-end

//authorpage - start
.authorpage40 {
.full-article-footer {
    border-top: 0px solid #E0DFDB;
}

.article-footer {
    padding: 20px 10px 10px 10px;
    min-height: 115px;
    display:table;
}

.avatar-module {
    display: table-cell; 
    vertical-align: middle;
}

.avatar-module img {
    border-radius: 50%!important;
    height: 200px;
    width: 200px;
    float: left;
    margin:50px 20px 20px 20px;
}

.avatar-logo img {
    border-radius: 50%!important;
    height: 60px;
    width: 60px;
    float: left;
    margin:0px 10px 0px 10px;
    border: 1px solid;
}

.article-footer p {
    line-height:1.5em;
    padding-left:15px;
}

a.author-link {
    font-size:25px;
    line-height:2em;
    color:#617a3a;
    text-decoration:none;
}

a.author-link:hover {
    color:#000000;
    text-decoration:none;
}

@media (max-width:750px) {
.article-footer {
display:inherit;
margin:0px;
}

.avatar-module {
display:inherit; 
vertical-align: none;
}

.avatar-module img {
margin-left: auto;
margin-right: auto;
display: block;
float:none;
margin-top:0px;
}

.article-footer p {
text-align:center;
padding-left:0px;
}
}
    
}
//authorpage - end

//two-col
.twocol{
    
    .wrapper {
        display: grid;
        grid-gap: 5px;
        //grid-template-columns: repeat(4, [col] 350px ) ;
        grid-template-columns: repeat(2, 507px);
        grid-template-rows: auto, auto;
        background-color: #fff;
        color: #fff;
    }

.box {
        background-color: #fff;
        color: #fff;
        border-radius: 0px;
        padding: 15px;
        font-size: 150%;

}

.box .box {
        background-color: #ccc;
        color: #fff;
    }
    
}
//twocol end

.bod {
    padding: 20px;
}
.auth-list {
    
    padding: 0;
    & > * {
        display: inline;
        &:after {
            content: ',';
        }
        &:last-child:after {
            content: '';
        }
    }
}