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.project {
    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.project {
    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.project {
    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.project, LI.project {
    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.project_author {
    font-family: PTSerifRegular, "Times New Roman", Georgia, Serif;
    Font-size: .93em;
    Line-height: 1.25em;
    Text-align: left;
    color: #455157;
    width: 70%
}
P.project_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.project_poem_divider {}

A { color: #0277bd; }
A:hover { color: #CC0000; }

P.project 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.project, BLOCKQUOTE p.project {
    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.project-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.project-tr, TH.project-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.project-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.project {
    border: none;
    border-top: 1px dotted #96a3a9;
    margin: 1em 0 1.5em 0;
}

/* ДАТА ПУБЛИКАЦИИ И СВОЙСТВА */

p.project-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: 1.5em;
	display: none;
}

div.user-subtitle {
    font-family: PTSansCaption, Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
    font-style: italic;
    text-align: left;
    line-height: 1.2em;
    color: #a3c7d3;
    margin: 0.2em;

}

a.rubrica-button {
    font-size: .85em;
    text-decoration: none;
    border-radius: 15px;
    color: white;
    background-color: #00838f;
    padding: 0.3em 1.2em;
    margin-right: 0.5em;
    white-space: nowrap;
}
a.rubrica-button:hover {
/*    color: #00838f;*/
    background-color: #c00;
}


span.project-date {
    font-family: PTSans, Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    color: #78909c;
    margin-left: 1em;
}



/* ДОПОЛНИТЕЛЬНЫЕ ФАЙЛЫ */

.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;*/
    }


.radio_location{
	text-align: left;
	min-width: 250px;
	margin: auto;
}

/* МОБИЛЬНАЯ ВЕРСИЯ */

@media screen and (max-width: 650px) {

    h1.title { Font-size: 1.7em; }
    hr.title { margin: 1em 60% 1.2em 0; }
    P.project_author { width: 100% } 
    p.topic { 
        Text-align: left; 
        font-size: 1.15em;
    }
    P.project { Text-align: left; }
    li.project { Text-align: left; }
    P.project_poem { margin: 0 0 0.7em 10%; }
    
    table.project-table { width: 100%; }
    
    span.project-date { margin-left: .3em; }
    
    a.btn { display:block; }


}


/* Модальное Окно*/
#overlay, #overlay2, #overlay3 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}
.popup {
    top: 25%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
	text-align: center;
}
.popup p{
	font-size: 1.5em;
	text-align: center;
}
/* анимация при появлении блоков с содержанием */
@-moz-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 } 
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
}


/*Блоки формы*/
.old_list{
	display: block;
    width: 100%;
    padding: .5em;
    margin: .1em 0;
    background-color: #EFEFFF;
    text-align: left;
    border: 1px solid #78909C;
    border-radius: 4px;
	
	font-family: PTSansCaptionBold, Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 0.9em;
    color: darkgrey;
    cursor: pointer;
}

.collapse-block-button {
    Font-Family: 'Circe-Regular', Verdana, sans-serif;
    Font-weight: normal;
    Font-size: 20px;
    line-height: 32px;
    Margin: 0 57px 15px 80px;
    color: #333333;
    text-align: left;
    cursor: pointer !important;
}

table.respondents {
    width: 90%;
    margin: 35px auto;
    min-width: 400px;
    max-width: 800px;
    display: block;
    overflow-x: auto;
}

table.respondents p.n_tool {
    Margin: 0 5px;
}
table.respondents th {
    background-color: silver;
    vertical-align: middle;
    padding: 10px;

}
table.respondents tr.even {
    background-color: #eeeeee !important;
}

p.n_tool {
    Font-Family: 'Circe-Regular', Verdana, sans-serif;
    Font-weight: normal;
    Font-size: 20px;
    line-height: 32px;
    Margin: 0 57px 15px;
    color: #333333;
    text-align: left;
    z-index: 10;
}

