BODY {FONT-FAMILY: Verdana; FONT-SIZE: 0.9em; line-height:2em;}

a, a:visited {text-decoration: none; color: navy;}
a:hover, a:active {text-decoration: underline; color: #93C4E1;}

.menu, A.menu {COLOR: navy; TEXT-DECORATION: none; margin:0;padding:0}
A.menu:hover {COLOR: #93C4E1; TEXT-DECORATION: underline; FONT-WEIGHT: bold}

h1 {font-size:1.5em; padding-top:10px;}
h2 {font-size:1.1em; margin:0px;}

.maxiinput {WIDTH: 99%; color: 000000; border: #808080 1 solid; padding:4px;margin:3px;}
.maininput {WIDTH: 200px; color: 000000; border: #808080 1 solid; padding:4px;margin:3px;}
.button, .miniinput {WIDTH: 70px; color: 000000; border: #808080 1 solid; padding:4px;margin:3px;}

.simpleok {WIDTH: 50px; height:18px; background-color: cccccc; color: 000000; font-weight: bold; border: #808080 1 solid;}
.longok {WIDTH: 99%;  padding:4px;margin:3px; font-weight: bold; background-color: cccccc; color: 000000; border: #808080 1 solid;}

.toptable {FONT-SIZE: 0.9em; background: #B3BEC3}

.small {FONT-SIZE: 0.8em;}

TR,TD {FONT-SIZE: 1em; line-height:1.2em;}

TABLE.bakfon {background: #AAAAAA}
TR.vip {background: #B8D8EB}
TR.row1 {background: #FFFFFF}
TR.row2 {background: #6495ED}






/* 10-2019 */

/* кнопки списка страниц */
.pgbutt   {font-family: Verdana; font-size:1em; padding:20px 20px; text-decoration: none;}
.pgbutt a {color: white; border: 1px #1E90FF solid; width:10px; padding:9px 12px; background: #1E90FF;
           -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 #1E90FF solid; background: #87CEFA;}
.pgbutt a:visited {border: 1px #1E90FF solid; TEXT-DECORATION: none;}

P {line-height: 1.5;}

/* резиновые стили и подсветка дива на rubrikator */

.one:hover, .dva:hover { background-color: #DDEEFF; }
.post { border-right: 1px solid #DDDDDD; float: left; display: block; position: relative; }

.post .time { background-color: #e6e6e6; text-transform: uppercase; font-size: 0.8em; position: absolute; bottom: 20px; right: 20px; padding: 0 5px; }
.one { width: 185px; height: 440px; overflow: visible; padding: 20px; border-top: 1px solid #e0e0e0;}
.dva { min-width: 200px; max-width: 250px; min-height: 350px; overflow: visible; margin:2px; padding: 20px; border: 1px solid #e0e0e0;}
.one,dva h2 { color: #000; TEXT-ALIGN:center}


/* -------- Ширина сайта в 1000px --------*/
 
#centr-info {
margin-top:20px;
border:0px;
width: 99%;
max-width:1800px;
min-width:320px;
margin: 0 auto;
height: auto !important;
}

/* БЛОК объявления с 10-2019 */

.box1 h2 {margin: 20px;	text-align:center; min-height: 60px;}
.box1 p {margin: 10px; text-align:left;outline: none;}
.div-left  {float:left;}
.div-right {float:right;}
.box1{display: inline-block; max-width: 900px; min-width: 300px; min-height: 100px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
border: 1px solid #AFEEEE; background-color:#F5F5F5; transition:box-shadow .25s;padding:20px;margin:10px;border-radius:20px;}
#line_block {width:250px; min-height:70px; background:#FFF;display: inline-block; margin: 0 15px 15px 0; text-align:center; padding: 10px;}
#line_block-big {width:92%; min-width:250px; display: inline-block;text-align:left; margin: 0 15px 15px 0; padding: 10px;}

/* РАЗРЕШЕНИЕ ЭКРАНА > 1280 размер блока где находятся главный контент и сайдбар*/

@media screen and (min-width:100px) and (max-width:1280px) {
body #centr-info {margin-top:40px; width: 90%; margin: 0 auto;}
body #shapka-verh {width:90%; margin:0 auto;}        /* размер шапки сайта*/
#centr-info #content #colLeft {width:60%;}     /* размер главного контента*/
#centr-info #content #colRight {margin-left:4%; width:35%;}  /* размер сайдбара*/
}


/* РАЗРЕШЕНИЕ ЭКРАНА <= 768  (ПРАВЫЙ БЛОК УГОНЯЕМ ВНИЗ)*/
@media screen and (min-width:100px) and (max-width:768px) {
#centr-info #colLeft {float:none; width:100%; margin-right:0px;}
#centr-info #colRight { margin-left:0px; margin-top:25px; float:none; width:100%; }
}

/*---- МАСШТАБИРУЕМ ВСЕ КАРТИНКИ ----------*/
img { max-width: 100%; height: auto; width: auto\9;}
@media screen and (min-width:100px) and (max-width:1024px) {}



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

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

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

.wr_knopki.vip {color: #eb2116 !important; text-transform: none;}
.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.vip:hover {background-color: #FFC8C8 !important; color: #8B0000 !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;}

div.seredina {height: 20em; display: flex; align-items: center; justify-content: center}
.div-left {float:left;}
.div-right{float:right;}
.clear{clear:both;}

/* Стиль для блока загрузки - ДАЛЕЕ >>> */
#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {border:3px solid rgb(95,95,95); 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(95,95,95); 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%;}}