body {background-image: url('../img/bg.png');}
.bg {
  min-height: 100px;
  background: rgb(152,145,107);
  background: linear-gradient(0deg, rgba(152,145,107,0.7749474789915967) 0%, rgba(232,232,220,0.23993347338935578) 33%, rgba(213,169,60,0.09987745098039214) 62%, rgba(228,200,100,0.48923319327731096) 100%);
}

div {
border: 0px red solid;
}

*, body {
font-family: Tahoma;
}

.zagolovok {
font-size: 52px;
}

.podzagolovok {
font-size: 24px;
}

.name {
width: 600px;
}

.paint {
width: 180px;
position: absolute;
margin: 30px 0px 0px 0px;
}


.main-menu {
background: rgb(207,73,32);
background: linear-gradient(180deg, rgba(207,73,32,1) 0%, rgba(229,105,38,1) 15%, rgba(227,103,37,1) 36%, rgba(173,63,26,1) 60%, rgba(147,51,20,1) 65%, rgba(141,48,18,1) 96%, rgba(0,0,0,0.3) 100%);
border-radius: 30px;
height: 65px;
box-shadow: 0px 0px 40px 0px;
}

.main-menu-sw {
background: rgb(207,73,32);
background: linear-gradient(0deg, rgb(207 73 32 / 0%) 0%, rgb(229 105 38 / 8%) 15%, rgb(227 103 37 / 10%) 36%,rgb(173 63 26 / 41%) 60%, rgb(82 49 33 / 60%) 100%);
border-radius: 30px;
height: 65px;
}


.main-menu::before {
content: "";
position: absolute;
box-shadow: 0px 9px 33px black;
z-index: -1;
height: 60px;
width: 50%;
/* margin: 0px 15%; */
left: calc(0px + 50% - 25%);
border: 0px #1a9c6e solid;
margin-top: 2px;
}

.main-menu::after {
content: "";
position: absolute;
box-shadow: 37px 10px 40px;
z-index: -2;
height: 60px;
width: 30%;
margin: -75px 0;
border: 0px green solid;
left: calc(0px + 50% - 15% );
}

.main-menu ul {list-style: none;}

.main-menu ul li {
display: inline-block;
margin: -2px;
}

.main-menu ul li a{
display: inline-block;
padding: 18px 18px;
}

.main-menu ul li a:hover {
background-color: #9f1b16;
}

.main-menu ul li a:link,
.main-menu ul li a:hover,
.main-menu ul li a:visited,
.main-menu ul li a:active {
color: #fff;
font-weight: 600;
text-decoration: none;
padding-top: 20px;
}

.main-menu ul li::before {
content: "";
position: absolute;
border: 0px solid blue;
width: 1px;
height: 60px;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgb(255,255,255, 0) 0%, rgb(255,255,255, 0.60) 30%, rgb(255,255,255, 1) 50%, rgb(255,255,255, 0.60) 70%, rgb(255,255,255, 0) 100%);
}

.main-menu ul li::after {
content: "";
position: absolute;
border: 0px solid green;
width: 1px;
height: 60px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgb(0, 0, 0, 0) 0%, rgb(0, 0, 0, 0.60) 30%, rgb(0, 0, 0, 1) 50%, rgb(0, 0, 0, 0.60) 70%, rgb(0, 0, 0, 0) 100%);
}

.main-menu ul li:nth-child(1)::before {
content: "";
position: absolute;
border: 0px solid blue;
width: 1px;
height: 60px;
background: #ffffff00;
}

.main-menu ul li:nth-last-child(1)::after {
content: "";
position: absolute;
border: 0px solid green;
width: 1px;
height: 60px;
background: #ffffff00;
}

.page {float: left;}
.page-clear {clear: both;}

.page11 {
background-image: url('../img/imgfon_01.png');
width: 30px;
height: 170px;
background-repeat: no-repeat;
}

.page12 {
background-image: url('../img/imgfon_02.png');
width: calc(100% - 486px);
height: 170px;
background-repeat: repeat-x;

}

.page13 {
background-image: url('../img/imgfon_040.png');
width: 450px;
height: 170px;
background-repeat: no-repeat;
background-position: right;
}

.page2 {
width: calc(100% - 6px);
min-height: 100px;
background-image: url('../img/imgfon_05.png'), url('../img/imgfon_10.png');
background-position: left, right;
background-repeat: repeat-y;
padding: 0px 25px;
}

.content {
min-height: 100px;
background-color: #fff;
}

.page31 {
background-image: url('../img/imgfon_11.png');
width: 30px;
height: 30px;
background-repeat: no-repeat;
}

.page32 {
background-image: url('../img/imgfon_12.png');
width: calc(100% - 60px - 6px);
height: 30px;
background-repeat: repeat-x;
}

.page33 {
background-image: url('../img/imgfon_13.png');
width: 30px;
height: 30px;
background-repeat: no-repeat;
}

.knopka-1 {
width: 370px;
height: 100px;
background: rgb(207,73,32);
background: linear-gradient(180deg, rgba(207,73,32,1) 0%, rgba(229,105,38,1) 15%, rgba(227,103,37,1) 36%, rgba(173,63,26,1) 60%, rgba(147,51,20,1) 65%, rgba(141,48,18,1) 96%, rgba(0,0,0,0.3) 100%);
border: 1px solid black;
border-radius: 10px;
padding: 14px 20px;
font-weight: 600;
}

.knopka-2 {
width: 370px;
height: 100px;
background: rgb(207,73,32);
background: linear-gradient(180deg, rgba(207,73,32,1) 0%, rgba(229,105,38,1) 15%, rgba(227,103,37,1) 36%, rgba(173,63,26,1) 60%, rgba(147,51,20,1) 65%, rgba(141,48,18,1) 96%, rgba(0,0,0,0.3) 100%);
border: 1px solid black;
border-radius: 10px;
padding: 14px 20px;
font-weight: 600;
}

.content a:hover {
background-color: #9f1b16;
}

.content a:link,
.content a:hover,
.content a:visited,
.content a:active {
color: #fff;
font-weight: 600;
text-decoration: none;
}