:root {
	--bgColor: #ffffff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Отключить подсветку элементов при нажатии в Chrome (webkit) */
}

.preloader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-image: url('/img/preloader.gif');
	background-repeat: no-repeat;
	background-color: var(--bgColor);
	background-position: center;
}

.localPreloader {
	width: 100%;
	height: 100%;
	z-index: 9998;
	background-image: url('/img/localPreloader.gif');
	background-repeat: no-repeat;
	background-position: center;
}

#tablest table { margin:auto; border-collapse:collapse; /* Убираем двойные линии между ячейками */ }
#tablest td { padding:10px; /* Поля вокруг содержимого таблицы */ border:1px solid black; /* Параметры рамки */ }
#tablest th { font-weight:bold; padding:10px; /* Поля вокруг содержимого таблицы */ border:1px solid black; /* Параметры рамки */ }

#content a { color:#585d3b; text-decoration:none; cursor:pointer; font-weight:bold; }
#content a:hover { color:#ff5555; text-decoration:none; }
#content hr { border:none; background-color:#585d3b; color:#585d3b; height:1px; }
#content b { color:#585d3b; }

footer { color:#ff5555; height:100px; margin-top:25px; clear:both; }
footer a { color:#ff5555; text-decoration:none; cursor:pointer; }
footer a:hover { text-decoration:none; font-weight:bold; }
footer p { color:#ff5555; }
footer hr { border:none; background-color:#ff5555; color:#ff5555; height:1px; }

li {color:#585d3b;}

@media screen and (max-width:1000px) { /* Размер экрана до 1000 точек */
	* { margin:0; padding:0; outline:none; }
	*:focus { outline:none !important; }
	html, body { height:100%; }
	body { font: 16px Arial, Helvetica; color:#000000; }

	header, footer, nav { display:block; }

	#content a { color:#585d3b; text-decoration:underline; cursor:pointer; font-weight:bold; }
	#content a:hover { color:#ff5555; text-decoration:underline; }

	.firstScreen { height:100%; width:100%; background:fixed url(/img/bg.SpringV.1000.svg) no-repeat; background-size:auto 100vmax; }
	h1 { margin-top:0px; font-size:3.5em; font-weight:bold; color:#585d3b; text-align:left; }
	h2 { margin-top:0px; font-size:2.5em; font-weight:bold; color:#585d3b; text-align:left; }
	h3 { margin-top:0px; font-size:1.5em; font-weight:bold; color:#585d3b; text-align:left; }
	h4 { margin-top:0px; font-size:1.2em; font-weight:bold; color:#585d3b; text-align:left; }
	header { height:320px; width:100%; background:url(/img/logo.MP.pinkN.png) no-repeat; background-position:center center; }

	#top_nav {
		display:none;
	}
	#mob_nav {
		background:rgba(103,108,69,0.8);
		width:100%;
	}
	#mob_nav img {
		margin: 5px;
		cursor:pointer;
		vertical-align:bottom /* Убираем лишний отсуп под img */
	}
	.mob_menu {
		display:none;
	}
	#mob_nav .mob_menu {
		color:white;
		padding-left:20px;
		padding-bottom:5px;
	}
	.mob_menu span {
		cursor:pointer;
	}

	#wrap { margin-left:3px; margin-right:3px; }
	#content hr { margin-top:5px; margin-bottom: 10px; }
	#content p { margin-bottom:10px; text-align:left; }
	#content .left { margin-bottom:10px; text-align:left; }
	#content .clear { clear:both; margin-bottom:10px; }
	#content ol li { list-style-position:inside; text-align:left; }

	footer p { font-size:0.8em; margin-bottom:10px; text-align:left; }

	.home { padding:0px; margin-left:0px; margin-top:0px; }

	#content .img { width:100%; margin-bottom:5px; margin-top:5px; }

	#p1 { padding-top:20px; }
	#p2 { padding-top:20px; }
	#p3 { padding-top:20px; }
	#p4 { padding-top:20px; }
	#p5 { padding-top:20px; }
	#p6 { padding-top:20px; }

	.banner
	{
		color:#414428;
		font-size:18px;
		font-weight:bold;
		margin-top:15%;
	}

	.block01 {
		background-color: #ecf0db;
		border-left: 3px solid #585d3b;
		padding: 10px 15px;
		float: right;
	}
	

	@media screen and (orientation:landscape) {
		header { height:170px; width:100%; background:url(/img/logo.ML.pink.png) no-repeat; background-position:left top; }

		.banner {
			color:#414428;
			font-size:18px;
			font-weight:bold;
			margin-top:5%;
		}

        /* #content .img { width:50%; float:left; margin-right:5px; margin-bottom:5px; margin-top:5px; display:inline; border:2px solid #585d3b; } */
        #content .img { width:50%; float:left; margin-right:5px; margin-bottom:5px; margin-top:5px; border:2px solid #585d3b; }

		.block01 {
			background-color: #ecf0db;
			border-left: 3px solid #585d3b;
			padding: 30px 50px;
			display: inline-block;
			width: 95%;
		}
		
	}
}
@media screen and (min-width:1001px) { /* Размер экрана более 1000 точек */
	* { margin:0; padding:0; }
	html, body { height:100%; }
	body {
		font: 17px Arial, Helvetica;
		color:#000000;
	}

	header, footer, nav { display:block; text-align:center; }

    .firstScreen { height:100%; min-width:699px; width:100%; background:fixed url(/img/bg.SpringV.svg) no-repeat; background-size:cover; }

	h1 { margin-top:5px; margin-bottom: 5px; font-size:2.5em; font-weight:bold; color:#585d3b; text-align:left; }
	h2 { margin-top:5px; margin-bottom: 5px; font-size:2.0em; font-weight:bold; color:#585d3b; text-align:left; }
	h3 { margin-top:5px; margin-bottom: 5px; font-size:1.5em; font-weight:bold; color:#585d3b; text-align:left; }
	h4 { margin-top:5px; margin-bottom: 5px; font-size:1.2em; font-weight:bold; color:#585d3b; text-align:left; }
	header { height:200px; width:100%; background:url(/img/logo_green_pinkN.png) no-repeat; background-position:left top; }

	#mob_nav
	{
		display:none;
	}

	#top_nav
	{
		background:rgba(103,108,69,0.8);
		bottom:0;
		position:fixed;
		z-index:100;
		/* border-bottom:1px dotted #999; */
		/* border-top:1px dotted #999; */
		width:100%;
		height:95px;
	}
	#top_nav table { overflow:hidden; margin-left:15%; margin-top:15px; }
	#top_nav table td { padding:15px; color:#ffffff; font-size:19px; font-weight:bold; cursor:pointer; vertical-align:middle; }
	#top_nav table td.first { padding:15px 15px 15px 0; color:#ffffff; font-weight:bold; cursor:pointer; vertical-align:middle; }
	#top_nav span { text-decoration:none; color:#ffffff; }

	#wrap { margin-left:15%; margin-right:15%; }

	#content hr { margin-top:5px; margin-bottom: 10px; }
	#content p { margin-bottom:10px; text-align:justify; }
	#content .left { margin-bottom:10px; text-align:left; }
	#content .clear { clear:both; margin-bottom:10px; text-align:left; }
	#content ol li { list-style-position:inside; text-align:left; }
    /* #content .img { max-width: 400px; float:left; margin-right:20px; margin-bottom:20px; margin-top:5px; display:inline; border:3px solid #585d3b;} */
    #content .img { max-width: 400px; float:left; margin-right:20px; margin-bottom:20px; margin-top:5px; border:3px solid #585d3b;}

	#p1 { padding-top:90px; }
	#p2 { padding-top:90px; }
	#p3 { padding-top:90px; }
	#p4 { padding-top:90px; }
	#p5 { padding-top:90px; }
	#p6 { padding-top:90px; }

	footer p { font-size:0.8em; margin-bottom:10px; text-align:left; }

	.home { padding:0px; margin-left:0px; margin-top:0px; }

	.block01 {
		background-color: #ecf0db;
		border-left: 3px solid #585d3b;
		padding: 30px 50px;
		float: right;
	}

	@media screen and (max-height:500px) {
		.banner
		{
			color:#414428;
			font-size:20px;
			font-weight:bold;
			margin-top:5%;
		}
	}
	@media screen and (min-height:501px) and (max-height:700px) {
		.banner
		{
			color:#7c7e71;
			font-size:20px;
			font-weight:bold;
			margin-top:50px;
			margin-bottom:50px;
			height:calc(100% - 395px); width:100%;
			background:url(/img/Banner.003.png) no-repeat;
			background-size:contain;
			background-position:center center;
			cursor:pointer;
		}
	}
	@media screen and (min-height:701px) {
		.banner
		{
			color:#7c7e71;
			font-size:20px;
			font-weight:bold;
			margin-top:50px;
			margin-bottom:50px;
			height:calc(100% - 395px); width:100%;
			background:url(/img/Banner.003.png) no-repeat;
			background-size:801px, auto;
			background-position:center center;
			cursor:pointer;
		}
	}
}