BODY {FONT-FAMILY: Verdana; FONT-SIZE: 14px; }


.item-wr a, a.gallery, a.gallery:visited {text-decoration: none; color: #228B22;}
.item-wr a:hover,a.gallery:hover, a.gallery:active {text-decoration: none; color: #000000;}

A.menu {COLOR: #228B22; TEXT-DECORATION: none}
A.menu:hover {COLOR: #000000; TEXT-DECORATION: none}

/* кнопки списка страниц */
.pgbutt   {font-family: Verdana; font-size:15px; padding:20px 20px; text-decoration: none;}
.pgbutt a {color: white; border: 1px #006400 solid; width:10px; padding:9px 12px; background: #228B22;
           -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration: none;}
.pgbutt a:hover   {color: black; border: 1px #006400 solid; background: #3CB371;}
.pgbutt a:visited {border: 1px #006400 solid; TEXT-DECORATION: none;}

.knopka{
    background-color: #228B22;
    border: none;
    color: white;
    padding: 5px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /*Safari*/
    transition-duration: 0.4s;
    cursor: pointer;
}

.knopka-red {background-color: white; color: black; border: 2px solid #228B22;}
.knopka-red:hover {background-color: #228B22; color: white;}

/*  Стили кнопок УДАЛИТЬ и РЕДАКТИРОВАТЬ */
.del {float:left; margin: 0 15px 15px 0; border:#f00 solid 5px; width:15px;height:15px; padding:1px; text-align:center;}
.edit {float:left; margin: 0 15px 15px 0; border:#0F0 solid 5px; width:15px;height:15px; padding:1px; text-align:center;}

/* Здесь ниже задаётся стиль для ссылок - все ссылки в квадратиках обведённых нежным оттенком основного цвета 
.pgbutt a {font-family: Verdana; padding-top:2px;padding-bottom:2px;
text-decoration: none; border: 1px #FF8000 solid; background: #FEF7E9; padding:1px 4px 1px 4px; margin: 5px 1 0 0;
 -moz-border-radius: 4px;
 -khtml-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;}*/

.maininput {WIDTH: 200px; color: 000000; border: #808080 1 solid;}
.simpleok {WIDTH: 50px; background-color: cccccc; color: 000000; font-weight: bold; border: #808080 1 solid;}
.longok {WIDTH: 130px; background-color: cccccc; color: 000000; border: #808080 1 solid;}

.toptable {FONT-SIZE: 12px; background: #FF9B04}

.small {FONT-SIZE: 12px;}

TD {FONT-SIZE: 13px}
TD.menu {FONT-SIZE: 13px; FONT-WEIGHT: bold}
TD.main {FONT-SIZE: 13px; FONT-WEIGHT: bold}
TABLE.seredina {background: #FFFFFF}

TABLE.bakfon {background: #FFCD95}
TR.vip {background: #FFF5DD}
TR.row1 {background: #FFFFFF}
TR.row2 {background: #FFF5DD}







/*   22-10-2018 для главной адаптивные таблицы   */

/* ------------- Контейнер с адаптивными блоками------------- */
.masonry {
    margin: 1.5em 0;
    padding: 0;
    column-gap: 1.5em; /* Общее расстояние между колонками */
    font-size: .85em;
    -moz-column-gap: 1.5em; /* Расстояние между колонками для Firefox */
    -webkit-column-gap: 1.5em; /* Расстояние между колонками  для Safari, Chrome и iOS */
}
 
/* Элементы в виде плиток с содержанием */
.item-wr {
    display: inline-block;
    background: #EEE8AA;
    padding: 1em;
    margin: 0 10 1.5em;
    width: 250px;
    min-height: 400px;
    box-sizing: border-box; /* Изменения алгоритма расчета ширины и высоты элемента.*/
    -moz-box-sizing: border-box; /* Для Firefox */ 
    -webkit-box-sizing: border-box; /* Для Safari, Chrome, iOS иAndroid */ 
    box-shadow: 2px 2px 4px 0 #ddd; /* Внешняя тень плиток */
}
 

/* Стили ссылок внутри плиток */
.item-wr a {
text-decoration: none;
margin: 0 10px;
}
 
/* Стили ссылок при наведении */
.item-wr a:hover {
border-bottom: 1px dotted #9F1D35;
}
 
/* Стили картинок, видое и фреймов внутри адаптивных плиток */
img, iframe {
max-width: 100%;
height: auto;
display: block;
}
 
/* Медиа-запросы для различных размеров адаптивного макета */
@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}
 
@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
 
@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
 
@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
 
@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}

/* div'ы для выравнивания по левому краю или по правому */
div.tools {position: releative; background-color: #98FB98; max-width: 98%; min-height:80px; margin: 0; bottom: 0}
div.wrapper {margin: 0 auto; min-width:320px; height:150px;}

div.left {float:left;}
div.right  {float:right;}

div.left_block {float:left;}
div.right_block  {float:left; max-width:1000px; min-width:244px; height:150px; text-align:center;}
div.right_block2 {float:right; text-align:center; height:150px;}



/* 5) Стиль для блока загрузки - ДАЛЕЕ >>> */
#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {border:3px solid rgb(34,44,50); height:100%; width:100%; position:relative; left:-50%; top:-50%; padding:4px 3px;}
#cssbar-whitespace {overflow:hidden; height:100%; width:100%; margin:0 auto; overflow:hidden; position:relative;}
#cssbar-line {background-color:rgb(34,44,50); position:absolute; height:100%; width:100%; animation:cssbar-slide 4s steps(40) infinite;
 -o-animation:cssbar-slide 4s steps(40) infinite; -ms-animation:cssbar-slide 4s steps(40) infinite;
 -webkit-animation:cssbar-slide 4s steps(40) infinite; -moz-animation:cssbar-slide 4s steps(40) infinite;}
@keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}} @-o-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}}
@-ms-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}} @-webkit-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}}
@-moz-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}}


/* КОММЕНТАРИИ красиво с подсветкой 09-2019 */
.blockquote-1 {
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    margin: 5px 5px 5px 5px;
    padding: 10px 10px;
	min-height:50px;
  position: releative;
    font-size: 14px;
	text-align: left;
    background: #efefef;
    color: #000;
    font-style: italic;
}
.blockquote-1::before {
    border: 14px solid transparent;
    border-top: 14px solid #efefef;
    border-bottom: 0;
    height: 0;
    width: 0;
    border-top-width: 25px;
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    transform-origin: center;
    transform: rotate(180deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
    position: absolute;
    bottom: -24px;
    left: 62px;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    color: #000;
}






/* импорт из второго файла стилей. Есть сворачивающееся меню. Удалить дубли */ 

*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html,body{margin:0}
#content{margin:0 auto;position:relative;max-width:980px}
header{height:130px;background:url(header.jpg) no-repeat left top #006400}
section{position:relative;display:table-cell}
article,aside{padding:10px}
article{width:100%;text-align:justify}
aside{text-align:center}
footer{min-height:30px;padding:0;background:url(bg.jpg) no-repeat left top #006400}
footer p{margin:0;padding:8px 0;text-align:center;font-size:smaller;color:#aaa}
footer a{color:#ccc}
footer a:hover{color:#fff}
img{border:0}
article img,input[type=image]{max-width:90%;display:block;margin:0 auto;padding:20px 0}
h1,h2{width:100%;padding:10px;margin:0;font-size:1.5em;text-align:center;color:#CCC;background:url(bg.jpg) no-repeat left top #006400}
h3{color:#888;font-size:2.5em;font-weight:bold;padding:20px;margin:0;color:#606060}
#link_menu{float:left;width:220px;height:130px;margin:0;padding:0}
a.watermark{width:220px;height:110px;display:block}
a.watermark:hover{width:220px;height:110px;display:block;background:url(header-watermark.jpg)}
a.algid{width:220px;height:20px;display:block}
a.algid:hover{width:220px;height:20px;display:block;background:url(header-algid.jpg)}
#lang_menu{position:absolute;top:0;right:0;width:50px;height:86px;margin:0;padding:0}
#lang_menu img{width:25px;height:17px;margin:15px 15px 0 15px}
@media screen and (min-width:720px){section{display:block;overflow:hidden;padding-right:356px}
article{float:right;width:100%}
aside{float:right;width:356px;margin-right:-356px;position:relative;right:-100%}
}
#ad_menu{height:130px;margin-left:270px;padding:0}
nav input[type=checkbox]{position:absolute;top:-9999px;left:-9999px}
nav label{display:none;cursor:pointer;user-select:none}
nav[role="navigation"]{width:100%;height:40px;margin:0;padding:86px 0 0 0}
nav[role="navigation"] a,nav[role="navigation"] label{color:#ccc;text-decoration:none;font:1.3em sans-serif;transition:color .3s ease-in-out}
nav[role="navigation"] a{padding:8px 0;display:block}
nav[role="navigation"] ul{padding:0;margin:0 auto;width:100%;list-style:none}
nav[role="navigation"] ul>li{float:left;padding:0;width:20%;text-align:center}
nav[role="navigation"] ul>li:hover{background-color:rgba(0,0,0,0.3);color:#fff}
nav[role="navigation"] ul>li:hover>a{color:#fff}
@media screen and (max-width:720px){nav[role="navigation"] ul{display:none;height:100%}
nav[role="navigation"] label{position:relative;display:block;width:100%;min-height:2.25em;padding:.45em;font-size:1.1em;margin:0}
nav[role="navigation"] label:after{position:absolute;right:.25em;top:0;content:"\2261";font-size:1.8em}
nav[role="navigation"] input[type=checkbox]:checked ~ label:after{color:#666}
nav[role="navigation"] input[type=checkbox]:checked ~ ul{display:block;position:absolute;left:0;z-index:10}
nav[role="navigation"] input[type=checkbox]:checked ~ ul>li{width:100%;opacity:.9;text-align:center;background:#006400}
}
label{display:block;width:80%;margin:0 auto;padding:10px 0;text-align:left}
input[type=email],input[type=number],input[type=checkbox],input[type=file],input[type=text],textarea,select{width:100%}
textarea{height:100px}
input:not(:focus):invalid,textarea:not(:focus):invalid,select:not(:focus):invalid{background-color:#ffd9d9}
input:not(:focus):valid,textarea:not(:focus):valid,select:not(:focus):valid{background-color:#d9ffd9}
#buttons{display:block;width:80%;margin:0 auto;text-align:center}
#buttons img{display:inline-block;margin:0 auto;padding:0}
input[type=submit],input[type=reset]{padding:10px;margin:10px}
.post{width:100%;margin:10px 0;padding:10px;overflow:hidden}
.post img{float:left;margin:0 10px -15px 0;display:block}
.post h2{background:0;padding:0;color:#606060}
.post a{text-decoration:none}
dl{text-align:justify}
dt{font-weight:bold;padding:5px 0}
dd{padding:5px 0}



/* 10-2019 кнорки вперёд-назад вернуться и для оформления */

.wr_knopki { border: 3px solid; display: block; font-size: 18px; line-height: 10px;
 padding: 10px; text-align: center; text-transform: uppercase; }

.wr_knopki:hover {text-decoration: none !important;}

.wr_knopki.red {color: #eb2116 !important;}
.wr_knopki.yellow {color: #FFD700 !important;}
.wr_knopki.green {color: #09b767 !important;}
.wr_knopki.purple {color: #800080 !important;}
.wr_knopki.blue {color: #1e83d6 !important;}
.wr_knopki.dark {color: #4e5a77 !important; }

.wr_knopki.red:hover {background-color: #eb2116 !important; color: #fff !important;}
.wr_knopki.green:hover {background-color: #09b767 !important; color: #fff !important;}
.wr_knopki.yellow:hover {background-color: #FFD700 !important; color: #fff !important;}
.wr_knopki.purple:hover {background-color: #800080 !important; color: #fff !important;}
.wr_knopki.blue:hover { background-color: #1e83d6 !important; color: #fff !important;}
.wr_knopki.dark:hover { background-color: #4e5a77 !important; color: #fff !important;}
 
/* .wr_block{	float: left;  margin:auto; width:150px; position: relative; min-height: 1px; padding: 1px;}*/
.wr_block {
margin:10pt;
padding:10pt;
display:inline-block;
vertical-align: middle;}