/* HTML5 display-role reset for older browsers */
article, details, header, footer, menu, nav, col1, .headlogo, .line1, .addlink, .doplink {
display: block;
}
html, body, div {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}
h1, h2, h3 {display: block}
#container {
line-height: 1;
position: relative;
margin: 0 auto;
font: 17px/20px Times New Roman;
}
#header {padding: 25px;}
.headlogo {
position: inherit;
padding-bottom: 10px;
margin-right: 20px;
}
.headlogo:hover {opacity: .9;}
#footer {
color: #808080;
width: 100%;
background-color: #F4F4F4;
margin-top: 20px;
padding: 10px;
}
#footer p {
font: 8pt/10pt Trebuchet MS;
letter-spacing: 0.2px;
}
#footer p a, #footer p a:link, #footer p a:visited {
color: #808080;
}
#footer a:hover {
color: #FF4000;
}
.col1, .col2, .col3 {
margin: 0px;
width: 100%;
border-top: 1px dotted #ccc;
float: left;
}
.text {
font-family:Times New Roman Cyr, Times New Roman;
font-size:13.5pt;
line-height:17pt;
padding:5px;
margin-left:50px;
margin-right:50px;
margin-top:40px;
margin-bottom:20px;
}
/* 1 колонка */
#header .headlogo {display: block}
#header .headmenu {float: left; display: inline}
#header .credotext {
width: 100%;
}
#header .head-search {
display: inline-block;
float: left;
padding-top: 5px;
}
.text {margin-left: 25px;}
/* 2 колонки */
@media screen and (min-width: 480px) {
.col1, .col2 {width: 50%;}
.col1 {border-right: 1px dotted #ccc;}
.col3 {width: 100%;}
#container {width: 100%;}
#header .headlogo {float: left}
#header .headmenu {float: left; display: inline}
#header .credotext {
width: 100%;
}
#header .head-search {
display: inline-block;
float: left;
padding-top: 5px;
}
.text {margin-left: 25px;}
}
/* 3 колонки минимум */
@media screen and (min-width: 980px) {
.col1, .col2 {
width: 33.33%;
border-left: none;
}
.col3 {
width: 33.33%;
border-left: 1px dotted #ccc;
}
#container {width: 100%;}
#header .headlogo {float: left;}
#header .headmenu {float: right; display: inline}
#header .credotext {
width: 63%;
}
#header .head-search {
display: inline-block;
float: right;
padding-top: 10px;
}
.text {margin-left: 50px;}
}
/* 3 колонки максимум */
@media screen and (min-width: 1100px) {
.col1, .col2 {
width: 33.33%;
border-left: none;
}
.col3 {
width: 33.33%;
border-left: 1px dotted #ccc;
}
#container {width: 1100px;}
#header .headlogo {float: left;}
#header .headmenu {float: right;}
#header .credotext {
width: 66%;
}
#header .head-search {
display: inline-block;
float: right;
padding-top: 10px;
align: right;
}
.text {margin-left: 50px;}
}
.credotext {
margin-left: 0px;
padding-right: 10px;
font-family: Trebuchet MS;
font-size: 10.5pt;
line-height: 14pt;
color: #606060;
display: inline-block;
}
.spectext {
font-family: Trebuchet MS;
font-size: 10pt;
color: #404040;
}
.line2 {display: inline-block}
.layout {overflow: hidden;}
.maintext {margin-top:60px;}
.headmenu {
font-family:Trebuchet MS, Arial;
font-size: 16px;
margin-top: 10px;
margin-bottom: 5px;
align: right;
}
.headmenu li {
font-family:Trebuchet MS, Arial;
font-size: 16px;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
.headmenu a:link, .headmenu a:visited, .footmenu a:link, .footmenu a:visited {
color: #404040;
text-decoration: none;
}
.headmenu a:hover, .footmenu a:hover {
color: #FF4000;
text-decoration: none;
}
.headmenu {padding-left:0};
.emvideo {
position: relative;
padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
padding-top: 0px;
height: 0;
overflow: hidden;
}
.emvideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#columnheader {font-family:Times New Roman Cyr, Times New Roman; font-size:15pt; color:#606060; padding:10px; margin-top:0px; font-weight:bold}
#columnheader2 {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; color:#606060; margin-top:15px; margin-bottom:4px; margin-left:10px; font-weight:bold}
#columntext {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; color:#606060; margin-top:5px; margin-bottom:10px; margin-left:10px}
#comments {font-family:Times New Roman Cyr, Times New Roman; font-size:10pt; font-weight:normal}
#small {font-family:Times New Roman Cyr, Times New Roman; font-size:10pt}
#butt {font-family:Verdana; font-size:8pt; font-weight:bold}
#tablelogin {border:1px dotted #808080; width:180; text-align:center; margin-right:10px; margin-top:10px}
#tablediary {margin-right:10px}
#printver {font-family:Verdana; font-size:12px; padding:0px; margin-left:10px; margin-right:30px; text-align:left}
#title {font-family:Times New Roman Cyr, Times New Roman; font-size:18pt; padding:5px; margin-top:20px; margin-left:20px; font-weight:bold; color:#606060}
#titleauthor {font-family:Times New Roman Cyr, Times New Roman; font-size:16pt; padding:5px; margin-bottom:30px; margin-left:20px; font-weight:bold;}
#text {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; padding:5px; margin-left:50px; margin-right:50px; margin-top:40px; margin-bottom:20px}
#copyright {font-family:Times New Roman Cyr, Times New Roman; font-size:11pt; margin-left:20px; margin-top:10px; margin-bottom:10px}
#titlerec {font-family:Times New Roman Cyr, Times New Roman; font-size:16pt; padding:5px; margin-top:60px; margin-bottom:0px; margin-left:15px; font-weight:bold; color:#606060}
#textlink {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-top:5px; margin-bottom:20px; margin-left:20px; margin-right:20px}
#rec {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; padding:10px; margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:5px; background:#FFF0E0}
#recstihi {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; padding:10px; margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:5px; background:#FFF0E0}
#recproza {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; padding:10px; margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:5px; background:#F0FFF0}
#notesline {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:10px; margin-top:0px; margin-bottom:0px; margin-left:10px; margin-right:5px}
#notes {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; padding:10px; margin-top:10px; margin-bottom:10px; margin-left:100px; margin-right:5px; background:#F0F0F0}
#anonses {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; padding:10px; margin-top:20px; margin-bottom:20px; margin-left:10px; margin-right:5px; background:#F0F0F0}
#calendar {font-family: Verdana, Arial, Helvetica; font-size: 8pt};
#header1 {font-family:Times New Roman Cyr, Times New Roman; font-size:18pt; padding:5px; margin-top:20px; margin-left:20px; margin-bottom:5px; font-weight:bold; color:#606060}
#header2 {font-family:Times New Roman Cyr, Times New Roman; font-size:16pt; padding:5px; margin-top:20px; margin-bottom:10px; margin-left:20px; margin-right:0px; font-weight:bold; color:#606060}
#header3 {font-family:Times New Roman Cyr, Times New Roman; font-size:15pt; padding:5px; margin-top:20px; margin-bottom:10px; margin-left:20px; margin-right:0px; font-weight:bold; color:#606060}
#cite {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-left:40px; font-style: italic}
#margin {padding:5px; margin-top:5px; margin-left:20px; margin-right:20px; margin-bottom:5px}
#margins {padding:5px; margin-top:5px; margin-left:20px; margin-right:20px; margin-bottom:5px}
#diary {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-top:5px; margin-bottom:10px; margin-left:20px}
#diary A:link {text-decoration: none}
#diary A:visited {text-decoration: none}
#diary A:hover {text-decoration: underline;color: #FF0000}
#search {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:10px; margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:10px; background:#F0F0F0}
#diarycalendar {margin-left:20px; margin-right:10px}
#searchmarquee {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-top:5px; margin-bottom:20px; margin-left:20px; display:block; width:98%}
#textassist {font-family:Courier New Cyr, Courier New; font-size:12pt; width:450}
#recform {font-family:Courier New Cyr, Courier New; font-size:12pt; width:800}
#textform {font-family:Courier New Cyr, Courier New; font-size:12pt; width:800}
#textheader {font-family:Courier New Cyr, Courier New; font-size:12pt; font-weight:bold; width:800}
#loginsform {font-family:Courier New Cyr, Courier New; font-size:10pt; width:600}
#htmlcode {font-family:Courier New Cyr, Courier New; font-size:12pt; margin-left:20px; margin-top:10px; margin-bottom:10px}
#introform {font-family:Courier New Cyr, Courier New; font-size:12pt; width:800}
#rifmaul {display:inline; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0}
#rifmali {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; margin-left:20px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding:10px; display:inline; width:200}
#loginform {font-family:Verdana; font-size:9pt; margin-left:20px; margin-top:20px; margin-right:20px; background-color:#F8F8F8; border:1 solid #000000; position:absolute; top:40%; left:25%; width:30%; height:220; display:none}
#bookheader {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-top:5px; margin-bottom:0px; margin-left:20px; margin-right:20px; font-weight:bold; color:#606060;}
#resolution {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; padding:10px; margin-top:10px; margin-bottom:10px; margin-left:23px; margin-right:10px; width:1100px; background:#FCFCF0}
#answerslayer {POSITION:absolute; TOP:0; LEFT:0; Z-INDEX:80000; WIDTH:100%; visibility:hidden}
#piclayer {POSITION:absolute; TOP:70; LEFT:0; Z-INDEX:80000; WIDTH:100%; visibility:hidden}
#letterlayer {POSITION:absolute; TOP:100; LEFT:0; Z-INDEX:80000; WIDTH:100%; visibility:visible}
#anonslayer {POSITION:absolute; TOP:160; LEFT:0; Z-INDEX:80000; WIDTH:100%; visibility:visible}
h1 {font-family:Times New Roman Cyr, Times New Roman; font-size:20pt; line-height: 22pt; padding:5px; margin-top:15px; margin-left:20px; margin-bottom:5px; font-weight:bold; color:#606060}
h2 {font-family:Times New Roman Cyr, Times New Roman; font-size:16pt; line-height: 18pt; padding:5px; margin-top:20px; margin-bottom:5px; margin-left:20px; margin-right:20px; font-weight:bold; color:#606060}
h3 {font-family:Times New Roman Cyr, Times New Roman; font-size:15pt; line-height: 17pt; padding:5px; margin-top:20px; margin-bottom:5px; margin-left:20px; margin-right:20px; font-weight:bold; color:#606060}
P {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; line-height: 16pt; padding:5px; margin-left:20px; margin-right:20px; margin-top:5px; margin-bottom:5px}
DIV {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt}
TD {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt}
UL {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; margin-top:10px; margin-bottom:10px}
OL {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; margin-left:10px}
LI {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; margin-top:2px; margin-bottom:4px}
PRE {font-family: Times New Roman Cyr, Times New Roman; font-size:13pt}
INPUT {font-family: Verdana, Arial, Helvetica; font-size:10pt}
TEXTAREA {font-family: Verdana, Arial, Helvetica; font-size:10pt}
.letter {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-left:20px; margin-right:10px; margin-top:10px; margin-bottom:10px}
.answer {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:10px; margin-top:20px; margin-bottom:10px; margin-left:100px; margin-right:10px; background:#F0F0F0}
.titleauthor {font-family:Times New Roman Cyr, Times New Roman; font-size:16pt; padding:5px; margin-bottom:30px; margin-left:20px; font-weight:bold;}
.titleauthor a {text-decoration: none}
.copyright {font-family:Times New Roman Cyr, Times New Roman; font-size:11pt; margin-left:20px; margin-top:10px; margin-bottom:10px}
.titlerec {font-family:Times New Roman Cyr, Times New Roman; font-size:16pt; padding:5px; margin-top:60px; margin-bottom:0px; margin-left:15px; font-weight:bold; color:#606060}
.rec {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; ; line-height: 16pt; padding:15px; margin-top:10px; margin-bottom:10px; margin-left:15px; margin-right:10px; background:#FFF0E0}
.recstihi {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; ; line-height: 16pt; padding:15px; margin-top:10px; margin-bottom:10px; margin-left:15px; margin-right:10px; background:#FFF0E0}
.recproza {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; ; line-height: 16pt; padding:15px; margin-top:10px; margin-bottom:10px; margin-left:15px; margin-right:10px; background:#F0FFF0}
.bigdot {margin-top:3px; padding:5px; margin-bottom:5px}
.bigdot A:link {text-decoration: none}
.bigdot A:visited {text-decoration: none}
.bigdot A:hover {text-decoration: underline;color: #FF0000}
.notes {font-family:Times New Roman Cyr, Times New Roman; font-size:13.5pt; ; line-height: 16pt; padding:10px; margin-top:10px; margin-bottom:15px; margin-left:80px; margin-right:5px; background:#F0F0F0}
.notesline {font-family:Times New Roman; font-size:13pt; padding:10px; margin-top:0px; margin-bottom:0px; margin-left:10px; margin-right:5px}
.search {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:10px; margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:10px; background:#F0F0F0}
.searchmarquee {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-top:5px; margin-bottom:20px; margin-left:20px; display:block; width:98%}
.calendar {font-family: Verdana, Arial, Helvetica; font-size: 8pt}
.small {font-family:Times New Roman Cyr, Times New Roman; font-size:10pt}
.butt {font-family:Verdana; font-size:8pt; font-weight:bold}
.margins {padding:5px; margin-top:5px; margin-left:20px; margin-right:20px; margin-bottom:5px}
.textassist {font-family:Courier New Cyr, Courier New; font-size:11pt; width:450}
.textlink {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-top:5px; margin-bottom:20px; margin-left:20px; margin-right:20px}
.rightmenu {font-family:Arial;font-size:9pt;margin-left:0px}
.diary {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-top:5px; margin-bottom:10px; margin-left:20px}
.diary A:link {text-decoration: none}
.diary A:visited {text-decoration: none}
.diary A:hover {text-decoration: underline;color: #FF0000}
.diarytext {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-left:20px; margin-right:20px; margin-top:5px; margin-bottom:5px}
.bookheader {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-top:5px; margin-bottom:0px; margin-left:20px; margin-right:20px; color:#404040; font-weight:bold}
.anonses {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:10px; margin-top:20px; margin-bottom:20px; margin-left:15px; margin-right:10px; background:#F0F0F0}
.recform {font-family:Trebuchet MS, Courier New Cyr, Courier New; font-size:12pt; width:800}
.textform {font-family:Courier New Cyr, Courier New; font-size:12pt; width:800}
.textheader {font-family:Courier New Cyr, Courier New; font-size:12pt; font-weight:bold; width:800}
.loginsform {font-family:Courier New Cyr, Courier New; font-size:12pt; width:600}
.htmlcode {font-family:Courier New Cyr, Courier New; font-size:12pt; margin-left:20px; margin-top:10px; margin-bottom:10px}
.introform {font-family:Courier New Cyr, Courier New; font-size:12pt; width:800}
.cite {font-family:Times New Roman Cyr, Times New Roman; font-size:13pt; padding:5px; margin-left:40px; font-style: italic}
.answerslayer {POSITION:absolute; TOP:0; LEFT:0; Z-INDEX:80000; WIDTH:13pt; visibility:hidden}
A:hover {color: #FF3000}
SPAN.sel {background-color:#FFF0E0}
.cabinethead1 {
font-family: Trebuchet MS, Tahoma, Arial;
font-weight: 600;
font-size: 22px;
line-height: 24px;
letter-spacing: 0.8px;
color: #606060;
margin: 15px 10px 10px 20px;
}
.cabinethead1 a {
text-decoration: none;
color: #606060;
}
.cabinethead1 a:visited {
color: #606060;
}
.cabinethead1 a:hover {
color: #FF5000;
}
.helplink {
font-family: Trebuchet MS, Tahoma, Arial;
font-weight: 400;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.8px;
color: #404040;
margin: 15px 15px 10px 20px;
}
.cabinethead2 {
font-family: Trebuchet MS, Tahoma, Arial;
font-weight: 400;
font-size: 19px;
line-height: 22px;
color: #606060;
margin: 5px 10px 0px 20px;
}
.avtormenu {
font-family: Trebuchet MS;
font-size: 13px;
}
.avtormenu a {
text-decoration: none;
color: #404040;
}
.avtormenu a:visited {
color: #404040;
}
.avtormenu a:hover {
color: #FF5000;
}
.cabinetnews {
margin-bottom: 10px;
}
.columnhead {
font-family: Trebuchet MS, Tahoma, Arial;
font-weight: 600;
font-size: 27px;
line-height: 25px;
letter-spacing: 0.8px;
color: #505050;
margin: 20px 10px 10px 25px;
}
.columntitle {
font-family: Trebuchet MS, Tahoma, Arial;
font-weight: 600;
font-size: 20px;
line-height: 22px;
letter-spacing: 0.8px;
color: #505050;
margin: 20px 10px 5px 25px;
}
.toplink {
font-family: Trebuchet MS, Tahoma, Arial;
text-decoration: none;
}
.topref {
text-decoration: none;
}
.firstdotdiv {
border-top: 1px dotted #D0D0D0;
margin-top: 20px;
}
.toptext {
font-family: Trebuchet MS;
font-size: 11pt;
line-height: 15pt;
color: #606060;
margin: 0 10px 5px 25px;
padding: 0;
}
.poemlink {
font-size: 13pt;
line-height: 16pt;
color: #000080;
text-decoration: none;
}
.poemlink:visited {
color: #606060;
}
.poemlink:hover {
color: #FF5000;
}
.authorlink {
color: #303030;
text-decoration: none;
font-style: italic;
}
.authorlink:visited {
color: #606060;
}
.authorlink:hover {
color: #FF5000;
text-decoration: none;
}
.tvtext {
font-family: Trebuchet MS;
font-size: 10pt;
line-height: 14pt;
color: #606060;
}
.tvlink {
font-size: 10pt;
line-height: 14pt;
color: #000080;
text-decoration: none;
}
.recomlink {
color: #000080;
text-decoration: none;
}
.recomlink:visited, .tvlink:visited {
color: #606060;
}
.recomlink:hover, .tvlink:hover {
color: #FF5000;
text-decoration: none;
}
.nou {
text-decoration: none;
}
.headlink {
color: #404040;
text-decoration: none;
}
.headlink:visited {
color: #404040;
text-decoration: none;
}
.headlink:hover {
color: #FF4000;
text-decoration: none;
}
.footmenu {
font-family:Trebuchet MS, Arial;
font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 25px;
color: #404040;
}
.imgdiv img {
max-width: 100%;
height: auto;
}
.authorsphoto1 img {
max-width: 100%;
height: auto;
}
.footer {
font-family: Trebuchet MS;
font-size: 8pt;
line-height: 10pt;
letter-spacing: 0.2px;
font-weight: 300;
color:#808080;
padding:10px;
}
#authorsphoto {margin-left:25px; margin-top:10px; margin-right:20px; margin-bottom:0px; overflow:hidden; width:96%;}
.authorsphoto {margin-left:25px; margin-top:10px; margin-right:20px; margin-bottom:0px; overflow:hidden; width:96%; display: inline-block}
.authorsphoto img {width: auto; height: auto; max-height: 400px; max-width: 96%; overflow:hidden;}
#authorsphoto img {width: auto; height: auto; max-height: 400px; max-width: 96%; overflow:hidden;}
#cookie_note{
display: none;
position: fixed;
bottom: 30px;
left: 50%;
max-width: 90%;
transform: translateX(-50%);
padding: 20px;
background-color: white;
border-radius: 1px;
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie_note p{
margin: 0;
font-size: 0.8rem;
text-align: left;
color: black;
}
.cookie_accept{
width:20%;
padding-left:10px;
}
@media (min-width: 576px){
#cookie_note.show{
display: flex;
}
}
@media (max-width: 575px){
#cookie_note.show{
display: block;
text-align: left;
}
}