body {
	font-family: Verdana, Tahoma, Arial, Sans-serif;
	background-color: #434343;
	color: #e2e2e2;
	text-align: center;
	background-image: url("/gfx/Mtloc.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

table {
	padding-top: 10px;
	padding-bottom: 10px;
}

td {
	padding: 0px;
}

a {
	color:	#eeeeee;
}

a:hover {
	color: #ffffff;
}

ul {
	display: block;
}

.nobr	{
	white-space: nowrap;
}

.toplogoc {
	text-align: center;
	vertical-align: top;
}

.toplogor {
	text-align: right;
	vertical-align: top;
}

.topbelka {
	text-align: center;
	vertical-align: top;
	color: #efefef;
	font-size: 2.4vw;
	font-weight: bold;
	text-shadow: 12px 12px 12px #050505;
   -webkit-text-fill-color: #efefef;
	-webkit-text-stroke: 1px #b31b23;
}

.imglogo {
	border: 0;
}

#t1,#t2,#t3,#t4,#t5,#t6,#t7,#t8,#t9,#t10 {
	transition: all 1s;
}

#s5 {
	transition: all 0.5s;
}

.trukr {
	/* transform: translateX(-50%) rotate(-5deg); */
	transform: translateX(-50%);
	opacity: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.smukr {
	transform: translateX(50%);
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.rtresc {
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1.1vw;
	text-shadow:    3px 3px 5px #000000;
	line-height: 1.5vw;
	text-indent: 2vw;
	text-align: justify;
	vertical-align: top;
	background-color: rgba(0, 0, 0, 0.1);
}

.imgtrescl {
	float: left;
	border: 1px solid #efefef;
	border-radius:	5px;
	margin-right: 20px;
	margin-bottom: 20px;
	box-shadow:	3px 3px 5px #000000;
	margin-left: -30px;
}

.imgtrescr {
	float: right;
	border: 1px solid #efefef;
	border-radius:	5px;
	margin-left: 20px;
	margin-bottom: 20px;
	box-shadow:	3px 3px 5px #000000;
	margin-right: -30px;
}

.imggal {
	filter: saturate(35%);
	transition: all 1.0s;
	border: 1px solid #bfbfbf;
        border-radius:  8px;
	box-shadow:     3px 3px 5px #000000;
	margin: 5px;
}

.imggal:hover {
	filter: saturate(100%);
        transition: all 0.1s;
	border: 1px solid #efefef;
	cursor: crosshair;
}

.imggal:active {
	filter: saturate(150%);
	border: 1px solid #ffffff;
} 

.adres {
	padding-right: 20px;
	font-size: 1.1vw;
	text-shadow:    3px 3px 5px #000000;
	line-height: 1.5vw;
	text-align: left;
	text-indent: 0px;
}

iframe {
	margin-top: 20px;
}

.tdmenu {
	width: 18vw;
	margin: 0px;
	max-width: 19vw;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.1);
	}

.menul {
	display:inline-block;
	width: 17vw;
	background-color: #b31b23;
	border:	1px solid #efefef;
	border-radius:	5px;
	font-size:      1vw;
	font-weight:    normal;
	color:  #efefef;
	line-height:    2.5vw;
	text-align:     center;
	text-shadow:    2px 2px 2px #333333;
	font-family:    Arial, sans-serif;
	box-shadow:	3px 3px 5px #000000;
	opacity:	1;
	transition: color 2s, text-shadow 2s, opacity 1s;
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left: 0.2vw;
	margin-right: 0.2vw;
	padding-left: 1vw;
	padding-right: 1vw; 
	transition: all 0.3s;
}

.menul:hover {
	font-weight:    bold;
	background-color:	#222222;
	color:  #ffffff;
	text-shadow:    2px 2px 5px #222222;
	opacity:	0.8;
	transition: color 0.5s, text-shadow 0.5s, opacity 5s;
	padding-left: 1.2vw;
	padding-right: 1.2vw;
	cursor: pointer;
	border-radius:	8px;
	margin-left: 0vw;
	margin-right: 0vw;
	transition: all 0.3s;
}

.menul.active {
	font-weight: bold;
	background-color: #a30b13;
	text-shadow:    2px 2px 5px #000000;
	border-radius:	8px;
	padding-left: 1.2vw;
	padding-right: 1.2vw;
	margin-left: 0vw;
	margin-right: 0vw;
	transition: all 0.3s;
}

.menul.sactive {
	font-style: italic;
	text-shadow:    2px 2px 5px #000000;
	border-radius:	8px;
	padding-left: 1vw;
	padding-right: 1vw;
	margin-left: 0.2vw;
	margin-right: 0.2vw;
	transition: all 0.3s;
}

.menul.active:hover {
	font-weight: bold;
	cursor: grabbing;
	background-color: #b31b23;
	transition: all 0.3s;
}

.cr {
	/* background-color: #b31b23; */
	background-color: #a30b13;
	color:  #efefef;
	font-size: 14px;
	line-height: 25px;
	border: 1px solid #efefef;
	border-radius:	5px;
	box-shadow:	3px 3px 5px #000000;
}

#belkadol {
	position: fixed;
	z-index: 5;
	bottom:	2%;
	left: 2%;
}

.smenul {
	display:inline-block;
	width: 15vw;
	background-color: #b31b23;
	border:	1px solid #efefef;
	border-radius:	5px;
	font-size:      0.8vw;
	font-weight:    normal;
	color:  #efefef;
	line-height:    1.8vw;
	text-align:     center;
	text-shadow:    2px 2px 2px #333333;
	font-family:    Arial, sans-serif;
	box-shadow:	3px 3px 5px #000000;
	transition: color 2s, text-shadow 2s, opacity 1s;
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left: 1.2vw;
	margin-right: 1.2vw;
	padding-left: 1vw;
	padding-right: 1vw;
	transition: all 0.3s;
}

.smenul:hover {
	font-weight:    bold;
	background-color:	#222222;
	color:  #ffffff;
	text-shadow:    2px 2px 5px #222222;
	opacity:	0.8;
	transition: color 0.5s, text-shadow 0.5s, opacity 5s;
	padding-left: 1.2vw;
	padding-right: 1.2vw;
	cursor: pointer;
	border-radius:	8px;
	margin-left: 1vw;
	margin-right: 1vw;
	transition: all 0.3s;
}

.smenul.active {
	font-weight: bold;
	background-color: #a30b13;
	text-shadow:    2px 2px 5px #000000;
	border-radius:	8px;
	padding-left: 1.2vw;
	padding-right: 1.2vw;
	margin-left: 1vw;
	margin-right: 1vw;
	transition: all 0.3s;
}

.smenul.active:hover {
	font-weight: bold;
	cursor: grabbing;
	background-color: #b31b23;
	transition: all 0.3s;
}