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


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

.content {width: 1700px; height: auto; margin: 0 auto 0 auto; text-align: center; padding: 60px 25px 30px 25px; background-color: #FDFFF5; box-shadow: 0 0 5px;}

.psec {font-size: 11px; color: black; padding-top:3px}

/* сектора */


.karta {text-align: center; width: 1650px; padding: 0px 25px 0px 25px; margin-top: 30px}


.map {width: 1650px; height: 1819px; background-color: #FFFFFF; background-image: url("../img/mappr.png"); background-size: 1650px; box-shadow: 0 0 3px; background-repeat: no-repeat; background-position: top center;}


.ds:hover {background-color: rgba(254, 42, 5, 0.9)}



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


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

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

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

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

#numsec {text-align: center}

.kk25 {background-color: rgb(145, 255, 135); opacity: 0.8;}
.kk50 {background-color: rgb(159, 253, 126); opacity: 0.8;}
.kk75 {background-color: rgb(174, 251, 117); opacity: 0.8;}
.kk100 {background-color: rgb(188, 249, 108); opacity: 0.8;}
.kk125 {background-color: rgb(216, 245, 90); opacity: 0.8;}
.kk150 {background-color: rgb(230, 243, 81); opacity: 0.8;}
.kk175 {background-color: rgb(244, 241, 73); opacity: 0.8;}
.kk200 {background-color: rgb(245, 240, 65); opacity: 0.8;}
.kk225 {background-color: rgb(246, 219, 59); opacity: 0.8;}
.kk250 {background-color: rgb(247, 198, 53); opacity: 0.8;}
.kk275 {background-color: rgb(248, 177, 47); opacity: 0.8;}
.kk300 {background-color: rgb(249, 156, 41); opacity: 0.8;}
.kk325 {background-color: rgb(250, 135, 35); opacity: 0.8;}
.kk350 {background-color: rgb(251, 114, 29); opacity: 0.8;}
.kk375 {background-color: rgb(252, 93, 23); opacity: 0.8;}
.kk400 {background-color: rgb(253, 72, 17); opacity: 0.8;}
.kk425 {background-color: rgb(254, 51, 11); opacity: 0.8;}
.kk450 {background-color: rgb(255, 41, 5); opacity: 0.8;}
.kk475 {background-color: rgb(255, 21, 0); opacity: 0.8;}
.kk500 {background-color: rgb(255, 0, 0); opacity: 0.8;}

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