/* Стили основной части*/
/* Сброс css*/
  /* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:white;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/** Шапка страницы **/
/* Верхняя линия, email, соцсети, английский язык. */
#linecontact{
	
min-height:30px;
width:100%;
background-color:#f9f9f9;
border-bottom:1px solid rgba(0, 0, 0, 0.09);
}
#shapka1{
margin:auto;
position:relative;
width:80%;
max-width:930px;
min-height:30px;
}
#adres{
position:absolute;
min-height:30px;
width: 305px;
}
.telepochta{
font-family: 'Roboto', sans-serif;
color:#437342;
font-size:14px;
font-weight:300;
}
#social{
position:absolute;
right:0;
min-height:30px;
width: 83px;

}
#vk{
float:right;
margin-right:10px;	
}
#uk{
float:right;
margin-left:10px;	
}
#instagram{
float:right;
}
/** Шапка страницы **/
#shapka{
position:relative;
margin:auto;
width:100%;
height:80px;
}
/** Логотип **/
#logo{
position:absolute;
left:0px;
bottom:-17px;
}
/** Контейнер меню **/
.mestomenu3{
position:absolute;
bottom:10px;
right:-5px;
display:block;
font-size:16px;
font-weight:800;
}

/* меню гамбургер */

.mestomenu4{
	display:none;
position:absolute;
bottom:0;
right:-5px;
display:block;
font-size:16px;
font-weight:800;
}	
/**Само меню **/
.top-menu li{
list-style:none;/*Убираем маркер*/ 
display:inline-block;/*Выстраиваем пункты в ряд*/
position:relative;
font-family: 'Roboto', sans-serif;
font-weight:300;
font-size:18px;
letter-spacing: 0px;
}
.top-menu a.osnmenu:hover {
	/* шрифт при наведении */
-webkit-text-stroke: 1px #1D441D;
}
.top-menu a.podmenu:hover  {
	/* шрифт при наведении */
-webkit-text-stroke: 1px #1D441D;
}
.top-menu li a{
color:#1D441D;/*Цвет шрифта в пункте*/
padding:5px 7px;/*Отступы для пункта*/ 
text-decoration:none;/*Убираем подчеркивание*/ 
display:block;
}
.pod-menu{
position:absolute;
background:#f9f9f9;
border:1px solid rgba(0, 0, 0, 0.09);
border-radius:1px;
padding-top:5px;
padding-bottom:5px;
z-index:1000;
margin-left:-65px;
text-align: center;
box-shadow: -3px 13px 10px -12px #b2b2b2;

-icab-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;

transform: scaleY(0);
-icab-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
-moz-transform: scaleY(0);
-webkit-transform: scaleY(0);


-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-icab-transition: 0.5s ease-in-out;
}
.top-menu li ul a{
	width:200px;	
}
li:hover > ul {
transform: scaleY(1);
}		
/** Информация страницы **/
#page{
max-width:930px;
margin:auto;
height:100%;
width:80%;
}
/** Разделительные линии для контента **/
#line{
position:relative;
margin-top:11px;
margin-bottom:37px;
border: none; /* Убираем границу */
background-color:#7a917a; /* Цвет линии */
height: 1px; /* Толщина линии */
width:100%;

}
#line2{
position:relative;
margin-top:47px;
border: none; /* Убираем границу */
background-color:#7a917a; /* Цвет линии */
height: 1px; /* Толщина линии */
width:100%;

}
.line3{
position:relative;
border: none; /* Убираем границу */
background-color:#7a917a; /* Цвет линии */
height: 1px; /* Толщина линии */
width:100%;
}
/** Контент **/

#information{
position:relative;
margin:auto;
margin-top:15px;
text-align:justify;
color:black;
}
/* шрифты */
h1{
font-family: 'Roboto Slab', serif;
color:#105f22;
font-size:28px;
font-weight: 300;
 text-align:center;
}
h2{
    font-family: 'Roboto Slab', serif;
	color:#105f22;
    font-size:22px;
    line-height:34px;
    font-weight:300;
	text-indent: 40px;
}

#zaglavnaya:first-letter {
  
    font-size: 28px; /* Размер шрифта первого символа */
    color: #105f22; 
   }



.p1{
text-align:right;
color:black;
font-family: 'Roboto', sans-serif;
line-height: 20px;
font-size: 15px;	
}
.pinf{
color:black;
font-family: 'Roboto', sans-serif;
text-indent: 40px;
line-height: 29px;
font-size: 17px;	
font-weight:300;
/* свойство переноса слов для разных браузеров */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.spisok{
color:black;
font-family: 'Roboto', sans-serif;
margin-left:40px;
line-height: 29px;
font-size: 17px;	
font-weight:300;
text-align:left;
/* свойство переноса слов для разных браузеров */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
p{
font-family: 'Roboto', sans-serif;
font-size: 17px;	
font-weight:300;
/* свойство переноса слов для разных браузеров */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.ssilka{
/* свойство переноса слов для разных браузеров */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
	color: #20381f;
}

/* Изображения на странице - о нас */
#a1{
margin-top: 42px;
margin-left: 25px;
float:right;
display: block;
width: 320px;
height: auto;
border: 1px solid #e6e6e6;
border-radius: 2px;
}
#a2{
margin-right:25px;
margin-top:15px;
display: block;
float:left;
width: 320px;
height:auto;	
border: 1px solid #e6e6e6;
border-radius: 2px;
}
#a3{
margin-top:15px;
margin-left: 25px;
margin-bottom:15px;
display: block;
border: 1px solid #e6e6e6;
border-radius: 2px;
width: 320px;
height: auto;
text-align: center;
float:right;
}
/* таблица на странице - проживание */
table{
position:relative;
border:1px solid #7a917a;
width:100%;
font-family: 'Roboto', sans-serif;
font-size: 17px;	
font-weight:300;
/* свойство переноса слов для разных браузеров */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
td, th{
position:relative;
border:1px solid #7a917a;
padding:5px;
vertical-align:middle;
text-align:center;
font-family: 'Roboto', sans-serif;
font-size: 17px;	
font-weight:300;
/* свойство переноса слов для разных браузеров */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.colon1{
width:28%;	
}
.colon234{
width:14%;	
}

/* КАРТА НА СТРАНИЦЕ КОНТАКТЫ */

#map{
overflow:hidden;
border:3px solid white;
position:relative;
height:auto;
width:100%;
}

/** Контейнер футера **/

#footer{
position:relative;
width:100%;
display: block;
overflow: auto;
margin-bottom: 40px;
}
.informers{	
margin:auto;
width: 100%; 
max-width:930px;
 }
#informersul{
text-align: center;	
}
.punktinformera{
display : inline-block;
vertical-align: top;
margin-top:47px;
text-align: center;
width:175px;
margin-left:50px; 
margin-right:50px;
}
#sapogi{
display: table-cell; vertical-align: middle;
width:80%;
max-width:930px;
}

#avtor{
display: table;
height:100px;
width:100%;
background-color:#F3F3F3;
border-top:1px solid #e6e6e6;
}

.copyright{
text-align:center;
font-family: 'Roboto', sans-serif;
color:#1D441D;
font-size:14px;

}

.poleznssilka{
width:175px;
}

.ssilkainformer{
text-decoration: none; /* Отменяем подчеркивание у ссылки */
}

.turistu{
text-align:left;
color:black;
font-family: 'Roboto', sans-serif;
text-indent: 40px;
line-height: 29px;
font-size: 17px;	
font-weight:300;
/* свойство переноса слов для разных браузеров */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
	
}
/* атрибуты модуля бронирования */
#litepmsiframe {
margin-top: -20px; 
}
.title{
font-family: "Roboto Slab",serif;
color: #105f22;
font-size: 28px;
font-weight: 300;
text-align: center;
margin-bottom: 20px;	
}
/* кнопка "забронировать" */
#follow {
	border: 1px solid #105f22;
	border-radius: 2px;
	background: #105f22;
	font-weight: 300;
	font-family: "Roboto",sans-serif;
	font-size: 18px;
padding:10px;
z-index: 200;
position: fixed;
bottom: 5%;
right: 3%;
box-shadow: -3px 13px 10px -12px #b2b2b2;
}

/* атрибуты для экранов с шириной меньше 980 пикселей */
@media all and (max-width:981px) {
	
.mestomenu4{
display:block;
}
.mestomenu3{
display:none;
}
.pod-menu{
right:5px;	
position:absolute;
background:#F3F3F3;
border:1px solid #e6e6e6;
border-radius:1px;
padding-top:3px;
padding-bottom:3px;
z-index:1000;
text-align: center;
box-shadow: -3px 13px 10px -12px #b2b2b2;
transform-origin: 0 0;
transform: scaleY(0);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#pochta{
display: table-cell; vertical-align: middle;	
}
}
@media all and (min-width:981px) {
	.mestomenu4{
display:none;
}
#pochta{
display: table-cell; vertical-align: middle;	
}
}
@media all and (max-width:550px) {
.mestomenu4{
display:block;
}
.mestomenu3{
display:none;
}
.pod-menu{
right:5px;	
position:absolute;
background:#F3F3F3;
border:1px solid #e6e6e6;
border-radius:1px;
padding-top:3px;
padding-bottom:3px;
z-index:1000;
text-align: center;
box-shadow: -3px 13px 10px -12px #b2b2b2;
transform-origin: 0 0;
transform: scaleY(0);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#pochta{
display:none;	
}
#page{
width:90%;	
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
h1, h2{
color:#005125;
}
#zaglavnaya:first-letter {
    color: #005125; 
   }
#line{
background-color:#1d441d; /* Цвет линии */
}
#line2{
background-color:#1d441d; /* Цвет линии */
}
#line3{
background-color:#1d441d; /* Цвет линии */
}
}