html {
  overflow: auto;
}

body {
  background: #FFF url(../img/gradient.jpg) repeat-x scroll top left; 
  font: 300 75.1% "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
}

.errors {
   color: red !important;
   font-weight: 600 !important;
}

#PrDay {
   margin: 0 0 10px 0;
   padding: 10px;
   border: 1px dotted #999999;
   border-radius: 5px;
   color: white;
}

#PrDay a {
  color: #05CEF5;
}

.side-bar {
   margin: 0 0 10px 0;
   padding: 10px;
   border: 1px dotted #999999;
   border-radius: 5px;
   background: #FBFBFB url(../img/creampaper.png) repeat scroll top left;
}

.side-bar a {
   font-weight: 300;   
}

.side-bar li.active a, .side-bar li.active {
   font-weight: 600;   
   color: red;
}

.side-bar .blue {
   color: #08c;
}

.side-bar a:hover {
   text-decoration: underline;
   color: red;
}

.br {
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
}

.bnr {
   margin: 0 0 5px 0;
   width: 213px;
}

.bnrpolice {
   text-align:center;
   width:89px; 
   height:119px;
}

.ttl {
   padding: 5px 0;
   margin: 0 0 5px 0;
   text-align: center;
   color: #FFFFFF;
}

.tbg {
 background-color: #F5F5F5;
}

.bg {
   background: #286896; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4Njg5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTM1NjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #286896 0%, #013561 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#286896), color-stop(100%,#013561)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #286896 0%,#013561 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #286896 0%,#013561 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #286896 0%,#013561 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #286896 0%,#013561 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286896', endColorstr='#013561',GradientType=0 ); /* IE6-8 */
   border-radius: 2px;
}

#news {padding: 5px 5px 5px 15px; margin: 10px 0; background-color: #2472B2; color:white; font-weight: 600; font-size: 1.4em; }

.ditto_page, .ditto_currentpage, .ditto_previous_link, .ditto_next_link {padding: 3px 7px; margin: 3px; background-color: #d6e7f1;}
.ditto_currentpage {padding: 3px 7px; margin: 3px; background-color: #F3F4A4; font-weight: 600;}
.introtext .date {background-color: #d6e7f1; padding: 1px 3px; border-radius: 5px;}

.adress, .phone, .email {
   margin: 0;
   padding: 3px 0 3px 20px;
   font: normal normal normal 1.1em "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
   color: #013561;
}

.adress {
   background: url(../img/icon/mail.png) center left no-repeat;
   background-size: 14px;
}
.phone {
   background: url(../img/icon/phone.png) center left no-repeat;
   background-size: 14px;
}
.email {
   background: url(../img/icon/e-mail.png) center left no-repeat;
}

#breadcrumb {
  padding: 0 0 10px 0;
}

.elpriem {
   border-radius: 10px;
   padding: 0 0 10px 0;
}

h1,h2,h3 {
   color: #013561;
}

#content p  {
  text-align: justify;
  text-indent: 20px;
}

#canvas p  {
  text-align: left;
  text-indent: 0;
}

.hronos {
   font-size: 1em;
   text-align: justify;
   text-indent: 20px;
}

header {
   padding: 10px 0;
}

header h1 {
   padding: 5px 0;
   font: normal normal bold 1.9em "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
   color: #1078E6;
   text-shadow: 0px 0px 15px #FFFFFF;

}

.headfoto {
/*   position: relative; */
   border-radius: 10px;
   z-index: 0;
}

.town {
   width: 310px;
   height: 140px;
   background-size: 340px ;
   background: url(../img/town1.jpg) top center no-repeat;
   border-radius: 10px;
}

.logoblk {
   position: relative;
}

.inner {
  padding: 5px;
}

.logo {
   float: right;
   width: 115px;
   height: 140px;
   background: url(../img/logo.png) top left no-repeat;
   background-size: 115px ; 
}

.logo1 {
   top: 16px;
   right: 0px;
   position: absolute;
   z-index: 1;
   background: url(../img/logo.png) top left;
   background-size: 100px ;
   height: 120px;
   width: 100px;
}

.vizblock {
   display: inline-block;
   margin: 15px 0;
   padding: 5px 15px 5px 15px;
   background-color: #FFFFFF;
   color: #000000;   
   border-radius: 5px;
   box-shadow: 2px 2px 5px #666666;
   border: 1px solid #777777;
}

.content {
   padding: 10px 0;
}

.side-title {
   color: #000; 
}

/*
 *  Навигация
 */

.navbar {
   margin: 0;
}

nav {
   padding: 0 5px; 
}

nav li, nav ul {
   margin: 0;
   padding: 0;
   display: inline-block;
}

nav a, nav a:visited {
   display: inline-block;
   font-family: "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
   font-size: 1em;
   padding: 10px;
   color: white;
}

nav a:hover {
   display: inline-block;
   text-decoration: none;
   padding: 10px;
   background-color: #245884;
   color: yellow;
   text-shadow: 1px 1px 2px #000000;
}

nav .active a {
   background-color: #245884;
   color: yellow;
   text-shadow: 1px 1px 2px #000000;
}

footer {
   margin: 10px 0 0 0;
   padding: 10px 0 0 0;
   text-align: center;
}

/*
 * Стилизация карты
 */
#holder {
   height: 480px;
   left: 50%;
   margin: -240px 0 0 -320px;
   position: absolute;
   top: 50%;
   width: 640px;
}
#canvas {
   top: 10px;
   height: 340px;
   position:relative;
   width: 695px;
}
#paper {
   height: 300px;
   left: 0;
   position: absolute;
   top: 0;
   width: 300px;
   color: red;
}
#canvas p {
   margin: 5px;
   padding: 0;
   color: #222222;
}
#canvas strong {
   font-weight: 600;
   color: #000000;
}
#klimovo, #klimrai, #lbuda, #mitkovka, #sbuda, #plavna, #istopki, #sachkovotchi, #brakhlov, #nropsk, #chelkhov, #kamhutor, #churovitchi, #kirillovka, #horomnoe, #nyurkovitchi, #glf {
   display: none;
   height: 400px;
   overflow: auto;
   position: absolute;
   right: 0;
   top: 0;
   width: 300px;
}
h2 {
   font-size: 1.5em;
   text-align: center;
   line-height: 1.2em;
   padding-bottom: 5px;
}
/*
*  СТИЛИЗАЦИЯ ССЫЛОК НА ДОКУМЕНТЫ
*/

a[href$=".doc"].file{ 
  padding-left: 22px;
  background: url('fdoc.png') left center no-repeat; 
} 

a[href$=".pdf"].file { 
  padding-left: 22px;
  background: url('fpdf.png') left center no-repeat; 
} 

a[href$=".xls"].file{ 
  padding-left: 22px;
  background: url('fxls.png') left center no-repeat; 
} 

a[href$=".rar"].file{ 
  padding-left: 22px;
  background: url('frar.png') left center no-repeat; 
} 

a[href$=".zip"].file { 
  padding-left: 22px;
  background: url('fzip.png') left center no-repeat; 
} 

a.ext[href^="http"]:not([href*="kladm.ru"]) { 
  padding-right: 15px;
  background: url('extlnk.gif') right center no-repeat; 
} 

			#russianpost .table-small {
				font: normal normal normal 0.8em Arial, sans-serif;
			}
			#russianpost .table-small td {
				text-align: center;
			}
			#russianpost .tab-content p {
				text-align: justify;
				text-indent: 20px; /* Отступ первой строки в пикселах */
                        }
                        
#cookie_notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 900px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 25px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_notification p{
  margin: 0;
  font-size: 0.7rem;
  text-align: left;
  color: $color_text;
}


@media (min-width: 576px){
  #cookie_notification.show{
    display: flex;
  }
  .cookie_accept{
    margin: 0 0 0 25px;
  }
}

@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
    text-align: left;
  }
  .cookie_accept{
    margin: 10px 0 0 0;
  }
}