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

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

.ar:link {text-decoration: none; font-size: 16px; color: black}
.ar:visited {text-decoration: none; font-size: 16px; color: black}
.ar:hover {font-size: 17px; display: inline-block; transform: scale(1.01); transition: 0.15s; text-shadow: 4px 4px 3px #a2d4df; border-bottom: dashed; border-width: 1px;}

body {height: auto; overflow: hidden}

.ph {color: #c33124; font-size: 19px;}

.pan {color: #c33124; font-size: 16px;}

.ppla {color: #374709; font-size: 16px;}

.pfun {color: #583E26; font-size: 16px;}

.content {width: 1220px; height: 100vh; background-color: #e1e3e4; margin: 0 auto 0 auto; text-align: justify; padding: 40px 15px 30px 15px; box-shadow: 0 0 5px}

#numsec {text-align: center}

#karta {display: grid; grid-template-columns: 580px 580px; text-align: center; margin: 30px 0px 30px 0px;}
.spiski {display: grid; grid-template-columns: 375px 375px 375px; text-align: center; padding: 0px 5px 0px 0px;}

.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}

#rez {width: 1140px; height: 67vh; overflow: scroll; margin: 30px auto 100px auto; padding: 30px 30px 30px 30px; box-shadow: 0 0 5px; background-color: #FDFFF5; overflow-x: hidden;}

#rez::-webkit-scrollbar {width: 8px; height: 7px; background-color: #CFD4E8; border-radius: 10px;}
#rez::-webkit-scrollbar-thumb {border-radius: 10px; background: linear-gradient(180deg, #00c6fb, #005bea);}
#rez::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 10px; background-color: #f4f4f2;}

.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}

#poisk {text-align: center; margin: 23px}
#poisk_1 {text-align: center; margin: 17px}

#poisk_1 input {width: 450px; height: 35px; padding-left: 10px; border: 1px solid #6A7793; border-radius: 5px; outline: none;}
#poisk_1 button {width: 190px; height: 35px; border: 1.5px solid #6A7793; border-radius: 5px; background: #F9F7FA; cursor: pointer;}
#poisk_1 button:hover {width: 190px; height: 35px; border: 1.5px solid #6A7793; border-radius: 5px; background: #D0C9D0; cursor: pointer;}
.text1 {text-decoration: none; font-size: 15px}