BODY
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 20px;
color: #555;
margin: 0px;
background-image: url('./img/bg.jpg');
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
text-align: center;
}


.siteriatable
{
/* position: absolute;
right: 0px;
top: 100px; */
text-align: right;
color: #8B8B8B;
font-size: 18px;
width: 300px;
}

.siteriaurl
{
text-decoration: none;
color: #333;
font-weight: bold;
font-size: 24px;
}

.siteriatable TD:nth-child(1)
{
width: 280px;
}

/* кнопка наверх */
.b-top {z-index:90;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:0.9;filter:alpha(opacity=90);cursor:pointer;}
.b-top-but {z-index:90;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:white;background:#03A8FF url('./img/top.png') no-repeat 50% 11px;border-radius:0px;}

/* шрифты  */

@media all and (min-width: 620px) {
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibri.eot');
		src: url('/fonts/calibri.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibri.woff') format('woff'),
			 url('/fonts/calibri.ttf') format('truetype'),
			 url('/fonts/calibri.svg#calibri') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibrib.eot');
		src: url('/fonts/calibrib.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibrib.woff') format('woff'),
			 url('/fonts/calibrib.ttf') format('truetype'),
			 url('/fonts/calibrib.svg#calibri') format('svg');
		font-weight: bold;
		font-style: normal;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibrii.eot');
		src: url('/fonts/calibrii.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibrii.woff') format('woff'),
			 url('/fonts/calibrii.ttf') format('truetype'),
			 url('/fonts/calibrii.svg#calibri') format('svg');
		font-weight: normal;
		font-style: italic;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibriz.eot');
		src: url('/fonts/calibriz.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibriz.woff') format('woff'),
			 url('/fonts/calibriz.ttf') format('truetype'),
			 url('/fonts/calibriz.svg#calibri') format('svg');
		font-weight: bold;
		font-style: italic;
	}
}

/* модальное окно*/
#modal_form {
	width: 400px; 
	height: 360px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -200px;
	margin-left: -200px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 101; /* окно должно быть наиболее большем слое */
	padding: 20px 20px;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Подложка */
#overlay {
	z-index: 100; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}

.inputorder
{
border: solid 1px #09BDFD;
/* border: none; */
padding: 10px 20px;
width: 100%;
margin-bottom: 10px;
}

.inputarea
{
width: 100%;
font-family: Calibri, 'calibri_web', verdana;
font-size: 16px;
padding: 10px 20px;
border: solid 1px #09BDFD;
margin-bottom: 10px;
}

.modalorder
{
background-color: red;
width: 100%;
}

.mainbody
{
max-width: 1000px;
margin: auto;
padding-left: 20px;
padding-right: 20px;
}

.modaltextname
{
text-align: left;
font-size: 16px;
color: #555;
}

.headerdiv
{
height: 271px;
/* max-width: 1200px;
min-width: 1200px; */
width: 1200px;
margin: auto;
text-align: center;
background-image: url('./img/splash-top.png');
background-position: center bottom;
background-repeat: no-repeat;
position: relative;
z-index: 0;
}

.header1
{
display: inline-table;
}

.header2
{
display: inline-table;
vertical-align: top;
padding-top: 10px;
text-align: right;
}

.header3
{
position: relative;
display: inline-table;
vertical-align: top;
position: relative;
text-align: right;
z-index: 0;
}

.logomain
{
border: none;
margin-top: 10px;
}

.adresstext
{
color: #A4A4A4;
font-weight: normal;
text-shadow: 1px 1px 1px #888;
margin: 0px;
margin-top: 10px;
}

.gray
{
color: #828282;
}

.greentext
{
color: #27EA34;
text-shadow: 1px 1px 1px #888;
font-weight: bold;
font-size: 32px;
margin: 0px;
}

.greentext2
{
color: #27EA34;
text-shadow: 1px 1px 1px #888;
font-weight: bold;
font-size: 32px;
margin: 0px;
text-align: left;
padding-left: 50px;
}

.houseimg
{
/* margin-top: -60px; */
margin-left: 20px;
width: 350px;
}

.menupunkt
{
display: inline-table;
width: 252px;
height: 129px;
text-align: center;
margin-left: -16px;
}

.menupunkt:HOVER
{
background-image: url('./img/menu-hover.png');
background-repeat: no-repeat;
position: relative;
/* z-index: 1; */
}

.menuactive
{
background-image: url('./img/menu-hover.png');
background-repeat: no-repeat;
position: relative;
}

.menudiv
{
text-align: center;
min-width: 1200px;
/* width: 1200px; */
}

.polosa
{
background-color: #01FD20;
height: 66px;
}

.menuarea
{
margin: auto;
max-width: 1200px;
text-align: left;
height: 66px;
margin-top: -90px;
}

.splashmenu
{
margin-left: -94px;
margin-top: -40px;
float: left;
margin-right: -220px;
}

.menuurl
{
text-decoration: none;
color: #fff;
text-shadow: 1px 1px 1px #888;
font-size: 30px;
padding-top: 35px;
height: 100%;
width: 100%;
display: block;
}

.bodytext
{
max-width: 1200px;
min-width: 1200px;
padding-top: 90px;
margin: auto;
vertical-align: top;
background-color: #fff;
/* text-align: center; */
text-align: left;
/* position: relative; */
/* z-index: -1; */
}

.bodytext P
{
padding: 0px;
padding-left: 50px;
padding-right: 50px;
color: #333333;
/* font-size: 24px; */
font-size: 18px;
text-align: justify;
}

.bigtext
{
color: #343434;
font-style: italic;
padding-left: 50px;
text-align: left;
}

.portfoliourlimg
{
border: none;
/* margin-top: 20px; */
margin-bottom: 20px;
}

.bluetext
{
color: #03A9FF;
margin: 0px;
padding-top: 15px;
}

.why
{
padding: 20px;
}

.whypic
{
float: left;
padding-right: 20px;
padding-left: 10px;
}

.why1
{
font-size: 16px !important;
display: inline-table;
width: 380px;
text-align: left;
}

.why1 P
{
padding: 0px;
}



.footerdiv
{
margin: auto;
min-height: 155px;
background-color: #fff;
vertical-align: top;
/* min-width: 1200px; */
min-width: 1200px;
}

.footer1
{
display: inline-table;
vertical-align: top;
text-align: left;
}

.footer11
{
display: inline-table;
vertical-align: top;
text-align: left;
padding-top: 10px;
margin-left: 20px;
}


.footer2
{
display: inline-table;
vertical-align: top;
font-size: 24px;
color: #333333;
text-align: left;
padding-top: 10px;
}

.footer3
{
display: inline-table;
vertical-align: top;
text-align: right;
}

.footers DIV
{
/* width: 33%; */
}

.footers
{
max-width: 1200px;
min-width: 1200px;
margin: auto;
vertical-align: top;
text-align: center;
padding-top: 20px;
}

.footermelko
{
color: #8C8C8C;
font-size: 17px;
}

.shadowfooter
{
margin-top: -22px;
width: 100%;
}

.shadowheader
{
width: 100%;
padding-top: 24px;
margin-bottom: -26px;
}

.footerten
{
margin: auto;
/* max-width: 1410px; */
width: 1200px;
/* min-width: 1410px; */
}

.headerten
{
margin: auto;
max-width: 807px;
min-width: 807px;
}

.mapvk
{
text-align: left;
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 30px;
}

.vk
{
display: inline-table;
vertical-align: top;
}

.map
{
display: inline-table;
width: 79%;
}



.otzurl
{
font-size: 24px;
text-decoration: none;
color: #fff;
background-color: #09BDFD;
padding: 10px 20px;
margin-left: 50px;
}


.divotzyv
{
margin: auto;
/* border: solid 1px #09BDFD; */
padding-top: 25px;
margin: 50px;
margin-top: 20px;
margin-bottom: 30px;
background-color: #E8FAFF;
}

.otzyv
{

}

.textotz
{
color: #333;
font-style: italic;
padding-left: 30px !important;
margin: 0px;
font-size: 20px !important;
}

.rightspace
{
width: 200px;
}

.textotzyvy
{
font-style: italic;
}

.nameotzyvy
{
text-align: left;
/* font-weight: bold; */
color: #09BDFD !important;
padding: 0px;
margin: 0px;
}

.tdtop
{
height: 20px;
}

.answerotzyvy
{
text-align: right;
font-size: 20px !important;
color: #333 !important;
margin: 0px;
margin-top: 20px;
text-align: right !important;
}

.urlmelko
{
text-decoration: none;
font-size: 16px;
}

.podpis
{
text-align: right;
font-size: 16px !important;
color: #333;
margin: 0px;
text-align: right !important;
padding-bottom: 30px !important;
}

.otztable
{
width: 960px;
margin: auto;
text-align: justify;
font-size: 24px;
color: #333;
}

.more
{
display: none;
background-color: #09BDFD;
margin-left: 50px;
margin-right: 50px;
padding: 20px;
text-align: left;
}

.inputotz
{
padding-left: 15px;
padding-right: 15px;
height: 50px;
border: none;
font-size: 16px;
color: #333;
border: solid 1px #09BDFD;
margin-bottom: 5px;
/* width: 49%; */
}

.input3
{
width: 100%;
border: solid 1px #09BDFD;
font-family: Calibri, 'calibri_web', verdana;
padding-left: 15px;
padding-top: 15px;
font-size: 18px;
}

.buttons
{
background-color: #fff;
border: none;
padding: 10px 20px;
cursor: pointer;
font-size: 14px;
}

.buttons1
{
background-color: #09BDFD;
border: none;
padding: 10px 20px;
cursor: pointer;
font-size: 18px;
text-decoration: none;
color: #fff;
}

.buttons1:HOVER
{
background-color: #00FD1F;
}

.urlpages
{
color: #fff;
font-size: 14px;
text-decoration: none;
background-color: #09BDFD;
padding: 10px 20px;
margin: 5px;
}

.urlpages:HOVER
{
background-color: #00FD1F;
}

.urlcurrent
{
background-color: #00FD1F !important;
}

.newsdiv
{
padding-left: 50px;
padding-right: 50px;
padding-bottom: 20px;
display: inline-table;
display:inline-block;
max-width: 100%;
}

.newsdiv P
{
padding: 0px !important;
text-align: justify;
font-size: 18px;
padding-right: 100px !important;
word-wrap: break-word;
}

.newsdiv2
{
margin-right: 50px;
margin-left: 50px;
display: inline-table;
display:inline-block;
max-width:100%;
width: 100%;
margin-bottom: 100px;
}

.newsdiv2 P
{
font-size: 18px;
padding-right: 100px;
}

.minigallery
{
text-align: left;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
}

.imgnews
{
width: 300px;
float: left;
margin-right: 30px;
margin-bottom: 30px;
box-shadow: 0 0 5px #01FD20;
}

.imgnews:HOVER
{
box-shadow: 0 0 5px #1CB0FF;
}

.imgborder
{
height: 150px;
box-shadow: 0 0 5px #01FD20;
border: none;
margin-bottom: 10px;
margin-right: 10px;
}

.imgborder:HOVER
{
box-shadow: 0 0 5px #1CB0FF;
}

.newstext
{

}

.imggalmini
{
height: 80px;
margin-right: 5px;
box-shadow: 0 0 5px #01FD20;
}

.imggalmini:HOVER
{
box-shadow: 0 0 5px #1CB0FF;
}

.imgurl
{
border: none;
}

.imgurl:HOVER
{
border: none;
}

.centr
{
text-align: center;
}

.carimg
{
border: none;
margin-bottom: 10px;
/* width: 80%; */
}

.intal
{
font-style: italic;
}

.blue
{
color: #03A9FF;
}

.cataloggallery
{
text-align: left;
padding-left: 50px;
/* padding-bottom: 50px; */
}


.imgcatalog
{
height: 102px;
box-shadow: 0 0 5px #01FD20;
border: none;
margin-bottom: 5px;
margin-right: 5px;
}

.imgcatalog:HOVER
{
box-shadow: 0 0 5px #1CB0FF;
}

.imgabout
{
height: 260px;
box-shadow: 0 0 5px #01FD20;
border: none;
/* margin-bottom: 5px; */
margin-left: 10px;
float: right;
margin-top: 20px;

display:none;
}

.margright50
{
margin-right: 50px;
}

.imgabout:HOVER
{
box-shadow: 0 0 5px #1CB0FF;
}

.picpartners
{
color: #03A8FF;
font-size: 40px;
padding-right: 30px;
}

.why2
{
font-size: 16px !important;
display: inline-table;
/* width: 380px; */
width: 575px;
text-align: left;
}

.why2 P
{
font-size: 19px !important;
padding-left: 50px;
padding-bottom: 20px;
text-align: left;
font-weight: bold;
}

.urls
{
text-decoration: none;
color: #09BDFD;
border-bottom: dashed 1px #09BDFD;
}

.footerurl
{
font-size: 16px;
color: #03A8FF;

}

.pagesdiv
{
text-align: center;
margin-bottom: 30px;
}

.coverdiv
{
width: 300px;
height: 300px;
/* float: left; */
background-size: cover;
background-repeat: no-repeat;
margin-right: 30px;
margin-bottom: 30px;
box-shadow: 0 0 5px #01FD20;
float: left;
}

.previewdiv
{
width: 120px;
height: 120px;
/* float: left; */
background-size: cover;
background-repeat: no-repeat;
margin-right: 10px;
margin-bottom: 10px;
box-shadow: 0 0 5px #01FD20;
float: left;
}

.promodiv
{
text-align: center;
margin-bottom: 30px;
}

.promodiv1, .promodiv2, .promodiv3
{
display: inline-table;
}

.room
{
width: 390px;
margin-bottom: 5px;
}



.roomres
{
width: 192px;
cursor: pointer;
border: none;
}

.promoleft
{
margin-right: 5px;
}

.promodiv1
{

}

/* DEanim */
.carimg
{
	filter: saturate(100%); 
	-webkit-filter: saturate(100%); 
	-moz-filter: saturate(100%); 
	-o-filter: saturate(100%); 
	-ms-filter: saturate(100%);
	
	transition: filter .30s ease-in-out;
   -moz-transition: -moz-filter .30s ease-in-out;
   -webkit-transition: -webkit-filter .30s ease-in-out;
}

.carimg:hover
{
	filter: saturate(150%); 
	-webkit-filter: saturate(150%); 
	-moz-filter: saturate(150%); 
	-o-filter: saturate(150%); 
	-ms-filter: saturate(150%);
	
	transition: filter .30s ease-in-out;
   -moz-transition: -moz-filter .30s ease-in-out;
   -webkit-transition: -webkit-filter .30s ease-in-out;
}
.mobile{
display:none;
}
.desctop{
display:block;
}
.mobilemenu{
display:none;
}
.mobilebuttons{
display:none;
}
.socbut{
display: block;
text-align: center;
margin-top: -36px;
color: #09BDFD;
}
.moburl:HOVER{
color:#00FD1F;
}
.moburl{
text-decoration:none;
color:inherit;
}
.header1 .socbut{
font-size: 36px;
margin: 0px;
}
.minigalldiv{
height:360px;
overflow:hidden;
display:inline-block;
margin-bottom: 5px;
margin-right: 5px;
box-shadow: 0 0 5px #01FD20;
position: relative;
width: 272px;
transition: .3s;
}
.vykras{
/* opacity: 0; */
position: absolute;
left: 0px;
bottom: 0px;
color: #000;
transition: .3s;
/* background: rgba(0, 0, 0, 0.5); */
padding: 20px;
width: 100%;
font-size: 40px;
}
.minigalldiv:hover .vykras{
opacity:1;
}
.minigalldiv:hover{

}
.minigall{
border: none;
/* width: 272px; */
}
.galldivs{
display:none;
}
.galldivs:nth-of-type(1){
display:block;
}
.longtext{
word-wrap: break-word;
}
.wardiv{
margin-top:-60px;
}
.wardiv P{
font-size:26px;
color:red;
}
.melkadress{
display: block;
font-size: 20px;
}