BODY {
     background: #E0E0FF;
     background: white;
     color: black;
     font-family: Arial Narrow, sans-serif;
     margin-top: 10pt;
     margin-left: 10pt;
     margin-right: 10pt;
  }
  A:link {
     color: blue;
     text-decoration: none;
  }
  A:visited {
     color: #9863BB;
     color: darkblue;
     color: blue;
     text-decoration: none;
  }

  A:hover {
     background-color: #BEBEFF;
     text-decoration : none;
  }
  /* класс nocolor: при наведении на картинку сменить #BEBEFF на фон BODY */
  A:hover.nocolor {
     background: white;
  }

  A:active {color: purple; text-decoration: none;}

  #search input {
    border-width: thin;
    border-color: #ccccff;
    border-color: #666699;
    background-color: #E0E0FF;
    color: #4030B0;
    color: #666699;
    margin-top: 0.1px;
    margin-bottom: 2px;
    margin-left: 5pt;
    margin-right: 5pt;
  }
  P {
     text-align:justify;
     margin-top:5pt;
     margin-bottom:1pt;
  }
  P.left {
     text-align:left;
     margin-top:5pt;
     margin-bottom:1pt;
  }
  P.e {
     text-align:left;
     margin-left:1pt;
     margin-right:1pt;
     margin-top:10pt;
     margin-bottom:1pt;
  }
  .darkfon {
    height: 97px;
    width: 164px;
    width: 170px;
    background-color: #C8C8F8;
    background: white;
    float: left;
    text-align: center;
    margin-top: 6pt;
  }
  .headtxt {
    height: 97px;
    float: left;
    margin-left:10pt;
    margin-right:5pt;
    margin-top:7pt;
  }
  #header {
    height: 97px;
    height: 110px;
    background: url(/Images/panorama.gif) right no-repeat;
    background: url(/Images/panorama2.jpg) right no-repeat;
    background: url(/Images/panorama3-1.jpg) right no-repeat;
    overflow: hidden;
    margin-right: 5pt;
  }
	#elka,#fevr23,#mart8,#may9{display:block}
	#elka{width:144px;height:110px;background:#fff url(/Images/elka-new.gif) center no-repeat;float:left;overflow:hidden;margin:auto 0;box-shadow:10px 0 15px 15px #fff}
	#fevr23{width:144px;height:81px;background:url(/Images/23fevralya.png) center no-repeat;float:left;overflow:hidden;margin:15px 0;box-shadow:10px 0 15px 15px #fff}
	#mart8{width:121px;height:97px;background:url(/Images/8-marta.jpg) center no-repeat;float:left;overflow:hidden;margin:10px 0;box-shadow:10px 0 15px 15px #fff}
	#may9{width:144px;height:81px;background:url(/Images/9May-s.jpg) center no-repeat;float:left;overflow:hidden;margin:15px 0;box-shadow:10px 0 15px 15px #fff}
  
  H3,H4,H5,H6 {
    color: #800080;
    background-color: #BEBEFF;
    background-color: #C8C8F8;
  }
  H3.c,H4.c,H5.c,H6.c {
     background-color: #BEBEFF;
     background-color: #C8C8F8;
     text-align:center;
  }
  EM { font-style: normal;
       font-weight: bold;
       color: #4030b0;
       background-color: #CCCCFF;
       background-color: #C8C8F8;
  }
  .caption {
     color: #666699;
     font-size: 90%;
     width: 221px;
     text-align: center;
  }
  .mymenu {
     color: #4030b0;
     font-size: 90%;
     font-weight: bold;
     text-align: center;
     white-space: nowrap;
  }
  input.button {
    font-size: 90%;
    padding: 0;
    background-color: #CEE0FF;
  }
  .boxpre {
     padding-left:20pt;
     padding-right:20pt;
     background: white;
     font-weight: bold;
     border: solid thin;
     margin-left:20pt;
     margin-right:20pt;
  }
  .tabl {
     background: rgb(224,224,255);
     padding-left:20pt;
     padding-right:20pt;
     border: solid thin;
     margin-left:20pt;
     margin-right:20pt;
  }
  .swcod {
     padding-left:5pt;
     padding-right:5pt;
     padding-bottom:2pt;
     background:#FFCC33;
  }
  OL {
     text-align: left;
     list-style-type:decimal;
     margin-right:20pt;
     margin-top:5pt;
     margin-bottom:5pt;
  }
  UL {
     text-align: left;
     margin-right:20pt;
     margin-top:5pt;
     margin-bottom:5pt;
  }
  DL {
     text-align: left;
     margin-left:20pt;
     margin-right:20pt;
     margin-top:5pt;
     margin-bottom:5pt;
  }
  .dviol {
     background-color: #CCCCFF;
  }
  .viol {
     background-color: #C8C8F8;
     background-color: #E0E0FF;
     background-color: #CEE0FF;
  }
  TH.grey {
     background: rgb(224,224,224);
  }
  TD.grey {
     background: rgb(224,224,224);
  }
  div.frm {
     border-style: solid;
     border-width: thin;
     border-color: black;
  }

  .dot {border-bottom:1px dotted #bbbbbb}
  .dot {border-bottom:1px dotted #ff0000}


#slider-gallery{position:relative;width:100%;max-width:max-content;min-width:min-content;text-align:center}
#slider-gallery .pictures img{width:100%;max-width:1080px;min-width:320px;border:2px solid #c8c8f8;box-sizing:border-box;display:none}
#slider-gallery .pictures img:first-child{display:block}
#slider-gallery .pictures{margin:15px 30px}
#slider-gallery .buttons{position:absolute;top:calc(50% - 30px);width:100%}
#slider-gallery .prev,#slider-gallery .next{cursor:pointer;border-radius:50%;font-size:30px;padding:0 5px;background-color:#a020b0;color:#fff;border:3px solid #fff}
#slider-gallery .prev{float:left}
#slider-gallery .next{float:right}
#slider-gallery .prev::before,#slider-gallery .next::before{font-weight:normal;font-family:FontAwesome !important}
#slider-gallery .prev::before{content:"\f137"}
#slider-gallery .next::before{content:"\f138"}
#slider-gallery .dots span:first-child{background:#a020b0;border-color:#a020b0}
#slider-gallery .dot{display:inline-block;width:10px;height:10px;margin:0 2px;border-radius:50%;background:#fff;border:2px solid #c8c8f8}

#slider-gallery2{position:relative;width:100%;max-width:max-content;min-width:min-content;text-align:center}
#slider-gallery2 .pictures2 img{width:100%;max-width:1080px;min-width:320px;border:2px solid #c8c8f8;box-sizing:border-box;display:none}
#slider-gallery2 .pictures2 img:first-child{display:block}
#slider-gallery2 .pictures2{margin:15px 30px}
#slider-gallery2 .buttons2{position:absolute;top:calc(50% - 30px);width:100%}
#slider-gallery2 .prev2,#slider-gallery2 .next2{cursor:pointer;border-radius:50%;font-size:30px;padding:0 5px;background-color:#a020b0;color:#fff;border:3px solid #fff}
#slider-gallery2 .prev2{float:left}
#slider-gallery2 .next2{float:right}
#slider-gallery2 .prev2::before,#slider-gallery2 .next2::before{font-weight:normal;font-family:FontAwesome !important}
#slider-gallery2 .prev2::before{content:"\f137"}
#slider-gallery2 .next2::before{content:"\f138"}
#slider-gallery2 .dots2 span:first-child{background:#a020b0;border-color:#a020b0}
#slider-gallery2 .dot2{display:inline-block;width:10px;height:10px;margin:0 2px;border-radius:50%;background:#fff;border:2px solid #c8c8f8}