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

INPUT
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 20px;
}

.siteriatable
{
/* position: absolute; */
text-align: left;
bottom: 0px;
left: 0px;
color: #9B9B9B;
font-size: 16px;
width: 334px;
display: inline-block;
margin-top: -5px;
vertical-align: middle;
}

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

.siteriaurl:HOVER
{
color: #D40000;
}

.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);}
.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:#D71D1E;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: 340px;
    height: 430px;
    border-radius: 0px;
    border: 0px #000 solid;
    background: #fff;
    position: fixed;
    top: 45%;
    left: 50%;
    margin-top: -215px;
    margin-left: -170px;
    display: none;
    opacity: 0;
    z-index: 101;
    padding: 20px 20px;
    box-sizing: border-box;
}
/* Кнопка закрыть для тех кто в танке) */
#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; /* в обычном состоянии её нет) */
}

#overlay2 {
	z-index: 1; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}

.bodytext
{
width: 1000px;
padding: 20px;
box-sizing: border-box;
margin: auto;
text-align: left;
}

.bodytext P
{
text-align: justify;
}

.imgurl
{
border: none;
text-decoration: none;
}

.nourl
{
text-decoration: none;
color: inherit;
}

.header1,.header2
{
display: inline-block;
vertical-align: middle;
margin-top: 22px;
}

.header1
{
text-align: left;
width: 29%;
}

.header2
{
text-align: right;
width: 70%;
}

.headertext
{
color: #B3B3B3;
margin: 0px;
font-size: 28px;
font-weight: normal;
}

.headertext A:HOVER
{
color: #D71D1E;
}
.headertext2{
color:#266AB1;
margin: 0px;
font-weight: bold;
}
.footertext
{
color: #B3B3B3;
margin: 0px;
font-size: 18px;
font-weight: normal;
}

.melko
{
color: #B3B3B3;
margin: 0px;
margin-top: 10px;
font-size: 12px;
}

.footerurl
{
text-decoration: none;
color: #B3B3B3;
margin-left: 30px;
border-bottom: solid 1px #B3B3B3;
}

.footerurl:HOVER
{
color: #D71D1E;
border-bottom: solid 1px #D71D1E;
}

.headerdiv
{
background: url('./img/header-bg.jpg') no-repeat center center;
height: 200px;
}

.logo
{
/* margin-top: 30px; */
}

.menu
{
background: #266AB1;
height: 60px;
}

.menudiv
{
display: inline-block;
height: 100%;
position:relative;
}

.menuurl
{
/* color: #fff;
display: block;
height: 100%;
padding: 12px 30px;
box-sizing: border-box;
text-decoration: none;
font-size: 28px; */

color: #fff;
display: block;
height: 100%;
padding: 18px 25px;
box-sizing: border-box;
text-decoration: none;
font-size: 20px;

transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}

.menuurl:HOVER, .menuactive
{
background: #D71D1E;
}

.footer1
{
text-align: left;
width: 30%;
}

.footer2
{
text-align: right;
width: 69%;
}

.footer1,.footer2
{
display: inline-block;
vertical-align: top;
}

.logofooter
{
margin-bottom: 20px;
}

.red
{
color: #D71D1E;
}

.blue
{
color: #2569B0;
}

.pluso
{
display: inline-block !important;
margin-top: 30px;
margin-bottom: 16px;
margin-right: 14px;
}

.nametext
{
color: #2569B0;
font-weight: normal;
font-size: 26px;
text-align: left;
}

.catalogname
{
font-size: 26px;
}

.urls
{
color: #D71D1E;
text-align: left;
text-decoration: none;
border-bottom: solid 1px #D71D1E;
}

.footerdiv
{
margin-top: 50px;
}

.catimgdiv1
{
/* background: url('./img/category-1-notext.jpg') top right no-repeat; */
background: url('./img/bannerleft.jpg') top right no-repeat;
height: 300px;
display: inline-block;
width: 50%;
padding-top: 130px;
box-sizing: border-box;
border-bottom: solid 4px #266AB1;
}

.catimgdiv1 H2
{
text-align: right;
margin-right: 40px;
text-shadow: 0px 0px 10px #000, 0px 0px 10px #000;
}

.catimgdiv2
{
/* background: url('./img/category-2-notext.jpg') top right no-repeat; */
background: url('./img/bannerright.jpg') top left no-repeat;
height: 300px;
display: inline-block;
width: 50%;
padding-top: 130px;
box-sizing: border-box;
border-bottom: solid 4px #266AB1;
}


.catimgdiv2 H2
{
text-align: left;
margin-left: 40px;
text-shadow: 0px 0px 10px #000, 0px 0px 10px #000;
}

.imgtext
{
color: #E6E6E4;
font-size: 30px;
}

.subdivs
{
width: 310px;
height: 200px;
/* background-size: cover !important; */
background-size: contain !important;
background-repeat: no-repeat !important;
position: relative;
display: inline-block;
margin: 10px;
}

.subdivs:HOVER
{
/* box-shadow: 0px 0px 10px #555; */
}

.catalogsubname
{
position: absolute;
background: rgba(255, 255, 255, 0.8);
bottom: 20px;
margin: 0px;
padding: 10px 20px;
width: 100%;
box-sizing: border-box;
}

.urlcatalog
{
text-decoration: none;
color: inherit;
}

.itemspics
{
margin-right: 40px;
max-width: 100%;
}

.catalogitems
{
margin-bottom: 20px;
font-size: 18px;
}

.itemstext
{
font-weight: bold;
}

.zakazatzvonok
{
background: #D71D1E;
color: #fff;
text-decoration: none;
padding: 5px 20px;
display: inline-block;
margin-bottom: 20px;
margin-top: 5px;
font-size: 22px;
}

.zakazatzvonok:HOVER
{
background: #266AB1;
cursor: pointer;
}

.buttons
{
background: #266AB1;
color: #fff;
text-decoration: none;
padding: 10px 20px;
display: inline-block;
margin-bottom: 20px;
}

.buttons:HOVER
{
background: #D71D1E;
}

.buttons1
{
background: #266AB1;
color: #fff;
text-decoration: none;
padding: 5px 10px;
display: inline-block;
margin-bottom: 20px;
border: none;
width: 100%;
}

.buttons1:HOVER
{
background: #D71D1E;
cursor: pointer;
}

.buttonsactive
{
background: #D71D1E;
}

.catalogdiv
{
padding-left: 20px;
padding-top: 10px;
text-align: left;
}

.catalogdiv A
{
font-weight: bold;
margin: 0px;
text-decoration: none;
color: inherit;
}

.catalogdiv A:HOVER
{
cursor: pointer;
/* color: #D71D1E; */
color: #D71D1E;
border-bottom: solid 1px #D71D1E;
}

.toogles:HOVER
{
color: #D71D1E;
cursor: pointer;
}

.catalogdiv .catalogdiv A
{
font-weight: normal;
}

.catalogdiv .catalogdiv .catalogdiv
{
display: none;
}

.catalogdiv SPAN:last-child 
{
display: none;
}

.spisok
{
text-align: left;
}


.inputorder
{
width: 100%;
box-sizing: border-box;
padding: 5px 20px;
margin-bottom: 10px;
}

.nametext3
{
margin: 14px;
}

.newspic
{
display: inline-block;
width: 300px;
vertical-align: middle;
margin-right:20px;
}

.promomore
{
display: inline-block;
width: 600px;
vertical-align: middle;
}

.pricenews
{
text-align: right;
background: #D71D1E;
color: #fff;
display: inline-block;
margin: 0px;
padding: 10px 30px;
}

.newsdiv
{
margin-bottom: 40px;
}

.informer
{
margin-bottom: 3px;
margin-right: 95px;
}

.categorypics
{
max-width: 200px;
max-height: 200px;
float: left;
margin-right: 40px;
margin-top: 32px;
}
.menuarenda{

background: #F4960F;
}
.header3{
display:inline-block;
padding-right: 144px;
}
.header4{
display:inline-block;
}
.mobile{
display:none;
}
.mobilemenu{
display:none;
}
#overlay2 {
z-index: 1;
position: fixed;
background-color: #000;
opacity: 0.8;
width: 100%; 
height: 100%;
top: 0; 
left: 0;
cursor: pointer;
display: none;
}
.imgs{
float: left;
margin-top:-40px;
margin-right: 40px;
}
.zapdivs{
min-height: 300px;
position: relative;
padding-top: 40px;
}
.dropmenu{
background:#266AB1;
position: absolute;
left: 0px;
min-width: 230px;
text-align: left;
padding: 20px;
display:none;
}
.menudiv:HOVER>.dropmenu{
display:inline-block;
}
.menuurl2{
text-decoration:none;
color:#fff;
display: block;
}
.menuurl2:HOVER{
text-decoration:underline;
}