/*
Theme Name: Progulki
Theme URI: https://progulkainfo.ru/
Description: Восстановленная тема сайта progulkainfo.ru (2013-2018) — туризм, менеджмент, экономика.
Author: fa-agent
Version: 1.2
Text Domain: progulki
*/

*
{	color: #333;
	font-family: tahoma, arial, verdana, sans-serif;
	line-height: 150%;
	font-size: 12px;
}

body
{	margin: 0px;
	padding: 0px;
}

body, html
{	height: 100%;	}

img
{	border: 0px;
}

table td
{	text-align: left;	vertical-align: top;
}

a
{	color: #77a6d3;
}

a:hover, a.activ
{	text-decoration: none;
}

form
{	padding: 0px;
	margin: 0px;
}

.date
{	font-size: 11px;
	color: #888;
	margin-top: 3px;	}

.small, .small a
{	font-size: 11px;	}
.big, .big a
{	font-size: 14px;	}

.strong
{	font-weight: bold;	}
.italic
{	font-style: italic;	}

.silver, .gray
{	color: #777;	}
.white
{	color: #fff;	}
.red
{	color: #d00;	}
.black, .black *{	color: #000;	}


div.content
{	margin: 5px 0 20px 50px;
	line-height: 24px;
	text-align: justify;
	color: #7a543b;
	width: 610px;	}

.text
{	line-height: 23px;	}

a.dotted
{	text-decoration: none;
	border-bottom: 1px dashed;
}
a.admin
{	color: #1399d7;
}

.h0
{	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
	font-family: Trebuchet MS, Georgia, Myriad Pro;
	letter-spacing: -1px;
}
h1, .h1, h1 div, h1 span
{	font-size: 18px;
	margin-bottom: 15px;	}
h2, .h2
{	font-size: 23px;
	margin-bottom: 15px;	}
h3, .h3
{	font-size: 17px;}
div.h3
{	margin-bottom: 12px;	}

.blue
{	color: #1399d7;	}

.menu1 a
{	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed #1399d7;
	line-height: 22px;
}
.menu1 a:hover
{	border-bottom: 0px;	}

#sidemenu
{	list-style: none;
	padding: 0;
	margin: 0;
}
#sidemenu li
{	padding: 4px 0;
	border-bottom: 1px dotted #ccc;
}
#sidemenu a
{	font-size: 13px;
	text-decoration: none;
	border-bottom: 1px dashed #1399d7;
	color: #333;
}
#sidemenu a:hover
{	border-bottom: 0;
	color: #1399d7;
}

.title
{	font-size: 25px;
	color: #000;
	margin-bottom: 15px;
}
.title a { color: #000; text-decoration: none; }
.title a:hover { text-decoration: underline; }

.post
{	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.post-content, .post-content p
{	color: #333;
	line-height: 22px;
	font-size: 13px;
}
.post-content p { margin: 0 0 12px 0; }
.post-content a { color: #1399d7; }

ul
{	margin: 0px;
	padding-left: 20px;	}

input, textarea, select
{	color: #000;	}

.pager
{	margin: 20px 0;
	text-align: center;
}
.pager a, .pager span
{	display: inline-block;
	padding: 4px 10px;
	margin: 0 3px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #1399d7;
}
.pager .current
{	background: #1399d7;
	color: #fff;
	border-color: #1399d7;
}

/* Иерархическое меню в сайдбаре (стиль 2018 года) */
#cssmenu
{	list-style: none;
	padding: 0;
	margin: 0;
}
#cssmenu > li
{	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}
#cssmenu > li > a
{	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #1399d7;
	border-bottom: 1px dashed #1399d7;
}
#cssmenu > li > a:hover
{	border-bottom: 0;
	color: #d00;
}
#cssmenu ul
{	list-style: none;
	padding-left: 12px;
	margin: 4px 0 6px 0;
}
#cssmenu ul li
{	padding: 2px 0;
}
#cssmenu ul li a
{	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #333;
	border-bottom: 1px dashed #aaa;
	line-height: 18px;
}
#cssmenu ul li a:hover
{	border-bottom: 0;
	color: #1399d7;
}

/* ============================================================
   Mobile responsive overrides (added 2026-05-12)
   Site shell — таблица 950px фикс-ширина с фоновыми картинками.
   На мобиле фоновые рисунки скрываем, таблицы переводим в 100%.
   ============================================================ */
@media (max-width: 768px) {
    /* Корневой контейнер <center> вокруг всей таблицы */
    body { background: #fafafa !important; }

    /* Внешняя таблица: убираем фон, фиксированную ширину */
    body > center > table {
        width: 100% !important;
        max-width: 100% !important;
        background: #fff !important;
    }
    body > center > table > tbody > tr > td {
        background: #fff !important;
        padding: 10px !important;
    }

    /* Шапка: сдвигаем логотип в левый край */
    body > center > table > tbody > tr > td > table[style*="margin-left: 350px"] {
        margin: 10px 0 0 0 !important;
    }

    /* Контентная таблица: сайдбар над контентом */
    body > center > table table[style*="margin-left: 50px"] {
        width: 100% !important;
        margin: 10px 0 !important;
    }
    body > center > table table[style*="margin-left: 50px"] td {
        display: block !important;
        width: 100% !important;
        background: none !important;
    }
    /* Вертикальный разделитель между сайдбаром и контентом — скрыть */
    body > center > table td[style*="a1.gif"] { display: none !important; }
    body > center > table td[style*="a1.gif"] img { display: none !important; }

    /* Футер: убираем margin-top:90px и боковые отступы */
    body > center > table tr td table[style*="margin-top: 90px"] {
        width: 100% !important;
        margin: 20px 0 !important;
    }
    body > center > table tr td table[style*="margin-top: 90px"] td {
        display: block !important;
        width: 100% !important;
        padding: 4px 10px !important;
    }
    body > center > table tr td table[style*="margin-top: 90px"] img[src*="line0.gif"] {
        display: none !important;
    }

    /* Цвет ссылок в футере на белом фоне (без фоновой картинки) */
    .white { color: #333 !important; }
    a.white { color: #1399d7 !important; }

    /* Картинки и таблицы в контенте — не вылазят за экран */
    .post-content table, .post-content img { max-width: 100% !important; height: auto; }
    .post-content { word-wrap: break-word; }

    /* Заголовок страницы / поста */
    .h0 { font-size: 20px !important; }
    .h1 { font-size: 13px !important; }
    .title { font-size: 18px !important; line-height: 1.3 !important; }

    /* Меню «Разделы:» компактнее */
    #cssmenu > li > a { font-size: 14px !important; }
    #cssmenu ul li a { font-size: 13px !important; line-height: 22px !important; }
}