BODY
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 20px;
color: #000;
margin: 0px;
text-align: left;
}


.siteriatable
{
position: absolute;
text-align: left;
bottom: 0px;
left: 50%;
margin-left: -150px;
color: #9B9B9B;
font-size: 16px;
width: 400px;
}

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

.siteriaurl:HOVER
{
color: #B21A34;
}

.siteriatable IMG
{
margin-top: 5px;
}

/* кнопка наверх */
.b-top {z-index:90;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50); text-align: center;}
.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:#B21A34;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: 420px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -210px;
	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; /* в обычном состоянии её нет) */
}


.servimg
{
	filter: saturate(100%); 
	-webkit-filter: saturate(100%); 
	-moz-filter: saturate(100%); 
	-o-filter: saturate(100%); 
	-ms-filter: saturate(100%);
		brightness(100%); 
	-webkit-filter: brightness(100%); 
	-moz-filter: brightness(100%); 
	-o-filter: brightness(100%); 
	-ms-filter: brightness(100%);
	transition: filter .30s ease-in-out;
   -moz-transition: -moz-filter .30s ease-in-out;
   -webkit-transition: -webkit-filter .30s ease-in-out;
}

.servimg:HOVER
{
	filter: saturate(150%); 
	-webkit-filter: saturate(150%); 
	-moz-filter: saturate(150%); 
	-o-filter: saturate(150%); 
	-ms-filter: saturate(150%);
	brightness(150%); 
	-webkit-filter: brightness(150%); 
	-moz-filter: brightness(150%); 
	-o-filter: brightness(150%); 
	-ms-filter: brightness(150%);
	
	transition: filter .30s ease-in-out;
   -moz-transition: -moz-filter .30s ease-in-out;
   -webkit-transition: -webkit-filter .30s ease-in-out;
}


.inputs
{
border: solid 2px #B21A34;
padding: 10px 20px;
/* max-width: 493px; */
font-family: Calibri, 'calibri_web', verdana !important;
font-size: 20px !important;
/* width: 480px; */
margin-bottom: 10px;
font-weight: lighter;
}

.inputs:focus
{
/* outline: none; */
outline-color: #B21A34;
}

.gallerydiv
{
width: 230px;
height: 200px;
background-size: cover !important;
background-repeat: no-repeat !important;
display: inline-block;
margin: 5px;
/* border: solid 1px #D40000; */
box-shadow: 0 0 2px #555;
position: relative;
}

.namemenugalery
{
background: url('./img/whitebg.png');
color: #000;
position: absolute;
bottom: 0px;
margin: 0px;
padding: 20px 20px;
width: 100%;
box-sizing: border-box;
text-align: right;
}

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

.modaltextname
{
text-align: left;
}

.urls
{
color: #B21A34;
text-decoration: none;
}

.more
{
display: none;
}

.inputotz
{
border: solid 2px #B21A34;
padding: 10px 20px;
/* max-width: 493px; */
font-family: Calibri, 'calibri_web', verdana !important;
font-size: 20px !important;
margin-top: 10px;
/* margin-bottom: 10px; */
margin-right: 10px;
}

.inputotz:focus
{
/* outline: none; */
outline-color: #B21A34;
}

.input3
{
margin-top: 10px;
margin-bottom: 10px;
box-sizing: border-box;
border: solid 2px #B21A34;
width: 100%;
padding: 10px 20px;
font-family: Calibri, 'calibri_web', verdana !important;
font-size: 20px !important;
/* margin-left: 2px; */
}

.input3:focus
{
/* outline: none; */
outline-color: #B21A34;
}


.urlmelko
{
text-decoration: none;
color: #D40000;
font-size: 18px;
border-bottom: dashed 1px #D40000;
}

.answerotzyvy
{
text-align: right !important;
}

.textotz
{
font-style: italic;
}

.nameotzyvy
{
font-weight: bold;
}

.podpis
{
text-align: right !important;
color: #D40000;
}

.divotzyv
{
margin-bottom: 40px;
margin-top: 20px;
min-height: 128px;
}

.divotzyv P
{
margin: 0px;
}

.red
{
color: #B21A34;
}

.orange
{
color: #F06B1C;
}

/* выпадающее меню */
ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
	z-index: 100;
}
ul:after {
    display: block;
    content: ' ';
    clear: both;
    float: none;
}
ul.menunew > li {
    float: left;
    position: relative;
}
ul.menunew > li > a {
    display: block;
    padding: 10px;
    color: #000;
    text-decoration: none;
}
ul.menunew > li > a:hover {
	/* color: #C80405; */
}
ul.submenunew {
    display: none;
    position: absolute;
    width: 120px;
    top: 37px;
    left: 0;
    background-color: #B21A34;
}
ul.submenunew > li {
    display: block;
}
ul.submenunew > li > a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
}
ul.submenunew > li > a:hover {
    text-decoration: underline;
	/* color: #C80405;	 */
}
ul.menunew > li:hover > ul.submenunew{
    display: block;
}
/* выпадающее меню */

.header
{
max-width: 1200px;
margin: auto;
min-height: 240px;
padding: 20px;
background: url('./img/topbludo.png') no-repeat top right;
}

.toptext
{
display: inline;
font-size: 20px;
margin-top: 10px;
margin-right: 10px;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

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

.header3
{
margin-top: 20px;
}

.header3 P
{
text-align: left;
font-size: 20px;
margin: 9px;
}

.circle
{
font-size: 20px;
}

.mainlogo
{
margin-top: 20px;
margin-right: 10px;
}

.menuurl
{
font-size: 20px;
}

.menuactive, .menuurl:HOVER
{
background-color: #B21A34;
color: #fff !important;
}

.footer
{
max-width: 1200px;
margin: auto;
min-height: 240px;
padding: 20px;
}

.footer DIV
{
display: inline-table;
vertical-align: middle;
}

.footer2 P
{
font-size: 20px;
display: inline;
margin-right: 20px;
}

.footersalat
{
margin-right: 10px;
margin-top: 15px;
}

.redline
{
display: block !important;
height: 4px;
max-width: 1200px;
background-color: #B21A34;
text-align: center;
margin-top: 50px;
margin-bottom: 00px;
}

.centerdiv
{
display: block !important;
text-align: center;
position: relative;
height: 50px;
}

.minilogo
{
margin-top: -33px;
}

.bodytext
{
max-width: 1200px;
margin: auto;
padding: 20px;
}

.buttonred
{
color: #fff;
font-size: 28px;
text-decoration: none;
padding: 5px 30px;
background-color: #B21A34;
}

.buttonred:HOVER
{
box-shadow: 0 0 5px #777;
}

.newsdiv DIV
{

}

.newspic
{
width: 200px;
height: 200px;
background-repeat: no-repeat !important;
/* background-size: cover !important; */
background-size: contain !important;
display: inline-block;
margin-right: 40px;
}

.textnews
{
display: inline-block;
max-width: 950px;
vertical-align: top;
}

.buttons
{
border: none;
text-decoration: none;
background-color: #B21A34;
color: #fff;
padding: 10px 20px;
}

.buttons:HOVER
{
box-shadow: 0 0 5px #777;
cursor: pointer;
}

.nametext
{
color: #B21A34;
font-size: 30px;
}

.picphoto
{
float: left;
margin-right: 20px;
}

.tablecalendar
{
font-size: 14px;
border-spacing: 1px;
}

.tablecalendar TD
{
width: 35px !important;
}

.tablecalendar A
{
text-decoration: none;
color: #000;
}

.tablecalendar TR:first-child
{
font-weight: bold;
}

.tablecalendar TR:nth-child(2)
{
font-weight: bold;
}

.tdactive
{
background-color: #B21A34;
}

.tdactive A
{
color: #fff;
}

.caldiv
{
float: right;
}

.menus
{
/* background-color: #eee; */
background-color: #F4F4F4;
margin-bottom: 20px;
position: relative;
min-height: 100px;
}

.menus DIV
{
/* display: inline-table; */
display: inline-block;
vertical-align: top;
}

.menudivname
{
max-width: 800px;
padding: 20px;
padding-top: 0px;
/* padding-right: 200px; */
}

.menudivprice
{
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
}

.menudivprice P
{
margin: 8px;
}

.micropic
{
width: 100px;
margin: 20px;
margin-bottom: 0px;
}

.opisanie
{
margin: 0px;
}

.menuname
{
margin: 0px;
padding-right: 200px;
}

.hidden
{
display: none;
}

.butcart
{
position: absolute;
right: 20px;
}

.butcartenter
{
position: absolute;
right: 140px;
background-color: green;
font: 13.3333px Arial;
}

.cartmenu
{
margin-bottom: 25px;
}

.delBut
{

}

#cartdiv
{
display: none;
}