@import url('header.css');
@import url('footer_basic.css');
@import url('sectors_b.css');


* {margin: 0; padding: 0;}
p {font-family: "Lora"; font-size: 21px; line-height: 1.5;}
h {font-family: "Lora";}
a {text-decoration: none;}
body {height: auto;}

.content {width: 1500px; min-height: 95vh; background-color: #FDFFF5; margin: 0 auto 0 auto; z-index: 50; text-align: center; font-size: 21px; font-family: "Lora"; padding: 61px 15px 30px 15px; box-shadow: 0 0 5px}

.slk {text-decoration: none; color: black}

#redactor {padding-bottom: 39px ; text-align: center}
#redactorsslk {display: inline-block; text-decoration: none; font-size: 19px; text-align: center; color: black}
#redactorsslk:hover {transition: 0.3s; text-shadow: 4px 4px 3px #a2d4df; transform: scale(1.1);}

#stroka1 {width: 1400px; height: auto; margin: 17px auto 5px auto; padding: 15px 0 0 0; display: grid; grid-template-columns: 1180px 200px; border-top-style: solid; border-color: #cd975b; border-width: 1px;}
#info {width: 1190px; height: auto; margin: 0 auto 0 auto; display: grid; grid-template-columns: 680px 500px;}

#stolb1 {text-align: left; padding: 10px 10px 10px 10px; margin: 0 10px 0 10px; border: 1px solid black; border-radius: 5px; background-color: #FFF;}
#stolb2 {text-align: left; padding: 10px 10px 10px 10px; margin: 0 10px 0 10px; border: 1px solid black; border-radius: 5px; background-color: #FFF;}

.qrkod {width: 190px; height: 190px; padding: 5px 5px 5px 5px; margin: 0 5px 0 5px; border: 1px solid black; border-radius: 5px; background-color: #FFF;}

#stroka2 {width: 1400px; height: 650px; margin: 23px auto 5px auto;  padding: 15px 0 15px 0; display: grid; grid-template-columns: 600px 800px;  border-bottom-style: solid; border-top-style: solid; border-color: #cd975b; border-width: 1px;}

#foto {width: 550px; height: 620px; padding: 15px 15px 15px 15px; margin: 0 10px 0 10px; overflow: hidden; border: 1px solid black; border-radius: 5px; background-color: #FFF;}
.photo_vida {position: relative; object-fit: contain; max-width: 90%; max-height: 90%; top: 50%; transform: translate(0, -50%); position: relative; transition: 0.5s;}

#kart {width: 780px; height: 650px; margin: 0 10px 0 10px; border: 1px solid black; border-radius: 5px; background-color: #FFF;}
#map {width: 720px; height: 585px; padding: 33px 40px 32px 40px;}

.zagolovki15 {text-align: center; font-size: 15px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki16 {text-align: center; font-size: 16px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki17 {text-align: center; font-size: 17px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki18 {text-align: center; font-size: 18px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki19 {text-align: center; font-size: 19px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki20 {text-align: center; font-size: 20px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki21 {text-align: center; font-size: 21px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki22 {text-align: center; font-size: 22px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki23 {text-align: center; font-size: 23px; font-weight: bold; padding: 5px 0 5px 0}

.knopka {width: 210px; height: 35px; padding-left: 10px; border: 1px solid #353e52; border-radius: 5px; font-weight: bold;  outline: none; font-size: 21px; margin-top: 15px; margin-bottom: 30px; font-family: "Lora";}
.knopka:hover {cursor: pointer; background-color: #528e86; color: white; border: 1px solid #353e52;}

.text_s_indent {text-indent: 30px;}

#bar_s_logo {text-align: right; padding-right: 30px}
#bar_s_chasami {text-align: left; padding-left: 30px}

.text_s_indent {text-indent: 30px;}

#bar_s_logo {text-align: right; padding-right: 30px}
#bar_s_chasami {text-align: left; padding-left: 30px}