яstrong { font-weight: bold; }
em { font-style: italic; }


h1.title {
    font-family: PTSansCaptionBold, Verdana, Arial, Helvetica, sans-serif;
    Font-size: 2.5em;
    Line-height: 1.15em;
    text-transform: uppercase;
    Text-align: left;
    color: #263238;
}

H1.article {
    font-family: PTSansCaptionBold, Verdana, Arial, Helvetica, sans-serif;
    Font-size: 1.5em;
    Line-height: 1em;
    Text-align: left;
    color: #263238;
    margin: 1em 0 .6em 0;
}

H2.article {
    font-family: PTSansCaptionBold, Verdana, Arial, Helvetica, sans-serif;
    Font-size: 1.3em;
    Line-height: 1.3em;
    Text-align: left;
    color: #263238;
    margin: 1.3em 0 .7em 0;
}

H3.article {
    font-family: PTSansCaptionBold, Verdana, Arial, Helvetica, sans-serif;
    Font-size: 1.1em;
    Line-height: 1.2em;
    Text-align: left;
    color: #263238;
    margin: 1.3em 0 .5em 0;
}

p.topic {
    font-family: PTSerifRegular, "Times New Roman", Georgia, Serif;
    Font-size: 1.17em;
    Line-height: 1.3em;
    Text-align: justify;
    color: #455157;
    margin: 1.5em 0 1.5em 0;
}



P.article, LI.article {
    font-family: PTSerifRegular, "Times New Roman", Georgia, Serif;
    Font-size: 1.032em;
    Line-height: 1.35em;
    Text-align: justify;
    color: #263238;
    margin: 0 0 0.7em 0;
}
P.article_author {
    font-family: PTSerifRegular, "Times New Roman", Georgia, Serif;
    Font-size: .93em;
    Line-height: 1.25em;
    Text-align: left;
    color: #455157;
    width: 70%
}
P.article_poem {
    font-family: PTSerifRegular, "Times New Roman", Georgia, Serif;
    Font-size: 1.04em;
    Line-height: 1.3em;
    Text-align: left;
    color: #263238;
    margin: 0 30% 0.7em 30%;
}
P.article_poem_divider {}

A { color: #0277bd; }
A:hover { color: #CC0000; }

P.article ACRONYM {
    background-color: #FFFAD9;
    border-bottom: 1px DASHED #FFDF0C;
    cursor: HELP;
    text-decoration: none;
    padding: 0 0.2em;
}

P.epigraph {
    font-family: PTSerifRegular, "Times New Roman", Georgia, Serif;
    Font-size: 1em;
    Line-height: 1.3em;
    Text-align: right;
    font-style: italic;
    margin: 0 0 1.5em 0;
}

P.illustration {
    font-family: PTSerifRegular, "Times New Roman", Georgia, Serif;
    Font-size: .9em;
    Line-height: 1.2em;
    Text-align: center;
    color: #546e7a;
    margin: 1.5em 0;
}
P.illustration img {
    margin-bottom: .6em;
    max-width: 100%;
}

BLOCKQUOTE.article, BLOCKQUOTE p.article {
    font-family: PTSerifRegular, "Times New Roman", Georgia, Serif;
    Font-size: 1.04em;
    Line-height: 1.3em;
    color: #263238;
    BackGround-color: #F1F7E0;
    BORDER-LEFT:4PX SOLID #92C924;
    padding: 1em;
    margin: 1.5em 0;
}




/* ТАБЛИЦЫ */

P.table_title {
    font-family: PTSansCaptionBold, Verdana, Arial, Helvetica, sans-serif;
    Font-size: 1.1em;
    Line-height: 1.2em;
    Text-align: center;
    color: #263238;
    margin: 1.5em 0 0 0;
}

TABLE.article-table {
    margin: 1.5em auto;
    Border-color: #DBDBDB;
    Border-style: solid;
    Border-width: 1px;
    Width: 100%;
    BORDER-COLLAPSE:COLLAPSE;
}
TABLE P {
    font-family: PTSerifRegular, "Times New Roman", Georgia, Serif;
    Font-size: 1em;
    Line-height: 1.25em;
    color: #263238;
}
TD.article-tr, TH.article-th {
    font-family: PTSerifRegular, "Times New Roman", Georgia, Serif;
    Font-size: 1em;
    Line-height: 1.25em;
    color: #263238;
    Border-color: #DBDBDB;
    Border-style: solid;
    Border-width: 1px;
    padding: .5em;
}
TH.article-th {
Font-weight: normal;
Text-align: left;
BackGround-color: #F6F6F6;
}


/* РАЗДЕЛИТЕЛИ */


hr.title {
    border: none;
    border-top: 7px solid #263238;
    margin: 1em 85% 1.5em 0;
}

hr.article {
    border: none;
    border-top: 1px dotted #96a3a9;
    margin: 1em 0 1.5em 0;
}

/* ДАТА ПУБЛИКАЦИИ И СВОЙСТВА */

p.magazine-info {
    font-family: PTSansCaption, Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
    text-align: left;
    line-height: 3em;
    color: #78909c;
    text-transform: uppercase;
    margin-bottom: 3em;
}
a.magazine-button {
    color: #78909c;
    text-decoration: none;
/*    display:block;*/
        line-height: 1.2em;
}
a.magazine-button:hover {
    color: #c00;
    text-decoration: underline;
}

a.rubrica-button {
    font-size: .85em;
    text-decoration: none;
    border-radius: 15px;
    color: white;
    background-color: #00838f;
    padding: 0.3em 1.2em;
    margin-right: 1em;
}
a.rubrica-button:hover {
/*    color: #00838f;*/
    background-color: #c00;
}


span.article-date {
    font-family: PTSans, Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    color: #78909c;
    margin-left: 1em;
}


/* КНОПКИ */

p.article-button { 
    margin: 2em 0; 
    line-height: 2em;
    text-align: left;
}

a.article-button {
    font-family: PTSansCaptionBold, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    border-radius: 15px;
    border: 1px solid red;
    color: red;
    padding: 0.3em 1.5em;
    margin: 0 0.4em 0 0;
}

a.article-button-pdf {
    border: 1px solid #ff5722;
    color: #ff5722;
}
a.article-button-pdf:hover {
    color: white;
    background: #ff5722;
}

a.article-button-doc {
    border: 1px solid #388e3c;
    color: #388e3c;
}
a.article-button-doc:hover {
    color: white;
    background: #388e3c;
}

a.article-button-epub {
    border: 1px solid #0277BD;
    color: #0277BD;
}
a.article-button-epub:hover {
    color: white;
    background: #0277BD;
}

/* ДОПОЛНИТЕЛЬНЫЕ ФАЙЛЫ */

.additional-files {
    Line-height: 1.3em;
    BackGround-color: #f1f5f7;
    BORDER-LEFT:4PX SOLID #FB8C00;
    padding: 1em;
    margin: 2em 0;
}
.file-item { margin: .7em 0; }
.file-item-img { width: 55px; }
.file-item-text {
    font-size: 1em;
    line-height: 1.15em;
    vertical-align: middle;
}
    .file-item-text a {
        color: #3b3b3b;
        text-decoration: underline;
    }
    .file-item-text a:hover {
        color: #CC0000;
/*        text-decoration: none;*/
    }



/* МОБИЛЬНАЯ ВЕРСИЯ */

@media screen and (max-width: 650px) {

    h1.title { Font-size: 1.7em; }
    hr.title { margin: 1em 60% 1.2em 0; }
    P.article_author { width: 100% } 
    p.topic { 
        Text-align: left; 
        font-size: 1.15em;
    }
    P.article { Text-align: left; }
    li.article { Text-align: left; }
    P.article_poem { margin: 0 0 0.7em 10%; }
    
    table.article-table { width: 100%; }
    
    span.article-date { margin-left: .3em; }
    
    a.magazine-button { display:block; }


}