/* General Style */
html{
-webkit-text-size-adjust:100%;
}/* стабилизирует текст на малых экранах */
body { background: #f4f4f4; 
 font-size: 13pt; 
 line-height: 1.4;
 margin: auto; max-width: 1280px;
 height: auto; font-family: 'Roboto', sans-serif !important; }

#dataBar {margin-top:0px;background: #f4f4f4; padding: 0px 14px 0px 0px;text-align:right;font-size:8pt;color:#000000;}
#topLeft {width:100%; float:left; z-index: 100;position: relative; padding-top:2px; margin-bottom: 10px;}
#logo { position: relative;
 height: 95px;
 background: #ffffff;
 overflow: hidden;}
#logo::before {
 content: "";
 position: absolute;
 inset: 0;

 background: rgba(100, 100, 100, 0.2); /* затемнение */
 
 -webkit-backdrop-filter: blur(6px);

 pointer-events: none;
}
#logo {border-bottom: 0px solid #000000; color:#86784d;z-index: 1; padding-left: 15% !important; padding-right:16%; width: 100%; position: relative;font-size: 14pt; font-weight: 600; text-align: left; padding-bottom: 15px; margin-bottom: 15px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

#logo {
 width: 100vw;
 position: relative;
 left: 50%;
 transform: translateX(-50%);
}


@media (max-width: 1100px) {
 #logo {
 padding-left: 1% !important;
 padding-right: 1%;
 }
}
 @media (max-width: 450px) {
.logo-img {
 width: 55px;
}
}
#logo .inner {
 max-width: 1280px;
 margin: 0 auto;
}
.logo-img {
 vertical-align: middle; /* выравниваем только эту картинку по тексту */
 display: inline-block; /* чтобы быть на одной линии с текстом */
}
/* Контейнер почта тел */
.logo-wrap { 
 display: flex; 
 align-items: center; 
 width: 100%; }
.icons {
 position: absolute; 
 right: 300px;
 top: 73%;
 transform: translateY(-50%);
 }
.icon {
 width: 35px;
 height: 35px;
margin-left: 10px;
}
.icons {
 display: flex;
 gap: 10px;
}
@media (max-width: 1100px) {
.icons {
 position: absolute; 
right: 13% !important;
 top: 85%;
transform: translateY(-50%);
 }
 .icon {
 width: 33px;
 height: 33px;
margin-left: 0px;
 }
}
@media (max-width: 800px) {
.icons {
 position: absolute; 
right: 13% !important;
 top: 85%;
transform: translateY(-50%);
 }
 .icon {
 width: 33px;
 height: 33px;
margin-left: 0px;
 }
}
@media (max-width: 600px) {
.icons {
 position: absolute; 
right: 3% !important;
 top: 85%;
transform: translateY(-50%);
 }
 .icon {
 width: 33px;
 height: 33px;
margin-left: 0px;
 }
}
/* /Контейнер почта тел */
/* Контейнер заголовок */
.logo-wrap2 { 
 display: flex; 
 align-items: center; 
 width: 100%; }
.icons2 {
 position: absolute; 
 top: 60% !important;
 left: 200px;
 transform: translateY(-50%);
 }

@media (max-width: 1100px) {
.icons2 {
 position: absolute; 
right: 15px !important;
left: 10px;
 top: 47% !important;
 transform: translateY(-50%);
 }
}
/* /Контейнер заголовок */
#navBar {
 width: 100%;
 max-width: 100%;
 float: none; /* убираем float */
 padding: 0; /* убираем лишний padding */
 margin: 0; /* убираем margin */
 box-sizing: border-box; /* чтобы padding и border не увеличивали ширину */
 background:#ffffff;
 border-top-color: #cc9966 !important;
 font-size: 9pt;
 font-family: Τimes,New Roman,Georgia,serif;
}
#sideBar {width:100%;float: right;margin-top:0px;}
#content {width:100%; float: center;overflow: auto; padding: 5px 10px 5px 10px !important; margin-bottom: 5px !important;
margin-top: 5px; font-size: 12pt;color:#444444;font-family:Arial,Helvetica;}
#contanier {font-family:arial,sans-serif;font-size:11pt; width:100%;
 margin:0 auto;}
 
.boxTable b, .menuTable b {font-size:13pt;color:#666666;padding:10px;margin:0px;}/*цвет шрифта кто онлайн*/
.boxContent {margin-top: 5px!important;padding:15px;text-align:left; width:auto;}
#footer {
border-top-color: #ffffff ! important;text-align:center; padding:20px 20px 20px 5px;
 line-height: 1.1;
 background:#929293;clear: both; font-size:9pt! important; color:#f4f4f4; width: 100%; height:auto; margin-bottom: 25px !important;}
#footer .copyright-block {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 margin-bottom: 5px;
padding:0px 10px 5px 10px;
}

#footer .copyright-text {
 max-width: 600px;
 text-align: left;
}

#footer .copyright-img {
 float: center;
 margin-right: 8px;
 width: 70px;
}
#footer #counters {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 10px;
 margin: 10px 0;
 flex-wrap: wrap; /* чтобы не ломалось на узких экранах */
}
.center {text-align:center;}
 /*поле ввода почтовая фор.*/
input, textarea, select {padding: 5px;border: 1px solid #999999 !important;vertical-align:middle; cursor:pointer;color:#333333; background:#ffffff;font-size:12pt; font-weight:400;font-family:arial,sans-serif; }/*почтовая форма-кнопка-поиск*/
input, textarea, select {font-family: 'Noto Sans Greek', sans-serif! important;} 
.searchSbmFl {
 border: 0px solid #f4f4f4!important;color:#ffffff !important; border-radius: 4px; font-size: 8pt;padding: 1px 1px 1px 1px;
}
 /*кнопка-поиск*/
.searchSbmFl {
 width: 22px;
 height: 19px;
 background-image: url("https://art-golik.com/site/search.webp");
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain; /* чтобы не обрезалась */

 background-color: transparent; /* убираем серый фон */
 border: 0px solid #f4f4f4 !important;
 border-radius: 4px;

 cursor: pointer;
 padding: 0px;
margin-left:5px;

}
/*кнопка-поиск*/
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
 background:#6699ff; color: #000000;}/*почтовая форма,кнопка-поиск*/
.copy {font-size:7pt;}
.queryField {
 width: 100px !important;
 height: 19px;
}/*поле ввода,кнопка-поиск*/
a.noun:link {text-decoration:none; color:#CC0000}
a.noun:active {text-decoration:none; color:#CC0000}
a.noun:visited {text-decoration:none; color:#CC0000}
a.noun:hover {text-decoration:none; color:#FFFFFF}
.mframe1 {padding:1px 10px 30px 10px;}
.schQuery {float: left; width:65%;}
/*поле ввода*/
.queryField { width:100%; height:20px; background:#f4f4f4; border-width: 4px; border-top-color:#f3f4f4 !important;border-right-color:#f3f4f4;border-bottom-color:#f4f4f4 !important;border-left-color:#f4f4f4;font-size: 8pt;color:#000000;}/* queryField - поиск */
.break-word {word-wrap: break-word!important;}/* перенос слов */
/*/поле ввода,кнопка-поиск*/
/* блокирует шевеление картинок при наведении */
img:hover {
 transform: none !important;
}/* /блокирует шевеление картинок при наведении */
/* Адаптивный шрифт */
.text {
 font-size: 1rem; /* Базовый размер, ~16px */
 color: #222222;
 word-spacing: 1.1875rem; /* ~3px */
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight: 600;
 display: inline-block; /* делает div строчным, чтобы стоял рядом с img */
 vertical-align: middle; /* выравниваем по центру относительно картинки */
line-height: 1;

}
@media screen and (max-width: 295px) {
 .text {
 font-size: 1.45rem; /* чуть меньше */
 font-weight: 600;
 }
}

@media screen and (max-width: 320px) {
 .text {
 font-size: 1.699rem; /* ~30px 1.875rem */
 font-weight: 600;
 }
}

@media screen and (min-width: 321px) and (max-width: 450px) {
 .text {
 font-size: 2.1875rem; /* ~35px */
 font-weight: 600;
 }
}

@media screen and (min-width: 451px) and (max-width: 800px) {
 .text {
 font-size: 2.9rem; /* ~40px */
 }
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
 .text {
 font-size: 3.2rem; /* ~44px */
 }
}

@media screen and (min-width: 1201px) {
 .text {
 font-size: 3.5rem; /* ~48px */
 }
}
/* Адаптивный шрифт */

/* Адаптивный шрифт красный */
.text2 {
 font-size: 1rem; /* Базовый размер, ~16px */
 color: #7d0000;
 margin-left: 1rem;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight: 600;
 display: inline-block; /* делает div строчным, чтобы стоял рядом с img */
 vertical-align: middle; /* выравниваем по центру относительно картинки */
line-height: 1;

}
@media screen and (max-width: 295px) {
 .text2 {
 font-size: 1.45rem; /* чуть меньше */
 font-weight: 600;
 margin-left: 0.5rem;
 }
}

@media screen and (max-width: 320px) {
 .text2 {
 font-size: 1.699rem; /* ~30px 1.875rem */
 font-weight: 600;
 margin-left: 0.6rem;
 }
}

@media screen and (min-width: 321px) and (max-width: 450px) {
 .text2 {
 font-size: 2.1875rem; /* ~35px */
 font-weight: 600;
 }
}

@media screen and (min-width: 451px) and (max-width: 800px) {
 .text2 {
 font-size: 2.9rem; /* ~40px */
 }
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
 .text2 {
 font-size: 3.2rem; /* ~44px */
 }
}

@media screen and (min-width: 1201px) {
 .text2 {
 font-size: 3.5rem; /* ~48px */
 }
}
/* Адаптивный шрифт красный */



@media (max-width: 1000px) { /* для адаптации конкретной картинки экранов шириной до 1000px */
 img.full-width-image {
 max-width: 100%;
 width: auto;
 }
}

/* соответствие img ширине контейнера */
 img {
 max-width: 100%;height: auto;
}
@media \0screen {
 img { 
 width: auto; /* для for ie 8 */
 }
}
/* /соответствие img ширине контейнера */
/* --------- */
 a {
 outline: none; /* Убираем границу вокруг ссылок */
 }
img, form {
border:0;
 margin:0;
 padding:0;
 -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* ul */
.my-list {
 list-style: square outside!important; /* Тип маркера */
 list-style-position: outside; /* Положение маркера */
 color: #333333; margin-bottom: 0px; margin-top: 3px;/* цвет текст */
}

/* Использование изображения как маркера */
.my-list {
 list-style-image: url(images/marker.png);
}
/* /ul */
/*стиль кнопки*/
a.wsbutton{
 background: #f06f3d;border: 0px solid #888888!important;/*цвет фона*/
 border-radius: 70px;/*радиус скругления*/
 box-shadow: 0 -3px 0 0 hsla(153, 0%, 0%, 0.4) inset;/*внутрення тень*/
 color: #000000 !important;/*цвет текста*/
 display: table;/*элемент таблицы*/
 font-family: sans-serif;/*семейство шрифта*/
 font-size: 11pt;/*размер текста*/
 font-weight: 300;/*жирный шрифт*/
 line-height: 1.1!important;/*высота строки*/
 padding-top: 25px !important;/*внутрение отступы*/
 margin:0 auto;/*выравнивание по центру*/
 text-decoration: none!important;/*убераем подчеркивание*/
 transition: all 0.3s;/*плавный эффект перехода*/
text-align:center;
 width:85px;
height:70px;
 vertical-align: middle;
 float:center;
}
/*стили кнопки при наведении курсора мыши на нее*/
a.wsbutton:hover {
 background: #f4f4f4; color: #000000!important;/*другой цвет фона*/
 box-shadow: 0 3px 0 0 hsla(0, 0%, 0%, 0.2) inset;}/*расположение тени сверху*/
/* ------------- */
/*стиль кнопки*/
a.wsbutton0{
 background: #e5d4a0;border: 0px solid #888888!important;/*цвет фона*/
 border-radius: 70px;/*радиус скругления*/
 box-shadow: 0 -3px 0 0 hsla(153, 0%, 0%, 0.4) inset;/*внутрення тень*/
 color: #000000 !important;/*цвет текста*/
 display: table;/*элемент таблицы*/
 font-family: sans-serif;/*семейство шрифта*/
 font-size: 11pt;/*размер текста*/
 font-weight: 300;/*жирный шрифт*/
 line-height: 1.1!important;/*высота строки*/
 padding-top: 25px;/*внутрение отступы*/
 margin:0 auto;/*выравнивание по центру*/
 text-decoration: none!important;/*убераем подчеркивание*/
 transition: all 0.3s;/*плавный эффект перехода*/
text-align:center;
 width:85px;
height:70px;
float:center;
}
/*стили кнопки при наведении курсора мыши на нее*/
a.wsbutton0:hover {
 background: #f4f4f4; color: #000000!important;/*другой цвет фона*/
 box-shadow: 0 3px 0 0 hsla(0, 0%, 0%, 0.2) inset;}/*расположение тени сверху*/
/* ------------- */
/*стиль кнопки*/
a.wsbutton1{
 background: #52bc90;border: 0px solid #888888!important;/*цвет фона*/
 border-radius: 70px;/*радиус скругления*/
 box-shadow: 0 -3px 0 0 hsla(153, 0%, 0%, 0.4) inset;/*внутрення тень*/
 color: #000000 !important;/*цвет текста*/
 display: table;/*элемент таблицы*/
 font-family: sans-serif;/*семейство шрифта*/
 font-size: 11pt;/*размер текста*/
 font-weight: 300;/*жирный шрифт*/
 line-height: 1.1!important;/*высота строки*/
 padding-top: 25px;/*внутрение отступы*/
 margin:0 auto;/*выравнивание по центру*/
 text-decoration: none!important;/*убераем подчеркивание*/
 transition: all 0.3s;/*плавный эффект перехода*/
text-align:center;
 width:85px;
height:70px;
float:center;
}
/*стили кнопки при наведении курсора мыши на нее*/
a.wsbutton1:hover {
 background: #f4f4f4; color: #000000!important;/*другой цвет фона*/
 box-shadow: 0 3px 0 0 hsla(0, 0%, 0%, 0.2) inset;}/*расположение тени сверху*/
/* ------------- */

/* десктоп и планшеты */
@media (min-width: 768px) {
 a.wsbutton,
 a.wsbutton0,
 a.wsbutton1 {
 width: 150px;
 height: 70px; /* пропорционально увеличил, можешь изменить */
 padding-top: 25px;
 font-size: 13pt;
 }
}
/*стиль кнопки 2*/
a.wsbutton2{
 background: #e3dbb2;
 border-radius: 25px;
 box-shadow: 0 -3px 0 0 hsla(153, 0%, 0%, 0.4) inset;/*внутрення тень*/
 color: #333333!important;
 display: table;/*элемент таблицы*/
 font-family: Τimes,Τimes,New Roman,Georgia,serif;
 font-size: 12pt;
 font-weight: bold;
 line-height: 1.1 !important;/*высота строки*/
 padding-top: 10px!important;
 margin:0 auto;/*выравнивание по центру*/
 text-decoration: none!important;
 transition: all 0.3s;/*плавный эффект перехода*/
text-align:center;
 width:170px;
height:50px;
}
a.wsbutton2:hover {
 background: #009999; color: #ffffff!important;/*другой цвет фона*/
 box-shadow: 0 3px 0 0 hsla(0, 0%, 0%, 0.2) inset;}/*расположение тени сверху*/
/*/стиль кнопки2*/
/*стиль кнопки 3*/
a.wsbutton3{
 background: #4B0082;border: 0px solid #333333!important;/*цвет фона*/
 border-radius: 20px;/*радиус скругления*/
 box-shadow: 0 -3px 0 0 hsla(153, 0%, 0%, 0.4) inset;/*внутрення тень*/
 color: #ffcc99!important;/*цвет текста*/
 display: table;/*элемент таблицы*/
 font-family: sans-serif;/*семейство шрифта*/
 font-size: 14pt;/*размер текста*/
 font-weight: bold;/*жирный шрифт*/
 line-height: 1.1!important;/*высота строки*/
 padding: 20px;/*внутрение отступы*/
 padding-bottom: 25px;
 margin:0 auto;/*выравнивание по центру*/
 text-decoration: none!important;/*убераем подчеркивание*/
 transition: all 0.3s;/*плавный эффект перехода*/
text-align:center;
 width:auto;
height:auto;
float:center;
}
/*стили кнопки при наведении курсора мыши на нее*/
a.wsbutton3:hover {
 background: #800080; color: #ffcc99!important;/*другой цвет фона*/
 box-shadow: 0 3px 0 0 hsla(0, 0%, 0%, 0.2) inset;}/*расположение тени сверху*/
/*/стиль кнопки3*/
/*стиль кнопки 4*/
a.wsbutton4 {
 background: #313e63;
 border-radius: 9px;
 box-shadow: 0 -3px 0 0 hsla(153, 0%, 0%, 0.4) inset;
 color: #ffcc99 !important;
 display: inline-block; /* лучше для кнопки */
 font-family: Times, "Times New Roman", Georgia, serif;
 font-size: 11pt;
 font-weight: 400;
 line-height: 1.1 !important;
 padding: 7px 9px; /* сверху/снизу 7px, слева/справа 15px */
 margin: 0 auto;
 text-decoration: none !important;
 transition: all 0.3s;
 text-align: center;
 width: 195px; /* можно оставить, если нужен фиксированный размер */
 /* height: 30px; <- удалить, чтобы padding работал */
}

a.wsbutton4:hover {
 background: #3576a0;
 color: #ffffff !important;
 box-shadow: 0 3px 0 0 hsla(0, 0%, 0%, 0.2) inset;
}
/*стиль кнопки 5*/
a.wsbutton5{
 background: #498bfa;
 border-radius: 9px;
 box-shadow: 0 -3px 0 0 hsla(153, 0%, 0%, 0.4) inset;/*внутрення тень*/
 color: #ffffff! important;
 display: inline-block;/*элемент таблицы*/
 font-family: Τimes,Τimes,New Roman,Georgia,serif;
 font-weight: normal !important;
 font-size: 11pt;
 line-height: 1.1!important;/*высота строки*/
 padding: 10px 15px !important;/*внутрение отступы*/
 margin:0 auto;/*выравнивание по центру*/
 text-decoration: none!important;
 transition: all 0.3s;/*плавный эффект перехода*/
text-align:center;
 width:200px;
float:left;
margin-bottom:45px !important;
margin-top:-4px;
}

a.wsbutton5:hover {
 background: #99ccff; color: #111111!important;/*другой цвет фона*/
 box-shadow: 0 3px 0 0 hsla(0, 0%, 0%, 0.2) inset;}/*расположение тени сверху*/
/*/стиль кнопки5*/
.fonts1 {color: #4169E1; font-size: 11pt;font-weight: 900! important; font-style: italic; font-family:'Roboto',sans-serif! important;
}

#elem {
 text-shadow: 0px 0px 3px black;
}/*текст с тенью*/
.box3 {font-style:oblique;margin-bottom: -7px;}/*наклонный текст*/
/* отступ текстового блока */
.box1 {
 position: relative;
float: right; margin-top: -20px; padding-right: 0px; width: auto; height:25px;
}
.box2 {
 width: 90%; padding-left: 10px;
}
/* /отступ текстового блока */
.schBtn {float: left; width: 30%;}

h2{color: #773333; font-size: 24pt; font-weight: 500! important; font-family: "Roboto",Tahoma,Arial,Sans-Serif;text-align:center;}
h1{color: #222222; font-size: 35pt; font-weight: 600; font-family: "Roboto", Arial, sans-serif; text-align:center;line-height: 1.2;margin-top:13px;margin-bottom:13px;margin-left:15px;margin-right:15px;}
h3{color: #773333; font-size: 23pt;font-weight: 300! important; font-family: Verdana,Tahoma,Arial,Sans-Serif; text-align:center;}
h4{color: #773333; font-size: 21pt;font-weight: 300! important; font-family: Verdana,Tahoma,Arial,Sans-Serif;text-align:center;font-weight:lighter;}
h5{color: #773333; font-size: 20pt;font-weight: 300! important; font-family: Verdana,Tahoma,Arial,Sans-Serif; text-align:center;}
h6{color: #773333; font-size: 14pt;font-weight: 300! important; font-family: Verdana,Tahoma,Arial,Sans-Serif; text-align:left;margin:0px;}
h7{color: #ffcc99; font-size: 13pt; font-weight: 300! important; font-family:arial,verdana,helvetica; text-align:left;margin:0px;}

@media screen and (max-width: 800px) {
 h1{
 font-size: 27pt;
 line-height: 1.1;
 }
}

@media screen and (max-width: 500px) {
 h1{
 font-size: 26pt;
 line-height: 1.1;
font-weight: 300! important;
 }
}
@media screen and (max-width: 295px) {
 h1{
 font-size: 25pt;
 line-height: 1.1;
 font-weight: 300! important;
 }
}
a:link {text-decoration:underline; color:#996600;}
a:active {text-decoration:none; color:#996600;}
a:visited {text-decoration:none; color:#996600;}
a:hover {text-decoration:underline; color:#cc3300;}

a.c1:link {text-decoration:none; color:#746a49; font-size:10pt;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-weight: 500;}
a.c1:visited {text-decoration:none; color:#746a49;}
a.c1:active {text-decoration:none; color:#746a49;}
a.c1:hover {text-decoration:none; color:#cc9999;}

a.c2:link {text-decoration:none! important; color:#ae9b9b;}
a.c2:visited {text-decoration:none! important; color:#ae9b9b;}
a.c2:active {text-decoration:none! important; color:#ae9b9b;}
a.c2:hover {text-decoration:none; color:#cc9999;}

a.c3:link {text-decoration:none; color:#555555;}
a.c3:visited {text-decoration:none; color:#555555;}
a.c3:active {text-decoration:none; color:#555555;}
a.c3:hover {text-decoration:none; color:#cc3300;}

a.c4:link {text-decoration:none; color:#ffffff;text-shadow:
 0px 0px 1px black;
 }/*главная*/
a.c4:visited {text-decoration:none; color:#ffffff;}
a.c4:active {text-decoration:none; color:#ffffff;}
a.c4:hover {text-decoration:none; color:#ff3333;}

a.c5:link {text-decoration:underline! important; color:#1f2742;}
a.c5:visited {text-decoration:none! important; color:#1f2742;}
a.c5:active {text-decoration:none! important; color:#1f2742;}
a.c5:hover {text-decoration:none! important; color:#cc3300;}

a.c6:link {text-decoration:none; color:#ffffff;}/*шапка*/
a.c6:visited {text-decoration:none; color:#ffffff;}
a.c6:active {text-decoration:none; color:#ffffff;}
a.c6:hover {text-decoration:none; color:#ffcc99;}

a.c7:link {text-decoration:underline; color:#ff3333;}
a.c7:visited {text-decoration:none; color:#ff3333;}
a.c7:active {text-decoration:none; color:#ff3333;}
a.c7:hover {text-decoration:none; color:#ffcc99;}

a.c8:link {text-decoration:underline !important; color:#003399;font-size:12pt;font-weight: 600;}
a.c8:visited {text-decoration:none !important; color:#003399; background: #cccccc;font-size:12pt;}
a.c8:active {text-decoration:none !important; color:#003399; background: #cccccc;font-size:12pt;}
a.c8:hover {text-decoration:none !important; color:#ff3333;font-size:12pt;}

a.c10:link {text-decoration:none; color:#ffcc99;}
a.c10:visited {text-decoration:none; color:#ffcc99;}
a.c10:active {text-decoration:none; color:#ffcc99;}
a.c10:hover {text-decoration:none; color:#ff9966;}
td, body {img-width:100%;}
td, body {font-family:arial,sans-serif; color:#333333;font-size:11pt;}
form {padding:0px;margin:0px;}

hr {
 height: 0;
 border: none;
 border-top: 1px solid #999999! important; 
}

label {cursor:pointer;cursor:hand}
p {
text-indent: 20px; margin-top:0px; margin-bottom:0px;
}

/*кнопка наверх*/
.h-top-link, .h-top-link:hover {display:none;cursor:pointer;width:48px;height:48px;text-align:center;background:#1d76d9 url('http://art-golik.com/top.png');color:#fff;position:fixed;right:30px;bottom:40px;}
/*кнопка наверх*/
.blocktitle {font-family:Verdana,Sans-Serif;color:#333333;font-size:13px;font-weight:bold; padding-left:22px; background: url('/.s/t/838/3.gif') no-repeat 5px 2px;}
.menut0 {}
.menut {padding:2 3 3 15px;}
.mframe {padding:2 0 30 30px;}
.bannerTable {width:468pt;height:60pt;}

.menu1 {font-weight:normal;font-size:12pt;font-family:Τimes,New Roman,Georgia,serif;}
a.menu1:link {text-decoration:underline; color:#CCCCCC}
a.menu1:active {text-decoration:underline; color:#CCCCCC}
a.menu1:visited {text-decoration:underline; color:#CCCCCC}
a.menu1:hover {text-decoration:none; color:#CC3333;}
/* ------------- */
.menu3 {font-weight:normal; color:#cbb285;font-size:12pt;font-family:Arial,Helvetica;}
a.menu3:link {text-decoration:none; color:#cbb285}
a.menu3:active {text-decoration:none; color:#cbb285}
a.menu3:visited {text-decoration:none; color:#cbb285}
a.menu3:hover {text-decoration:none; color:#CC3333;}

/*свой стиль меню*/
.menu22 {font-weight:normal;font-size:13pt;color:#663300; font-style: oblique; font-family:Τimes,New Roman,Georgia,serif! important;}
a.menu22:link {text-decoration:underline;font-weight:normal; color:#663300! important; }
a.menu22:active {text-decoration:underline; color:#663300! important}
a.menu22:visited {text-decoration:underline; color:#663300! important;}
a.menu22:hover {text-decoration:u
 margin: 20px 0;
 padding: 0;nderline; color:#cc3300! important;}
li.menu22 {background: url('http://.art-golik.com/SAIT/tochka-2.jpg') left center no-repeat! important; width: 80%!important;}

/*свой стиль меню*/
/*свой стиль меню*/
.menu13 {font-weight:normal; font-size:9pt; color:#996633; font-family:Τimes,New Roman,Georgia,serif! important;}/*меню горизонтальное*/
a.menu13:link {text-decoration:underline;font-weight:bolder; color:#996633! important; }
a.menu13:active {text-decoration:underline; color:#996633! important}
a.menu13:visited {text-decoration:underline; color:#996633! important;}
a.menu13:hover {text-decoration:none; color:#cc3300! important;}
li.menus13 {}
/*свой стиль меню*/
/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 30 0 0 0px; padding-left: 0px;}/* top блока Menu- 60 */
li.menus {margin: 0; padding: 5 0 5 13px; background: url('/.s/t/838/.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */
/* Menus горизонтальное */
.uMenuH li {float:right; font-weight:normal; font-size:9pt; padding:0 8px;}/* горизонтальное Menu */
/* /Menus горизонтальное */

.uMenuV .uMenuItem {font-weight:normal; padding: 10 0 10 0px; font-size:13pt;color:#444444;}/* Сверху | Справа | Снизу | Слева - растояние между строк Menu */
.uMenuV li a:link {text-decoration:none; color:#444444;}
.uMenuV li a:active {text-decoration:none; color:#444444;}
.uMenuV li a:visited {text-decoration:none; color:#444444;}
.uMenuV li a:hover {text-decoration:underline; color:#cc3300;}

.uMenuV .uMenuItemA {font-weight:normal; font-size:13pt;color:#444444;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#444444;}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#444444;}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#cc3300; }
.uMenuV .uMenuArrow {position:absolute;left:2; top:60; width:10px;height:10px;right:0;top:3px;background:url(http://art-golik.com/knopki/strelka-1.jpg) no-repeat 0 0;}/* стрела вып. меню */
.uMenuV li {margin: 1; padding: 0px 0 5px 15px; background: url('/.s/t/838/.gif') left center no-repeat; border-bottom: 1px dotted #ece2cc;font-size:14pt;}

/* --------- */

/* Module Part Menu */
.catsTd {padding: 5 0 5 23px; background: url('/.s/t/838/4.gif') no-repeat 30px 3px;}
.catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:14pt;text-align:left;padding: 5 0 5 23px;}
.catNameActive {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:14pt;text-align:left;padding: 5 0 5 23px;}
.catNumData {font-size:9pt;color:#696969;}
.catDescr {font-size:9pt; padding-left:1px;}
a.catName:link {text-decoration:underline; color:#996600;}
a.catName:visited {text-decoration:underline; color:#996600;}
a.catName:hover {text-decoration:underline; color:#cc3300;}
a.catName:active {text-decoration:underline; color:#996600;}
a.catNameActive:link {text-decoration:underline; color:#996600;}
a.catNameActive:visited {text-decoration:underline; color:#996600;}
a.catNameActive:hover {text-decoration:underline; color:#cc3300;}
a.catNameActive:active {text-decoration:underline; color:#333333;}
.catName,.catDescr,
.catNameActive {
 display: inline-block;
 min-width: 300px;
 text-align: left !important;
}
@media (max-width: 768px) {
 .catName,.catDescr,
 .catNameActive {
 min-width: auto;
 width: 87%;
 max-width: 100%;
 box-sizing: border-box;
 }
}
.catsTable td
{
 text-align: center !important;
}/* центрует блок */
/* ----------------- */

/* Entries Style */
.eBlock {border-bottom:0px solid #000000;margin-top:-30px !important;}/* отступ сверху контена галерея грек. */
.eTitle {font-family:Verdana, Tahoma, Arial, Sans-Serif; font-size:16pt;font-weight:normal; font-weight: 600;color:#222222 !important;text-align:center;padding:5px;}
.eTitle a:link {text-decoration:none; color:#222222;}
.eTitle a:visited {text-decoration:none; color:#222222;}
.eTitle a:hover {text-decoration:none; color:#CC3333;}
.eTitle a:active {text-decoration:underline; color:#222222;}
/* ----------------- */

.eTitle1 {font-family:Τimes,New Roman,Georgia,serif; font-size:14pt;font-weight:normal; color:#ffffff;text-align:center;padding:5px;}
.eTitle1 a:link {text-decoration:underline; color:#ffffff;}
.eTitle1 a:visited {text-decoration:underline; color:#ffffff;}
.eTitle1 a:hover {text-decoration:none; color:#FF9933;}
.eTitle1 a:active {text-decoration:underline; color:#ffffff;}
/* ----------------- */

.eText, .eMessage {text-align:justify; padding:12px !important; font-size:11pt; color:#333333;font-family:Arial,Verdana,Tahoma,Sans-Serif;}
.read-more {
 display: inline-block;
 padding: 8px 16px;
 background: #ffffff;
 border:1px solid #7d0000;
 color: #7d0000 !important;
 font-weight: 700;
 text-decoration: none;
 border-radius: 4px;
 margin-top: 10px;
 transition: .3s;
float: right;
}/* кнопка подробнее */

.read-more:hover {
 background: #1f62d0;
}

/* Обложка в списке материалов */
.eMessage img {
 float: left;
 max-width: 400px;
 height: auto;
 margin: 0 15px 10px 0;
}

/* Очистка обтекания */
.eMessage {
 overflow: hidden;
 line-height: 1.6;
}

/* Телефоны */
@media (max-width: 768px) {

 .eMessage img {
 float: none !important;
 display: block;
 width: 100%;
 max-width: 100%;
 margin: 0 0 15px 0;
 }

 .eMessage {
 overflow: visible;
 }
}
.eDetails {background:url(http://art-golik.com/stripe_93b69831bf749145ebfe9a57ca627931.png); padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}
.eDetails1 {background: #929293; color:#666666;padding-bottom:1px;padding-top:1px;text-align:left;font-size:8pt; } /* фон load-греческая галерея */ 
.eDetails2 { background: #929293;color:#222222;padding-bottom:1px;padding-top:25px;padding-left:5px;text-align:center;font-size:10pt; }

.eRating {font-size:8pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/838/5.gif') no-repeat 0px 0px;}
/* --------------- */

/* Entry Manage Table */
.manTable {border:1px solid #252525;background:#d0cdbe;font-family:Verdana,Tahoma,Arial,Sans-Serif!important;}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style-гостевая */
.cAnswer {color:#cccccc;padding-left:15px;padding-top:4px;font-style:italic;font-size:10pt;}

.cBlock1 {padding: 0px 15px 0px 15px;background:#ffffff;border:1px solid #dddddd; font-size: 10pt;} /* фон гостевой */
.cBlock2 {padding: 0px 15px 0px 15px;background:#ffffff;border:1px solid #dddddd; font-size: 10pt;} /* фон гостевой */
.cDate {font-size: 10pt!important;}
.cTop {font-size: 13pt;}
.cMessage {font-size: 11pt; color:#666666;}
.csNum {font-size: 12pt!important;}
.regLink {font-size: 11pt!important;} /* форма реистрации в гостевой */
/* -------------- */
/* Comments Form Style */
.commTable {border:1px solid #cccccc; background:#555555; font-size: 9pt; color:#333333;}
.commTd1 {color:#FFCA42;font-weight:bold;padding-left:5px;}
.commTd2 {padding-bottom:2px;}
.commFl {width:100%;color:#333333;background:#dedbcc;border:1px solid #252525;}
.smiles {border:1px solid #252525; background:#d0cdbe;}
.commReg {padding: 10px 0 10px 0; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:#636363;background:#dedbcc;border:1px solid #252525; color:#333333;}
.commSbmFl { font-size: 10px!important; font-weight: bolder;}
/* ------------------- */

/* News/Blog Archive Menu */
.archUl {list-style: none; margin:0; padding-left:0;}
.archLi {padding: 0 0 3px 10px; background: url('/.s/t/838/6.gif') no-repeat 0px 4px;}
.archActive {color:#FFFFFF;}
a.archLink:link {text-decoration:underline; color:#FFFFFF;}
a.archLink:visited {text-decoration:underline; color:#FFFFFF;}
a.archLink:hover {text-decoration:none; color:#D8D5D5;}
a.archLink:active {text-decoration:none; color:#D8D5D5;}
/* ---------------------- */

/* News/Blog Archive Style */
.archiveCalendars {text-align:center;color:#E2B4B4;}
.archiveDateTitle {font-weight:bold;color:#333333;padding-top:15px;}
.archEntryHr {width:250px;color:#333333;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/838/7.gif') no-repeat 0px 2px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#333333;}
a.archiveDateTitleLink:visited {text-decoration:none; color:#FFFFFF;}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#D8D5D5;}
a.archiveDateTitleLink:active {text-decoration:underline; color:#D8D5D5;}
.archiveNoEntry {text-align:center;color:#E2B4B4;}
/* ------------------------ */

/* News/Blog Calendar Style */
.calMonth {}
.calWday {color:#FFFFFF; background:#444444; width:18px;}
.calWdaySe {color:#FFFFFF; background:#252525; width:18px;}
.calWdaySu {color:#FFFFFF; background:#252525; width:18px; font-weight:bold;}
.calMday {color:#CCCCCC;}
.calMdayA {color:#000000;background:#CCCCCC;}
.calMdayIs {color:#C04141;background:#1B1B1B;font-weight:bold;border:1px solid #252525;}
.calMdayIsA {border:1px solid #252525; background:#333333;font-weight:bold;}
a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#FFFFFF;}
a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#FFFFFF;}
a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; color:#FFFFFF;}
a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; color:#FFFFFF;}
/* ------------------------ */

/* Poll styles - опрос*/
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#000000}
.textResults {background:#FFFFFF}
.textResultsTd {background:#5F5F5F}

.pollNow {background:#FFFF00}
.pollNowTd {background:#5F5F5F}

.totalVotesTable {background:#FFFFFF}
.totalVotesTd {background:#5F5F5F}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:yellow;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:pink;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}
/* ---------------- */

/* Other Styles */
.replaceTable {background:#1F1F1F;height:100px;width:300px;border:1px solid #252525;}
.replaceBody {background:url('/.s/t/838/1.jpg') no-repeat #111111; margin:0px; padding:0px;}

.legendTd {font-size:7pt;}
/* ------------ */

/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#000000;border-bottom:2px solid #FF4A00;}
.gTableTop {padding:2px;font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;background:url('/.s/t/838/1.jpg') center no-repeat #DD3800; color:#FFFBD7;text-align:center;padding:10px;}
.gTableSubTop {padding:2px;background:url('/.s/t/838/8.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;}
.gTableBody {padding:2px;background:#202020;}
.gTableBody1 {padding:2px;background:#202020;}
.gTableBottom {padding:2px;background:#202020;}
.gTableLeft {padding:2px;background:#202020;font-weight:bold;color:#CCCCCC}
.gTableRight {padding:2px;background:#202020;color:#666666;}
.gTableError {padding:2px;background:#202020;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#202020}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#1B1B1B}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#FFFBD7;}
a.catLink:visited {text-decoration:none; color:#FFFBD7;}
a.catLink:hover {text-decoration:underline; color:#FFFFFF;}
a.catLink:active {text-decoration:underline; color:#FFFBD7;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#888888; font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:underline; color:#CCCCCC;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:underline; color:#CCCCCC;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color:#FFFFFF;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#CCCCCC;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#CCCCCC;}
a.forumBarA:visited {text-decoration:none; color:#CCCCCC;}
a.forumBarA:hover {text-decoration:underline; color:#FFFFFF;}
a.forumBarA:active {text-decoration:underline; color:#CCCCCC;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#862D2D;color:#FFFFFF;}
.fastNavCat {background:#F9E6E6;}
.fastNavCatA {background:#F9E6E6;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.pagesInfo {background:#202020;padding-right:10px;font-size:7pt;}
.switches {background:#2B2B2B;}
.switch {background:#202020;width:15px;font-size:7pt;}
.switchActive {background:#252525;font-weight:bold;color:#CCCCCC;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#CCCCCC;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#CCCCCC;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#CCCCCC;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#202020}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#1B1B1B}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#666666;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#1B1B1B;height:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; border:1px solid #494949;}
.threadsDetails {padding:2px;background:#373737;height:20px;color:#252525;color:#FFFFFF;border:1px solid #494949;}
.forumOnlineBar {padding:2px;background:#161616;height:20px;color:#CCCCCC;border:1px solid #494949;}

a.threadPinnedLink:link {text-decoration:none; color:#CCCCCC;}
a.threadPinnedLink:visited {text-decoration:none; color:#CCCCCC;}
a.threadPinnedLink:hover {text-decoration:underline; color:#FFFFFF;}
a.threadPinnedLink:active {text-decoration:underline; color:#CCCCCC;}

.threadPinnedLink,.threadLink {font-weight:bold;}
a.threadLink:link {text-decoration:underline; color:#CCCCCC;}
a.threadLink:visited {text-decoration:underline; color:#CCCCCC;}
a.threadLink:hover {text-decoration:none; color:#FFFFFF;}
a.threadLink:active {text-decoration:underline; color:#CCCCCC;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* Posts View */
.postTable {background:#252525}
.postPoll {background:#1B1B1B;text-align:center;}
.postFirst {background:#1B1B1B;border-bottom:1px solid #FFFFFF;}
.postRest1 {background:#1B1B1B;}
.postRest2 {background:#1B1B1B;}
.postSeparator {height:2px;background:#FF0000;}

.postTdTop {background:url('/.s/t/838/8.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;}
.postBottom {background:#202020;height:20px;color:#555555;}
.postUser {font-weight:bold;}
.postTdInfo {background:#1B1B1B;text-align:center;padding:5px;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#CCCCCC;}
.posttdMessage {background:#202020;padding:5px;}

.postPoll {padding:5px;}
.pollQuestion {text-align:center;font-weight:normal;color:#333333;} 
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:9pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#252525;font-size:9px;}
.quoteMessage {background:#252525;font-size:9px;}

.signatureView {font-size:7pt;}
.edited {padding-top:30px;font-size:7pt;text-align:right;color:#999999;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#FFFFFF;}
.statusOffline {color:#FFFFFF;}
/* ---------- */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('/.s/t/838/9.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/.s/t/838/9.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* Post Form */
.pollBut, .loginButton, .commSbmFl, .signButton {font-size:10pt;background: #d0c6b0;color:#000000;border:2px outset #dddddd;}

.codeButtons {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;}
.codeCloseAll {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;font-weight:bold;}
.postNameFl,.postDescrFl {background:#1F1F1F;border:1px solid #252525;width:400px}
.postPollFl,.postQuestionFl {background:#1F1F1F;border:1px solid #252525;width:400px}
.postResultFl {background:#1F1F1F;border:1px solid #252525;width:50px}
.postAnswerFl {background:#1F1F1F;border:1px solid #252525;width:300px}
.postTextFl {background:#1F1F1F;border:1px solid #252525;width:550px;height:150px;color:#666666;}
.postUserFl {background:#1F1F1F;border:1px solid #252525;width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}

/* --------- */


/* Page Selector Style переключатель фото */ 
.catPages1, .pagesBlockuz1, .pagesBlockuz2 {color:#333333 !important;border:0px; text-align: -moz-center !important; margin-bottom:45px;margin-top:0px;} 
 .catPages1 a:link, .pagesBlockuz1 a:link, .pagesBlockuz2 a:link, 
 .catPages1 a:visited, .pagesBlockuz1 a:visited, .pagesBlockuz2 a:visited, 
 .catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover, 
 .catPages1 a:active, .pagesBlockuz1 a:active, .pagesBlockuz2 a:active {text-decoration:none;color: #777777;background:#f6f6f6 !important; padding:2px 8px! important; font-size:18px !important;font-weight:bold;border: 1px solid #7d0000 !important; border-radius: 3px! important;} 
 .catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover {background:#7d0000! important;color:#ffffff !important;font-weight:bold; border-radius: 4px! important;} 
 .catPages1 b, .pagesBlockuz1 b, .pagesBlockuz2 b {text-decoration:none; background:#7d0000! important; padding:2px 8px !important; color:#ffffff! important; font-size:19px! important;border-radius: 3px! important;}
@media (max-width: 768px) {
 .catPages1,
 .pagesBlockuz1,
 .pagesBlockuz2 {
 display: flex !important;
 justify-content: center !important;
 flex-wrap: wrap !important;
 }
}
 /*переключатель страниц */

/* фильтр перехода черного в цвет */
.grayscale {
 filter: grayscale(1);
 transition: 1s;
 }
 .grayscale:hover {
 filter: grayscale(0);
}/* /фильтр перехода черного в цвет */


/* ----------------------- */ 

 /*блок*/
.block11 {
width: auto;
margin-top:1px;
padding: 1px;
background-image: url(https://art-golik.com/site/fon-cv.jpg); height:auto;
background-repeat: no-repeat;
background-color: #3e3d3a;
background-position: right; 
border: 0px solid #aba18c;
 }
/*блок*/
.block12 {
width: auto; 
margin-top:1px;
padding: 1px; 
background-image: url(https://art-golik.com/site/bio-2.jpg); height:660px; 
background-repeat: no-repeat;
background-position: center; 
border: 0px solid #aba18c;
 }

/*блок8*/

/*блок2*/
 .block2 {
 margin-top:30px;
padding: 3px; 
background: #666666;
}
/*блок3*/
.block3 {
width: 80%;
padding: 5px;
background: url() no-repeat #ece2cc; height:auto;
border: 1px solid #ece2cc;
border-top-color: #ece2cc;
border-bottom-color: #996600;
font-style:oblique;
font-size: 13pt;
font-weight:bold; 
margin-bottom:6px;
 color:#663333;
}
/*блок4 вид фотографий*/
.block4 {
width:240;
height:310px;
font-size:11pt;
padding:7px; 
background: #ffffff;
border: 1px solid #bbbbbb;
-webkit-box-shadow: 0 10px 5px -5px #dddddd; 
-moz-box-shadow: 0 10px 5px -5px #dddddd; 
box-shadow: 0 10px 5px -5px #dddddd;
}
/*фотоальбом галерея*/
.block5 {
width: auto;
height:auto;
padding: 15px 20px 5px 35px;!important; /* верх спр низ слева */
margin: 15px 2px 0px 2px;
background: #ece2cc;
 }/*/фотоальбом галерея*/
 
.block6 {
width:95%;
padding: 6px; 
background: url(https://art-golik.com/SAIT/galerea6.jpg) left no-repeat #ece2cc; height:auto;
border: 0px solid #663b3f;
font-family: Τimes,New Roman,Georgia,serif;
font-size: 15pt;
font-weight:bold; 
color:#663b3f;
}
 .block7 {width:95%; padding: 6px; background: #ece2cc; border: 0px solid #663b3f; height:auto;}
 .block10 {width:100%; margin-left: 1%; padding: 5px; background: #333333; border: 1px solid #dddddd; height:auto;}
/*блок- поиск шапка*/
.block9 {
width:130px; 
 height:auto;
margin: 0px 0% 0px 1%;
 padding-bottom:2px;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
float: right !important;
border: 0px solid black;
font-weight:bold;
font-size:7pt;
color:#f1f1f1;
}
 /*блок13 используется с прозрачным фоном*/
 .block13 {width: 100%; height:auto; opacity: 0.7; filter: alpha(Opacity=70); background: #666666;/* Прозрачность в IE */ 
}
 /*блок13*/
 .block14 {width:250px; padding: 3px; background: #ece2cc;font-family: Τimes,New Roman,Georgia,serif;
font-size: 9pt;
font-weight:bold; 
color:#5c000a; border: 0px solid #ffcc99; height:auto;}
 .block15 {width:320px; padding: 3px; background: #66614e;font-family: Τimes,New Roman,Georgia,serif;
font-size: 9pt;
font-weight:bold; 
color:#ffcc99; border: 0px solid #ffcc99; height:auto;}
.block16 {
width: auto;
margin-top:1px;
padding: 1px;
background-image: url(https://www.art-golik.com/site/fon-zakaz7.jpg); height:auto;
background-repeat: no-repeat;
background-color: #3e3d3a;
background-position: right; 
border: 0px solid #aba18c;}
/* блок17- подчеркивание - главная */
.block17 {
width: 620px;
height:18px;
margin-top: 0px;
margin-bottom: 15px;
padding: 0px;
padding-bottom: 15px;
border: 0px solid #ece2cc;
border-bottom-color: #336666;
}
/* --------- */
.block18 {
width: auto;
margin-top:1px;
padding: 1px;
background-image: url(https://www.art-golik.com/site/moj-portret-zak3.jpg); height:580px;
background-repeat: no-repeat;
background-color: #3e3d3a;
background-position: right; 
border: 0px solid #ffff66;
 }
 /*блок19*/
 .block19 {width:270px; padding:40px; opacity: 0.8; filter: alpha(Opacity=80); /* Прозрачность в IE */ background: #3e3d3a; font-size: 12pt;
color:#ffffff; border: 0px solid #ffcc99; height:433px;}
 /*блок19*/

 .block20{width:auto; padding: 70px 20px 0px 0px; background-image: url(http://www.art-golik.com/site/cvety-t.jpg);background-repeat: no-repeat;background-position: center; background-color: #ffffff; 
 border: 0px solid #ffff66; height:200px;}

 .block21 {width:auto; padding: 3px; background: #f4f4f4;font-family: Τimes,New Roman,Georgia,serif;/* 21 перечень факторов заказ */
font-size: 14pt;
font-weight:normal; 
color:#000000; border: 0px solid #ffcc99; height:auto;}

.block22 {width:16px; background-image: url(https://www.art-golik.com/cena/gf.jpg);background-repeat: no-repeat;background-position: left; 
height:16px;}
.block23{
width: auto; 
margin-top:1px;
padding: 5px; 
color:#ffcc99;
 background-color: #ece2cc;
height: 20px;
border: 0px solid #3e3d3a;}
 .block24 {width:95%; padding: 0px; background: #ece2cc; border: 1px solid #754348; height:auto;}
.block25 {width: 725px;margin: 0 auto; height: auto; padding: 0px; 
}/* главная */
.block26 {width:auto;}/*блок 26 свободный*/
.block27 {width:auto; margin-left:40px;padding: 3px;height:auto;}/* текст категорий */
.block28 {width:auto; background-position: center; padding: 10px; background: #ece2cc; height:auto;}
.block29 {width: 100%; height: 35px!important; float: left; text-align:left; border-bottom: 2px solid #c1b8a6; background: #e4ddd7; margin-right:2px;margin-bottom: 7px; margin-top:5px; padding: 8px 0px 10px 15px; }/*шапка в альбоме- отдельная страница*/
/*блок5 раздеды галереи*/
.block30 {
width: 95%;
padding: 3px 1px 1px 1px;
background:#cc9966; height:auto;
border: 0px solid black;
font-family: Τimes,New Roman,Georgia,serif;
font-size: 11pt;
 font-weight:bold; 
 color:#000000;
 }
.block32
{ border-radius: 50%; -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 -khtml-border-radius: 50%; border: #000000 1px solid; width: 30px; height: 30px; margin:15px auto; text-align:center; line-height:26px; font-size: 13pt; font-weight:bold; color:#000000; font-family:Τimes,New Roman,Georgia,serif;}
.block33 {
width:auto; /* 33 заголовки портрет заказ */
height:auto;
margin:0 auto;
 padding: 1px;
background:#ece2cc;
}
/*блок34*/
 .block34 {
width:auto;
margin:0 auto; 
padding:15px;
height:395px;
background-color: #8b8071;
background-position: center; 
border: 0px solid #aba18c;
}
.block35 {
width:auto; 
height:311px;
 padding: 1px; 
background: #dbc68b;
}
.block36 {
width: 90%; /*обо мне*/
padding: 5px;
background:#ece2cc; height:auto;
border-bottom-color: #996600;
text-decoration:underline;
font-family: Τimes,New Roman,Georgia,serif;
font-size: 14pt;
font-weight:bold; 
color:#663333;
}
.block37 {
width:auto;
height:auto;
margin:0 auto;
 padding: 15px;
background: #ece2cc;
}
.block38 {width: 95%;
padding: 1px;
background: url(https://art-golik.com/cena/DS-m.jpg) no-repeat #666666; height:180px;/* Цвет фона */
background-position: center; }
 .block39 {width: 100%; height: 55px; padding: 10px;
 margin: 15% 15% 0% 15%; color:#ffffff;}
.block31
{width:auto;
height:auto;
margin:0 auto;
 padding: 5px;
background: url(https://art-golik.com/cena/fon-zag-4.jpg) no-repeat #663333;}
.block40 {
width:auto;
height:auto;
margin:0 auto;
 padding: 5px; 
background: #003333; 
}
.block41 {width:80px; /*в наличии*/
padding: 2px; 
background: #e9d09a; color: #000000; height:auto;
 border-radius: 4px; 
margin: 4px;font-size: 10pt;
}

.block42 {width: 95%; /* письмо */ 
background:#ece2cc; height:55px;
padding: 0px 0px 0px 10px; text-align:left;
font-size: 14pt; font-weight:bold; color:#993300; font-family:Τimes,New Roman,Georgia,serif;}

.block43 {width: 100%; /* navBar фотоальб.стр.опис. */
text-align:left!important;
margin-bottom: 0px;
 margin-top:33px;
font-size: 13pt; color:#000000;
 float:center;}
/*блок5-2 раздеды галереи*/
.block44 {
width: 95%; 
padding: 1px; 
background: url(https://www.art-golik.com/SAIT/galerea6.jpg) no-repeat #сссссс; height:auto;
border: 0px solid black;
font-family: Τimes,New Roman,Georgia,serif;
font-size: 14pt;
 font-weight:bold; 
 color:#ffffff;
 }
/* block46 - для цвета фона $CONTENT$ на страницах */
.block46 {padding: 13px 13px 13px 13px; margin: 5px 0 0px 0;background:#ffffff; -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* для цвета фона*/
/* block47 - фон описания фотоальб.список */
.block47 {padding: 13px 13px 13px 25px; margin: 0px 0 0px 0;background:#d1c9b8;
}/* для цвета фона*/

/* /фотоальб.список */
/* block48 - фон галерея на странице подраздела */
.block48 {padding: 13px 13px 13px 13px!important; margin: 8px 0 0 0px !important; background:#f9f9f9;}
.block49 {width:75px; /*в наличии в списке*/
padding: 0px; 
background: #336633;font-size: 9pt; color: #ffffff; height:auto;
 border-radius: 4px; 
}
/* block50 - для цвета фона заказ портрета на страницах */
.block50 {padding: 8px 8px 8px 8px; margin: 15px 0 0px 0;background:#988e84;}

 .block51{line-height: 1.6;}/*расстояние между строк.-содержание страницы -заказ*/
.block52{margin: 0px 0 0 30px !important;}/*выравн. соц. сети*/
/* фотоальб.стр.опис.всплывающая */
.block53 {width: 100%!important;
 text-align:left!important;
font-size: 12pt!important;
line-height: 1.1!important;
}

/*$OTHER4 $фотоальб.стр.опис.всплывающая */
.block54 {
font-size: 12pt!important;}
/* /OTHER4$фотоальб.стр.опис.всплывающая */
.block55 {width: 110px; /* подписаться вк */
height:22px!important;
 color:#444444; 
 background:#dddddd;
 padding: 0px 0px 0px 5px;
 margin-bottom: 0px;
 margin-top: 3px;
 float:left;
 font-size: 9pt; 
font-style:oblique;
border: 1px solid #999999!important; border-radius: 6px; 
}
/* /подписаться вк */
/* Подправить стили соц.сети */
.ya-share2__item {
margin-left: 0px !important;margin-bottom:0px!important;margin-top:10px!important;
}

.block52{margin: 0px 0 0 30px !important;}/* свободный-выравн. соц. сети*/

/* /Подправить стили соц.сети */
/* фотоальб.стр.опис фон*/
.block56 {
 width: 100%;
 height: auto;
 text-align: center !important;
 padding: 20px 8px 30px 8px;
 margin: -20px 0px 2px 0px !important; /* верх право низ лево */
 border: 0px solid #e1cfbf;
 border-radius: 4px;
}
/* /фотоальб.стр.опис фон */

.block47 {
 margin-left: -20px;
}
.block58{margin: 0px 0 0 0px !important;text-align:right!important;}
/*блок59*/
 .block59 {
width:auto;
margin-top: 150px! important;
padding: 2px; /* Поля вокруг текста */
background-color: #f6edd9;
}
.block61 {
width:70%;
float:center; 
margin: 0px 0px 0px 0px! important;
padding: 5px;
border: 1px solid #d1c9b8;
border-radius: 7px;
}
.block62 {
width:auto;
height:auto;
float:center; 
margin: 0px 0px 0px 0px! important;
padding: 0px;
border: 1px solid #666666;
}


/* 63 Основной стиль для главная */
.block63 {
 width: 100%; /* По умолчанию почти весь экран на мобильных */
 max-width: 1280px; /* Ограничение ширины на больших экранах */
 margin: 0 auto; /* Центрирование блока */
 box-sizing: border-box; /* Чтобы паддинги не выходили за пределы блока */
background: #313e63;
padding: 10px;
padding-bottom: 15px;
padding-top: 10px;
}



/* Медиазапрос для очень маленьких экранов, чтобы не выходить за границы */
@media (max-width: 480px) {
 .block63 {
 width: 100%; 

 }
}
/* 63 Основной стиль для главная */

.block64 {width: 240px; height: auto; margin-top:-3px; text-align:center; padding: 3px;
font-size: 9pt!important;}/* выводит цены отхер6*/

.block65 {width: 100%; height: 20px!important; text-align:left; border-bottom: 0px solid #ffffff; background-image: url("https://art-golik.com/site/fon4.jpg"); 
 background-size: cover; /* Установите, чтобы изображение покрывало весь блок */
 background-repeat: no-repeat;
 background-position: center; margin-right:0px; margin-top:-20px; padding: 25px 0px 10px 15px;}/*блок меню*/
/*фон акварель*/

.block71 {
 width: auto; 
 height: auto; 
 background-image: url("https://art-golik.com/site/fon-akvarelnii.jpg"); 
 background-size: cover; /* Установите, чтобы изображение покрывало весь блок */
 background-repeat: no-repeat;
 background-position: center; 
}
.block72 {width:85px; /*в наличии в списке*/
padding: 0px; margin-bottom: 10px; margin: 0 auto; text-align:center;
background: #333333;font-size: 9pt; color: #ffffff; height:13;
 border-radius: 4px; 
}

/* МОЯ галерея заказ-4 на 1 фото, gr. стр. */
.blockGallery4 {width: 100%; margin: 5px auto; overflow: hidden;background:#ffffff;}
 .galleryItem4 {
 color: #000000;
 font: 12px/1.2 Verdana, Helvetica, sans-serif;
 float: left;
 }
 .galleryItem4 h6 {text-transform: uppercase; font-weight:bold;font-size: 15px;margin: 2px 0% 0% 0%!important;}
 .galleryItem4img {
 max-width: 100%;
 border: 1px solid #cccccc!important; padding: 3px!important; 
 }
 .galleryItem4 {
 color: #000000;
 font: 12px/1.2 Verdana, Helvetica, sans-serif;
 float: left; 
 width: 100%;
 margin: 7px 5px 10px 2px!important; 
 }/* разбиваем на 1колонок */
 
 /* МЕДИА ЗАПРОСЫ */
 
 @media only screen and (max-width : 900px),
 only screen and (max-device-width : 900px){
 .galleryItem4 {width: 96%; font-size: 16px;}
 .galleryItem4 img {width: 96%;}
 .galleryItem4 h6 {font-size: 16px!important; }
 .galleryItem4 p, {font-size: 16px!important; }
 }
 /* /МОЯ галерея-4 */

/* МОЯ галерея-3 */
.blockGallery3 {width: 100%; margin: -5px auto; overflow: hidden;background:#ffffff;}
 .galleryItem3 {
 color: #000000;
 font: 12px/1.2 Verdana, Helvetica, sans-serif;
 float: left;
 }
 .galleryItem3 h6 {text-transform: uppercase; font-size: 10px;margin: 4px 0% 0% 0%;}
 .galleryItem3 img {
 max-width: 100%;
 border: 1px solid #cccccc!important; padding: 5px!important; 
 }
 .galleryItem3 {
 color: #000000;
 font: 12px/1.2 Verdana, Helvetica, sans-serif;
 float: left; 
 width: 96%;
 margin: 0% 2% 2% 2%; 
 }/* разбиваем на 5 колонок - 16% */
 
 /* МЕДИА ЗАПРОСЫ */
 @media only screen and (max-width : 2560px),
 only screen and (max-device-width : 2560px){
 .galleryItem3 {width: 46%;}
 }
 @media only screen and (max-width : 900px),
 only screen and (max-device-width : 900px){
 .galleryItem3 {width: 96%; font-size: 17px;}
 .galleryItem3 img {width: 96%;}
 .galleryItem3 h6 {font-size: 17px;}
 .galleryItem3 p, {font-size: 17px;}
 }
 /* /МОЯ галерея-3 */
/* МОЯ галерея-2 */
.blockGallery2 {width: 100%; margin: 5px auto; overflow: hidden;background:#ffffff;}
 .galleryItem2 {
 color: #000000;
 font: 12px/1.2 Verdana, Helvetica, sans-serif;
 float: left;
 }
 .galleryItem2 h6 {text-transform: uppercase; font-size: 17px;margin: 0px 0% 0% 0%!important;}
 .galleryItem2 img {
 max-width: 100%;
 border: 1px solid #ffffff!important; padding: 5px!important; 
 }
 .galleryItem2 {
 color: #000000;
 font: 12px/1.2 Verdana, Helvetica, sans-serif;
 float: left; 
 width: 100%;
 margin: 1% 1% 50px 2%; 
 }/* разбиваем на 5 колонок - 16% */
 
 /* МЕДИА ЗАПРОСЫ */
 @media only screen and (max-width : 2560px),
 only screen and (max-device-width : 2560px){
 .galleryItem2 {width: 46%;}
 }
 @media only screen and (max-width : 900px),
 only screen and (max-device-width : 900px){
 .galleryItem2 {width: 96%; font-size: 17px;}
 .galleryItem2 img {width: 96%;}
 .galleryItem2 h6 {font-size: 17px!important; }
 .galleryItem2 p, {font-size: 17px!important; }
 }
 /* /МОЯ галерея-2 */
 
/* МОЯ галерея-1 */
.blockGallery {
 width: 100%;
 margin: 30px auto;
 overflow: hidden;
}

.galleryItem {
 color: #000000;
 font: 12px/1.2 Verdana, Helvetica, sans-serif;
 float: left;
 width: 29.33333%; /* разбиваем на 3 колонки - 29.33333% */
 margin: 2% 2% 50px 2%;
}

.galleryItem h6 {
 text-transform: uppercase;
 font-size: 10px;
 margin: 4px 0% 0% 0%;
}

.galleryItem img {
 max-width: 100%;
 border: 1px solid #dddddd !important;
 padding: 6px !important;
}

/* МЕДИА ЗАПРОСЫ */


@media only screen and (max-width: 1280px),
only screen and (max-device-width: 1280px) {
 .galleryItem {
 width: 29.33333%; /* для 3 колонок */
 }
}

@media only screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {
 .galleryItem {
 width: 46%; /* для 2 колонок */
 }
}

@media only screen and (max-width: 700px),
only screen and (max-device-width: 700px) {
 .galleryItem {
 width: 96%;
 font-size: 17px;
 }
 .galleryItem img {
 width: 96%;
 }
 .galleryItem h6 {
 font-size: 12px;
 }
 .galleryItem p {
 font-size: 12px;
 }
}
/* /МЕДИА ЗАПРОСЫ - конец галереи */
 /* fancybox */
#fancybox-overlay {background: #000000; opacity: 0.6 !important;}/* фон затемнения Лайтбокс */
#uidLogButtonAjx{display:none} 
#baseLogFormAjx{display:block!important;} 
#uidLogButton{display:none} 
#baseLogForm{display:block!important;}
/* fancybox */
.rub {
 font-family: arial;
 font-size: 14pt; 
 vertical-align: middle;
 color: #006600;
 border-bottom: 2px solid;
 line-height: 5px;
 display: inline-block;
 width: 0.4em;
font-weight:bold; 
}


/*/плавающая кнопка-vk*/
.artBlock3
{position: fixed; bottom: 129px; right: 195px; display: block;
background: url(https://art-golik.com/vk-1.png) no-repeat; box-shadow: 0 0 4px #6e6e6e;border-radius: 5px; border: 0px solid #ffffff!important; color: #663300; text-decoration: none; padding: 20px 8px 10px 20px; font-size: 14px;} 
.artBlock3
{-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: tb-rl;
width: 10px;
 height: 9px;}
.artBlock3:hover {color: #000000;}
.artBlock3 {cursor:pointer;cursor:hand}
/*/плавающая кнопка vk*/
/*соц сети*/
.artBlock4
{position: fixed; bottom: 118px; right: 250px; display: block;
background: url(https://art-golik.com/soc-seti-fon.png) no-repeat; box-shadow: 0 0 4px #6e6e6e;border-radius: 5px; border: 0px solid #ffffff!important; color: #663300; text-decoration: none; padding: 20px 8px 10px 20px; font-size: 14px;} 
.artBlock4
{-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: tb-rl;
width: 10px;
 height: 33px;}
/*/соц сети*/
/*плавающая кнопка- клик по карт.*/
.artBlock5
{position: fixed; bottom: -10px!important; left: 350px!important; display: block;
background: #cccccc; box-shadow: 0 0 4px #6e6e6e;border-radius: 5px; border: 2px solid #ffffff!important; color: #330033; text-decoration: none; padding: 5px 5px 5px 23px; font-size:12px;} 
.artBlock5 
{-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: tb-rl;
width: 12px;
 height: 227px;}
/*/плавающая кнопка- клик по карт.*/

/* запрет выделения текста */
.disable-selection {
 -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* Internet Explorer */
 -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
 -webkit-user-select: none; /* Chrome, Safari, and Opera */
 -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}
/*/запрет выделения текста*/


/* приближение картинок при клике */
/************************************************************************************
ФОТОАЛЬБОМ
*************************************************************************************/
/*фотоальбом- превью-NEAR_PHOTOS-картинки маленькие*/
img.photoActive,img.otherPhoto{ max-height: 50px !important;max-width: 50px !important; }
.photoActive {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 3px solid red! important;}
/*свой стиль превью*/
/*прорачность превью*/
.otherPhotoA img {webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid black! important;opacity: 0.7!important; filter: alpha(opacity=70);-webkit-transition: opacity .2s .1s ease;transition: opacity .2s .1s ease;}
.otherPhotoA:hover img {opacity: 1!important; filter: alpha(opacity=100);}/*/прорачность превью*/
/*обводка картинки в фото-альб. отдельная стр.*/
.main img2 {
 border: 1px solid #666666 !important;
 box-shadow: 0 0 0px #6e6e6e;
 }/*обводка картинки в фото-альб. отдельная стр.*/
/* отступы в фото-альб- отдельная стр.*/
.main img {
 margin: 15px auto 5px auto!important;
 border: 1px solid #666666 !important;
 box-shadow: 0 0 0px #6e6e6e;
 border-radius: 2px;
 }/*отступы в фото-альб- отдельная стр.*/
/* fon fancybox.*/
.fancybox__container {
 --fancybox-bg: transparent !important; /* убираем дефолтный фон */
}
/* создаём свой "суженный" фон */
.fancybox__container::before {
 content: "";
 position: fixed;
 inset: 0;
 display: block;

 width: 100%;
 max-width: 1280px;
 margin: 0 auto;

 background: rgba(34, 34, 34, 0.9);
 pointer-events: none; /* чтобы клики проходили */
 z-index: 0;
}
.fancybox__carousel,
.fancybox__toolbar {
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
}

/* центрирование toolbar */
.fancybox__toolbar {
 left: 50% !important;
 transform: translateX(-50%);
}

/* мобилка */
@media (max-width: 1000px) {
 .fancybox__container::before {
 max-width: 100%;
 }
}

/* fon fancybox.*/


/* наведение на картинку фотоальбом */
/* /приближение картинок при клике фотоальбом */
/************************************************************************************
ФОТОАЛЬБОМ
*************************************************************************************/
/* выпадающее адаптивное меню */
/* выпадающее адаптивное меню */
/* NAV */
#nav-wrap {
 margin-top: -4px;
}

/* menu icon */
#menu-icon {
 display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
 margin: 0;
 padding:0;
}
#nav li {
 list-style: none;
 float: left;
 margin-right: 2px;
}

/* nav link */
#nav a {
 padding: 7px 10px;
 display: block;
 color: #333333;
 font-weight: 500;
 text-decoration:none;
font-size: 11pt;
}

#nav a:hover {
 color: #333333;
 background: #ff9966;

}

/* nav dropdown */
#nav ul {
 background: #e0e0e0;/* обводка вып меню выходит за края меню */
 padding: 0px;/* выходит за края меню */
 position: absolute;
 border: solid 0px #ccc!important;/* обводка вып меню */
 display: none; /* hide dropdown */
 width: 190px; 
 z-index: 50;
}
#nav ul li {
 float: none;
 margin: 0;
 padding: 0;
background: #cccccc!important;
}
#nav li:hover > ul {
 display: block; /* show dropdown on hover */
}
#nav ul li:hover ul{
 top: 0; /*Задаём координаты для вложенных пунктов*/
 left: 190px; /*подменю раскрывается вправо*//* добавлено */
 background: #e0e0e0 !important;}

#nav ul li:hover > ul {
 display: block;}/* добавлено */

#nav ul li:hover {
 position: relative;
 background: #e0e0e0!important;
} /* фон ссылок nav-wrap */
 /* добавлено */
#nav ul li{ position: relative;
 background: #e0e0e0!important;
} /*фон подменю nav-wrap с полосами
 *//* добавлено */
#nav li {
 background: none; /*ФОН основных пунктов дисконт */
}


/* gpt родительский пункт*/
#nav li:hover > a {
 color: #000000;
 background: #e0e0e0;
 font-weight: 500;
}
/* /gpt */
#nav > li.active > a {
 font-size: 10pt !important; color: #e0e0e0 !important;
}
/* Открытый РОДИТЕЛЬ В ПОДМЕНЮ — особый цвет */
#nav ul li.submenu-open > a {
 color: #333333 !important;
 font-weight: 400;
}
/* Все подменю: обычный шрифт-ОБЩИЙ СТИЛЬ подменю */ 
#nav ul a {
 font-size: 11pt !important;
 background: #ffffff;/* подменю дисконт. */
 color: #222222;
 font-weight: 400 !important;
}
/* РОДИТЕЛЬ В ПОДМЕНЮ — отличается по стилю */
#nav ul li:has(ul) > a {
 font-weight: normal !important;font-size: 11pt !important; 
 color: #222222; }
/* Дочерние пункты подменю — остаются нормальными */
#nav ul ul a {
 font-weight: 500 !important;
 background: #e0e0e0;/* можно добав. фон */
 color: #333333;/* можно добав. свой цвет */
}
#nav a:hover {
 border-bottom: 5px solid #7d0000;
}
/* обобщающий фон по разделам nav-wrap, добавлено */
/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 820px) {

 /* nav-wrap */
 #nav-wrap {
 position: relative;
 z-index: 10;
 }
 /* menu icon бургер */

 #menu-icon {
 color: #444444;
 font-size: 11pt;
font-weight: 300;
 width: 40px !important;
 height: 40px !important;
 background-image: url(https://art-golik.com/site/menu-icon.png);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 35px 20px;
 background-color: #cccccc;
 padding: 9px 10px 0 60px !important;

 margin-top: -12px;
 margin-left: 15px;
 margin-right: 10px;
 margin-bottom: -37px !important;

 cursor: pointer;

 border-radius: 5px;
 border: 0;

 display: block;
}
 #menu-icon:hover {
 color: #7d0000;
background-color: #dddddd;/* наведение на кнопку в меню */
 }
 #menu-icon.active {
 background-color: #ff9966 !important;
 }

 #nav {
 clear: both;
 color: #333333;
position: absolute;
 font-size: 15pt!important;
line-height: 1.4;
top: 40px;
 width: 80%;
 z-index: 10000;
 padding: 20px!important;
 padding-bottom: 10px;

 left: 0; /* прижмёт к левому краю */
background: #e0e0e0;/* ФОН ВСЕГО выпад. меню */
 border: solid 0px #999;
 display: none; /* visibility will be toggled with jquery */
 }
 #nav li {
 clear: both;
 float: none;
 margin: 5px 0 5px 10px;
 }
 #nav a, 
 #nav ul a {
 font: inherit;
 background: none;
 display: inline;
 padding: 0;
 color: #222222;
 border: none;
 }
 #nav a:hover, 
 #nav ul a:hover {
 background: none;
 color: #000000 !important;
 }

 /* dropdown */
 #nav ul {
 width: auto;
 position: static;
 display: block;
 border: none;
 background: inherit;
}

 /* ensure #nav is visible on desktop version */
 #nav {
 display: none;
}
 }
/* КОНЕЦ МЕНЮ ##############################*/

/* клас для адаптации картинки - вставить в img картинки */
.responsive {
 width: 100%;
 max-width: 400px;
 height: auto;
}
 /*ГЛАВНАЯ таблица адап. картинок С ТЕКСТОМ контейнер 2*/
table.pantone{
 border-collapse:collapse;
 border:none;/* убираем рамку таблицы */
}
table.pantone td{
 text-align:center;
}
table.pantone img{
 width:100%; 
 max-width:100%;
 height:auto;
 display:inline-block;
}
/* мобильные */
@media screen and (max-width:600px){
 table.pantone img{
 width:100%;
 }
}
@media screen and (max-width:600px){
 table.pantone td {
 display: block;
 padding: 29px 0 15px 0 !important; /* сверху 29px, остальное 0 */
 }
}
@media screen and (max-width:300px){
 table.pantone img{
 width:100%;
 }
}
@media screen and (max-width:300px){
 table.pantone td {
 display: block;
 padding: 29px 0 15px 0 !important; /* сверху 29px, остальное 0 */
 }
}
table.pantone {
 width:100%;
 border-collapse: collapse;
 float:center!important;}
table.pantone td {
 padding: 0.6rem 1rem; 
 color: #333333;
 font-size: 11pt;!important;
 border-bottom:1px solid #cccccc;}

/* pantone.img-75*/
table.pantone.img-75 img{
 width:75%;
 border-bottom: 1px solid #000000 !important;
 border: none !important;
}

/* мобильные — снова 100% */
@media screen and (max-width:600px){
 table.pantone.img-75 img{
 width:100%;
 }
}
/* /pantone.img-75*/

 /*/ГЛАВНАЯ таблица адап. картинок С ТЕКСТОМ контейнер 2**/
/*ТЕКСТ НА КАРТИНКЕ задает ширииу картинок в таблице -pantone*/
.image-container2 {
 display: inline-block;
 position: relative;
 width: 80%;
 max-width: 600px;
 margin: 0 auto;
}
.image-container2 img {
 display: block;
 height: auto;
}

.image-container2 div {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;

 background: rgba(0,0,0,0.4); /* тёмный прозрачный фон */
 color: #fff;
 font-size: 11px;
 padding: 12px 10px;
 box-sizing: border-box;
 text-align: center;
}

@media screen and (max-width:600px){
 .image-container2{
 width:100%;
 }
}
/*/ТЕКСТ НА КАРТИНКЕ задает ширииу картинок в таблице -pantone*/
/*текст на картинке1*/
.image-container1 {
 display: inline-block;
 position: relative;
 width: 100%;
}

.image-container1 img {
 display: block;
 width: 100%; /* Чтобы изображение занимало всю ширину контейнера */
 height: auto;
}

.image-container1 div {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%; /* Ширина полосы равна ширине изображения */
 background-color: rgba(102, 102, 102, 0.9);
 color: white;
 font-size: 11px;
 padding: 15px 10px;
 box-sizing: border-box; /* Чтобы padding не выходил за пределы блока */
 text-align: center; /* Выравнивание текста по центру, если нужно */
}
/*/текст на картинке1*/
/* Стрелка вправо */
.arrow {
 display: inline-block;
 width: 4px;
 height: 4px;
 border-top: 1px solid #111111;
 border-right: 1px solid #111111;
 transform: rotate(45deg);
 margin-left: 6px; /* отступ от текста */
 vertical-align: middle;
}

/*/стрелка*/
/*стрелка вниз*/
.arrow-down {
display: inline-block !important;
 width: 19px;
 height: 11px;
 border-top: 2px solid #444444;
 border-right: 2px solid #444444;
 transform: rotate(135deg); /* стрелка вниз */
 margin-left: 0px;
 vertical-align: middle;
margin-bottom: 10px;
}
/*/стрелка вниз*/

 /* страницы счетчики */
 .page-selector {
 display: flex; /* flex для кнопок */
 justify-content: center; /* горизонтальное центрирование */
 gap: 10px; /* промежуток между кнопками */
 margin: 40px 0; /* отступ сверху и снизу */
 flex-wrap: wrap; /* перенос кнопок на следующую строку при необходимости */
 width: 100%; /* растягиваем блок на всю ширину страницы */
 box-sizing: border-box; /* чтобы padding/margin не смещали блок */
}

 .page-selector {
 display: flex;
 justify-content: center; /* центрируем всю строку */
 align-items: center; /* вертикальное выравнивание */
 gap: 6px; /* отступ между ТЕКСТОМ и КНОПКАМИ */
 margin: 20px 0;
 flex-wrap: wrap;
 width: 100%;
 box-sizing: border-box;
}

/* контейнер для кнопок */
.page-selector button {
 margin: 0; /* убираем возможные дефолтные */
 padding: 5px 10px;
 cursor: pointer;
 border: 1px solid #7d0000;
 background-color: white;
 color: #222222;
 border-radius: 5px;
 font-size: 17px;
 transition: all 0.2s;
}

/* ОТСТУП МЕЖДУ КНОПКАМИ */
.page-selector button + button {
 margin-left: 0px;
}

.page-selector button:hover {
 background-color: #97895e;
 color: white;
}

.page-selector .active {
 background-color: #7d0000;
 color: #ffffff;
 font-weight: bold;
}

.page-title {
 font-size: 14px;
 font-weight: 600;
 white-space: nowrap;
 margin: 0px 20px;
}
 /* страницы счетчики */
.brand-999966 {
 filter: grayscale(100%) sepia(5%) hue-rotate(1deg) saturate(180%) brightness(95%) contrast(105%);
}
.brand-555555 {filter: brightness(110%) saturate(50%) contrast(70%);}
 
/* прозрачнные счетчики */
#counters img {
opacity:0.35;
filter:grayscale(100%);
transition:0.3s;
}

#counters img:hover{
opacity:1;
filter:grayscale(0%);
}
/* прозрачнные счетчики */
/*всплывающее окно ucoz*/
.myWinCont, .myWinCont td, .myWinCont dl, .myWinCont dt {
 color: #000000;
 font-size: 12pt !important;
 font-family: Tahoma,Arial;
}

.xw-hdr-text {
 cursor:default;
 flex-grow:1;
 font:600 11pt tahoma,arial,verdana,sans-serif !important;
 color: #663300 !important;
}
.xt {
 
 width: 30px !important;
 height: 30px !important;
 float: right;
 cursor: pointer;
 background:transparent url(https://art-golik.com/SAIT/vsp-okno.jpg) no-repeat!important;
 margin-left: 2px;
 margin-top: 4px;
}

/* Пример стилей для всплывающего окна _uWnd */

/* кнопка для всплывающего окна */
a.open-popup {
 display: inline-block; /* чтобы padding работал как у кнопки */
 cursor: pointer; /* курсор как у кнопки */
 color: #ffffff; 
 text-decoration: none; 
 font-size: 11pt; 
 background: #007bff; 
 padding: 5px 10px; /* внутренние отступы сверху/снизу и слева/справа */
 border-radius: 5px; /* скругление углов */
 border: none; 
 transition: background 0.3s; /* плавное изменение при наведении */
}

a.open-popup:hover {
 backgrou
 nd: #0056b3; /* цвет при наведении */
 text-decoration: none; 
}
/* кнопка для всплывающего окна ucoz */
/* кнопка новости ucoz */
.news-cards-nav{ 
 display:flex; 
gap:20px; 
margin:40px 0;
flex-wrap:wrap;}
.news-card{ 
 flex:1;
min-width:200px;
background:#dddddd; 
border-radius:10px;
padding:3pt;
transition:all .3s;
 border:1px solid #aaaaaa; 
}
 .news-card:hover{ 
 transform:translateY(-4px);
 box-shadow:0 8px 20px rgba(0,0,0,0.15);
 background:#ffffff; }
 .nav-label{
 font-size:13px;
 color:#0066cc;
 font-weight:600;
 margin-bottom:2px;
 text-transform:uppercase;}
.nav-title a{
 font-size:12px; 
font-weight:400;
color:#222 !important;
 text-decoration:none; 
line-height:1.4; }
 .nav-title a:hover{ color:#2b7cff !important; }
 .next-card{ text-align:right; }

/* кнопка новости ucoz */

/* ===== БАЗА ===== */
* {
 box-sizing: border-box;
}


/* ===== ТАБЛИЦЫ ===== */
.table-wrapper {
 width:100%;
 overflow-x:auto;
 max-width: 100%;
}
table {
 width:100%;
 border-collapse:collapse;
 max-width: 100%;
}

td, th {
 padding:5px;
 word-break:break-word;
}

td {
 word-wrap: break-word; /* перенос длинного текста */
 overflow-wrap: break-word;
}
/* ===== КАРТИНКИ ===== */
img {
 max-width:100%;
 height:auto;
}


/* ===== 📱 АДАПТИВ ===== */

/* планшеты */
@media (max-width: 992px) {
 body {
 font-size:14px;
 }
}

/* телефоны */
@media (max-width: 768px) {

 body {
 font-size:14px;
 }

 /* всё в одну колонку */
 #sideBar {
 width:100%;
 }

 /* меню */
 #navBar {
 font-size:11pt;
 }


/* маленькие телефоны */
@media (max-width: 480px) {

 body {
 font-size:13px;
 }

 /* свои кнопки страницы */

 .circle-number 
 { background-color: #86784d;
 color: #86784d; 
 border-radius: 50%; 
 width: 16px; height: 16px; 
 display: inline-flex; justify-content:center; 
 align-items:center; 
 font-weight: bold; 
 font-size: 14px; 
 vertical-align: middle; 
 margin-top:0px;
 margin-right:5px;
 margin-bottom:6px; } 

 .circle-number-alt
 { background-color: #86784d;
 color: #86784d; 
 border-radius: 50%; 
 width: 5px; height: 5px; 
 display: inline-flex; justify-content:center; 
 align-items:center; 
 font-size: 5px; 
 vertical-align: middle; 
 margin-top:0px;
 margin-right:5px;
 margin-bottom:6px; 
}
 
/* /кнопки страницы */