@font-face {
		 font-family: FontinSans_Cyrillic_R_46b;
	 	 src: url(fonts/FontinSans_Cyrillic_R_46b.otf);
	 	}
@font-face {
		font-family: Roboto_Slab;
		src: url(fonts/Roboto_Slab.woff2);
	}

body {
	text-align: center;
	background: url(pic/main_bg_1.jpg);
	margin:0px;
	padding:0px;
}
#h1id{
	color:blue;
}
h1{
	letter-spacing: 3px;
	line-height: 1.4;
	color:  #5768ff;
	text-shadow:1px 1px 0px rgb(30,30,170),2px 2px 0px rgb(25,25,150),0px 0px 2px rgb(150,150,150);
	text-align:center;
	font-family: Roboto_Slab, 'Fredoka One';
	padding:2px;
	margin:auto;
	margin-top:5px;
	margin-bottom:0px;
	background: url(pic/head_h1.jpg) repeat-y;;
	max-width: 1020px;
	min-width: 350px;
	background-size: 100% 100%;
		-moz-background-size: 100% 100%; /* Firefox 3.6+ */
		-webkit-background-size: 100% 100%; /* Safari 3.1+ и Chrome 4.0+ */
		-o-background-size: 100% 100%; /* Opera 9.6+ */

		display:table;
		padding: 2px 15px;
		padding-bottom:8px;
}

h2 {
margin-bottom:20px;
}
h3 {
margin-top: 35px;
margin-bottom:10px;
}
h4 {
margin-top: 35px;
margin-bottom:1px;
}
h4+p{
margin-top: 5px;
}
.linkFooter {
background-color:#eeeeee;
border-radius:5px;
padding:20px;
font-style:italic;
font-size:0.8em;
}
.linkFooter > a, linkFooterSpan{
display:block;
margin:1px;
margin-left: 20px;
padding:1px;
}

#headHr{
	border : 0;
	height: 3px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(205,155,29, 0.75), rgba(0, 0, 0, 0));
	padding:0px;
	margin-top:0px;
	margin-bottom:4px;
	width: 100%;
}
#headDiv{
	border: solid 1px black;
	margin: auto; 
	max-width: 1800px;
	width:100%;
	box-sizing: border-box;
	height:130px;
	background: url(pic/head_bg.jpg) repeat-x;
	margin-top:0px;
	margin-bottom:0px;
	border-radius: 5px 5px 0 0;
	border-bottom:0px;
	overflow:hidden;
}
#headLeftPic {
	float: left;

}
#mainTable {
	margin: auto; 
	max-width: 1800px;
	width:100%;
	height: 700;
	box-sizing: border-box;
	border: solid 1px black;
	border-top:0px;
	background: #d1f4ff;
	border-bottom:0;
	letter-spacing: 1.1;
	text-shadow: -1px -1px 2px white, 1px 1px 0px #777;
	background: url(pic/bg/cyanBg2.jpg) repeat;;

table-layout: fixed;
}
#mainTableCaption{
	text-align:left;
	background: white;
	padding: 5px 5px 15px 5px;
	padding-bottom: 8px;
	border: solid 1px black;
	border-top:0px;
	border-bottom:0px;
	font-family: Roboto_Slab, sans-serif;
	Font-size:22px;
	font-weight:700;
	height:auto;
	vertical-align: middle;
	letter-spacing: 1.1;
	line-height: 1.5;
	box-shadow: inset 0px -10px 7px -11px rgba(0,0,0,0.5);;
}
#mainTableBody{
	border: inherit;

}

#mainTableTr{
	border: inherit;
}
#mainTableTdMenu{
	border: solid 0px black;
	width: 292px;
	vertical-align:top;
	font-size: 22px;
	font-family: Roboto_Slab, sans-serif;

}
#mainTableTdMenu a{
	padding-left:10px;
}
#mainTableTdInfo{
	border: solid 0px black;
	text-align: justify;
	padding: 30px 35px 10px 70px;
	color: #565a10;
	font-family: ‘Source Sans Pro’, sans-serif; font-size: 20px; line-height: 1.4; text-indent: 20px;
	vertical-align:top;
	background: url(pic/field_delimiter_3.jpg) repeat-y;
	;
    text-shadow: 0px 0px 1px;
}

#tdMaxWidth{
	width:100%;
}

.videoFr {
    max-width:95%;
	width:656px;
	height:369px;
	display:block;
	margin:auto;
	border-radius:4px;
}

#bottomPart{
	width: 100%;
	max-width:1800px;
	margin:auto;
	height:240px;
	border: solid 0px black;
	background: #b9cfd4;
	background-image: ;;
	background-repeat: repeat-x;
	padding-top: 15px;
	font: 20px Arial;
    font-weight: 500;
	color:#e9f3f6;
	letter-spacing: 1px;
	display:block;
	border: solid 1px black;
	background-size: 70% 120%;
	text-shadow: -1px -1px 1px #ffffff, 1px 1px 0px #000, 2px 2px 4px #000000, -2px -2px 4px #000000;
	position:relative;
	text-align:left;
}

#infoDopDiv{
	border: solid 1px black;
	margin: auto; /* Выравниваем таблицу по центру окна  */
	margin-bottom:30px;
	border-radius: 7px 7px 7px 7px;
	text-indent: 10px;
	padding: 10px;
}
#infoDopDiv>p{
	margin: 8px 4px;
}
/*font left menu*/
.leftMenuText{
	font-family: Roboto_Slab, Lobster;
	Font-size:27px;
	letter-spacing: .09em;
	margin-top: 20px;
	padding-left:8px;
}

.inText{
	text-decoration:none;
	color:blue;
}
.inText:hover{
	color:orange;
}


.lm_head{
	text-decoration:none;
	color:black;
	margin-bottom:4px;
	display:inline-block;
}
.lm_head:link{
	color:black;
}

.leftMenuLink{
	font-family: Roboto_Slab, Lobster;
	Font-size:24px;
	margin-left:11px;
	text-decoration:none;
	letter-spacing:0.05em;
}
.leftMenuLink:hover{
	color:orange;
}

.mainMenuKurort{
	font-family: ‘Source Sans Pro’, sans-serif; font-size: 20px; line-height: 1.7; text-indent: 0px; letter-spacing: 1.5;
	margin-left:0px;
	color:red;
	text-shadow: 1px 0 0px #f6612c, 0 1px 0px #f6612c, -1px 0 0px #f6612c, 0 -1px 0px #fddf15, 2px 0 3px white, 0 2px 3px white, -2px 0 1px white, 0 -2px 1px white;
	text-decoration:none;
}
.mainMenuKurort:hover{
	color:#009cff;
	text-shadow: 1px 0 0px #009cff, 0 1px 0px #009cff, -1px 0 0px #009cff, 0 -1px 0px #009cff, 2px 0 0px white, 0 2px 0px white, -2px 0 0px white, 0 -2px 0px white;
}

.mainMenuKurort1{
	font-family: ‘Source Sans Pro’, sans-serif; font-size: 22px;  text-indent: 0px; letter-spacing: 1.5;
	margin-left:0px;
	color:#f4e66c;
	text-shadow: 1px 0 0px #fdf099, 0 1px 0px #fdf099, -1px 0 0px #fdf099, 0 -1px 0px #fddf15, 2px 0 1px #183576, 0 2px 1px #183576, -2px 0 1px #223d7b, 0 -2px 1px #223d7b;
	text-decoration:none;
}
.mainMenuKurort1:hover{
	color:#009cff;
	text-shadow: 1px 0 0px #009cff, 0 1px 0px #009cff, -1px 0 0px #009cff, 0 -1px 0px #009cff, 2px 0 0px white, 0 2px 0px white, -2px 0 0px white, 0 -2px 0px white;
}

.mainMenuKurort2{
	font-family: ‘Source Sans Pro’, sans-serif; font-size: 22px; text-indent: 0px; letter-spacing: 1.3;
	margin-left:0px;
	color:white;
	text-shadow: 1px 0 0px white, 0 1px 0px white, -1px 0 0px white, 0 -1px 0px white, 2px 0 1px #000, 0 2px 1px #000, -2px 0 1px #000, 0 -2px 1px #000;
	text-decoration:none;
}
.mainMenuKurort2:hover{
	color:#e3fffe;
}

.mainMenuKurort3{
	font-family: ‘Source Sans Pro’, sans-serif; font-size: 22px; text-indent: 0px; letter-spacing: 1.3;
	margin-left:0px;
	color:#b2c9fd;
	/*text-shadow: 1px 0 0px #8cafff, 0 1px 0px #3bac3d, -1px 0 0px #3bac3d, 0 -1px 0px #8cafff, 2px 0 1px #136104, 0 2px 1px #136104, -2px 0 1px #136104, 0 -2px 1px #136104;*/
	text-shadow: 1px 0 0px #5175c6, 0 1px 0px #2e4b8e, -1px 0 0px #2e4b8e, 0 -1px 0px #5175c6, 2px 0 1px white, 0 2px 1px white, -2px 0 1px white, 0 -2px 1px white;
	text-decoration:none;
}
.mainMenuKurort3:hover{
	color:#00b800;
}

.mainMenu{
font-family:  	Comic Sans MS;
font-size: 20px;
line-height:1.4;
text-indent: 0px;
margin-left:0px;
color:blue;
text-decoration:none;
Font-style: oblique;
}
.mainMenu:hover{
	color:orange;
}

.black_link_menu{
	text-decoration:none;
	color:black;
}

/*font navig menu*/
.navig{
	color:#1f0987;
	text-decoration:none;
}
.navig:hover{
	color:red;
}

#aboutMenu{
	color:2f1c02;
	font-family: ‘Source Sans Pro’, sans-serif;
	font-size: 15px;
	text-indent: 0px;
	margin:35px 2px 10px 2px;
	line-height: 1.3;
	letter-spacing: 0.5;
	padding:0 7px;
	hyphens: none;
	text-shadow:none;
	font-style: normal;
}
#aboutMenu > strong{
	letter-spacing: 1px;
	font-size: 1.15em;
	font-style: italic;
}
#aboutMenu > span{
	font-style: normal;
}

#reclamaDiv{
	margin:30px;
	position: -webkit-sticky;
    position: sticky;
	top: 4px;
}

.webService{
	position:absolute;
	right:15px;
	top:70px;
	text-decoration: none;
	color:white;
}
.webService:hover{
	color:olive;
}
.webService2{
	position:absolute;
	left:0;
	right:0;
	top:185px;
	text-align:center;
	font-size: 17px;
	text-decoration:none;
	color:#535353;
}
.webService2:hover{
	color:olive;
}

.addObject{
	color:red;
}

/*head img*/
#dh1 {
	 max-width:1800px;
	 width:100%;
	 height: 210px;
	 margin: auto;
	 box-sizing: border-box;
	 border: solid 1px black;
	 overflow:hidden;
	 position:relative;
	 background-color:#127cd2;
	 margin-top:0px;
  	margin-bottom:0px;
  	border-radius: 5px 5px 0 0;
  	border-bottom:0px;
 }
 #dh2 {
	 position:relative;
	 left: 310px;
	 overflow:hidden;
	 height: 150px;
	 border-left: 2px dotted green;
	 margin-top:30px
 }

 @keyframes clooud0f {
	 from {left:0px}
	 to {left:-1840px}
 }
 @keyframes clooud0_1f {
	 from {left:1840px}
	 to {left:0px}
 }
 #cl0{
	 position:absolute;
	 left:0px;
	 animation:clooud0f 245s infinite linear;
 }
 #cl0_1{
	 position:absolute;
	 left:1840px;
	 animation:clooud0_1f 245s infinite linear;
 }
 @keyframes clooud1f {
	 from {left:0px}
	 to {left:-3600px}
 }
 @keyframes clooud1f2 {
	 from {left:3600px}
	 to {left:0}
 }
 #cl1{
	 position:absolute;
	 animation:clooud1f 200s infinite linear;
	 opacity: 1;
 }
 #cl1_2{
	 position:absolute;
	 animation:clooud1f2 200s infinite linear;
	 opacity: 1;
 }

 @keyframes planeFr {
	 from {top:0px; left:0px;}
	 10% {top:-5px; left:0px; }
	 20% {top:-5px; left:10px; }
	 30% {top:0px; left:30px; }
	 50% {top:15px; left:20px; }
	 70% {top:10px; left:20px; }
	 90% {top:5px; left:10px; }
	 to {top:0px; left:0px;}
 }
 #planeImg{
	 position:absolute;
	 animation:planeFr 15s infinite;
 }

 @keyframes clooudFP {
	 from {left:1800px}
	 to {left:-1500px}
 }
 #fp_cloud{
	 position:absolute;
	 animation:clooudFP 18s infinite;
	 opacity: 0.3;
 }
 @keyframes clooudFP1 {
	 from {left:2800px}
	 to {left:-1200px}
 }
 #fp_cloud1{
	 position:absolute;
	 animation:clooudFP1 15s infinite;
	 opacity: 0.3;
	 transform: scale(1, -1);
 }

 @keyframes fotolnt1 {
	 from {left:0px}
	 to {left:-2880px}
 }
 @keyframes fotolnt2 {
	 from {left:2880px}
	 to {left:0px}
 }
 #flnt1{
	 position:absolute;
	 left:0px;
	 animation:fotolnt1 245s infinite linear;
 }
 #flnt2{
	 position:absolute;
	 left:2880px;
	 animation:fotolnt2 245s infinite linear;
 }

/*---------------*/
@keyframes bloom {
	0% {
		filter: contrast(100%);
		filter: saturate(100%);
	}
	40% {
		filter: contrast(110%);
		filter: saturate(110%);
	}
	100% {
		filter: contrast(120%);
		filter: saturate(140%);
	}
}
.fotosShow{
	border: 2px solid #A9A9A9;
	margin:4px;
	width:45%;
	border-radius:7px;
	max-width:550px;
}
.fotosShow:hover{
	border: 2px solid silver;
	box-shadow: 1px 1px 1px rgba(20,20,20,0.75), -1px -1px 1px rgba(20,20,20,0.72);
	animation: bloom ease-in-out .25s forwards;
}
.floatRight {
    float: right;
    margin:20px;
}
.fullWidth{
    max-width:99%;
    width:95%;
}


/*-----------------------*/

#linkOut{
	font-size: 12px;
	color:#383737;
	position:absolute;
	top:105px;
	right:15px;
}
#bottomPT0{
	position:absolute;
	left:10px;
	top:15px;
	color:#e7f9ff;
}

#bottomPT{
	font-size: 14px;
	line-height: 1.7;
	position:absolute;
	left:10px;
	top:73px;
	color:#717c80;
}

.bottomPT2{
	color:#5f5f5f;
	position:absolute;
	top:30px;
	right:15px;
}

.bottomPT3{
	position:absolute;
	top:215px;
	left:0;
	right:0;
	text-align:center;
	color:#2c2c2c;
}

.bottomPTLink1{
	text-decoration:none;
	color:#717c80;
}
.bottomPTLink1:hover{
	color:blue;
}
.bottomPTLink2{
	text-decoration:none;
	color:#717c80;
	line-height: 1.1;
}
.bottomPTLink2:hover{
	color:green;
}
.bottomPTLink3{
	text-decoration:none;
	color:#717c80;
}
.bottomPTLink3:hover{
	color:red;
}

/* Viewer*/
#viewerImage{
	display:flex;
}
#tableViewer{
		width:100%;
		height:100%;
		border:1px solid rgb(100,100,100);
		background-color:rgba(5, 5, 7, 0.5);
}

#centerTdView{
	height:100%;
	width:90%;
}

#centerTdView img{
	max-width:90%;
	display:block;
	margin:auto;
	height:100%;
}

#centerTdView{
	vertical-align:top;
    position:relative;
}

#centerTdView h4{
	display:table;
    position:absolute;
    top:1px;
	margin:0px;
	padding:5px;
	height:30px;
	text-align:center;
	width:100%;
	background:rgba(5,5,7,0.7);
	color:white;
	box-sizing: border-box;

}

#viewerTd1, #viewerTd2{
	text-align:center;
	width:5%;
	border: 1px solid black;
	background-color: RGB(0, 0, 0, 0.5);
}
#verticalTdDiv1, #verticalTdDiv2{
	font-size:35px;
	color:rgb(140,140,150);
	margin:0px;
	text-align:center;
	border-radius:100%;
	border: 1px solid black;
	background: rgba(67, 67, 110, 0.2);
	margin-bottom:100px;
}
#verticalTdDiv1:hover, #verticalTdDiv2:hover{
	color:white;
	cursor:pointer;
}
#viewerTdChange1, #viewerTdChange2{
	font-size:50px;
	color:DarkGray;
	margin-top:50px;
	height:200px;
	text-align:center;
}
#viewerTdChange1:hover, #viewerTdChange2:hover{
	color:white;
	cursor:pointer;
}
#butUpElId{
	opacity:0.5;
}
#createHistoryElId{
	opacity:0.5;
}

#yandex_rtb_R-A-528923-3{
	margin: 30px auto;
}
.h2517433c{
	margin-top:15px;
	border-radius:7x;
}

body {
					hyphens: auto;
				}
				a {
					text-decoration:none;
				}

@media screen and (max-device-aspect-ratio: 7/5) {
	#tableViewer{
		display:table;
		width:100%;
		height:100%;
	}
	#centerTdView{
		vertical-align:middle;
	}
	#centerTdView img{
		display:block;
		height:80%;
	}
}
@media only screen and (max-width: 1040px) {
	.fotosShow{
		margin 3px;
		border: 1px;
		width: 40%;
		text-indent:0px;
	}
	.fotosShow:hover{
		width: 40%;
	}
	.fullWidth{
    width:95%;
    }
}
@media only screen and (orientation:portrait) {
    /* Для мобильных телефонов: */
	* {
    box-sizing: border-box;
	}

	#mainTable{
		width:100%;
	}
  
	#h1id{
		display:block;
  		width: 100%;
		text-align:center;
	 	background: linear-gradient(#0f35ffde, #75d4ff91);
    	border-radius: 2px;
    	border: solid 1px #4959ff;
    	color: #eec579;
		padding: 12px 0 14px 0;
		margin-top:0;
	}
 #reclamaDiv{
		position: static;
	}
  
  #dh1{
    display: none;
  }
  
	#headDiv {
		display:block;
        width: 100%;
		float:left;
    }
    
	#mainTableCaption {
		width: 100%;
		caption-side: bottom;
    }
    
	#mainTableTr{
		display:block;
	}
	#mainTableTdMenu {
    width: 100%;
		font-size: 1.3em;
    }

	#headHr{
		display:none;
	}

	#mainTableTdInfo {
		width: 100%;
		padding: 10px;
		color: #461a00;
		font-family: ‘Source Sans Pro’, sans-serif; font-size: 18px; line-height: 24px; text-indent: 20px;
		vertical-align:top;
		background: url() repeat-x;
    }

	#bottomPart {
		display:table;
    	width: 100%;
		float:left;
		padding: 10px;
		position:static;
		text-align:center;
    }
	#bottomPart > * {
		position:static;
	}

	#infoDopDiv{
		display:block;
    width: 100%;
		float:left;
	}
	#mainTableTdInfo{
		display:block;
		float:left;
		width: 98%;
		height: auto;
		overflow: auto;
	}
	.fotosShow{
		width:40%;
		margin 2px;
		border: 0px;
	}
	.fotosShow:hover{
		width:40%;
	}
	.fullWidth{
        width:95%;
    }
	.leftMenuLink{
		line-height: 1.8;
	}
	.mainMenu{
		line-height: 1.7;
	}
	.mainMenuKurort, .mainMenuKurort1 , .mainMenuKurort2, .mainMenuKurort3 {
		line-height: 1.9;
		font-size: 1.3em;
	}
	#mainTableTdInfo{
		margin-top:10px;
	}


}