body                 {
                       overflow-y: scroll;

                       }



/* Верхняя часть */



.tab-line1           {  width:1200px;

                        border-bottom: 1px solid #A9A9A9; 
                        padding-top: 5px;
                        padding-bottom: 15px;
                        background: #fff; 
                        table-layout: fixed;

                        }

.td-line1            {  width:100%;
                        padding-top: 40px;
                        padding-left: 30px; 
                        padding-right: 30px;
                        vertical-align: top;
                        }


.td-line1-1          {  width:15%;
                        padding-left: 30px; 
                        padding-right: 20px; 
                        }

.td-line1-2          {  width:1%;
                        padding-left: 0px; 
                        padding-right: 0px;

                        }

.td-line1-3          {  width:34%;
                        padding-top: 5px;
                        padding-left: 20px; 
                        padding-right: 30px;

                        }

.td-line1-4          {  width:25%;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }

.td-line1-5          {  width:25%;
                        padding-left: 30px;
                        padding-right: 50px; 
                        text-align:right;
                        }



.line1-1 a           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 40px;
                        color: #87CEFA;
                        text-decoration: none;
                        text-align:left;
                        vertical-align: middle;
                        line-height:40px; 
                        font-weight: bold;
                        }


.line1-2 a           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 12px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        vertical-align: middle;
                        text-indent: 0px;
                        font-weight: bold;
                        }



.line1-3 a         {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:right;
                        text-decoration: underline;
                        text-underline-offset: 2px; 
                        }

.line1-3 a:hover  { text-decoration: none; 
                        } 


.line1-4             {  height: 45px;
                        border-left: 1px solid #C0C0C0;

                        }


nav                  {
                        background-color: #fff;
                        }

nav ul               {
                        list-style-type: none;
                        margin: 0;
                        padding-top:0;
                        }


nav li               {
                        display: inline-block;
                        }


nav a                {
                        display: block;
                        font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align: center;
                        padding-top: 5px;
                        padding-right: 50px;
                        text-decoration: none;
                        }


nav a:hover          {
                        text-decoration: underline #3CB371 1px;
                        text-underline-offset: 10px;
  
                        }

.custom-line {
  border: none;
  height: 1px; /* Толщина линии */
  background-color: #bbb; /* Цвет линии */
  width: 230px; /* Длина линии */
  margin: 10px 0; /* Отступы */
}


/* Основная часть */


.tab-line2           {  width:1200px;
                        min-height:640px;
                        border-bottom: 1px solid #A9A9A9;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;

                        }



.td-line2-1          {  width: 33%;
                        vertical-align: top;
                        padding-top: 40px;
                        padding-bottom: 40px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.td-line2-2          {  width: 34%;
                        vertical-align: top;
                        padding-top: 40px;
                        padding-bottom: 40px;
                        padding-left: 30px; 
                        padding-right: 30px; 
 
                        }


.td-line2-3          {  width: 33%;
                        vertical-align: top;
                        padding-top: 40px;
                        padding-bottom: 40px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }





.line2-1             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 17px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-bottom: 10px;
                        }



.line2-2 a         {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:left;
                        display: inline-block;
                        margin-top: 6px;
                        margin-bottom: 6px;
                        text-decoration: underline;
                        text-underline-offset: 2px; 
                        }

.line2-2 a:hover  { text-decoration: none; 

                        } 



span.line2-3 a        {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:left;
                        line-height:30px;
                        text-decoration: underline;
                        text-underline-offset: 2px;
                        }



.line2-4           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:left;
                        line-height:30px;
                        text-decoration: none; 
                        }





/* Дополнительно */



.tab-line3           {  width:1200px;

                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        border-bottom: 1px solid #A9A9A9;
                        }



.td-line3-1          {  width: 25%;
                        vertical-align: top;
                        padding-top: 20px;
                        padding-bottom: 20px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.td-line3-2          {  width: 25%;
                        vertical-align: top;
                        padding-top: 20px;
                        padding-bottom: 20px;
                        padding-left: 30px; 
                        padding-right: 30px; 
 
                        }


.td-line3-3          {  width: 25%;
                        vertical-align: top;
                        padding-top: 20px;
                        padding-bottom: 20px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.td-line3-4          {  width: 25%;
                        vertical-align: top;
                        text-align:right;
                        padding-top: 20px;
                        padding-bottom: 20px;
                        padding-left: 30px; 
                        padding-right: 50px; 
 
                        }



.line3-1 a           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:right;
                        line-height:30px;
                        text-decoration: underline;
                        text-underline-offset: 2px; 
                        }

.line3-1 a:hover      { text-decoration: none; 

                        }


.tab-line5           {  width:1200px;
                        border-bottom: 1px solid #A9A9A9;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        }

.tab-line5-1         {  width:1200px;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        }


.td-line5-1          {  width: 33%;
                        vertical-align: top;
                        padding-top: 40px;
                        padding-bottom: 50px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.td-line5-2          {  width: 67%;
                        vertical-align: top;
                        padding-top: 40px;
                        padding-bottom: 50px;
                        padding-left: 0px; 
                        padding-right: 0px; 
 
                        }



.tab-novost            {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        }



.td-novost1-1        {  width: 12%;
                        vertical-align: top;
                        padding-top: 8px;
                        padding-bottom: 5px;
                        padding-left: 0px; 
                        padding-right: 0px; 

                        }


.td-novost1-2        {  width: 88%;
                        vertical-align: top;
                        padding-top: 6px;
                        padding-bottom: 5px;
                        padding-left: 0px; 
                        padding-right: 0px; 
 
                        }


.novost1             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #A9A9A9;
                        text-align:left;
                        }


.novost2 a           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:left;
                        text-decoration: underline;
                        text-underline-offset: 2px; 
                        }

.novost2 a:hover      { text-decoration: none; 
                        }


.novost4             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 20px;
                        font-weight: normal;
                        }


.novost5             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }




span.novost5-1 a     {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: underline  #666 1px;
                        text-underline-offset: 2px;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


span.novost5-1 a:hover      { text-decoration: none; 

                        }


.novost5-2           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 100px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


.novost10-2 a        {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:left;
                        display: inline-block;
                        margin-top: 7px;
                        margin-bottom: 8px;
                        text-decoration: underline;
                        text-underline-offset: 2px; 
                        }


.novost10-2 a:hover  { text-decoration: none; 

                        }

/* Общая таблица */


.tab-obsch           {  width:1200px;
                        min-height:750px;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        border-bottom: 1px solid #A9A9A9;
                        }
                        
.tab-obsch1           {  width:1200px;
                        min-height:750px;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;

                        }
                        
.tab-obsch2          {  width:1200px;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;

                        }



.td-obsch1           {  width:70%;
                        vertical-align: top;
                        }


.td-obsch2           {  width:30%;
                        vertical-align: top;
                        }


.td-sod1           {  width:50%;
                        vertical-align: top;
                        }


.td-sod2           {  width:50%;
                        vertical-align: top;
                        margin-bottom: 30px;
                        }


.tab-bok             {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;

                        }



.td-bok              {  max-width:100%;
                        vertical-align: top;
                        padding-left: 30px; 
                        padding-right: 30px;
                        padding-top: 40px;
                        padding-bottom: 75px;
                        }



.bok                 {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 16px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-bottom: 10px;
                        }


  .screenshot-link { color: #333; text-decoration: underline; margin-left: 15px; cursor: pointer; }
  .screenshot-link:hover { text-decoration: none; }



/* Нормативные документы */


.tab-norm            {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        }

.td-norm            {  width: 100%;
                        vertical-align: top;
                        padding-top: 40px;
                        padding-bottom: 40px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.td-norm-tab1-1      {  width: 20%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }

.td-norm-tab1-2      {  width: 80%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }



.td-norm-tab2-1      {  width: 35%;
                        vertical-align: top;
                        border-top: 1px solid #A9A9A9;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }

.td-norm-tab2-2      {  width: 15%;
                        vertical-align: top;
                        border-top: 1px solid #A9A9A9;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }

.td-norm-tab2-3      {  width: 50%;
                        vertical-align: top;
                        border-top: 1px solid #A9A9A9;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }



.norm-1              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 18px;
                        color: #111111;
                        text-decoration: none;
                        text-align:center;
                        font-weight: bold;
                        line-height: 1.4;
                        }




.norm-2              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        font-weight: bold;
                        }



.norm-2cnt           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 15px;
                        color: #111111;
                        text-align:center;
                        font-weight: bold;
                        }

.norm-2-1            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:center;
                        font-weight: bold;
                        }



.norm-3              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        }


p                  {
                        margin-top: 25px;
                        margin-bottom: 25px; /* Расстояние снизу */
                        }


p.tab1             {
                        margin-top: 10px;
                        margin-bottom: 10px; /* Расстояние снизу */
                        }

li                   {
                        margin-bottom: 10px; /* Расстояние снизу */
                        }

ul.norm10            {
                        list-style-type: none; /* Убираем маркеры */
                        margin-left: 0px;
                        }



ul                   {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:left;
                        margin-left: 60px;

                        }


ol                   {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:left;
                        margin-left: 60px;

                        }







.norm-4              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:right;
 
                        }


.norm-5              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:center;
 
                        }






/* Справочник */


.tab-sprav           {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        vertical-align: top;
                        display: block;
                        padding-bottom: 20px;
                        }


.tab-sprav2          {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        vertical-align: top;
                        display: block;
                        padding-bottom: 0px;
                        }

.tab-sprav3          {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        vertical-align: top;
                        display: block;
                        padding-bottom: 20px;
                        padding-left: 30px;
                        padding-right: 30px;
                        }

.td-sprav            {  width: 100%;
                        vertical-align: top;
                        padding-top: 35px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.td-sprav0           {  width: 100%;
                        vertical-align: top;
                        padding-top: 40px;
                        padding-bottom: 50px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }

.td-sprav0-1         {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }

.td-sprav0-2         {  width: 100%;
                        vertical-align: top;
                        padding-top: 40px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }

.td-sprav0-3         {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 100px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }

.td-sprav0-4         {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 50px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }

.td-sprav0-5         {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 5px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }

.td-sprav0-7         {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 15px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }

.td-sprav1          {  width: 55%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;

                        }


.td-sprav1-1         {  width: 70%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-sprav2          {  width: 15%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-sprav2-1         {  width: 45%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-sprav3          {  width: 15%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }



.td-sprav4          {  width: 15%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-sprav9           {  width: 100%;
                        vertical-align: top;
                        padding-top: 20px;
                        padding-bottom: 20px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.td-sprav9-1         {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 20px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }

.td-sprav9-2         {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 100px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.td-sprav10          {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 50px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }



.td-sprav10-1        {  width: 35%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-sprav10-2        {  width: 30%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }



.td-sprav10-3        {  width: 35%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }



.td-sprav10-4        {  width: 20%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-sprav11          {  width: 100%;
                        vertical-align: top;
                        padding-top: 15px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.sprav1              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 17px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-bottom: 10px;
                        }


span.sprav1-1 a          {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 16px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-bottom: 10px;
                        text-decoration: underline;
                        text-underline-offset: 2px; 
                        }


span.sprav1-1 a:hover     { text-decoration: none; 
                        } 

span.sprav1-12        { text-decoration: none;
                        font-weight: 500;
                        font-size: 16px;
                        color: #aaa;
                        }

.sprav1-2            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 16px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-top: 20px;
                        margin-bottom: 10px;
                        }

.sprav1-3            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 16px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-bottom: 10px;
                        }


.sprav2 a            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:left;

                        line-height:30px;
                        text-decoration: underline;
                        text-underline-offset: 2px; 
                        }


.sprav2 a:hover       { text-decoration: none; 
                        } 


.sprav2-1            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 5px;
                        }


ul.sprav2-2         {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        margin-left: 30px;
                        list-style-type: '–   ';
                        }

li.sprav2-3 a        {  
                        color: #333333;
                        text-decoration: underline;

                        }

li.sprav2-3 a:hover   { text-decoration: none; 
                        }



.sprav3              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 16px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-bottom: 5px;
                        }


.sprav4              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 15px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-top: 20px;
                        margin-bottom: 5px;
                        }

.sprav4-1            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 15px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-top: 26px;
                        margin-bottom: 5px;
                        }

.sprav4-2            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 15px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-top: 36px;
                        margin-bottom: 5px;
                        }


.sprav4-3 a          {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        display: inline-block;
                        font-size: 15px;
                        color: #333333;
                        text-align:left;
                        font-weight: bold;
                        margin-top: 25px;
                        text-decoration: underline;
                        text-underline-offset: 2px; 
                        }

.sprav4-3 a:hover       { text-decoration: none; 
                        } 

.sprav5             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 6px;
                        margin-bottom: 6px;
                        }


.sprav5-1            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 6px;
                        margin-bottom: 0px;
                        margin-left: 10px;
                        }


ul.sprav5-2         {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 6px;
                        margin-bottom: 0px;
                        margin-left: 10px;
                        list-style-type: '–   ';
                        }

.sprav5-3           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 11px;
                        color: #111111;

                        }

ul.sprav5-4         {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 6px;
                        margin-bottom: 0px;
                        margin-left: 20px;
                        list-style-type: '–  ';
                        }

.sprav6            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:center;
                        text-indent: 0px;
                        margin-top: 6px;
                        margin-bottom: 6px;
                        }



.sprav7             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        font-weight: bold;
                        }



.sprav7-1            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        font-weight: bold;
                        }

.sprav7-2            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:center;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        font-weight: bold;
                        }


.sprav8             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 15px;
                        font-weight: normal;
                        }



.sprav9             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }

.sprav9-1            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:center;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }

.sprav10             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        font-weight: normal;
                        }

.sprav10-1           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: underline dashed 1px;
                        text-underline-offset: 2px;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 0px;
                        font-weight: normal;
                        }


.sprav10-2           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: underline dashed 1px;
                        text-underline-offset: 2px;
                        text-align:left;
                        margin-top: 15px;
                        margin-bottom: 0px;
                        font-weight: normal;
                        }

ul.sprav10-5         {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        line-height: 0.9;
                        margin-top: 0px;
                        margin-bottom: 0px;
                        margin-left: 5px;
                        list-style-type: '–   ';
                        }


.sprav11 a           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: underline;
                        text-underline-offset: 2px;
                        text-align:left;
                        margin-top: 0px;
                        margin-bottom: 10px;
                        font-weight: normal;
                        display: inline-block;
                        }

.sprav11 a:hover     {  text-decoration: none; 
                        }


.sprav12 a           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: underline;
                        text-underline-offset: 2px;
                        text-align:left;
                        margin-top: 0px;
                        margin-bottom: 10px;

                        }

.sprav12 a:hover     {  text-decoration: none; 
                        }




/* Аналитика */


.tab-analit          {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        vertical-align: top;
                        display: block;
                        padding-bottom: 20px;
                        }


.tab-analit1         {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        vertical-align: top;
                        display: block;
                        padding-bottom: 20px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }


.td-analit            {  width: 100%;
                        vertical-align: top;
                        padding-top: 35px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.td-analit1-0          {  width: 40%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 0px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-analit1-1          {  width: 40%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-analit1-2          {  width: 12%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }



.td-analit1-3          {  width: 12%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }



.td-analit1-4          {  width: 12%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }



.td-analit1-5          {  width: 12%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }



.td-analit1-6          {  width: 12%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 10px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-analit2          {  width: 40%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 0px; 
                        padding-right: 30px; 
                        }




.td-analit3         {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 10px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.td-analit4         {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 80px;
                        padding-left: 30px; 
                        padding-right: 30px; 

                        }


.analit1              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 18px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-bottom: 10px;
                        }


.analit2             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 30px;
                        font-weight: ;
                        }



.analit3             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }

.analit3-1           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 0px;
                        font-weight: bold;
                        }


.analit5             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


.analit6             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:center;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


.analit7 a           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: underline dashed 1px;
                        text-underline-offset: 2px;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        font-weight: ;
                        }

.analit7 a:hover     {  text-decoration: none; 
                        }


ul.analit8           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 0px;
                        margin-left: 20px;
                        list-style-type: '–   ';
                        }



/* Полезная информация */


.tab-polezn          {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        vertical-align: top;
                        display: block;
                        }




.tab-polezn1-2       {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        vertical-align: top;
                        display: block;
                        padding-bottom: 30px;
                        padding-left: 30px;
                        padding-right: 30px;
                        }


.tab-polezn1-3       {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        vertical-align: top;
                        display: block;
                        padding-bottom: 40px;
                        padding-left: 30px;
                        padding-right: 30px;
                        }


.td-polezn1-1        {  width: 100%;
                        vertical-align: top;
                        padding-top: 35px;
                        padding-bottom: 15px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }


.td-polezn2-1          {  width: 20%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-polezn2-2          {  width: 60%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                         border-bottom: 1px solid #A9A9A9;
                        }


.td-polezn2-3         {  width: 20%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }




.td-polezn3-1        {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 50px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }


.td-polezn3-2        {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-polezn3-3        {  width: 100%;
                        vertical-align: top;
                        padding-top: 20px;
                        padding-bottom: 20px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-polezn5-0        {  width: 45%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 0px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-polezn5-1        {  width: 45%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-polezn5-2        {  width: 55%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 0px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }




.td-polezn10         {  width: 100%;
                        vertical-align: top;
                        padding-top: 35px;
                        padding-bottom: 100px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }

.td-polezn11         {  width: 100%;
                        vertical-align: top;
                        padding-top: 35px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }

.td-polezn12         {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 100px;
                        padding-left: 0px; 
                        padding-right: 0px; 
                        }

.td-polezn15         {  width: 100%;
                        vertical-align: top;
                        padding-top: 5px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }


.polezn1             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 17px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-bottom: 30px;
                        }


.polezn2             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


.polezn2-1           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        margin-left: 30px;
                        }


ul.polezn2-2         {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 25px;
                        margin-left: 60px;
                        list-style-type: '–   ';
                        }


ul.polezn2-3         {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 0px;
                        margin-left: 0px;
                        list-style-type: '–   ';
                        }



span.polezn2-5 a     {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: underline  #666 1px;
                        text-underline-offset: 2px;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


span.polezn2-5 a:hover      { text-decoration: none; 

                        }



.polezn3             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:center;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


.polezn4             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 20px;
                        font-weight: ;
                        }



.polezn5 a           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        display: inline-block;
                        margin-top: 6px;
                        margin-bottom: 6px;
                        text-decoration: underline #666 1px;
                        text-underline-offset: 2px; 
                        }

.polezn5 a:hover      { text-decoration: none; 
                        }


.polezn5-0           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 15px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        font-weight: bold;
                        }


.polezn5-1           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        font-weight: ;
                        }


.polezn5-2           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }

.polezn5-5           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 15px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 30px;
                        margin-bottom: 10px;
                        font-weight: bold;
                        }


.polezn6-1           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 15px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 30px;
                        margin-bottom: 10px;
                        font-weight: bold;
                        }

.polezn6-2           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #444;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 0px;
                        margin-bottom: 2px;
                        font-weight: bold;
                        }


.polezn6-3           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #444;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 20px;
                        margin-bottom: 2px;
                        font-weight: bold;
                        }

.polezn7-0           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 15px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 0px;
                        margin-left: 30px;
                        margin-bottom: 5px;
                        font-weight: bold;
                        }


.polezn7-1           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 15px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 20px;
                        margin-left: 30px;
                        margin-bottom: 5px;
                        font-weight: bold;
                        }

.polezn7-2           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 15px;
                        }

.polezn7-3           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }

.polezn7-4           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }



.polezn7-7 a          {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 13px;
                        color: #111111;
                        text-align:left;
                        text-decoration: underline #666 1px;
                        text-underline-offset: 2px; 
                        }

.polezn7-7 a:hover    { text-decoration: none; 
                        }






/* Подвал */


.tab-last            {  width:1200px;
                        height:80px;
                        padding-top: 15px;
                        padding-bottom: 15px;
                        background: #fff; 
                        table-layout: fixed;
                        }

.tab-last-border     {  width:1200px;
                        height:80px;
                        padding-top: 15px;
                        padding-bottom: 15px;
                        background: #fff; 
                        table-layout: fixed;
                        border-top: 1px solid #A9A9A9;
                        }

.td-last-1           {  width:30%;
                        padding-left: 30px; 
                        padding-right: 20px; 

                        }


.td-last-2           {  width:70%;
                        padding-bottom: 10px;
                        padding-left: 0px;
                        }



.last-1              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 12px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        vertical-align: middle;
                        text-indent: 0px;
                        line-height:15px;
                        font-weight: none;
                        }

.last-2 a           {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 11.5px;
                        color: #333333;
                        text-decoration: underline;
                        text-decoration-color: #999;
                        text-underline-offset: 2px;
                        text-align:left;
                        margin-top: 5px;
                        margin-bottom: 10px;
                        font-weight: normal;
                        display: inline-block;
                        }

.last-2 a:hover     {  text-decoration: none; 
                        }


h1 a              {     font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 42px;
                        color: #fff;
                        text-decoration: none;

                        text-align:left;
                        text-indent: 0px;
                        line-height:37px; 
                        font-weight: bold;
                        margin-top: 15px;
                        margin-bottom: 5px;
                        }


h2               {      font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 36px;
                        color: #fff;

                        font-weight: normal;
                        text-align: left;
                        text-indent: 0px;
                        margin-top: 15px;                        
                        margin-bottom: 0px;
                        }



/* Раскрывающаяся строка */

.otv a {  
font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
font-size: 14px;
color: #111111;
line-height:30px;
text-align:right;
text-decoration: underline;
text-underline-offset: 2px; 
}

.otv a:hover  { 
text-decoration: none; 
} 

.reference {
display: none;
}
.reference ~ .story {
display: none;
}
.reference + label {

cursor: pointer;
display: inline-block;
}


.reference:checked ~ .story {
display: block;
background: #EDFFEF;
font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
font-size: 14px;
color: #111111;
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
}

/* https://starper55plys.ru/css/raskryivayushhiesya-bloki-dlya-podskazok/ */



/* Раскрывающаяся строка 2*/

.prim a {  
font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
font-size: 13px;
color: #111111;

line-height:20px;
text-align:right;
text-decoration: underline;
text-underline-offset: 2px; 

}

.prim a:hover  { 
text-decoration: none; 
} 

.reference2 {
display: none;
}
.reference2 ~ .story2 {
display: none;
}
.reference2 + label {

cursor: pointer;
display: inline-block;
}


.reference2:checked ~ .story2 {
display: block;
background: #fff;
position: relative;
top: 0px;
font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
font-size: 13px;
color: #111111;
padding-top: 8px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}



/* Раскрывающаяся строка 3*/

.term a {  
font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
font-size: 14px;
color: #111111;
line-height:30px;
text-align:right;
text-decoration: underline;
text-underline-offset: 2px; 
padding-left: 30px;
padding-right: 30px;

}

.term a:hover  { 
text-decoration: none; 
} 

.reference3 {
display: none;
}
.reference3 ~ .story3 {
display: none;
}
.reference3 + label {

cursor: pointer;
display: inline-block;
}


.reference3:checked ~ .story3 {
display: block;
background: #FFF;
position: relative;
top: 0px;
left: 0px;
font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
font-size: 14px;
color: #111111;
padding-top: 0px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 40px;
}



/* Цвета #D8FFDC;#EDFFEF;*/



/* Подготовка к экзамену */


.tab-ekzam           {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        vertical-align: top;
                        display: block;
                        }


.tab-ekzam10         {  width:100%;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;
                        vertical-align: top;
                        display: block;
                        padding-left: 30px; 
                        padding-right: 30px;
                        padding-bottom: 20px;
                        }


.td-ekzam1           {  width: 100%;
                        vertical-align: top;
                        padding-top: 40px;
                        padding-bottom: 20px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }



.td-ekzam2           {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 30px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }


.td-ekzam3           {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 10px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }


.td-ekzam4           {  width: 100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 5px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        }


.td-ekzam12-1        {  width: 50%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam12-2        {  width: 50%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam13-1        {  width: 40%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam13-2        {  width: 30%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam13-3        {  width: 30%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam14-1        {  width: 40%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam14-2        {  width: 20%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam14-3        {  width: 20%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam14-4        {  width: 20%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }




.td-ekzam15-1        {  width: 40%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam15-2        {  width: 15%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam15-3        {  width: 15%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam15-4        {  width: 15%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam15-5        {  width: 15%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }




.td-ekzam15-1-2      {  width: 10%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 10px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam15-2-2      {  width: 15%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 10px; 
                        padding-right: 10px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam15-3-2      {  width: 10%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 10px; 
                        padding-right: 10px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam15-4-2      {  width: 25%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 10px; 
                        padding-right: 10px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam15-5-2      {  width: 40%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 10px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }



.td-ekzam18-1        {  width: 30%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam18-2        {  width: 10%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam18-3        {  width: 10%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam18-4        {  width: 10%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam18-5        {  width: 10%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam18-6        {  width: 10%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam18-7        {  width: 10%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }


.td-ekzam18-8        {  width: 10%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px; 
                        border-bottom: 1px solid #A9A9A9;
                        }



.ekzam0              {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 16px;
                        color: #333333;
                        text-decoration: none;
                        text-align:left;
                        font-weight: bold;
                        margin-top: 30px;
                        margin-bottom: 20px;
                        }



.ekzam1             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        font-weight: bold;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }



.ekzam2             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


.ekzam3             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-decoration: none;
                        text-align:left;
                        text-indent: 0px;
                        margin-top: 0px;
                        margin-bottom: 0px;
                        }



.ekzam-ul            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        margin-left: 20px;
                        }


.ekzam-p1            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }

.ekzam-p2            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 20px;
                        }

.ekzam-p3            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


.ekzam-p4            {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


.ekzam-p5 a          {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        text-decoration: underline #666 1px;
                        text-underline-offset: 2px; 
                        }


.ekzam-p5 a:hover     { text-decoration: none; 
                        }




.ekzam10             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:center;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        font-weight: bold;
                        }


.ekzam11             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:center;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }


.ekzam12             {  font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #111111;
                        text-align:left;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        }





/* Личный кабинет */


.tab-lk              {  width:1200px;
                        min-height:750px;
                        border-collapse:collapse;
                        background: #fff; 
                        table-layout: fixed;

                        }



.td-lk               {  width:100%;
                        vertical-align: top;
                        padding-top: 50px;
                        padding-bottom: 100px;
                        padding-left: 30px; 
                        padding-right: 30px;
                        font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        }


.td-lk1-1            {  width:35%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 100px;
                        padding-left: 30px; 
                        padding-right: 30px;
                        font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        box-sizing: border-box;
                        }


.td-lk1-2            {  width:65%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 100px;
                        padding-left: 30px; 
                        padding-right: 30px;
                        font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        box-sizing: border-box;
                        }


.td-lk2              {  width:100%;
                        vertical-align: top;
                        padding-top: 200px;
                        padding-bottom: 100px;
                        padding-left: 30px; 
                        padding-right: 30px;
                        font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
                        font-size: 14px;
                        color: #333333;
                        }

.td-lk3              {  width:100%;
                        vertical-align: top;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px;
                        }

.td-lk4              {  width:100%;
                        min-height:640px;
                        vertical-align: top;
                        padding-top: 200px;
                        padding-bottom: 0px;
                        padding-left: 30px; 
                        padding-right: 30px;
                        text-align: center;

                        }


/* Установка box-sizing для всех элементов */
* {
    box-sizing: border-box;
}

/* Контейнер для формы */
.form-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* Выравнивание по горизонтали */
    justify-content: center; /* Выравнивание по вертикали */
    width: 100%;
    height: 100%; 
    background-color: #fff; /* Фоновый цвет */
    box-sizing: border-box;
}

/* Стили для формы */
.login-form {
    background-color: #ffffff;
    padding: 15px 35px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%; /* Занимает всю ширину родителя */
    max-width: 400px; /* Максимальная ширина формы */
    text-align: center;
}

/* Заголовок формы */
.lk {
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #111111;
}

.lk1 {
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 20px;
    color: #111111;
    text-align: center;
}

.lk2 {
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-top: 25px;
    margin-bottom: 20px;
    color: #111111;
}

.lk4 {
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 25px;
    color: #111111;
    text-align: center; /* Выравнивание текста по центру */
}

/* Ссылки */
.lk5 a {
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
    font-size: 14px;
    color: #111111;
    text-decoration: underline #666 1px;
    text-underline-offset: 2px;
}

.lk5 a:hover {
    text-decoration: none;
}

.lk6 {
    text-align: center; /* Выравнивание содержимого div по центру */
}

.lk6 a {
    display: inline-block;
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
    font-size: 14px;
    color: #111111;
    text-decoration: underline #666 1px;
    text-underline-offset: 2px;
    margin-top: 15px;
}

.lk6 a:hover {
    text-decoration: none;
}

/* Стили для меток (labels) */
.login-form label {
    display: block;
    margin-top: 15px;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: normal;
    color: #111111;
}

/* Стили для полей ввода */
.login-form input[type="text"],
.login-form input[type="number"],
.login-form input[type="date"],
.login-form input[type="tel"],
.login-form input[type="email"],
.login-form input[type="password"] {
    width: 100%; /* Полная ширина контейнера */
    padding: 10px; /* Внутренние отступы */
    margin-bottom: 10px; /* Отступ между полями */
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
}

/* Стили для выпадающего списка */
.login-form textarea,
.login-form select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-family: sans-serif;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
    color: #6c757d; /* Цвет текста по умолчанию (серый) */
}


/* Стиль для выбранных значений */
.login-form select option {
    color: #333; /* Цвет текста для остальных вариантов */
}

/* Стили для галочки согласия */
.login-form label input[type="checkbox"] {
    margin-right: 10px;
}


/* Фокус на полях ввода */
.login-form input[type="text"]:focus,
.login-form input[type="number"]:focus,
.login-form input[type="date"]:focus,
.login-form input[type="tel"]:focus,
.login-form input[type="email"]:focus,
.login-form input[type="password"]:focus {
    border-color: #87CEFA;
    box-shadow: 0 0 4px rgba(0, 123, 255, 0.5);
}

/* Фокус на выпадающем списке */
.login-form textarea:focus,
.login-form select:focus {
    border-color: #87CEFA;
    box-shadow: 0 0 4px rgba(0, 123, 255, 0.5);
}

/* Стили для полей даты */
input[type="date"] {
    font-family: Arial, sans-serif; /* Замените на нужный шрифт */
    font-size: 14px; /* Размер шрифта */
    color: #666; /* Цвет текста */
    padding: 8px 12px; /* Внутренние отступы (чтобы текст не прижимался к краям) */
    width: 100%; /* Ширина поля (чтобы совпадала с другими полями формы) */
    box-sizing: border-box; /* Чтобы отступы не увеличивали общую ширину */
}

/* Стили для выпадающего календаря (частичная кастомизация) */
/* Примечание: Полностью изменить внешний вид календаря браузера невозможно, но некоторые параметры можно настроить */
input[type="date"]::-webkit-calendar-picker-indicator {
    font-size: 16px; /* Размер иконки календаря */
    cursor: pointer; /* Курсор "рука" при наведении на иконку */
}


/* Примечания к форме */
.form-note {
    font-size: 12px;
    color: gray;
    margin-top: -8px; /* Сдвигаем примечание вверх на 8 пикселей */
    margin-bottom: 10px;
    display: block; /* Обеспечиваем блочное отображение */
}

.form-agree {
    font-size: 12px;
    color: gray;
    margin-bottom: 10px;
}

/* Стили для кнопки */
.login-form button {
    width: 100%; /* Полная ширина контейнера */
    padding: 10px; /* Внутренние отступы */
    background-color: #1E90FF;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10px;
    margin-bottom: 15px; /* Отступ после кнопки */
    box-shadow: 0 2px 4px rgba(80, 80, 80, 0.1);
}

/* Эффект при наведении на кнопку */
.login-form button:hover {
    background-color: #007bff;
    box-shadow: 0 4px 6px rgba(80, 80, 80, 0.2);
}

/* Сообщения об ошибках */
.error-message {
    color: red;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

/* Сообщения об успехе */
.success-message {
    color: green;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

/* Сообщения об успехе */
.success-message-left {
    color: green;
    font-weight: bold;
    margin-top: 10px;
    text-align: left; /* Выравнивание по левому краю */
}

/* Сообщения об ошибках */
.error-message-left {
    color: red;
    font-weight: bold;
    margin-top: 10px;
    text-align: left; /* Выравнивание по левому краю */
}


/* Стиль для заголовка результатов поиска */
.search-results-title {
    font-size: 16px;
    color: black; /* Видимый цвет */

    padding-left: 3px;
    margin-bottom: 10px;
}

/* Выравнивание секций */
.section {
    width: 100%; /* Занимает всю доступную ширину */
    margin: 0 auto; /* Центрируем секцию */
    text-align: left; /* Выравниваем текст по левому краю */
}

/* Стиль для списка пользователей */
ul.user-list {
    list-style-type: none; /* Убираем маркеры */
    padding: 0; /* Убираем внутренние отступы */
    margin: 0; /* Убираем внешние отступы */
}

/* Стиль для каждого элемента списка */
ul.user-list li {
    margin-bottom: 5px; /* Добавляем отступ между элементами */
    background-color: #f9f9f9; /* Цвет фона для элементов */
    padding: 8px; /* Внутренний отступ */
    border: 1px solid #ddd; /* Граница вокруг элементов */
    border-radius: 4px; /* Закругленные углы */
}

/* Стиль для ссылок внутри списка */
ul.user-list li a {
    color: #007bff; /* Цвет ссылок */
    text-decoration: underline; /* Подчёркивание */
    margin-left: 10px; /* Отступ от текста */
}

ul.user-list li a:hover {
    text-decoration: none; /* Убираем подчёркивание при наведении */
}



/* Список платежей */
.payment-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.payment-list li {
    background-color: #f9f9f9;
    padding: 8px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
}

.payment-list li span {
    font-weight: bold;
}

/* Общий стиль для ссылок администрирования */
.admin-link {
    display: block; /* Каждая ссылка занимает всю ширину контейнера */
    width: 100%;
    padding: 10px; /* Внутренние отступы */
    margin-bottom: 10px; /* Отступ между ссылками */
    background-color: #eefbff; /* Цвет фона */
    border: 1px solid #e3e2e2; /* Граница вокруг ссылок */
    border-radius: 4px; /* Закругленные углы */
    font-size: 14px; /* Размер шрифта */
    color: #111111; /* Цвет текста */
    text-decoration: none; /* Убираем подчеркивание */
    text-align: center; /* Выравниваем текст по центру */
    transition: background-color 0.3s ease, color 0.3s ease; /* Плавный переход цветов */
    box-shadow: 0 2px 4px rgba(80, 80, 80, 0.1);
}

/* Эффект при наведении на ссылки */
.admin-link:hover {
    background-color: #e4f6fe; /* Изменение цвета фона при наведении */
    color: #111111; /* Изменение цвета текста при наведении */
    box-shadow: 0 4px 6px rgba(80, 80, 80, 0.2);
}

/* Стиль для кнопки "Выйти" */
.logout-button {
    background-color: #ffebe7; /* Красный фон */
    border: 1px solid #e3e2e2; /* Граница вокруг ссылок */
    color: #111; /* Белый текст */
    font-weight: normal; /* Жирный шрифт для лучшей видимости */
    transition: background-color 0.3s ease, color 0.3s ease; /* Плавный переход цветов */
    box-shadow: 0 2px 4px rgba(80, 80, 80, 0.1);
}

/* Эффект при наведении на кнопку "Выйти" */
.logout-button:hover {
    background-color: #fdd5cd; /* Темнее красный фон при наведении */
    color: #111; /* Текст остаётся белым */
    box-shadow: 0 4px 6px rgba(80, 80, 80, 0.2);
}



/* Стиль для таблицы */
.admin-table {
    width: 100%; /* Занимает всю ширину контейнера */
    border-collapse: collapse; /* Убираем промежутки между ячейками */
    margin-top: 10px; /* Отступ сверху */
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif; /* Шрифт */
    font-size: 14px; /* Размер шрифта */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Тень вокруг таблицы */
    border-radius: 8px; /* Закруглённые углы */
    overflow: hidden; /* Скрываем границы для закругления */
}

/* Стиль для заголовков таблицы */
.admin-table thead th {
    background-color: #e5ffeb; /* Цвет фона для заголовков */
    color: #333; /* Цвет текста */
    font-weight: bold; /* Жирный шрифт */
    padding: 10px 15px; /* Внутренние отступы */
    border-bottom: 2px solid #e0e0e0; /* Граница под заголовками */
    text-align: left; /* Выравнивание текста по левому краю */
}

/* Стиль для строк таблицы */
.admin-table tbody tr {
    transition: background-color 0.3s ease;
    cursor: default; /* Устанавливаем обычный курсор */
}

.admin-table tbody tr.highlight:hover {
    background-color: #f1fdff; /* Оставляем эффект hover */
    cursor: default; /* Обеспечиваем, что курсор остаётся обычным */
}

/* Убираем полосатость */
.admin-table tbody tr:nth-child(even),
.admin-table tbody tr:nth-child(odd) {
    background-color: #ffffff; /* Белый фон */
}

/* Эффект при наведении на строки */
.admin-table tbody tr:hover {
    background-color: #f1fdff; /* Фон при наведении */
    cursor: pointer; /* Изменяем курсор */
}

/* Стиль для ячеек таблицы */
.admin-table tbody td {
    padding: 8px 15px; /* Уменьшаем внутренние отступы */
    border-bottom: 1px solid #ddd; /* Граница между строками */
    text-align: left; /* Выравнивание текста по левому краю */
}

.admin-table tbody td.no-items {
    text-align: center;
    color: gray;
    cursor: default;
}

/* Стиль для заголовка столбца "Действия" */
.admin-table th:last-child {
    text-align: right; /* Выравнивание по правому краю */
    padding-right: 65px; /* Увеличим отступ справа */
}

/* Стиль для содержимого столбца "Действия" */
.admin-table td:last-child {
    text-align: right; /* Выравнивание по правому краю */
    padding-right: 20px; /* Оставим меньший отступ для кнопки */
}

/* Стиль для таблицы */
.user-table {
    width: 100%; /* Занимает всю ширину контейнера */
    border-collapse: collapse; /* Убираем промежутки между ячейками */
    margin-top: 10px; /* Отступ сверху */
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif; /* Шрифт */
    font-size: 13px; /* Размер шрифта */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Тень вокруг таблицы */
    border-radius: 8px; /* Закруглённые углы */
    overflow: hidden; /* Скрываем границы для закругления */
}

/* Стиль для заголовков таблицы */
.user-table thead th {
    background-color: #e5ffeb; /* Цвет фона для заголовков */
    color: #333; /* Цвет текста */
    font-weight: bold; /* Жирный шрифт */
    padding: 10px 15px; /* Внутренние отступы */
    border-bottom: 2px solid #e0e0e0; /* Граница под заголовками */
    text-align: left; /* Выравнивание текста по левому краю */
}

/* Стиль для строк таблицы */
.user-table tbody tr {
    transition: background-color 0.3s ease;
    cursor: default; /* Изменяем курсор */
}

/* Эффект при наведении на строки */
.user-table tbody tr:hover {
    background-color: #f1fdff; /* Фон при наведении */
}

/* Стиль для ячеек таблицы */
.user-table tbody td {
    padding: 8px 15px; /* Уменьшаем внутренние отступы */
    border-bottom: 1px solid #ddd; /* Граница между строками */
    text-align: left; /* Выравнивание текста по левому краю */
}

/* Стиль для пустой таблицы */
.user-table tbody td.no-items {
    text-align: center;
    color: gray;
    cursor: default;
}

/* Стиль для состояния "Открыт" */
.access-status.open {
    color: green;
    font-weight: bold;
}

/* Стиль для состояния "Закрыт" */
.access-status.closed {
    color: 333;
}

/* Стиль для статуса "Оплачено" */
.paid-status {
    color: green;
    font-weight: bold;
    padding-right: 5px;
}

/* Стиль для статуса подписки */
.subscription-expiry {
    color: #333; /* Цвет текста */
    font-weight: normal; /* Обычный шрифт */
}

/* Стиль для бессрочной подписки */
.subscription-expiry.active,
.subscription-expiry.unlimited {
    color: green; /* Зелёный цвет */
    font-weight: bold; /* Жирный шрифт */
}

/* Стиль для кнопки "Оплатить" */
.pay-button {
    background: none; /* Прозрачный фон */
    border: none; /* Без границы */
    color: #666; /* Цвет текста как у ссылки */
    font-weight: normal; /* Жирный шрифт */
    text-decoration: underline #666 1px; /* Подчёркивание */
    text-underline-offset: 2px;
    font-size: 14px;
    cursor: pointer; /* Изменяем курсор */
    transition: color 0.3s ease; /* Плавный переход цвета */
    padding: 0; /* Убираем внутренние отступы */
}

/* Эффект при наведении */
.pay-button:hover {
    text-decoration: none; /* Убираем подчёркивание */
}

/* Убираем фокус-рамку */
.pay-button:focus {
    outline: none; /* Убираем стандартную рамку фокуса */
}


/* Стиль для строки поиска */
.search-bar {
    margin-bottom: 15px;
}

.search-bar input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
}

.search-bar input[type="text"]:focus {
    border-color: #87CEFA;
    box-shadow: 0 0 4px rgba(0, 123, 255, 0.5);
}


/* Стиль для списка пользователей */
.user-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.user-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    border-bottom: 1px solid #ddd;
    background-color: #ffffff;
    transition: background-color 0.3s ease;
}

.user-list li:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.user-list li:last-child {
    border-bottom: none;
}

.user-list .no-items {
    text-align: center;
    color: gray;
    cursor: default;
}



/* Стиль для кнопки "Редактировать" */
.edit-button {
    display: inline-block;
    padding: 6px 12px;
    background-color: #1E90FF;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 12px;
    transition: background-color 0.3s ease; /* Только смена цвета */
    box-shadow: 0 2px 4px rgba(80, 80, 80, 0.1);
    float: right; /* Выравнивание по правому краю */
}

.edit-button:hover {
    background-color: #007bff; /* Темнее голубой фон при наведении */
    transform: none; /* Убираем увеличение */
    box-shadow: 0 4px 6px rgba(80, 80, 80, 0.2);
}


/* Стиль для пагинации */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 40px;
}

.pagination a {
    display: inline-block;
    padding: 6px 12px;
    margin: 0 5px;
    background-color: #f7f7f7;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.pagination a.active,
.pagination a:hover {
    background-color: #1E90FF;
    color: #ffffff;
}

/* Стиль для кнопки "Показать все справочникики" */
.toggle-button {
    display: inline-block;
    padding: 6px 12px;
    background-color: #1E90FF; /* Голубой фон */
    color: #ffffff; /* Белый текст */
    text-decoration: none;
    border-radius: 4px;
    font-size: 13px;
    transition: background-color 0.3s ease;
    cursor: pointer; /* Курсор "рука" для кнопки */
    box-shadow: 0 2px 4px rgba(80, 80, 80, 0.1);
    border: 1px solid #1E90FF; /* Рамка того же цвета, что и фон */
}

/* Эффект при наведении */
.toggle-button:hover {
    background-color: #007bff; /* Темнее голубой фон */
    border: 1px solid #007bff; /* Рамка становится темнее вместе с фоном */
    box-shadow: 0 4px 6px rgba(80, 80, 80, 0.2);
}

/* Убираем тень при фокусе, но оставляем рамку */
.toggle-button:focus {
    outline: none; /* Убираем стандартную фокус-рамку */
    box-shadow: none; /* Убираем тень */
    border: 1px solid #007bff; /* Рамка остаётся того же цвета */
}


/* Контейнер личных данных */
.user-data-container {
    width: 100%; /* Занимает всю ширину родителя */
    max-width: 400px; /* Максимальная ширина формы */
    background-color: #ffffff; /* Белый фон */
    padding: 20px; /* Внутренние отступы */
    padding-left: 40px;
    border: 1px solid #ddd; /* Серая граница */
    border-radius: 8px; /* Закругленные углы */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень */
    border: 1px solid #fff; /* Рамка того же цвета, что и фон */
    margin-bottom: 20px; /* Отступ после блока */
}

/* Заголовок блока личных данных */
.user-data-title {
    color: black; /* Видимый цвет */
    font-weight: bold;
    padding-left: 40px;
    margin-bottom: 10px;
}

/* Элементы данных пользователя */
.user-data-item {
    margin-bottom: 15px; /* Отступ между элементами */
}

/* Наименование записи (серый цвет) */
.user-data-item .label {
    display: block; /* Каждое наименование занимает всю строку */
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
    font-size: 14px;
    color: #6c757d; /* Серый цвет */
    margin-bottom: 2px; /* Отступ между наименованием и значением */
}

/* Значение записи (черный цвет) */
.user-data-item .value {
    display: block; /* Каждое значение занимает свою строку */
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
    font-size: 16px;
    color: #333333; /* Черный цвет */
    font-weight: bold; /* Жирный шрифт */
}

/* Результат импорта из CSV-файла */
.result {
    font-family: 'Montserrat', Verdana, Arial, Tahoma, sans-serif;
    font-size: 14px;
    color: #333333; /* Черный цвет */
    margin: 5px 0;
}

/* Адаптивность */
@media (max-width: 768px) {
    .form-container {
        padding: 10px;
    }

    .login-form {
        padding: 15px 20px;
    }
}