/* General Style CSS (справка внизу) */
/* ver.2024-06-10 */

/* Настройки страницы */

/* ТЕЛО И ФОН */
/* html {background:url('/css/Back/opacity80.png') repeat} */
body {
 width:auto; 
 max-width:100%; 
 top:0; 
 margin:0; 
 padding:0; 
 text-align:left; 
 font-size:.96rem; 
 font-family:'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, 'Century Gothic'; 
 line-height:1.5}
/* overflow-x:hidden; font-size:.9184rem; - шрифт браузера по умолчанию 100% - 16px, Установленный в body размер в принимается за 1em */

/* Адаптивные условия (@media) */ 
@media screen and (max-width:1024px) {body {width:100%; max-width:1024px}} /* max-width:1024px */
@media screen and (max-width:768px) {body {width:100%; max-width:768px}} /* max-width:768px */
@media screen and (max-width:580px) {body {width:100%; max-width:580px}} /* max-width:768px */
@media screen and (max-width:480px) {body {max-width:480px}}

@media screen and (min-width:900px) and (max-width:910px) {body {background:#F3F3F3}}
@media screen and (max-width:900px) {body {background:white}} /* max-width:768px */

/* запрет выделения текста в FF */
/* -moz-user-select:none; -khtml-user-select:none; user-select:none; */ 


/* Стандартный градиент-фон */
/* (Цвет фона указывается последним. Свойство opacity не применять, т.к. наследует прозрачность и на дочерние обекты. Для полупрозрачности применять rgba!) */

/* Полупрозрачная подложка для сезонного фона (исключает предварительную обработку фоновых заставок) */
/* .transparence {background:rgba(255, 255, 255, .7)} */
/* Либо добавлением прозрачности в background перед фоном через линейный градиент, через запятую (без градиента не работает): */
/* linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), ... */

.back, .season00 {background:url('/css/Back/bck00.png') left top fixed #F3F3F3}
/* .back {background:url('/css/Back/bck00-2.png') left top no-repeat fixed;} */

/* Фон с наложением Лого (2 фона через запятую) */
/* back2x {background:url('/css/Back/spring01-1.jpg') left top fixed, url('/css/Back/bckLogo01.png') 0 0 #F3F3F3} */

/* Общее правило рандомизации фона */
/* Html-код: season0<? rnd(n)+1 ?> - где n - вариантов фона. 
Смена числа картинок (n) - через функцию "быстрая замена участков шаблонов". 
На 2021-03 должно быть 37 замен */

/* --- */


/* Сезонный-тематический фон */

/* Март - Капель */
/* .season {background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .72)), url('/css/Back/spring14.jpg') left top fixed; background-size:cover} */


/* Рандомизация фона (03X) - Март. Проводы зимы: Капель, Ветка, Сосули (n=3) */
/* <?if($DATE$<25 & $MONTH$=3)?>03<?(rnd(3)+1)?><?else?>???<?endif?> */

.season031 {background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .72)), url('/css/Back/spring14.jpg') left top fixed; background-size:cover} 
.season032 {background:linear-gradient(rgba(255, 255, 255, .35), rgba(255, 255, 255, .65)), url('/css/Back/spring15s.jpg') left top fixed; background-size:cover} 
.season033 {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .6)), url('/css/Back/spring17s.jpg') left top fixed; background-size:cover} 
/* .season034 {background:linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .25)), url('/css/Back/winter08.jpg') fixed center; background-size:cover} */


/* Масленица (20). До 2030 года */
/* <?if((($DATE$>=28 & $MONTH$=2 & $YEAR$=2022) or ($DATE$<=6 & $MONTH$=3 & $YEAR$=2022)) or (($DATE$>=20 & $MONTH$=2 & $YEAR$=2023) or ($DATE$<=26 & $MONTH$=3 & $YEAR$=2023)) or (($DATE$>=11 & $MONTH$=3 & $YEAR$=2024) or ($DATE$<=17 & $MONTH$=3 & $YEAR$=2024)) or (($DATE$>=24 & $MONTH$=2 & $YEAR$=2025) or ($DATE$<=2 & $MONTH$=3 & $YEAR$=2025)) or (($DATE$>=16 & $MONTH$=2 & $YEAR$=2028) or ($DATE$<=22 & $MONTH$=2 & $YEAR$=2026)) or (($DATE$>=8 & $MONTH$=3 & $YEAR$=2027) or ($DATE$<=14 & $MONTH$=3 & $YEAR$=2027)) or (($DATE$>=21 & $MONTH$=2 & $YEAR$=2028) or ($DATE$<=27 & $MONTH$=2 & $YEAR$=2028)) or (($DATE$>=12 & $MONTH$=2 & $YEAR$=2029) or ($DATE$<=18 & $MONTH$=2 & $YEAR$=2029)) or (($DATE$>=4 & $MONTH$=3 & $YEAR$=2030) or ($DATE$<=10 & $MONTH$=3 & $YEAR$=2030)))?>20<?else?>???<?endif?> */
.season20 {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url('/css/Back/spring18.jpg') left top fixed; background-size:cover}


/* Март-Апрель - Голые ветки на фоне (голубой, темный, желтый) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .4)), url('/css/Back/spring15-02.jpg') left bottom fixed; background-size:cover} */
/* .season {background:linear-gradient(rgba(255, 255, 255, .75), rgba(255, 255, 255, .65)), url('/css/Back/spring13.jpg') right bottom fixed; background-size:cover} */
/* .season {background:linear-gradient(rgba(255, 255, 255, .45), rgba(255, 255, 255, .5)), url('/css/Back/spring22.jpg') left bottom fixed; background-size:cover} */


/* Рандомизация фона (04X) - Апрель: голые ветки на фоне (Голубой, Темный, Желтый) (n=3) */
/* <?if(($DATE$>=25 & $MONTH$=3) or $DATE$<25 & $MONTH$=4)?>04<?(rnd(3)+1)?><?else?>???<?endif?> */

.season041 {background:linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .4)), url('/css/Back/spring15-02.jpg') left bottom fixed; background-size:cover}
.season042 {background:linear-gradient(rgba(255, 255, 255, .75), rgba(255, 255, 255, .65)), url('/css/Back/spring13.jpg') right bottom fixed; background-size:cover}
.season043 {background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .65)), url('/css/Back/spring22.jpg') left bottom fixed; background-size:cover}


/* --- */


/* Апрель-Май - Первые побеги (зеленый тон) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .65)), url('/css/Back/spring21.jpg') left bottom fixed; background-size:cover} */

/* Апрель-Май - Цветание (на фоне голубого неба) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .75)), url('/css/Back/spring02.jpg') left top fixed; background-size:cover} */

/* Апрель-Май - Цветение (розовый тон) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .55), rgba(255, 255, 255, .7)), url('/css/Back/spring10s.jpg') left top fixed; background-size:cover} */

/* Май - Одуванцы (тон зеленый, зеленая подложка) */
/* .season {background:linear-gradient(rgba(225, 235, 205, .76), rgba(255, 255, 255, .85)), url('/css/Back/spring12-00.jpg') left top fixed; background-size:cover} */


/* Рандомизация фона (05X) - Май: Первые побеги, Цветение на голубом, Цветение розовое, Одуванцы (n=4) */
/* <?if(($DATE$>=25 & $MONTH$=4) or ($DATE$<20 & $MONTH$=5))?>05<?(rnd(4)+1)?><?else?>???<?endif?> */
 
.season051 {background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .65)), url('/css/Back/spring21.jpg') left bottom fixed; background-size:cover}
.season052 {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .75)), url('/css/Back/spring02.jpg') left top fixed; background-size:cover}
.season053 {background:linear-gradient(rgba(255, 255, 255, .55), rgba(255, 255, 255, .7)), url('/css/Back/spring10s.jpg') left top fixed; background-size:cover} 
.season054 {background:linear-gradient(rgba(225, 235, 205, .76), rgba(255, 255, 255, .85)), url('/css/Back/spring12-00.jpg') left top fixed; background-size:cover}


/* Рандомизация фона (06X) - Июнь: Зеленые побеги, Одуванцы, Цветение розовое (n=3) */
/* <?if(($DATE$>=20 & $MONTH$=5) or ($DATE$<5 & $MONTH$=6))?>06<?(rnd(3)+1)?><?else?>???<?endif?> */
 
.season061 {background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .65)), url('/css/Back/spring21.jpg') left bottom fixed; background-size:cover}
.season062 {background:linear-gradient(rgba(225, 235, 205, .76), rgba(255, 255, 255, .85)), url('/css/Back/spring12-00.jpg') left top fixed; background-size:cover}
.season063 {background:linear-gradient(rgba(255, 255, 255, .55), rgba(255, 255, 255, .7)), url('/css/Back/spring10s.jpg') left top fixed; background-size:cover} 


/* --- */


/* Июнь - Ромашки, Цветы */
/* .season {background:linear-gradient(rgba(255, 255, 255, .65), rgba(255, 255, 255, .65)), url('/css/Back/summer06s.jpg') fixed; background-size:cover} */
/* .season {background:linear-gradient(rgba(255, 255, 255, .55), rgba(255, 255, 255, .55)), url('/css/Back/summer12s.jpg') fixed; background-size:cover} */

/* Июнь-Июль - Зелень (+) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .6)), url('/css/Back/summer22s.jpg') fixed; background-size:cover} */
/* .season {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .75)), url('/css/Back/summer24s.jpg') fixed; background-size:cover} */

/* Июнь-Июль - Березки */
/* .season {background:linear-gradient(rgba(255, 255, 255, .73), rgba(255, 255, 255, .7)), url('/css/Back/summer23s.jpg') fixed; background-size:cover} */

/* Рандомизация фона (07X) - Июль: Ромашки, Цветы, Зелень, Березки, Зелень (n=5) */
/* <?if(($DATE$>=5 & $MONTH$=6) or ($DATE$<25 & $MONTH$=7))?>07<?(rnd(5)+1)?><?else?>???<?endif?> */

.season071 {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .7)), url('/css/Back/summer06s.jpg') fixed white; background-size:cover} 
.season072 {background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .6)), url('/css/Back/summer12s.jpg') fixed; background-size:cover}
.season073 {background:linear-gradient(rgba(255, 255, 255, .55), rgba(255, 255, 255, .55)), url('/css/Back/summer22s.jpg') fixed; background-size:cover}
.season074 {background:linear-gradient(rgba(255, 255, 255, .73), rgba(255, 255, 255, .68)), url('/css/Back/summer23s.jpg') fixed; background-size:cover}
.season075 {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .75)), url('/css/Back/summer24s.jpg') fixed; background-size:cover} 


/* --- */


/* Июль-Август - Море (++) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .55)), url('/css/Back/sea06.jpg') fixed; background-size:cover} */

/* Июль-Август - Море (+) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .45)), url('/css/Back/sea04.jpg') fixed; background-size:cover} */

/* Июль-Август - Море (sea01-) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .45)), url('/css/Back/sea01s.jpg') fixed; background-size:cover} */


/* Рандомизация фона (08X) - Август: Море (n=3) */
/* <?if(($DATE$>=25 & $MONTH$=7) or ($DATE$<20 & $MONTH$=8))?>08<?(rnd(3)+1)?><?else?>???<?endif?> */
 
.season081 {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .55)), url('/css/Back/sea06.jpg') fixed; background-size:cover} 
.season082 {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .45)), url('/css/Back/sea04.jpg') fixed; background-size:cover} 
.season083 {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .45)), url('/css/Back/sea01s.jpg') fixed; background-size:cover} 


/* --- */


/* Август - Просторы */
/* .season {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url('/css/Back/summer07s.jpg') fixed; background-size:cover} */

/* Урожай - Колосья на закате */
/* .season {background:linear-gradient(rgba(255, 255, 255, .67), rgba(255, 255, 255, .67)), url('/css/Back/summer16.jpg') fixed; background-size:cover} */


/* Рандомизация фона (09X) - Урожай: Колосья, Яблоки, Просторы, Закат (n=4) */
/* <?if(($DATE$>=20 & $MONTH$=8) or ($DATE$<10 & $MONTH$=9))?>09<?(rnd(4)+1)?><?else?>???<?endif?> */
 
.season091 {background:linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, .55)), url('/css/Back/summer14s.jpg') fixed; background-size:cover} 
.season092 {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .75)), url('/css/Back/summer17.jpg') fixed; background-size:cover} 
.season093 {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('/css/Back/summer19.jpg') fixed; background-size:cover}
.season094 {background:linear-gradient(rgba(255, 255, 255, .72), rgba(255, 255, 255, .75)), url('/css/Back/summer16.jpg') fixed; background-size:cover} 


/* --- */


/* Сентябрь-Октябрь. Золотая осень - Листья (autumn19,16,27,06) (+) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url('/css/Back/autumn19s.jpg') fixed center; background-size:cover} */

/* Сентябрь-Октябрь. Золотая осень - Просторы (fall05) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .65), rgba(255, 255, 255, .65)), url('/css/Back/fall01.jpg') fixed center; background-size:cover} */

/* Октябрь - Капли на окне (fall03) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .36), rgba(255, 255, 255, .77)), url('/css/Back/fall03.jpg') fixed center; background-size:cover} */


/* Рандомизация фона (10X) - Золотая осень. Сентябрь-Октябрь: Просторы, Дождь, Клен красный, Клен желтый, Листья по кругу, Листья в цетре (n=6) */
/* <?if(($DATE$>=10 & $MONTH$=9) or ($DATE$<10 & $MONTH$=10))?>10<?(rnd(6)+1)?><?else?>???<?endif?> */

.season101 {background:linear-gradient(rgba(255, 255, 255, .65), rgba(255, 255, 255, .65)), url('/css/Back/fall01.jpg') fixed center; background-size:cover}
.season102 {background:linear-gradient(rgba(255, 255, 255, .36), rgba(255, 255, 255, .77)), url('/css/Back/fall03.jpg') fixed center; background-size:cover}
.season103 {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url('/css/Back/autumn19s.jpg') fixed center; background-size:cover}
.season104 {background:linear-gradient(rgba(255, 255, 255, .73), rgba(255, 255, 255, .77)), url('/css/Back/autumn16s.jpg') fixed center; background-size:cover}
.season105 {background:linear-gradient(rgba(255, 255, 255, .65), rgba(255, 255, 255, .65)), url('/css/Back/autumn27.jpg') fixed center; background-size:cover}
.season106 {background:linear-gradient(rgba(255, 255, 255, .67), rgba(255, 255, 255, .7)), url('/css/Back/autumn06s.jpg') fixed center; background-size:cover;}



/* Поздняя осень: Последний лист, Болото, Заморозки, Ягоды, Кусты */
/* .season {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url('/css/Back/fall24.jpg') fixed center; background-size:cover} */
/* .season {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url('/css/Back/fall20.jpg') fixed center; background-size:cover} */
/* .season {background:linear-gradient(rgba(255, 255, 255, .55), rgba(255, 255, 255, .65)), url('/css/Back/autumn33_1280.jpg') fixed center; background-size:cover} */
/* .season {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('/css/Back/fall16.jpg') fixed center; background-size:cover} */
/* .season {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url('/css/Back/fall22.jpg') fixed center; background-size:cover} */


/* Рандомизация фона (11X)- Поздняя осень. Октябрь-Ноябрь (n=5) */
/* <?if(($DATE$>=10 & $MONTH$=10) or ($DATE$<20 & $MONTH$=11))?>11<?(rnd(5)+1)?><?else?>???<?endif?> */

.season111 {background:linear-gradient(rgba(255, 255, 255, .57), rgba(255, 255, 255, .75)), url('/css/Back/fall24.jpg') fixed center; background-size:cover}
.season112 {background:linear-gradient(rgba(255, 255, 255, .68), rgba(255, 255, 255, .75)), url('/css/Back/fall20.jpg') fixed center; background-size:cover} 
.season113 {background:linear-gradient(rgba(255, 255, 255, .55), rgba(255, 255, 255, .8)), url('/css/Back/autumn33_1280.jpg') fixed center; background-size:cover}
.season114 {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('/css/Back/fall16.jpg') fixed center; background-size:cover}
.season115 {background:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url('/css/Back/fall22.jpg') fixed center; background-size:cover}



/* --- */

/* Ноябрь - Белые мухи (без подложки) */
/* .season {background:linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .25)), url('/css/Back/winter08.jpg') fixed center; background-size:cover} */

/* Зима (НГ) - Большие снежинки (rgba(243, 243, 243, 0.7) - серая подложка самая удачная!) */
/* .season {background:linear-gradient(rgba(243, 243, 243, .65), rgba(243, 243, 243, .75)), url('/css/Back/winter04.jpg') fixed; background-size:cover} */


/* Рандомизация фона (12X) - Зима: Снег, Снежинки (n=2) */
/* <?if(($DATE$>=20 & $MONTH$=11) or ($MONTH$=12) or ($MONTH$<3))?>12<?(rnd(2)+1)?><?else?>???<?endif?> */
 
.season121 {background:linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .25)), url('/css/Back/winter08.jpg') fixed center; background-size:cover}
.season122 {background:linear-gradient(rgba(243, 243, 243, .65), rgba(243, 243, 243, .75)), url('/css/Back/winter04.jpg') fixed; background-size:cover}


/* Адаптивные условия */ 
@media screen and (min-width:900px) and (max-width:910px) {.season {background:#F3F3F3}}
@media screen and (max-width:900px) {.season {background:white}} /* max-width:768px */
/* --- */



/* Рабочее поле листа: колонтитул, тело и низ, без фона (ширина - 900px, поля - 20px) */
#bodyset {width:auto; max-width:900px; margin:0 auto}


/* Верхняя часть страницы */
#header {} /* z-index:10 */
@media screen and (max-width:768px) {#header {display:none}}

/* Колонтитул (над Шапкой) - в разработке */
.fix {position:fixed; margin:0 auto}
/* фиксация блока 900px */
/* .fix900 {position:fixed; left:50%; margin-left:-450px;} */

/* Блок поиска */
#searchBar {width:auto; height:24px; padding:15px 5px 0} /* z-index:50; max-width:900px; */
@media screen and (max-width:768px) {#searchBar {min-width:380px}}

.searchForm {}
.queryField {color:#9D9E9E; text-align:left; font-size:.656rem}
.searchSbmFl {}
@media screen and (max-width:480px) {.queryField {font-size:initial}}

/* Тело страницы */
#workspace {padding:0 1.5625vw 20px; background:#fff; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9}
/* padding:0 20px 20px */
@media screen and (max-width:768px) {#workspace {min-width:380px; padding:0 1rem 20px}}
/* m - Кант листа */
@media screen and (max-width:900px) {#workspace, #workspace01, #workspace02, #workspace03 {border:none}} /* max-width:768px */


/* Нижняя часть страницы */
#footer {padding:15px 1.5625vw 22px; text-align:center; font-size:.82rem} /* width:inherit; padding:1.1719vw 1.5625vw 1.71875vw */
@media screen and (max-width:900px) {#footer {background:#F3F3F3}}
@media screen and (max-width:768px) {#footer {min-width:380px; padding:15px 1rem 22px}}
@media screen and (max-width:480px) {#footer {font-size:initial}}
.white30 {
background: #ffffff54; 
padding: 2px 12px; 
}
/* --- */


/* Блок входа юзера */
#dataBar {height:20px; padding-top:8px; position:relative}
/* #dataBar02 {height:20px; background:none; padding-top:0px; position:relative} */
@media screen and (max-width:768px) {#dataBar {padding:0}}

#navBar {float:left; color:#959595; margin:0; padding:0 10px; font-size:.656rem}
#data {color:#959595; margin:0; padding:0}
@media screen and (max-width:768px) {#navBar {margin:10px 0; padding:0}} /* display:none */
@media screen and (max-width:480px) {#navBar {font-size:initial}}

/* ШАПКА */

/* Шапка - plato */
.plato {width:auto; max-width:840px; max-height:183px; position:relative; margin:0 auto 8px}
.plato img {width:100%; box-shadow:none !important} /* width:100% !important; */
/* Адаптивные условия */ 
@media screen and (max-width:768px) {.plato {padding:initial}}
/* @media screen and (max-width:500px) {.plato > img {width:inherit}} */
@media screen and (max-width:480px) {.plato > img {opacity:.55}}

.platobck {width:100%; max-width:808px; max-height:151px; position:absolute; left:16px; top:16px}
.plato1 {width:100%; max-width:808px; max-height:151px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%)}
.plato2 {width:auto; max-height:151px;} /* float:left; width:202px; height:74px; */
.plato3 {width:auto; max-height:71px; min-width:70px; max-width:404px; position:absolute; left:0; top:0; float:left}
/* Адаптивные условия */ 
@media screen and (max-width:768px) {.plato1, .plato2 {background:none}}

.plato4, .plato5, .serv1, .serv2 {width:50%; max-height:92px; max-width:420px; position:absolute}
/* Адаптивные условия */ 
@media screen and (max-width:600px) {.plato4, .plato5 {width:70%}}

.plato4 {top:0; left:0}
.plato41 {position:absolute; top:20px; left:5%; font-size:2.165rem; letter-spacing:-0.040rem; word-spacing:-40%} /* width:30%; % top:10.93%; ошибка css - word-spacing:-40% */

.plato5 {top:0; right:0}
.plato51 {position:absolute; top:10.929%; right:4.287%; font-size:1.98rem; font-weight:bold; word-spacing:-36%} /* % ошибка css - word-spacing:-36%; top:1.5625vw; right:2.8125vw; top:20px; right:36px */
/* Адаптивные условия */ 
@media screen and (max-width:768px) {.plato41, .plato51 {font-size:1.8em; top:15px}}
@media screen and (max-width:480px) {.plato41 {font-size:2.15rem; top:15%; left:22%}}
@media screen and (max-width:480px) {.plato51 {display:none}}

.serv1 {top:50%; left:0}
.serv2 {top:50%; right:0}
.serv {width:auto; position:absolute; top:50%; left:0}
@media screen and (max-width:500px) {.serv {top:30%}}

/* --- */ 


/* Блок временных стикеров Акции-Новости (менее 970 - не отображается) */
.steak {opacity:0.7}
/* Адаптивные условия */ 
@media screen and (max-width:970px) {.steak {display:none}}
/* --- */


/* КОНТЕНТ */
#container {position:relative; z-index:0}
/* #contanier {position:relative; z-index:0} заменить везде на container */
/* z-index - положение слоя относительно других (положение position задано). Тело контента выше фона и верха-низа - всплывающее меню сверху */

#content {width:auto; max-width:860px; margin:0 auto} /* padding:0 20px */
/* @media screen and (max-width:768px) {#content {width:96%; min-width:420px; margin:0px auto; padding:0}} */

/* Левый блок контента (не отображается при ширине экрана 600px) */
#clefter {width:27%; min-width:200px; max-width:220px; padding:0.3906vw} /* padding:5px */
@media screen and (max-width:768px) {#clefter {width:30%; min-width:170px}}
@media screen and (max-width:720px) {#clefter {display:none}}

/* Основной (правый) блок контента */
.bodycontent {width:auto; padding:0.3906vw} /* padding:5px */



/* ОБЩИЕ НАЙСТРОЙКИ СТИЛЕЙ */

/* СЛОИ (z-index) */
.z0 {z-index:0}
.z1 {z-index:1}
.z3 {z-index:3}
.z5 {z-index:5}
.z6 {z-index:6}
.z9 {z-index:9}
.z10 {z-index:10}
.z15 {z-index:15}
.z20 {z-index:20}
.z50 {z-index:50}


/* ШРИФТЫ */

/* Подключаемые шрифты */
@font-face {font-family:'Myriad Pro Cond'; src:url('/Fonts/MyriadProCond.ttf')}
@font-face {font-family:'Myriad Pro'; src:url('/Fonts/MyriadPro.ttf')}
@font-face {font-family:'Candara'; src:url('/Fonts/Candara.ttf')}
@font-face {font-family:'Century Gothic'; src:url('/Fonts/Gothic.ttf')}
@font-face {font-family:'Verdana SemiBold'; src:url('/Fonts/VerdanaSemiBold.ttf')}

/* Корпоративные шрифты */
.myriad {font-family:'Myriad Pro'; font-size:.9375rem}
.myriadcond {font-family:'Myriad Pro Cond'; font-weight:bold}
.candara {font-family:'Candara'; font-size:1.025rem} /* font-size:1.25em */
.gothic {font-family:'Century Gothic'}

/* Рукописные */
.mulder {font-family:'MulderHand'; font-size:1.0rem; font-weight:normal} 
@font-face {font-family:'MulderHand'; src:local('MulderHand'), url('/Fonts/MulderHand.ttf')}


/* Заголовки. hX - выравнивание вправо */
h1, h2, h3 {text-align:right; font-weight:bold; color:#66645B; margin:7px} /* margin:7px / 0.5469vw; line-height:1.1 */
h4 {font-weight:normal; margin:7px} /* margin:7px */
/* background:-moz-linear-gradient(left top, 30%, from(#66645B), to(#968F72)); -moz-background-clip:text; -moz-text-fill-color:transparent; */

h1 {font-size:1.1rem}
h2 {font-size:1.1rem}
h3 {font-size:1.0rem}
h4 {}
.name {text-align:right}

/* Заголовки. fhX - выравнивание влево */
.fh1 {text-align:left; font-size:1.1rem}
.fh2 {text-align:left; font-size:1.1rem}
.fh3 {text-align:left; font-size:1.0rem}


/* АБЗАЦ */
p {margin:9px auto} /* margin:7px 0 / 0.5469vw 0 */


/* Классы шрифтов и элементов (классы можно сочетать через пробел: .class1 class2) */

/* Размеры шрифта и прочих элементов */
/* 
pt - абс.ед. 
px - элементарная точка, зависит от разрешения экрана
em - пропорциональный размер относительно родительского элемента
rem - пропорциональный размер относительно базового элемента
vw, vh - пропорциональный размер относительно ширины/высоты экрана

Базовый шрифт по умолчанию для Mozilla - 16px
16px - 100% 1rem
13.12px - 82% (по умолчанию в body, принят за 1rem) 
rem задает базовый формат сайта/браузера, em - относительный от родителя

6px - .375rem
8px - .5rem
9px - .5625rem
10px - 62.50% .625rem 
11px - .6875rem
12px - 75.00% .75rem 
13px - 81.25% .8125rem 
14px - 87.50% .875rem 
14.69px - .918rem - базовый шрифт сайта
15px - 93.75% .9375rem 
*/

/* Жирный/Нормальный */
.fnorm, .norm, .normal, .n {font-weight:normal !important}
.fbold, .bold, .b, .f16, .f17, .f18, .f19, .f20, .f22, .f24, .f26 {font-weight:bold}

/* РАЗМЕР ШРИФТА */
.f5 {font-size:.2755rem} /* 4.5px */
.f7 {font-size:.4375rem} /* 7px */
.f8 {font-size:.5rem} /* 8px */
.f9 {font-size:.5625rem} /* 9px */
.f10 {font-size:.625rem} /* 10px */
.f11 {font-size:.6875rem} /* 11px */
.f12 {font-size:.75rem} /* 12px - .75rem */
.f13 {font-size:.8125rem} /* 13px - .8125rem */
.f14 {font-size:.875rem} /* 14px (14.69px font-size:.9184rem;) - базовый шрифт сайта */
.f15 {font-size:.9375rem} /* 15px - .9375rem */
.f16 {font-size:1.0rem} /* 16px - 15.7px font-size:.982rem; */
.f17 {font-size:1.063rem} /* 17px */
.f18 {font-size:1.125rem} /* 18px */
.f19 {font-size:1.1875rem} /* 19px */
.f20 {font-size:1.25rem} /* 20px */
.f21 {font-size:1.313rem} /* 21px */
.f22 {font-size:1.375rem} /* 22px */
.f24 {font-size:1.5rem} /* 24px */
.f26 {font-size:1.625rem} /* 26px */

/* @media screen and (max-width:768px) {.f13, .f14, .f15, .f16 {font-size:90%}} */
@media screen and (max-width:850px) {.f16 {font-size:1.0em}}
@media screen and (max-width:768px) {.f16, .f15 {font-size:.9375em}}
@media screen and (max-width:580px) {.f5, .f9, .f10, .f11, .f12 {font-size:.84em}}
@media screen and (max-width:580px) {.f13, .f14, .f15, .f16, .f17 .f18 .f19 .f20 .f21 .f22 .f24 .f26 {font-size:initial}}
@media screen and (max-width:480px) {.f5, .f9, .f10, .f11, .f12 {font-size:initial}}

/* КУРСИВ */
.i, .it, .italic, .fi {font-style:italic}


/* ЦЕНТРИРОВАНИЕ ТЕКСТА */
.left, .l, .txtleft {text-align:left !important}
.center, .c, .txtcenter {text-align:center !important; margin:0 auto}
.right, .r, .txtright {text-align:right !important}
.margcenter, .blockcenter, .aligncenter {margin:0 auto !important}


/* ШИРИНА-ВЫСОТА */
/* Свойства W не подвергаются изменениям и ограничениям размеров! */
/* Свойства M изменяемые */
.mob, .wauto, .auto {width:auto}

/* m - Адаптивные условия. Выполняется, если условие меньше или равно значению */
@media screen and (max-width:900px) {.mob900 {width:auto !important; min-width:250px}}
@media screen and (max-width:830px) {.mob830 {width:90% !important; min-width:250px}}
@media screen and (max-width:768px) {.mob768 {width:90% !important; min-width:250px}}
@media screen and (max-width:700px) {.mob700 {width:90% !important; min-width:250px}}
@media screen and (max-width:600px) {.mob600 {width:90% !important; min-width:250px}}
@media screen and (max-width:480px) {.mob480 {width:90% !important; min-width:250px}}

.m15, .w15 {width:15%} /* min-width:100px */
.m18, .w18 {width:18%} /* min-width:120px */
.m20, .w20 {width:20%} /* min-width:120px */
.m25, .w25 {width:24%} /* min-width:120px */
.m27, .w27 {width:27%} /* min-width:120px */
.m28, .w28 {width:28%} /* min-width:120px */
.m30, .w30 {width:30% !important} /* min-width:250px */
.m33, .w33 {width:32%} /* min-width:265px */
.m35, .w35 {width:35%}
.m37, .w37 {width:37%}

@media screen and (max-width:700px) {.m27, .m28, .m30, .m33 {width:96%; min-width:380px}}
/* @media screen and (max-width:480px) {.w27, .w28, .w30, .w33 {width:100% !important}} /* ; min-width:250px */

.m40, .w40 {width:40%}
.m45, .w45 {width:45%}
.m47, .w47 {width:47%}
.m48, .w48 {width:48%}
.m49, .w49 {width:48.8%}
.m50, .w50 {width:50%} /* min-width:265px */
.m52, .w52 {width:52%} /* min-width:280px */
@media screen and (max-width:600px) {.m50, .m52 {width:100% !important; clear:both}} /* min-width:250px; width:auto90% */
@media screen and (max-width:580px) {.m47, .m48, .m49 {width:100% !important; clear:both}}
@media screen and (max-width:768px) {.w47, .w48, .w49, .w50, .w52 {width:100% !important; clear:both}} /* ; min-width:250px */

.m60, .w60 {width:60%}
.m70, .w70 {width:70%}
.m80, .w80 {width:80%}
.m90, .w90 {width:90%}
.m95, .w95 {width:95%}
.m97, .w97 {width:97%}
.m100, .w100 {width:100%}

@media screen and (max-width:768px) {.m90 {width:90%}} /* min-width:380px */
@media screen and (max-width:480px) {.m90 {width:90%; max-width:480px}} /* min-width:380px */
@media screen and (max-width:768px) {.m96 {width:96%}} /* min-width:380px */

@media screen and (max-width:768px) {.mobilewidth, .mwidth {width:96%}} /* min-width:380px */

.h47 {height:47%}
.h90 {height:90%}
.h95 {height:95%}
.h100 {height:100%}
.hauto {height:auto}


/* ОТСТУПЫ */
/* (margin - внешние, padding - внутренние)
1vw=1280px/100, 1vh=1024/100. Xpx/12.8px=vw, Xpx/10.24=vh
2px = 0.1953vh = 0.1563vw
3px = 0.2930vh = 0.2344vw
5px = 0.4883vh = 0.3906vw
7px = 0.6836vh = 0.5469vw
10px = 0.9766vh = 0.7813vw
15px = 1.4648vh = 1.1719vw
20px = 1.9531vh = 1.5625vw
*/

/* vertical-align */
.vtop, .verttop, .valigntop {vertical-align:top}
.vmid, .vertmid, .valignmid, .valignmidd, .valignmiddle {vertical-align:middle}
.vbott, .vertbott, .valignbot, .valignbott, .valignbottom {vertical-align:bottom}

/* vertical-margin */
.vert2, .vmarg2, .hmarg2 {margin:2px auto} /* 2px 0, 0.1563vw 0 */
.vert3, .vmarg3, .hmarg3 {margin:3px auto} /* 3px 0, 0.2344vw 0 */
.vert5, .vmarg5, .hmarg5 {margin:5px auto} /* 5px 0, 0.3906vw 0 */
.vert7, .vmarg7, .hmarg7 {margin:7px auto} /* 7px 0, 0.5469vw 0 */
.vert10, .vmarg10, .hmarg10 {margin:10px auto} /* 10px 0, 0.7813vw 0 */
.vert15, .vmarg15, .hmarg15 {margin:15px auto}
.vert20, .vmarg20, .hmarg20 {margin:20px auto} /* 20px 0, 1.1719vw 0 */

/* full-margin */
.marg3, .fmarg3 {margin:3px 0.2344vw} /* 3px */
.marg5, .fmarg5 {margin:5px 0.3906vw} /* 5px */
.marg10, .fmarg10 {margin:10px 0.7813vw} /* 10px */

/* margin-top */
.topmarg10, .top10, .mtop10, .tmarg10 {margin-top:10px} /* 10px */
.topmarg15, .top15, .mtop15, .tmarg15 {margin-top:15px} /* 15px */
.topmarg20, .top20, .mtop20, .tmarg20 {margin-top:20px} /* 20px */

/* margin-bottom */
.bottmarg10, .bott10, .mbott10, .bmarg10 {margin-bottom:10px} /* 10px */
.bottmarg15, .bott15, .mbott15, .bmarg15 {margin-bottom:15px} /* 15px */
.bottmarg20, .bott20, .mbott20, .bmarg20 {margin-bottom:20px} /* 20px */

/* margin-right */
.rmarg10, .right10, .r10 {margin-right:0.7813vw} /* 10px */
.rmarg15, .right15, .r15 {margin-right:1.1719vw} /* 15px */

/* full-padding */
.padd0, .fpadd0 {padding:0} /* 0px */
.padd2, .fpadd2 {padding:2px 0.1563vw} /* 2px */
.padd3, .fpadd3 {padding:3px 0.2344vw} /* 3px */
.padd5, .fpadd5 {padding:5px 0.3906vw} /* 5px */
.padd7, .fpadd7 {padding:7px 0.5469vw} /* 7px */
.padd10, .fpadd10 {padding:10px 0.7813vw} /* 10px */
.padd15, .fpadd15 {padding:15px 1.1719vw} /* 15px */

/* width-padding */
.wpadd2, .widpadd2 {padding:0 0.1563vw} /* 0 2px */
.wpadd3, .widpadd3 {padding:0 0.2344vw} /* 0 3px */
.wpadd5, .widpadd5 {padding:0 0.3906vw} /* 0 5px */
.wpadd7, .widpadd7 {padding:0 0.5469vw} /* 0 7px */
.wpadd10, .widpadd10 {padding:0 0.7813vw} /* 0 10px */
.wpadd15, .widpadd15 {padding:0 1.1719vw} /* 0 15px */

/* vertical(height)-padding */
.vpadd2, .vertpadd2, .hpadd2 {padding:2px 0} /* 2px 0 */
.vpadd3, .vertpadd3, .hpadd3 {padding:3px 0} /* 3px 0 */
.vpadd5, .vertpadd5, .hpadd5 {padding:5px 0} /* 5px 0 */
.vpadd7, .vertpadd7, .hpadd7 {padding:7px 0} /* 7px 0 */
.vpadd10, .vertpadd10, .hpadd10 {padding:10px 0} /* 10px 0 */
.vpadd15, .vertpadd15, .hpadd15 {padding:15px 0} /* 15px 0 */

/* padding-left */
.lpadd2 {padding-left:0.1563vw} /* 2px */
.lpadd3 {padding-left:0.2344vw} /* 3px */
.lpadd5 {padding-left:0.3906vw} /* 5px */
.lpadd7 {padding-left:0.5469vw} /* 7px */
.lpadd10 {padding-left:0.7813vw} /* 10px */
.lpadd15 {padding-left:1.1719vw} /* 15px */

/* padding-right */
.rpadd2 {padding-right:0.1563vw} /* 2px */
.rpadd3 {padding-right:0.2344vw} /* 3px */
.rpadd5 {padding-right:0.3906vw} /* 5px */
.rpadd7 {padding-right:0.5469vw} /* 7px */
.rpadd10 {padding-right:0.7813vw} /* 10px */
.rpadd20 {padding-right:1.5625vw} /* 20px */

/* padding-top */
.tpadd2, .toppadd2 {padding-top:2px} /* 2px */
.tpadd3, .toppadd3 {padding-top:3px} /* 3px */
.tpadd5, .toppadd5 {padding-top:5px} /* 5px */
.tpadd7, .toppadd7 {padding-top:7px} /* 7px */
.tpadd10, .toppadd10 {padding-top:10px} /* 10px */

/* padding-bottom */
.bpadd2, .botpadd2 {padding-bottom:2px} /* 2px */
.bpadd3, .botpadd3 {padding-bottom:3px} /* 3px */
.bpadd5, .botpadd5 {padding-bottom:5px} /* 5px */
.bpadd7, .botpadd7 {padding-bottom:7px} /* 7px */
.bpadd10, .botpadd10 {padding-bottom:10px} /* 10px */


/* ОБТЕКАНИЕ */
.floatl, .floatleft {float:left}
.floatr, .floatright {float:right}
@media screen and (max-width:480px) {.floatl, .floatleft, .floatr, .floatright {clear:both}}

.clear {clear:both} 
@media screen and (max-width:768px) {.mobileclear, .mclear, .mobileclear768, .mclear768 {clear:both}}
@media screen and (max-width:700px) {.mobileclear700, .mclear700 {clear:both}}
@media screen and (max-width:600px) {.mobileclear600, .mclear600 {clear:both}}
@media screen and (max-width:480px) {.mobileclear480, .mclear480 {clear:both}}


/* Отмена отображения */
.none {display:none}
@media screen and (max-width:1260px) {.msyde1280, .msyde, .mnone1280 {display:none}}
@media screen and (max-width:1024px) {.mobilenone, .mnone, .mnone1024 {display:none}}
@media screen and (max-width:960px) {.mobilenone960, .mnone960, .screen960 {display:none}}
@media screen and (max-width:768px) {.mobilenone768, .mnone768, .screen768 {display:none}}
@media screen and (max-width:600px) {.mobilenone600, .mnone600, .screen600 {display:none}}
@media screen and (max-width:480px) {.mobilenone480, .mnone480, .screen480 {display:none}}


/* Позиция элемента */
.position0 {position:absolute; top:0; left:0}
@media screen and (max-width:768px) {.mposition {position:absolute; right:20px; top:-130px}}


/* Нижнее отчеркивание */
.dashed {border-bottom:1px dashed #ddd} /* padding:0 */
.nodashed {border:0}


/* Контрольная рамка вокруг блочного объекта */
.bord, .brd, .frame {border:solid 1px #66645B} /* #66645B */
.bordred td {border:solid 1px red}
.bordblue {border:solid 1px blue}

/* Подсветить все блоки (звезочка обязательна) */
/* *{border:1px solid red} */
.bordred * {border: 1px solid red}

/* ТЕНЬ (рисунки, фото) */
/* свойства box-shadow: X Y размытыие расширение цвет (можно в rgba) */
.border, .bordshadow {box-shadow:1px 2px 5px 0 #66645B !important}
.copyr img, .bordnone, .bordnone img, .shadownone, .shadownone img {box-shadow:none !important}

/* ПРОЗРАЧНОСТЬ */
/* rgba(255, 255, 255, .XX) или #ffffffYY - YY по таблице */
.transp0 {background:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0))} /* rgba(255, 255, 255, .0), */
.transp20 {background:linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2))}
.transp30 {background:linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .3))}
.transp50 {background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5))}
.transp70 {background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7))}


/* ЦВЕТ ШРИФТА */
.black{color:black}
.blue {color:blue}
.lgray {color:#959595} /* #959595 - светло-серый */
.orange {color:#EC671F}

.gray, a.gray, .gray a {color:#66645B !important} /* #66645B - темно-серый */ /* font-weight:bold; */
a.gray:hover {color:#748800} /* #748800 - темно-зеленый */

.dgray, a.dgray, .dgray a {color:#66645B !important; font-weight:bold} /* #66645B - темно-серый */
a.dgray:hover {color:#355C96} /* #355C96 - темно-синий */

.ultgray, a.ultgray {color:#3A3935; font-weight:bold} /* #3A3935 - ультимативно-темно-серый */
a.ultgray:hover {opacity:.8; color:#3A3935} 

.dgrayn, a.dgrayn, .dgrayn a {color:#66645B} /* #66645B - темно-серый, n - normal */
a.dgrayn:hover {color:#355C96} /* #355C96 - темно-синий */

.deepblue, a.deepblue, .dblue, a.dblue, .dblue a {color:#355C96; font-weight:bold} /* #355C96 - темно-синий */
a.deepblue:hover, a.dblue:hover {color:#66645B; background-color:transparent} /* #66645B - темно-серый */

.green, a.green, .green a {color:#748800; font-weight:bold} /* #748800 - темно-зеленый */
.greennorm, a.greennorm {color:#748800; font-weight:normal} /* #748800 - темно-зеленый */
a.green:hover, a.greennorm:hover {color:#66645B} /* #66645B - темно-серый */

.red {color:red; font-weight:bold}
a.red:hover {color:#66645B} /* #66645B - темно-серый */

.white {color:white; font-weight:normal}

#moduleName, #moduleNameGreen, #moduleNameGray {color:#748800; text-align:right; font-size:10pt; font-weight:bold}
#moduleName {font-size:12pt} /* #748800 - темно-зеленый */
#moduleNameGreen {} /* #748800 - темно-зеленый */
#moduleNameGray {color:#66645B} /* #66645B - темно-серый */

#tablBar {background:url('/Head/tabl_left.png') no-repeat; margin-left:auto; margin-right:auto; padding:0}


/* Копирайт-подпись */
.copy {color:#66645B !important; text-align:right; font-size:.918rem; font-weight:normal; font-style:italic} /* #66645B - темно-серый */
.copy img {box-shadow:none}


/* ССЫЛКИ */
a {color:#6493D8; text-decoration:none; border:none; outline:none}
a img {border:none; outline:none} /* рамка вокруг рисунка-ссылки */
a img:hover {opacity:.8} /* затенение рисунка-ссылки */


/* a:link, a:active, a:visited {color:#6493D8} */
/* a:hover {color:#66645B} /* Темно-серый актив */
a:hover {color:#355C96} /* Темно-синий актив */
a > img {color:#66645B} /* отмена подсвечивания ссылки */

a.topLink:link, a.topLink:active, a.topLink:visited, a.forRegLink:link, a.forRegLink:active, a.forRegLink:visited {color:#fff}
a.topLink:hover, a.forRegLink:hover {color:#000}

a.noun:link, a.noun:active, a.noun:visited {color:#6493D8}
a.noun:hover {color:#000}

/* --- */


/* ТАБЛИЦЫ */
table td {padding:2px 0.1563vw; border-spacing:3px 0.2344vw} /* padding:2px; border-spacing:3px; border:1px solid grey */

/* Альтернатива свойству cellpadding */
.cellpadd td {padding:2px 0.1563vw} /* padding:2px */
.cellspac td {border-spacing:3px 0.2344vw} /* border-spacing:3px */
.tabBord td {border:1px solid grey}

.padd2 td {padding:2px 0.1563vw} /* 2px */
.padd3 td {padding:3px 0.2344vw} /* 3px */
.padd5 td {padding:5px 0.3906vw} /* 5px */
.padd7 td {padding:7px 0.5469vw} /* 7px */
.padd10 td {padding:10px 0.7813vw} /* 10px */


/* ФОРМА ВХОДА */
form {padding:0; margin:0}
input, textarea, select {vertical-align:middle} /* font-size:1.0em; */
.copy {} /* font-size:1em; */


/* КАРТИНКИ */
img {box-shadow:1px 2px 5px 0 #66645B}
@media screen and (max-width:480px) {img {width:auto; max-width:100%}} /* max-width:95% */

.pic {padding:0; margin:10px auto; text-align:center}
.pic img {margin:10px 2px !important} /* box-shadow:1px 2px 5px 0 #66645B - указаны в общих свойствах img */
/* свойства тени: X Y размытыие расширение цвет (можно в rgba) */
/* @media screen and (max-width:1028px) {.pic > img {width:auto; max-width:95%}} */
@media screen and (max-width:600px) {.pic img {width:auto; max-width:95%}} /* max-width:720px */

.ulightbox > img {width:auto; max-width:95%; margin:10px auto; text-align:center}
/*@media screen and (max-width:1028px) {.ulightbox > img {width:auto; max-width:95%; margin:0 auto; text-align:center}}*/

.person {width:22%; padding:0 .7813vw; box-shadow:none !important}
#phtmSpan35 > img {width:95%; height:auto; min-width:180px; max-width:600px !important} /* min-width:180px; */


/* ВСТРОЕННОЕ ВИДЕО */
iframe {width:100%}


/* ЛИНИИ (background-color - цвет для FF и Opera) */
hr {color:#999; background-color:#999; height:1px; border:none}
.textHr {color:#ddd; margin:10px 0; height:0px; border:1px dashed #ddd}
label {cursor:pointer} /* cursor:hand */


/* 
.mTd {padding-left:12px; padding-top:5px; padding-right:1px}
.pageTitle {font-size:1.0rem; font-weight:bold; color:#fff; padding:0 10px}
.mframe {padding-left:15px; padding-bottom:20px; padding-right:3px}

.blockT1 {border-left:1px solid #5694B5}
.blockT2 {padding:5px} 
*/


/* --- */


/* МАРКЕРЫ, СОЦКНОПКИ */

/* Маркеры */
.markerText {background:url(/css/social/mm2017-20.png) no-repeat 0 0}
.markerText {float:left; text-indent:0px; padding:0 0 0 40px}

.mark16, .mark18 {background:url(/css/social/mm20-2020.png) no-repeat 0px 4px}
.mark16:hover, .mark18:hover {background:url(/css/social/mm03-2020.png) no-repeat 0px 4px}

.mark16 {background-size:16px; padding:0 0 5px 24px}
.mark16:hover {background-size:18px;}

.mark18 {background-size:26px; padding:4px 0 10px 32px}
.mark18:hover {background-size:28px}

.mark22 {background:url(/css/social/mm05-2020.png) no-repeat 0 center; background-size:20px; padding-left:28px}
.mark22:hover {background:url(/css/social/mm25-2020.png) no-repeat 0 center; background-size:22px}

.mark26 {background:url(/css/social/mm05-2020.png) no-repeat 0 10px; background-size:26px; padding:6px 0 8px 36px} /* center */
.mark26:hover {background:url(/css/social/mm25-2020.png) no-repeat 0 10px; background-size:28px}


/* 5 причин */
.rea01, .reason01 {background:url(/css/social/rea01-.png) no-repeat 0 6px}
.rea01:hover, .reason01:hover {background:url(/css/social/rea01.png) no-repeat 0 6px}

.reason02 {background:url(/css/social/rea02-.png) no-repeat 0 6px}
.reason02:hover {background:url(/css/social/rea02.png) no-repeat 0 6px}

.reason03 {background:url(/css/social/rea03-.png) no-repeat 0 6px}
.reason03:hover {background:url(/css/social/rea03.png) no-repeat 0 6px}

.reason04 {background:url(/css/social/rea04-.png) no-repeat 0 6px}
.reason04:hover {background:url(/css/social/rea04.png) no-repeat 0 6px}

.reason05 {background:url(/css/social/rea05-.png) no-repeat 0 6px}
.reason05:hover {background:url(/css/social/rea05.png) no-repeat 0 6px}

.reason01, .reason02, .reason03, .reason04, .reason05 {background-size:28px; padding:0 0 4px 40px}
.reason01:hover, .reason02:hover, .reason03:hover, .reason04:hover, .reason05:hover {background-size:32px}
/* [class^="rea_"] {background-size:28px; padding:0 0 4px 40px} /* объединяет классы, начинающиеся на rea. Надо дорабатывать! */
/* hover > [class^="rea_"] {background-size:32px}
/*[class*="rea_"]:hover {background-size:32px} */

/* Социальные кнопки */
.soclnk {position:fixed; right:10px; margin-top:40px; z-index:10}
.soclink {position:fixed; left:50%; margin-top:40px; z-index:10}

a.social {background:url(/css/social00.png); width:24px; opacity:0.6}
a.social:hover {opacity:1.0}

a.socialmov, a.mov24 {display:block; width:24px; height:24px; float:left}
a.socialmov:hover, a.mov24:hover {background-position:-24px 0px}
a.socialmov28, a.mov28 {display:block; width:28px; height:24px; float:left}
a.socialmov28:hover, a.mov28:hover {background-position:-28px 0px}


/* 24 - цветные, 25 - серые, 28 - широкие */

/* Facebook */
a.fb24 {background:url(/css/social/fb24.png)}
a.fb25 {background:url(/css/social/fb25.png)}
a.fb28 {background:url(/css/social/fb28.png); margin:6px 3px}

/* VK */
a.vk24 {background:url(/css/social/vk24.png)}
a.vk25 {background:url(/css/social/vk25.png)}
a.vk28 {background:url(/css/social/vk28.png); margin:6px 3px}

/* Twitter */
a.tw24 {background:url(/css/social/tw24.png)}
a.tw25 {background:url(/css/social/tw25.png)}
a.tw28 {background:url(/css/social/tw28.png); margin:6px 3px}

/* Google+ */
a.goo24 {background:url(/css/social/goo24.png)}
a.goo25 {background:url(/css/social/goo25.png)}
a.goo28 {background:url(/css/social/goo28.png); margin:6px 3px}

/* Telegram */
a.tg28 {background:url(/css/social/tg28.png); margin:6px 3px}

/* Мой Мир (Mailru) */
a.my24 {background:url(/css/social/my24-2018.png)}
a.my28 {background:url(/css/social/my28-2018.png); margin:6px 3px}

/* Одноклассники */
a.ok24 {background:url(/css/social/ok24.png)}
a.ok28 {background:url(/css/social/ok28.png); margin:6px 3px}

/* master-mozaik */
a.mm24 {background:url(/css/social/mm24-2016.png);}
a.mm28 {background:url(/css/social/mm28-2018.png); margin:6px 3px}


/* Контакты */
/* a.tel24 {background:url(/css/social/tel_pic2018.png)}
a.mail24 {background:url(/css/social/mail_pic2018.png)} */
.tel24 {background:url(/css/social/tel18-2018.png) no-repeat 0 0; text-align:left; float:left; margin:6px 10px 0 0}
/* .tel24:hover {background-size:21px} */
a.tel24 {display:block; width:18px; height:16px}
a.tel24:hover {background-position:-18px 0}

.tel20 {background:url(/css/tel28_3.png) no-repeat 0 5px; background-size:19px}
.tel20:hover {background:url(/css/tel28_4.png) no-repeat 0 5px; background-size:20px}

.mail20 {background:url(/css/mail28_3.png) no-repeat 0 5px; background-size:19px}
.mail20:hover {background:url(/css/mail28_4.png) no-repeat 0 5px; background-size:20px}
/* --- */



/* Настройки блочных элементов (кнопки, ссылки) */

/* Блок услуг */
.goods001, .goods002 {display:inline-flex; position:relative; box-shadow:1px 2px 5px 0 #66645B}
.goods001 div, .goods002 div {position:absolute}
.goods001:hover img, .goods002:hover img {opacity:.5}
/* .goods002 {background:url("/Goods/bck600.png")} */

.goods001, .name002 {color:#fff !important}
.goods001:hover, .goods002:hover div {color:#66645B !important} /* .goods002:hover .name002, .goods002:hover .txt002 */

.name001, .name002 {font-family:'Verdana SemiBold'; font-size:1.14rem; letter-spacing:.029rem}
.name001 {top:0; left:0}
.name002, .name004 {bottom:0; right:0}
.goods001:hover .name001, .goods002:hover .name002 {text-shadow:white 0 0 12px}

@media screen and (max-width:850px) {.name001, .name002 {font-size:1.14em}}
@media screen and (max-width:680px) {.name001, .name002 {font-size:1.0em}}

.txt001, .txt002 {font-size:1.0rem; font-weight:bold}
.txt001 {bottom:7px; left:0; text-shadow:black 0 0 6px} /* bottom:7px */
.goods001:hover .txt001 {text-shadow:white 0 0 6px}
.txt002 {bottom:-100px; left:0; color:#748800 !important} /* bottom:-92px; bottom:-7.3438vw */

@media screen and (max-width:850px) {.txt001, .txt002 {font-size:1.0em}}
@media screen and (max-width:768px) {.txt001, .txt002 {font-size:0.94em}}
@media screen and (max-width:580px) {.name001, .name002, .txt001, .txt002 {padding:30px}}
@media screen and (max-width:580px) {.txt001 {top:40px}}
@media screen and (max-width:580px) {.txt002 {bottom:60px; left:0; color:#fff !important; text-shadow:black 0 0 6px}}
@media screen and (max-width:580px) {.goods002:hover .txt002 {text-shadow:white 0 0 6px}}


.good200 {display:block; width:200px; height:150px}
a.goods200 {background:inherit; display:block; width:200px; height:150px}
a.goods200:hover {background:url("/Goods/goods200.png")}

.good250 {display:block; width:250px; height:188px}
a.goods250 {background:inherit; display:block; width:250px; height:188px}
a.goods250:hover {background:url("/Goods/goods250.png")}

.good270 {display:block; width:270px; height:202.5px}
a.goods270 {background:inherit; display:block; width:270px; height:202.5px}
a.goods270:hover {background:url("/Goods/goods270.png")}

.good280 {display:block; width:280px; height:210px}
a.goods280 {background:inherit; display:block; width:280px; height:210px}
a.goods280:hover {background:url("/Goods/goods280.png")}

.good182 {display:block; width:auto} /* width:400px; height:182px; */
a.goods182 {background:inherit}
a.goods182:hover {background:url('/Goods/goods182-2.png') no-repeat}

.good400x300, a.goods400x300 {display:block; width:400px; height:300px; background:url('/Goods/goods400x600.jpg');} /* width:100%; max-width:400px; height:auto; max-height:300px; */
a.goods400x300:hover {background-position:0 -100%}
.text400x300 {margin:190px 0 0 0}
@media screen and (min-width:720px) and (max-width:768px) {.good400x300, a.goods400x300 {display:block; width:320px; height:240px}}
@media screen and (min-width:720px) and (max-width:768px){.text400x300 {font-size:.8125rem; margin:125px 0 0 0}}

.good400x182, a.goods400x182 {display:block; width:400px; height:182px; background:url('/Goods/goods400x364.jpg');} /* display:block; width:auto; max-width:400px; max-height:182px; */
a.goods400x182:hover {background-position:0 -100%}
.text400x182 {margin:182px 0 0 0}
@media screen and (min-width:720px) and (max-width:768px) {.good400x182, a.goods400x182 {display:block; width:320px; height:145.6px; background-position: -75px -37px;}}
@media screen and (min-width:720px) and (max-width:768px) {a.goods400x182:hover {display:block; width:320px; height:145.6px; background-position: -75px -219px;}}
@media screen and (min-width:720px) and (max-width:768px){.text400x182 {font-size:.8125rem; margin:140px 0 0 0}}

.goodm {display:block; width:120px; height:90px}
a.goodsm {background:inherit; display:block; width:120px; height:90px}
a.goodsm:hover {background:url('/Goods/goods00-.png')} /* color:#748800; font-weight:bold; */

.good580 {background:url('/Goods/goods580-1.png'); display:block; width:580px} /* height:100px; */
a.goods580 {background:inherit; display:block; width:580px}
a.goods580:hover {background:url('/Goods/goods580.png-')}

.gt {font-size:1em !important; font-weight:bold; color:#fff !important; opacity:1.0; filter:alpha(opacity=100); text-shadow:black 0px 0px 2px;} /* font-size:15px */
.gt:hover {color:#66645B !important; opacity:1.0; filter:alpha(opacity=100); text-shadow:white 0px 0px 2px} 



/* Стикеры */
a.sticker01, a.sticker02 {display:block; outline:none}
a.sticker01 {background:url(/css/reason09.png); width:169px; height:88px}
a.sticker02 {background:url(/css/social/faq04.png); width:160px; height:81px}
a.sticker01:hover, a.sticker02:hover {background-position:0 100%}

.logo05 {background:url('/Head/77.png') no-repeat center #fff !important}
.sticker05 {overflow:hidden; width:900px; height:269px; left:auto; top:0px}
.sticker {overflow:hidden; width:900px; height:346px; top:-198px; left:50%; z-index:3; opacity:0.95; filter:alpha(opacity=95)}



/* МАТЕРИАЛЫ */
.blockTitle {padding-left:19px; font-weight:bold; color:#fff; font-size:.75rem; background: url('/.s/t/916/8.gif') no-repeat 7px 6px; text-transform:capitalize;}
.catTitle {color:#748800; font-weight:bold; font-size:1.0rem; margin:7px 0}
.catContent {padding:5px; font-size:.8125rem}

.boxTable {width:220px}
.tabTitle {height:30px; color:#748800; font-weight:bold; font-size:.8rem}
.boxTitle {height:30px; color:#748800; font-weight:bold; font-size:1.0rem; display:flex; align-items:center} /* display:flex; align-items:center; */
.boxContent {padding:5px; font-size:.8125rem}

.eBlock {} /* width:auto; */ /* !!! */

.eTitle, .eTitle2, .Title26, .eTitleH1 {color:#6493D8; font-size:1.0rem; font-weight:bold} /* width:auto; */ /* !!! */
@media screen and (max-width:768px) {.eTitle, .eTitle2, .Title26, .eTitleH1 {font-size:initial}}

.eTitle {padding:5px 0 5px 40px; background:url('/css/social/mm2017-10.png') left center no-repeat}
.eTitle:hover {background:url('/css/social/mm2017-02.png') left center no-repeat} /* padding: 5px 0 5px 40px; */

.Title26 {background:url(/css/social/mm05-2020.png) no-repeat 0 center; background-size:26px; padding:6px 0 6px 40px}
.Title26:hover {background:url(/css/social/mm25-2020.png) no-repeat 0 center; background-size:28px}

.eTitle2 {padding:3px 0} /* vertical-align:top; */
.eTitleH1 {text-align:right} /* color:#66645B; text-align:right; font-size:1.2rem; font-weight:bold */

.eFacts {background:url('/css/eFacts04.png') left center no-repeat; overflow:visible; clear:both}
.eMessage {vertical-align:top; padding:2px 0; font-size:.945rem; clear:both} /* padding-bottom:5px; text-align:left; */
.eMessage p {margin:10px auto}
@media screen and (max-width:900px) {.eMessage {font-size:.945em}}
.eText {padding:5px 0; border-top:1px dashed #ddd}/* text-align:left; */

.eTit {background:url('/css/11-.png') left top no-repeat content-box; font-size:1.0rem; padding:0; text-indent:35px}

.eDetails, .eDetails1, .eDetails2 {color:#1A1A1A; padding:7px 0; font-size:0.75rem; clear:both}
.eDetails {}
.eDetails1, .eDetails2 {border-bottom:1px dashed #ddd}

.eDate {font-size:0.78em; text-align:right}
.eRating {font-size:0.78em}
.eAttach {margin:16px 0 0 0; padding:0 0 0 15px; background:url('/css/12.png') no-repeat 0 0}

/* @media screen and (max-width:768px) {.eBlock, .eMessage {width:auto}} */
/* --- */



/* Меню Категорий */
.catsTd {padding: 0 0 3px 12px; background: url('/.s/t/916/10.gif') no-repeat 2px 4px}
.catName, .catNameActive {font-size:.8125rem} /* font-size:1em; */
.catNumData {color:#6493D8; font-size:0.625rem}
.catDescr {font-size:0.8125rem; padding-left:10px}

a.catName, a.catNameActive {color:#6493D8; text-decoration:none}
/* --- */


/* Entry Manage Table */
.manTable {}
.manTdError {color:#FF0000}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* --- */

/* КОММЕНТАРИИ */
.cAnswer {padding-left:15px; padding-top:4px; font-style:italic}

.cBlock1, .cBlock2 {background:#fff; border:1px solid #E1E1E1}
/* --- */

/* Comments Form Style */
.commTable {background:#fff; border:1px solid #E1E1E1}
.commTd1 {color:#000}
.commTd2 {}
.commFl {width:100%}
.smiles {border:1px inset; background:#fff; border:1px solid #E1E1E1}
.commReg {padding: 10px 0; text-align:center}
.commError {color:#FF0000}
.securityCode {}
/* --- */

/* News/Blog Archive Menu */
.archUl {list-style:none; margin:0; padding-left:0}
.archLi {padding: 0 0 3px 10px; background: url('/.s/t/916/13.gif') no-repeat 0 4px}
.archActive {text-decoration:underline}
.archLi {font-size:1em} /* font-family:'Trebuchet MS',Tahoma,Arial,Sans-Serif; */

a.archLink {color:#6493D8; text-decoration:none}
a.archLink:hover, a.archLink:active {text-decoration:underline}
/* --- */


/* News/Blog Archive Style */
.archiveCalendars {color:#0000FF; text-align:center}
.archiveDateTitle {color:#6493D8; font-weight:bold; padding-top:15px}
.archEntryHr {color:#ddd; width:250px}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/916/14.gif') no-repeat 0px 3px; margin-bottom:.6em}
.archiveEntryTime {width:65px; font-style:italic}
.archiveEntryComms {color:#C3C3C3; font-size:.9em}

a.archiveDateTitleLink {color:#6493D8; text-decoration:none}
a.archiveDateTitleLink:hover, a.archiveDateTitleLink:active {text-decoration:underline}
.archiveNoEntry {color:#0000FF; text-align:center}
/* --- */


/* News/Blog Calendar Style */
.calMonth {text-align:right}
.calWday {background:#F7F7F7; width:17px}
.calWdaySe {background:#F7F7F7; width:17px; font-weight:bold}
.calWdaySu {background:#F7F7F7; width:17px; font-weight:bold; color:#FF0000}
.calMday {border:1px solid #E1E1E1; background:#fff}
.calMdayA {border:1px inset #E1E1E1; background:#fff; font-weight:bold}
.calMdayIs {border:1px outset #E1E1E1; background:#fff}
.calMdayIsA {border:1px outset; background:#E1E1E1;font-weight:bold}

a.calMonthLink {color:#6493D8; text-decoration:none}
a.calMonthLink:hover {text-decoration:underline}
a.calMonthLink:active {color:#000; text-decoration:underline}

a.calMdayLink {color:#6493D8; text-decoration:underline}
a.calMdayLink:hover, a.calMdayLink:active {color:#000}
/* --- */


/* Poll styles */
.pollBut {width:110px}

.pollBody {background:#fff; padding:7px; margin:0}
.textResults {background:#E2E6EA}
.textResultsTd {background:#fff}

.pollNow, .totalVotesTable {border-bottom:1px solid #E2E6EA; border-left:1px solid #E2E6EA; border-right:1px solid #E2E6EA}
.pollNowTd {}
.totalVotesTd {background:#fff}
/* --- */


/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green}
/* --- */


/* МЕНЮ 5 (Blue) */
.nav5 {
 background:none; 
 margin:0 0 10px; 
 padding:0; 
 /* font-size:.86rem; */
 text-align:left; 
}
.nav5 li {float:left; position:relative; list-style:none}
@media screen and (max-width:768px) {.nav5 {float:none}}
@media screen and (max-width:480px) {.nav5 {font-size:initial}}

/* main level link */
.nav5 a {color:#6493D8; font-weight:bold; text-decoration:none; display:block; padding:6px 10px; margin:0px}
.nav5 a:hover {color:#355C96; background:#DCE2FC}

/* main level link hover */
.nav5 .current a, .nav5 li:hover > a {color:#355C96; background:#DCE2FC}

/* sub levels link hover */
.nav5 ul li:hover a, .nav5 li:hover li a {color:#355C96; background:#f3f3f3; border:none; font-size:0.9em} /* font-size:0.9em; */
.nav5 ul a:hover {color:#355C96 !important; background:#DCE2FC !important; font-weight:bold}


/* dropdown */
.nav5 li:hover > ul {display:block; z-index:3}

/* level 2 list */
.nav5 ul {
 display:none; 
 margin:0; 
 padding:0; 
 width:200px; 
 position:absolute; 
 /* top:27px; */
 left:0; 
 background:none; 
 border:solid 1px #E1E1E1; 
}
.nav5 ul li {float:none; margin:0; padding:0}

.nav5 ul a {font-weight:normal}

/* level 3+ list */
.nav5 ul ul {left:50px; top:26px} /* left:200px; top:0px; */

.nav5 {display:inline-block} /* z-index:3; */ 


/* ZOOM (увеличение картинок) */
a.nivoZoom {border:0 !important} 
a.nivoZoom img {box-shadow:0px 0px 5px #000; border:0} /* -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; */
a.nivoZoom img.nivoLarge {box-shadow:0px 0px 10px #000} /* -moz-box-shadow:0px 0px 10px #000; -webkit-box-shadow:0px 0px 10px #000; */
.nivoZoomHover {background:url(/css/js/zoom.png) no-repeat 50% 50%; position:absolute; top:0px; left:0px; z-index:9; width:100%; height:100%; cursor:pointer}
.nivoZoomHover.loading {background:url(/css/js/loading.gif) no-repeat 50% 50%; border:4px solid #000; width:16px; height:16px; top:43%; left:43%; opacity:0.8; filter:alpha(opacity=80); border-radius:4px} /* -moz-border-radius:4px; -webkit-border-radius:4px; */ 
.nivoCaption {display:none; position:absolute; z-index:110; text-align:center; background:#010101; color:#fff; padding:4px 0; overflow:hidden}
/* --- */


/* ТЕНЬ СТРАНИЦЫ */
.shadow {
 position:relative;
 padding:0; /* padding:50px; */
 margin:0 auto;
 box-shadow:0 3px 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
 /* -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); 
 -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1) */
}

.shadowup {
 position:relative;
 padding:0; /* padding:50px; */
 margin:0 auto;
 box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
 /* -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); */
}

.shadowdown {
 position:relative;
 padding:0;
 margin:0 auto;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
 /* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1); */
}


/* Имитация тени загиба страницы */
/* , .shadowup:before, .shadowup:after, .shadowdown:before, .shadowdown:after, */
.shadow:before, .shadow:after, .shadowup:before, .shadowup:after, .shadowdown:before, .shadowdown:after {
 z-index:-6;
 position:absolute;
 width:40%;
 height:14px;
 content:' ';
 left:10px;
 bottom:16px;
 background:transparent;
 box-shadow:0 6px 20px rgba(0, 0, 0, 0.5);
 /* -webkit-box-shadow:0 6px 18px rgba(0, 0, 0, 0.4);
 -moz-box-shadow:0 6px 18px rgba(0, 0, 0, 0.4); */
 transform:skew(-5deg) rotate(-5deg);
 /* -webkit-transform:skew(-5deg) rotate(-5deg);
 -moz-transform:skew(-5deg) rotate(-5deg);
 -ms-transform:skew(-5deg) rotate(-5deg);
 -o-transform:skew(-5deg) rotate(-5deg) */
 }

.shadow:after {
 left:auto;
 right:10px;
 transform:skew(5deg) rotate(5deg);
 /* -webkit-transform:skew(5deg) rotate(5deg);
 -moz-transform:skew(5deg) rotate(5deg);
 -ms-transform:skew(5deg) rotate(5deg);
 -o-transform:skew(5deg) rotate(5deg) */
}

.shadowinset {
 position:relative;
 padding:0px;
 margin:0 auto;
 box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1);
 /* -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1) */
}

/* m - Тень листа */
@media screen and (max-width:900px) {
.shadow, 
.shadow:before, 
.shadow:after, 
.shadowinset, 
.shadowup, 
.shadowup:before, 
.shadowup:after, 
.shadowdown, 
.shadowdown:before, 
.shadowdown:after 
{box-shadow:none} /* -webkit-box-shadow:none; -moz-box-shadow:none */
} 

/* Other Styles */
.replaceTable {background:#FFF; border:1px solid #E1E1E1; height:100px; width:300px}

.legendTd {font-size:0.78em}
/* --- */


/* Кнопка НАВЕРХ */
.scrollTop{
 background:url(/css/js/up_arrow10.png) 0 0 no-repeat;
 outline:none;
 display:block;
 position:fixed;
 width:150px;
 height:136px;
 right:0px;
 bottom:40px;
 /* width:70px;
 height:40px;
 top:400px;
 left:8%; */
 z-index:10
}
.scrollTop:hover{
 background-position:100% 100%
}


/* m - Адаптивные условия. Выполняется, если условие меньше или равно значению */

/* Пример */
/* @media screen and (max-width:768px) {
 #pagewrap {width: 95%}
 #content {width: 60%; padding: 3% 4%}
 #sidebar {width: 30%}
 #sidebar .widget {padding: 8% 7%; margin-bottom: 10px}
} */


/* Селекторы страниц */
/* @font-face {font-family: Franklin Gothic Heavy; src: url(/css/fonts/FRAHV.TTF)} */

.catPages1, 
.catPages2, 
.pagesBlock1, 
.pagesBlock2, 
.pagesBlockuz1, 
.pagesBlockuz2 {padding:10px 0;} 
span.catPages1, 
span.catPages2, 
span.pagesBlock1, 
span.pagesBlock2, 
span.pagesBlockuz1, 
span.pagesBlockuz2 {display: inline-block;} 

.catPages1 a, 
.catPages2 a, 
.pagesBlock1 a, 
.pagesBlock2 a, 
.pagesBlockuz1 a, 
.pagesBlockuz2 a, 
.catPages1 b, 
.catPages2 b, 
.pagesBlock1 b, 
.pagesBlock2 b, 
.pagesBlockuz1 b, 
.pagesBlockuz2 b { 
 padding:4px 8px; 
 /* -webkit-border-radius: 3px;
 -moz-border-radius: 3px; */
 border-radius: 3px;
 color:#6493D8; 
 background:#f3f3f3; 
 border:1px solid #E1E1E1;
 font-size:.8em; font-family:Franklin Gothic Heavy,verdana; font-weight:bold 
} 

.catPages1 b, 
.catPages2 b, 
.pagesBlock1 b, 
.pagesBlock2 b, 
.pagesBlockuz1 b, 
.pagesBlockuz2 b { 
 color:#fff; 
 background:#acb8ca; 
 border-color:#e1e1e1;
} 
.catPages1 a:hover, 
.catPages2 a:hover, 
.pagesBlock1 a:hover, 
.pagesBlock2 a:hover, 
.pagesBlockuz1 a:hover, 
.pagesBlockuz2 a:hover { 
 color:#355C96; 
 background:#DCE2FC; 
 border-color:#acb8ca
}
.swchItemDots {letter-spacing:2px; color:#355C96; font-size:1.2em; font-family:Franklin Gothic Heavy} /* многоточие */

.nextprev { 
 padding:4px 8px; 
 /* -webkit-border-radius: 3px;
 -moz-border-radius: 3px; */
 border-radius: 3px;
 color:#6493D8; 
 background:#f3f3f3; 
 border:1px solid #E1E1E1;
 font-size:.8em; font-family:Franklin Gothic Heavy,verdana; font-weight:bold 
} 

/* MENU END */


/* Основные цвета: */
/* 
#ffffff (#fff) - белый
#000000 (#000) - черный
#959595 - серый
#66645B - темно-серый
#748800 - темно зеленый
#355C96 - темно-синий
#6493D8 - голубой
#DDEEF7 - нежно-голубой
#ebecf3 - бледно-голубой (фон)
#f3f3f3 - бледно-бледно голубой (фон страницы)
*/

/* количество параметров (задаются через пробел) */
/*
1 - единое значение для всех сторон
2 - верх-низ лево-право
3 - верх лево-право низ
4 - верх право низ лево
*/

/* Спецзнаки */
/* 
&ndash; - тире
&laquo; - левые кавычки
&raquo; - правые кавычки
&#x301; - ударение
*/


/* Форма добавления материала */
/* Ошибка позиционориования */
.uf-tooltip {width:70px !important; left:80%; right:0}
.uf-tooltip::after {left:80% !important; right:12%}


/* Прочее */
/* initial - сбрасывает до умолчания, inherit - наследует родителя */

/* word-break - не проставляет дефис
см. также hyphens (требуется значение html lang="ru")
см. также word-wrap: break-word
<wbr> - (+) перенос в указанном месте текста без дефиса (пример: Анри-<wbr>Рене-<wbr>Альбер)
&shy; - перенос в указанном месте текста с дефисом
мягкий пробел &nbsp; запрещает разбивать ближние символы (числа и единицы измерения) */

/* Подсветить все блоки красным (звезочка обязательна) */
/* *{border: 1px solid red} */

/* End CSS */