body {
	font-family: Arial, Sans-Serif;
	font-size:12px;
}
UL {
	list-style: disc outside;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:400;
padding: 0 0;
margin: 0 0;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:400;
padding: 0 0;
margin: 0 0;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:400;padding: 0 0;
margin: 0 0;
}
h4{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:400;
padding: 0 0;
margin: 0 0;
}
.pad {
	padding: 0 3 17 0;
	text-align: left;
}
a.mleftnew:link {
	font-size: 11px;
	font-weight: bold;
	color: #2F4F4F;
}
a.mleftnew:hover {
	font-size: 11px;
	font-weight: bold;
	color: #FFD700;
}
a.mleftnew:visited {
	font-size: 11px;
	font-weight: bold;
	color: #2F4F4F;
}
a.mleftnew:visited:hover {
	font-size: 11px;
	font-weight: bold;
	color: #FFD700;
}
input {
	background: #FFFFF0;
	border: 1px solid #8FBC8F;
}
textarea {
	background: #FFFFF0;
	border: 1px solid #8FBC8F;
}
select {
	background: #FFFFF0;
	border: 1px solid #8FBC8F;
}
.lnk {
	border: thin solid #007700;
	padding-bottom : 5;
	padding-left : 10;
	padding-right : 1;
	padding-top : 5;
	text-decoration : none;
	font-size : 12px;
	font-weight : bold;
}
.her {
	color: #2C680B;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
a:link.lnka 	{text-decoration: underline; color:#000000}
a:hover.lnka 	{text-decoration: underline; color: #2C680B;  font-weight: bold;}
a:visited.lnka 	{text-decoration: underline; color: #003300}
a:visited:hover.lnka 	{text-decoration: underline; color: #2C680B}
.menunew {
	background : #EEE8AA;
	border-bottom : medium solid #666633;
	border-left : medium solid #ffffcc;
	border-right : thin solid #999933;
	border-top: thin solid #999933;
	font-size: 14 px;
	font-weight: bold;
}


.menu {
	background : #D9F0CA;
	border-left : medium double #7EC05A;
	border-right : medium double #7EC05A;
	border-bottom: thin solid #A7D98C 1px;
	border-top : thin solid #A7D98C 1px;
	font-size: 12 px;
	font-weight: bold;
}


a:link.menuf 	{text-decoration: none; color:#000000; font-size:11px;}
a:hover.menuf 	{text-decoration: none; color: #2C680B;  font-weight: bold; font-size:11px;}
a:visited.menuf 	{text-decoration: none; color: #333300; font-size:11px;}
a:visited:hover.menuf 	{text-decoration: none; color: #2C680B; font-size:11px;}

.adress
{
	font : bold 11px;
	letter-spacing : 1px;
	text-align : center;
	color: #002200;
}
.guest{ 	
		color: #000000;
		font-size: 11px;
}
.news {
	font-weight: bold;
	color: #FFFF99;
	font-size: 13px;
	letter-spacing : 2px;
}
.btxt {
	font-size : 12px;
	vertical-align : text-top;
	word-spacing : 3px;
}
.bt {
	font-size : 12px;
}
.copy {
	color: #000000;
	text-align: center;
	font-size: 11px;
	}
	a:link.copyl {
	text-decoration: underline;
	color: Black;
}
a:hover.copyl {
	text-decoration: underline;
	color: Red;
}
a:visited.copyl {
	text-decoration: underline;
	color: Black;
}
.hi {
	font-size : 16px;
	vertical-align : text-top;
	word-spacing : 3px;
}
.him {
	background: #007700;
	border-bottom : 2px solid #669966;
	border-right : 2px solid #66CC66;
	border-left : 2px solid #99CC99;
	border-top: 2px solid #99CC99;
}
.price {
	padding : 1 1 1 10;
	font : bold 12px;
	background : #99CCCC;
	border-bottom : 1px solid #003333;
	border-right : 2px solid #003333;
	border-left : 1px solid #669999;
	border-top : 1px solid #336666;
}
.pricel {
	padding : 1 1 1 10;
	font : bold 12px;
	background : #66CC66;
	border-top : 1px solid #006600;
	border-left : 2px solid #006600;
	border-right : 1px solid #339933;
	border-bottom : 1px solid #339933;
}
.pricet {
	padding : 2 2 2 10;
	font : 13px;
	background : #F9F8E2;
	border-bottom : 1px solid #B1AB47;
	border-left : 1px solid #B1AB47;
	border-right : 1px solid #E1DA62;
	border-top : 1px solid #E3DE92;
}

a:link.pricea 	{text-decoration: none; color:#000000}
a:hover.pricea 	{text-decoration: none; color: #FF0000}
a:visited.pricea 	{text-decoration: none;	color: #2F4F4F;}
a:visited:hover.pricea 	{text-decoration: none; color: #FF0000}

.tehtd {
	padding : 3 0 3 10;
	font : bold 11px;
	background : #66CC66;
	border-top : thin solid #006600;
	border-left : medium solid #006600;
	border-right : thin solid #339933;
	border-bottom : thin solid #339933;
}


/*Для старинцы map.php */

/* Общие стили */


.main-container {
	max-width: 700px;
	margin: 20px auto;
	/*padding: 20px;*/
	/*background-color: #fff;*/
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.content-block {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 30px;
}

/* Секция банковских реквизитов */
.bank-section {
	flex: 1;
	min-width: 300px;
}

.section-title {
	background-color: #006600;
	color: white;
	padding: 10px 15px;
	margin: 0 0 15px 0;
	font-size: 1.2em;
	text-align: center;
	border-radius: 4px;
}

.details-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.detail-item {
	display: flex;
	border-bottom: 1px solid #CCCC99;
	padding: 8px 0;
}

.detail-label {
	font-weight: bold;
	width: 150px;
	padding-right: 10px;
}

.detail-value {
	flex: 1;
}

/* Секция карты */
.map-section {
	flex: 1;
	min-width: 250px;
}

.map-link {
	display: block;
	text-align: center;
	margin-top: 15px;
}

.map-image {
	max-width: 100%;
	height: auto;
	border: 1px solid #ddd;
	transition: transform 0.3s;
}

.map-image:hover {
	transform: scale(1.02);
}

/* Блок контактов */
.contacts-block {
	/*max-width: 500px;*/
	/*margin: 0 auto;*/
	/*background-color: white;*/
	padding: 15px;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.contact-item {
	display: flex;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #CCCC99;
}

.contact-label {
	font-weight: bold;
	width: 160px;
	text-align: center;
	background-color: #006600;
	color: white;
	padding: 5px;
	border-radius: 4px;
	margin-right: 15px;
}

.contact-value {
	flex: 1;
}

.contact-email {
	color: #4a6ea9;
	text-decoration: none;
	font-weight: bold;
}

.contact-email:hover {
	text-decoration: underline;
}

/* Адаптивность */
@media (max-width: 768px) {
	.content-block {
		flex-direction: column;
	}

	.detail-item {
		flex-direction: column;
	}

	.detail-label {
		width: 100%;
		margin-bottom: 5px;
	}

	.contact-item {
		flex-direction: column;
		align-items: flex-start;
	}

	.contact-label {
		width: 100%;
		margin-bottom: 5px;
		text-align: left;
	}
}