@charset "windows-1251";
body {
	font-size: 12pt;
}
h1 {
	font-size: 14pt;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	margin: 13px auto 20px;
	color: #660000;
	font-family: Georgia, "Times New Roman", Times, serif;
}
p {
	-webkit-hyphens: auto; 
	-moz-hyphens: auto; 
	-ms-hyphens: auto; 
	-o-hyphens: auto; 
	hyphens: auto;
}
.geo a:link, .geo a:visited, .geo a:active {
	text-decoration: underline;
	color: #000000;
	font-weight: normal;
}
.geo a:hover {
	text-decoration: underline;
	color: #990000;
}
.geoLine {
	display: block;
	text-align: center;
	background-image: url(texture/GeoLine.gif);
	background-repeat: repeat-x;
	height: 16px;
	margin-top:5px;
}
.address {
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
.frames {
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
}
.frames a {
	text-decoration: none;
}
.frames img {
	background: url(geo/texture/frame.png) no-repeat;
	padding: 8px;
	margin: 1px;
}
.frames a:hover img, a:hover .frames img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.arrow {
	background: url(geo/texture/arrow.png) no-repeat;
	width: 26px;
	height: 69px;
	display: inline-block;
	margin: 40px 0 0 2px;
	vertical-align: top;
}

@media only screen and (max-width: 635px) {
	.frames {
		width: 100%;
		overflow: hidden;
	}
	.frames a {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	.frames img {
		flex: 1 1 0;
		min-width: 0;
		max-width: 160px;
		height: auto !important;
		padding: 2% !important;
		margin: 0 0.5% !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
		box-sizing: border-box;
	}
	.frames .arrow {
		flex: 0 0 auto;
		width: 8%;
		max-width: 26px;
		height: 15vw;
		max-height: 69px;
		margin: 0 0.5%;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	/*
	.geoLine {
		width: 94% !important;
		height: auto !important;
		max-width: 94% !important;
		margin: 0 auto !important;
	}
*/
}