/* elima.ru */

body {margin:0; font-family: sans-serif;}

@media only screen and (min-width:768px){ /* Нормальный экран */
#LOGOBAR {display:flex; flex-direction:column; justify-content:center; position:fixed; width:200px; top:0; text-align:center; height:90px; font-size:20pt; font-family:'Open Sans';}
#MENUBUTTON {display:none;}
#MENU {display:block; position:fixed; width:200px; top:90px; bottom:0; text-align:center; float:left; padding:0;}
.SBN, .SBNS {font-size:1.125rem; font-family:'Open Sans'; text-align:left; padding:5px 24px; cursor:pointer;}
#COPYRIGHT {position:fixed; bottom:16px; left:18px; font-size:10pt; font-family:'Open Sans';}
#MAIN {padding:0 24px 12px 224px;}
h1 {font-size:1.625rem; font-weight:normal; margin:0.4em 0;}
h2 {font-size:1.375rem; font-weight:normal; margin:0.4em 0;} 
h3 {font-size:1.25rem; font-weight:normal; margin:0.4em 0;}
.P {padding:1.2em 2.1em 1.8em; vertical-align:top;}
.P .DESC {font-size:1.125em;}
.article {padding:1.4em 2.1em; font-size:1.125em;}
.B {display:flex; height:90px; width:728px; margin:0 auto;} /* Баннер */
}

@media only screen and (max-width:768px){ /* Мобильный экран */
#LOGOBAR {display:flex; flex-direction:row; justify-content:space-between; align-items:center; position:fixed; width:100%; top:0; text-align:center; padding:0 0 0 1rem; height:60px; font-size:1.8em; font-family:'Open Sans'; z-index:3;}
#MENUBUTTON {display:block; font-size:32pt; margin:0; font-family:'Open Sans'; cursor:pointer;}
#MENU {display:none; position:fixed; width:180px; top:60px; bottom:auto; z-index:2;}
.SBN, .SBNS {font-size:1.125em; font-family:'Open Sans'; text-align:left; padding:5px 24px; cursor:pointer;}
#COPYRIGHT {position:static; margin:16px 0; font-size:1em; text-align:center; clear:both;}
#MAIN {padding:60px 0 12px;}
h1 {font-size:1.625rem; font-weight:normal; margin:0.4em 0;}
h2 {font-size:1.375rem; font-weight:normal; margin:0.4em 0;}
h3 {font-size:1.25rem; font-weight:normal; margin:0.4em 0;}
.P {padding:0.4em 1em 1.2em; vertical-align:top;}
.P .DESC {font-size:1.0625em;}
.article {padding:0.6em 0.6em 1em; font-size:1.0625em;}
.B {display:flex; width:auto; min-width:480px; height:60px; margin:0 auto; font-size:0.67em;} /* Баннер */
}

#qTip {border-radius:1px; padding:0.4em; display:none; font-size: 0.8em; text-align: left; position: absolute; z-index:1000;}
h4 {margin:1em 0 0.5em 0;}

/* Изображения */
img {display:block; margin:0; border:0;}
.svg_icon, .svg_button, #del_button {cursor:pointer;}
.svg_button, #del_button {margin:0.1em;}
.svg_icon {margin:0 0 -4px 8px}
.INVIS {width:0; padding:0; border:none;}

/* Таблицы */
table {font-size:100%; width:100%; border-style:none; border-collapse:collapse;}
th {text-align:center; font-size:0.8em; padding:0.3em 0.6em;}
.T  {font-size:1em; padding:1em; vertical-align:top;} /* Текст описания*/
.TL {font-size:1em; padding:1em; vertical-align:top; line-height:1.5;}
.TT {font-size:1.1875rem; margin:0 0 0.5em; line-height:normal;}
.TT span {font-size:1.125rem;}
.SL {padding:4px 0.8em; text-align:left;}                       /* Лево */
.S  {padding:4px 0.8em; text-align:center;}                     /* Центр */
.SR {padding:4px 0.8em; text-align:right;}                      /* Право */
.SSL{padding:4px 0.8em; font-size:0.8em;}                       /* Маленькие лево */
.SS {padding:4px 0.8em; text-align:center; font-size:0.8em;}    /* Маленькие центр */

/* Сообщения */
.Q {padding:0.8em; margin:0.6em 0;}

/* Невидимки для форм */
.LU, .LUM {text-align:left; border-style:none; padding:3px;}
.U, .UM   {text-align:center; border-style:none; padding:3px;}
.RU, .RUM {text-align:right; border-style:none; padding:3px;}

/* Заголовки страниц */
.H {font-weight:bold; padding:10px 8px;}
.HB {font-weight:bold; padding:10px; margin: 0 0 -0.8em;}

/* Ссылки на номера страниц */
.NT {margin:-2px 8px 6px;}
.NB {margin:6px 8px 2em;}

/* Alert-объявления */
.A {padding:0.4em; font-size:1rem; color:red; border:2px solid red; margin:-0.3em 0 0.8em; text-align:center; background:#FFF8B0;}

/* Элементы форм */
form {margin:0;}
input {border-radius:1px; padding:1px 3px; margin:1px; font-family:'Open Sans'; font-size:1rem; outline:none;}
select {border-radius:1px; padding:0 0 0 3px; margin:1px; font-family:'Open Sans'; font-size:0.875rem;}
textarea {border-radius:1px; padding:3px; margin:1px; font-family:'Open Sans'; font-size:1rem;}
.RAD {border:0;}

/* Buttons */
.BT, .BTS, .BTM, .BTD, .BTN {border-radius:1px; cursor:pointer; font-family:'Open Sans';}
.BT {padding:2px 10px; margin:0 2px;}
.BTS {padding:0 6px; margin:-2px 2px; font-size:0.875rem;}
.BTM {padding:0 5px; margin:-2px 1px; font-size:12px;}                                                               
.BTD {padding:0 5px; margin:-2px 2px; font-size:12px; color:#FFF; background:#F00000; font-weight:bold; border:1px solid red;}
#btndld {display:block; cursor:pointer; margin:1rem auto 0; font-size:1.125rem; padding:0.4rem 0.8rem; line-height:1.6;}

/* Модальные окна */
.WM {position:fixed; top:0; bottom:0; right:0; left:0; place-items:center; z-index:2; background:rgba(0,0,0,0.5);}
.M {position:fixed; border-radius:1px; text-align:center; padding:2rem 1rem; z-index:3;}
.M input, .M select {font-size:1rem;}
.Alert {position:fixed; border-radius:1px; text-align:center; padding:2em; font-size:14pt; background:#FFF8B0; border:4px solid red; color:red; z-index:100;}
.Alert .BT, .Alert .BT:hover, .Alert .BT:focus {font-size:10pt; padding:0.3em 1em; border:0; background:red; color:#FFF8B0; font-family:'Open Sans';}
.Alert input, .Alert input:focus {font-size:9pt; background:#FFF; padding:3px 4px 4px; border:1px solid red;}
.closeButton {position:absolute; top:0px; right:0px; color:red; font-size:24pt; font-family:'Open Sans'; cursor:pointer; padding:0 0.3em;}