div.code {background-color: #F5F5F5; border: 1px solid #E6E6E6; color: #C8C8C8; font-family: "Courier New"; font-size: 12px; height: 26px; margin-bottom: 36px; overflow: hidden; padding: 5px; width: 40%;}

div.code_hover { background-color: #FFFFF0; border: 1px solid #E6E6E6; color: #2C506F; font-family: "Courier New"; font-size: 5px; height: auto; margin-bottom: 36px; overflow: auto; padding: 8px 5px; width: 70%;}

A {font-size: 11px;color:#550000; text-decoration: none; font-family: Arial, Tahoma, sans-serif;}

A.FMENU:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #550000;
	text-decoration: underline
}

a.cc:link {
	font-size: 8px;
	color: #555;
}


h11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000035;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;   
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: navy;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;    
}
h2 {
	font-family: Arial, Tahoma;
	font-size: 13px;
	color: navy;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

h3 {font-family: Arial, Helvetica, san-serif; font-size: 8pt; font-weight: normal; margin-top: 5px; margin-bottom: 5px; bold; font-style: normal;}


h4 {
	font-family: Tahoma;
	font-size: 11px;
	color: #006699;
	margin-left: 20px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
h5 {font-family: New Roman; font-size: 40px; color: #000000;m margin-left: 5px; margin-top: 20px; margin-right: 5px; margin-bottom: 30px; font-weight: bold;}
h5a {font-family: Tahoma; color: #000000;m margin-left: 5px; margin-top: 20px; margin-right: 5px; margin-bottom: 30px; font-weight: bold;}
h6 {
	font-family: Arial, Tahoma;
	font-size: 16px;
	color: #000000;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
h7 {
	font-family: Arial, Tahoma;
	font-size: 20px;
	color: #000000;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
h8 {
	font-family: New Roman;
	font-size: 40px;
	color: #000000;
	margin-left: 5px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 30px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
h9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000035;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;   
}
.s1 {  font-family: Arial; font-size: 12px; color:#660000;background-color: #F8F8FF}
.s {  font-family: Arial; font-size: 12px; color:#660000;background-color: #F0F0F0}
input.area {
	background-color: #EFEFEF;
	font-family:Verdana, Arial, Helvetica, 'Sans Serif';
	font-size: 6pt;
	border-left-color: #660000;
	border-right-color: #660000;
	border-top-color: #660000;
	border-bottom-color: #660000;
	border-left-width : 1 px;
	border-right-width : 1 px;
	border-top-width : 1 px;
	border-bottom-width : 1 px;
}

.gd  {  font-family: Verdana;
font-size: 14px;
color:#330000;
margin-top: 6px;
background-color: #ffffff
}

.n {  font-family: Tahoma; font-size: 15px; color:#FFFFFF;  font-weight: bold;  background="http://vilnius07.by.ru/redsatin-1.gif"}
input.area {
}
.pt{
border-color: gray;
border-width: 2px;}


span.c3n {font-size: 10px; font-style: italic; font-weight: bold; color: red}
 td.c45 {background-image:url(pic1/dots.gif)}
 td.c44 {background-image:url(start_37.gif)}
 td.c43 {background-image:url(start_35.gif)}
 td.c42 {background-image:url(start_12.gif)}
 td.c41 {background-image:url(start_08.gif)}
 table.c40 {background-color: #1D6018;background: url(bg124.jpg)}
 span.c39 {color: navy; font-size: 12pt; text-decoration: underline}
 div.c38 {display: none; text-align: center}
 img.c37 {display: none}
 div.c36 {color: #816012; font-size: 11px; text-align: center}
 span.c35 {font-size: 10px}
 table.c34 {background-color: #FFFFFF}
 span.c33 {color: #47b734; font-size: 8px}
 div.c32 {text-align: justify}
 span.c31 {font-size: 6.5pt; text-decoration: underline}
 span.c30 {color: navy; font-size: 15px}
 span.c30a {color: #000000; font-size: 18px; font-family: Times New Roman; letter-spacing: 0.06em}
 strong.c29 {text-decoration: underline}
 span.c28 {color: #660000; font-size: 10px}
 span.c27 {color: #660000; font-size: 14px}
 div.c36 {text-align: center}
 span.c25 {font-size: 14px; font-family: Arial}
 span.c24 {font-size: 12px}
 span.c23 {text-decoration: underline}
 span.c21 {color: navy; font-size: 6.3pt}
 span.c20 {font-size: 7pt; text-decoration: underline}
 table.c19 {background-color: #f9f8f8}
 div.c18 {font-size: 12px}
 span.  {font-size: 9px;font-family: Verdana;
	margin-left: 5px;
	color: #330000}
 span.c17 {font-size: 12px; color: DarkSlateGray}
 span.c-17 {font-size: 24px; font-weight: bold; font-style: italic; color: navy; font-family: Arial}
 span.c16 {color: red}
 td.c15 {background-color: #F0F0F0}
 table.c14 {background-color: #F0F0F0}
 a.c13-1 {text-decoration: underline; font-size: 15px; color: navy;}
 a.c13 {text-decoration: underline}
 span.c12 {color: navy; font-family: Times New Roman; font-size: 10pt}
 span.c12-0 {font-size: 8px;color: #1B532E}
 span.c12-1 {font-size: 14px;}
 span.c12-2 {font-size: 11px;text-decoration: underline}
 span.c12-3 {font-size: 14px; color: #ffffff;  font-weight: bold;}
 span.c12-4 {font-size: 11px; color: #E2E2DE;  font-weight: bold;}
 span.c12-5 {font-size: 16px; color: navy; font-family: Times New Roman; font-style: italic;}
 span.c12-6 {font-size: 16px; letter-spacing: 0.2em}
 
 span.c11-1 {font-size: 9px;}
 td.c11 {background-color: #DEDEDE}
 table.c10 {background-color: #E2E2DE}
 td.c9 {background-color: #665038}
 span.c8-2 {font-size: 14px; color: #ffffff; font-family: Arial}
 span.c8 {font-size: 11px; color: #ffffff; font-family: Arial}
div.c7-e {font-family: Verdana; letter-spacing: 0.06em; line-height: 26px; font-weight: 550;}
div.c7-em {letter-spacing: 0.3em}
div.c7 {font-family: bookman old style; letter-spacing: 0.3em}
 span.c6 {font-size: 62px; color: #fcfcfc}
 td.c5 {background-color: #E2D6CC}
 td.c4 {background-color: #C5AE99}
 td.c3-1 {background-color: #8B5E33}
 td.c3 {background-color: #A88666}
 td.c2 {background-color: #8B5E33}
 span.c1 {color: #60331E; font-size: 8pt}
 h1.c2 {color: #FFFFFF; font-size: 14px}

 
 #sidebar.main .widget .textwidget img{max-width:100%;transition:all 1s ease}#sidebar.main .widget .textwidget a:hover img{transform:translateY(5px)}
 

.maint {
	display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    cursor: pointer;
    transition: 3s;
    padding-bottom: 5px !important;
}
.maint img {
	width: 100%;
	margin-bottom: -6px;
	transition: opacity 5000ms ease-in-out, transform 20000ms linear;
}
.maint:hover img {
    opacity: 1;
    transform: scale(1.6);
}

span.toctext {font-size: 13px; font-weight: bold; color: navy; font-family: Arial}


/* ==========================================
   АДАПТИВНЫЕ СТИЛИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ
   ========================================== */

/* Общие правила для гибкости картинок на малых экранах */
img {
    max-width: 100%;
    height: auto !important;
}

@media (max-width: 768px) {
    /* 1. Превращаем таблицы в блоки, чтобы они перестраивались вертикально */
    table, tbody, tr, td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Убираем фиксированное позиционирование по левому краю для таблиц */
    table[align="LEFT"], table[align="right"] {
        float: none !important;
    }

    /* 2. Адаптируем боковое меню и основной контент */
    td[width="150"] { 
        width: 100% !important;
        background-color: #D4D0C8;
        padding: 10px;
    }

    td[width="80%"] {
        width: 100% !important;
        padding: 10px 5px !important;
    }

    /* Скрываем пустые распорки (e.gif), которые сдвигали верстку */
    img[src="e.gif"] {
        display: none !important;
    }

    /* 3. Переключатель языков и поиск */
    td[valign="top"][align="right"] {
        text-align: center !important;
        padding: 10px 0;
    }
    table[width="160"][background="pic1/dots.gif"] {
        margin: 10px auto !important;
        float: none !important;
    }

    /* 4. Заголовок (цитата) */
    h2 {
        font-size: 14px !important;
        line-height: 1.4 !important;
        padding: 0 10px;
    }
    h2 br {
        display: none; /* Убираем принудительные переносы строк на смартфонах */
    }

    /* 5. Главная сетка с плитками (Генеалогия, Храмы и т.д.) */
    /* Заставляем ячейки с карточками вставать по одной в ряд */
    td[align="center"] table.maint {
        max-width: 100% !important;
        width: 100% !important;
        margin: 10px 0 !important;
        display: inline-block !important;
    }
    
    /* Делаем так, чтобы строки таблицы с карточками отображались как гибкий контейнер */
    tr:has(table.maint) {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 6. Текстовый блок снизу */
    div.c32 h1 {
        font-size: 14px !important;
        line-height: 1.5 !important;
        text-align: left !important;
        padding: 0 10px;
    }
}