BODY
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 20px;
color: #555;
margin: 0px;
/* background-image: url('./img/bg.jpg');
background-repeat: repeat; */
}


.siteriatable
{
/* position: absolute;
right: 0px;
top: 100px; */
text-align: right;
color: #fff;
font-size: 18px;
width: 325px;
padding-top: 10px;
text-shadow: 0 0 5px #111;
padding-bottom: 10px;
}

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


/* кнопка наверх */
.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:#D71921 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: 450px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -225px;
	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
{
width: 100%;
border: solid 1px #D71921;
margin-bottom: 10px;
padding: 10px 20px;
}

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

.headerdiv
{
max-width: 1000px;
margin: auto;
text-align: center;
}

.toppolosa
{
min-height: 50px;
background-color: #E4E4E4;
border-bottom: solid 3px #D71921;
text-align: center;
}

.footergray
{
background-color: #E4E4E4;
border-top: solid 3px #D71921;
text-align: center;
}

.divmenu
{
background-color: #E4E4E4;
border-top: solid 3px #D71921;
border-bottom: solid 3px #D71921;
text-align: center;
min-height: 130px;
}

.bodytext
{
max-width: 1000px;
margin: auto;
text-align: left;
}

.map
{
max-width: 900px;
margin: auto;
}

.bodytextcenter
{
max-width: 1000px;
margin: auto;
text-align: left;
}

.bodytextmenu
{
max-width: 1000px;
margin: auto;
text-align: center;
}


.toptext
{
font-weight: normal;
font-size: 22px;
padding-left: 50px;
/* padding-top: 10px; */
display: inline-table;
margin-top: 10px;
/* padding-bottom: 10px; */
}

#order1
{

}

.red
{
color: #D71921;
}

.buttons
{
font-size: 18px;
background-color: #D71921;
padding: 10px 20px;
color: #fff;
text-decoration: none;
/* margin-top: 50px !important; */
}

.buttonstop
{
font-size: 18px;
background-color: #D71921;
padding: 10px 20px;
color: #fff;
text-decoration: none;
margin-left: 10px;
display: inline-table;
margin-bottom: 5px;
/* margin-top: 50px !important; */
}

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

.logoimg
{
border: none;
}

.headerdiv DIV
{
display: inline-table;
vertical-align: top;
padding-top: 20px;
text-align: center;
}

.header1
{
padding-left: 50px;
text-align: center;
}

.picimg1
{
padding-right: 10px;
float: left;
/* margin-bottom: -10px; */
margin-top: -3px;
margin-bottom: -10px;
}

.picimg2
{
padding-right: 10px;
float: left;
margin-top: 10px;
}

.picimg3
{
padding-right: 10px;
float: left;
margin-top: 6px;
}

.header2
{
width: 280px;
padding-left: 50px;
}

.adresstext
{
padding: 0px;
margin: 0px;
margin-bottom: 10px;
text-align: left;
}

.header3
{

}

.footerdiv
{
max-width: 1000px;
margin: auto;
/* text-align: left; */
text-align: center;
}

.footerdiv DIV
{
display: inline-table;
vertical-align: top;
padding-top: 20px;
text-align: center;
}

.footer1
{
text-align: left;
padding-left: 50px;
}

.footer2
{
text-align: left !important;
padding-left: 50px;
padding-right: 50px;
}

.footer3
{
text-align: right;
width: 370px;
}

.footerurl
{
font-size: 18px;
color: #333;
}

.footerurl:HOVER
{
color: #D71921;
}

.footername
{
font-weight: normal;
color: #D71921;
margin: 0px;
font-size: 22px;
}

.phonetext
{
color: #D71921;
margin: 0px;
font-size: 32px;
}

.adresstextfooter
{
margin: 0px;
margin-bottom: 20px;
font-size: 16px;
}

.logofooter
{
margin-top: 20px;
}

.menuurl
{
display: inline-table;
text-align: center;
color: #333;
text-decoration: none;
margin: 20px;
}

.menuurl:HOVER
{
color: #D71921;
}

.headertext
{
font-weight: normal;
margin: 0px;
font-size: 24px;
padding-left: 50px;
margin-bottom: 20px;
margin-top: 10px;
}

.picleft
{
float: left;
margin-right: 30px;
margin-left: 50px;
width: 250px;
}

.pichod
{
float: left;
margin-right: 30px;
margin-left: 50px;
}

.picdvs
{
float: right;
margin-right: 50px;
margin-left: 30px;
margin-top: -50px;
/* width: 250px; */
}

.picrazval
{
float: right;
margin-right: 50px;
margin-left: 30px;
margin-top: -20px;
width: 300px;
}

.nametext
{
margin-left: 50px;
margin-top: 30px;
color: #D71921;
font-size: 30px;
}

.nametextorder
{
color: #D71921;
font-size: 30px;
margin: 0px;
margin-top: 20px;
}

.bodytext P
{
text-align: justify;
margin: 50px;
margin-top: 10px;
margin-bottom: 20px;
font-size: 18px;
}

.footermelko
{
margin: 0px;
padding: 0px;
font-size: 12px;
text-align: center;
color: #AEAEAE;
}