A {
 text-decoration: none;
}

body {
 background: url(start_bg2.gif) top repeat-y #EACEA4;
 height: 100%;
 margin: 0px 0px 0px 0px;
}

#body, #body2 {
 width: 100%;
 margin: 0px 0px 0px 0px;
}

#body {
 background: url(start_bg2.gif) top repeat-y;
}

#body2 {
 background: url(start_bg1.gif) top repeat-x;
 height: 480px;
}

#body3 {
 background: url(start_bg1.gif) repeat-x 50% -61px;
 height: 426px;
}

#upstep {
 width: 100%;
 height: 10%;
}

#cont {
 width: 100%;
 margin: 0px 0px;
 padding: 224px 0px 0px 0px;
 background: url(start_head_up.jpg) top no-repeat;
}

#menucont {
 width: 100%;
 margin: 0px 0px;
 padding: 163px 0px 0px 0px;
 background: url(start_head_up.jpg) no-repeat 50% -61px;
}

#upline {
 margin: 0px 0px 0px 0px;
 display: flex;
 justify-content: center;
 align-items: center;
}

#upline A {
 color: #EACEA4;
 width: 40px;
 height: 26px;
 display: block;
 float: left;
 font: bold 13px tahoma;
 line-height: 26px;
 text-align: center;
}

#upline A:hover {
 color: #f5e7d2;
}

#head, #headeng {
 width: 100%;
 height: 86px;
 margin: 0px 0px;
}

#head {
 background: url(start_name.jpg) top no-repeat;
}

#headeng {
 background: url(start_name_eng.jpg) top no-repeat;
}

#head A, #headeng A {
 width: 100%;
 height: 86px;
 display: block;
}

#doline {
}

#menuline, #upline {
 width: 100%;
 height: 26px;
 background: url(start_board.jpg);
}

#buttom, #menubuttom {
 width: 100%;
 height: 125px;
}

#buttom {
 background: url(start_head_down.jpg) top no-repeat;
}

#menubuttom {
 display: flex;
 justify-content: center;
 align-items: flex-end;
 background: url(head_down.jpg) top no-repeat;
}

#menubuttom A, #menubuttom div {
 display: block;
 float: left;
 height: 26px;
 line-height: 26px;
 margin: 0px 0px 12px 0px;
}

#menubuttom A {
 color: #866535;
 width: 70px;
 font: bold 13px tahoma;
 text-align: center;
}

#menubuttom A:hover {
 color: #292318;
}

#menubuttom div {
 width: 160px;
}

#text {
 width: 800px;
 margin: 0px auto;
 font: 12px verdana;
}

#text p {
 text-decoration: none;
 text-align: justify;
 margin: 0px 0px 10px 0px;
}

#text h2 {
 font: bold 18px verdana;
 color: #292318;
 text-align: center;
 margin: 7px auto 16px auto;
}

#text h3 {
 font: bold 13px verdana;
 color: #292318;
 margin: 10px 0px 0px 0px;
}

#text A {
 color: #292318;
}

#text A:hover {
 color: #866535;
}

.slider {
 display: block;
 width: 950px;
 height: 350px;
 overflow-x: hidden;
 overflow-y: hidden;
 white-space: nowrap;
 margin: 0px 0px 0px -75px;
 background: url(img_bg.jpg) top no-repeat;
}

.phototext {
 display: block;
 width: 950px;
 height: 320px;
 margin: 0px 0px 10px -75px;
 background: url(img_bg.jpg) top no-repeat;
}

.sliderscroll {
 display: inline-block;
 position: relative;
 height: 270px;
 margin: 23px 75px 30px 75px;
}

.sliderscroll div, .phototext div {
 display: inline-block;
 position: relative;
 width: 800px;
 height: 300px;
 white-space: normal;
}

.sliderscroll div {
 margin: 0px 75px 0px 0px;
}

.phototext div {
 margin: 23px 75px 30px 75px;
}

.sliderscroll img, .phototext img {
 display: block;
 float: left;
 margin: 0px 0px;
 cursor: pointer;
}

.sliderscroll p, .sliderscroll h4, .phototext p, .phototext h4  {
 width: 410px;
 float: right;
}

.sliderscroll h4, .phototext h4  {
 margin: 4px 0px 10px 0px;
}

div.links {
 display: block;
 float: right;
 width: auto;
 height: 30px;
 position: absolute;
 bottom: 0px;
 right: 0px;
 font: bold 13px verdana;
 margin: 0px 0px;
}

div.links a {
 display: block;
 float: left;
 padding: 0px 10px;
}

.slidernav
{
 display: flex;
 justify-content: center;
 align-items: center;
 width: 800px;
 height: 30px;
 position: relative;
 margin: 0px 75px 0px 75px;
}

.slidernav input[type="radio"] {
 position: relative;
 display: none;
 
}

.slidernav label {
 display: inline-block;
 cursor: pointer;
 position: relative;
 width: 16px;
 height: 16px;
 border-radius: 8px;
 background-color: #866535;
 margin: 2px 4px;
}

.slidernav input[type=radio]:checked + span {
 display: block;
 width: 10px;
 height: 10px;
 border-radius: 8px;
 background-color: #292318;
 margin: 3px 3px;
}

div.ml_box {
 position: fixed;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 background: rgba(75, 75, 75, 0.95);
 text-align: center;
}

div.ml_box img {
 max-width: 90%;
 max-height: 90%;
 vertical-align: middle;
 margin: auto;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 cursor: pointer;
 border-radius: 4px;
 border: 4px solid #D7D7D7;
}

#doline {
 height: 100px;
 background: url(end_line.jpg) top no-repeat;
 margin: 20px 0px;
 padding: 30px 0px 0px 0px;
}

#contact {
 display: flex;
 justify-content: center;
 align-items: center;
}

#contact a {
 width: 48px;
 height: 48px;
 content: none;
 display: inline-block;
 cursor: pointer;
 position: relative;
 margin: 0px 20px;
}

.disable {
 pointer-events: none;
 cursor: default;
}

#contact span {
 display:none;
}

#vk {
 background: url(key_vk.png) top no-repeat;
}

#facebook {
 background: url(key_f.png) top no-repeat;
}

#youtube {
 background: url(key_youtube.png) top no-repeat;
}

#mail {
 background: url(key_mail.png) top no-repeat;
}
