body {	background-image: url(../../img/back.jpg);
font-size: 14pt; /* Размер шрифта в пунктах */}
	
.style32 {
color: #3d6eeb
}


.slideshow {
height: 232px; width: 232px;
}


.style52 
{
font-size: 18px
}

.style56 
{
color: #0000CC
}

.style57 {
font-size: 36px;
	font-weight: bold;
	color: #8B4513;
	}
	
.style58 {
color: #660000;
font-size: 20px;
}

.ol {
color: #660000;
font-size: 20px;
}

.ol li {
color: #660000;
font-size: 20px;
}


.li {
color: #660000;
font-size: 20px;
}

.style59 {
font-size: 20px; 
color: #8B4513; /* коричневый */
font-weight: bold;
}

.style60 {
color: #0000CD; font-weight: bold;
}

.style61 {
        font-size: 20px; 
	font-weight: bold;
	color: #0000CD; /* синий */
	}

.style62 {
color: #006400; /* зелёный */
font-weight: bold;
}

.style63 {
color: #000000; /* чёный */
font-weight: bold;
font-style: italic;
}

.ssulk {background-color:#39454b;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:10px 20px;
    padding-right:50px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%);
    border-radius: 5px;
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #322620, 0px 10px 5px #999;
}

.ssulk:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 50%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}

.ssulk::before {
    background-color:#E9967A;
    background-repeat:no-repeat;
    background-position:center center;
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #39454b, 0px 1px 0px #827066;
}

.ssulk:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

.stylebut, stylebut:hover {
	text-decoration: none;
}

.sleft
{
margin-left: 20px;
position: absolute;
padding: 5px;
}

.sraid {
	margin-left: 820px;
	position: absolute;
	padding: 5px;

}
        /*----меню  ---*/

/*rozmir osnovnoji knopky*/    
ul#navWrapper {
      font-size: 17px;
      border: 0 black dashed;
      margin-left: -39px;
      float: left;
	  width: 410px;
    }
        
ul#navWrapper li {
      border: 0 red dashed;  
      margin-top: 17px;
      list-style: none;
      margin-right: 0.75em;
      background-color: #DDD;
      padding: 0 0.25em;  
      border-radius: 4px;
      box-shadow: 3px 3px 6px 1px #333;
    }
    
ul#navWrapper li li {
      border: 0 blue dashed;    
      float: none;
      margin-left: -4px;
      margin-top: 3px;
      width: 390px;
    }

ul#navWrapper li li:first-child { 
      margin-top: 4px;
    }

 /*--vidstan do vypad menu--*/
 ul#navWrapper ul {
	 top: -24px;
     left: 360px;
     display: none;
     position: relative;
     background-color: #FFF; /* For non-CSS3 browsers. */
     background-color: rgba(255, 255, 255, 0);
    }
    
 /*--Выпадение меню активно--*/
 ul#navWrapper li:hover ul {
      display: block;
    }

 /*--Шришт подменю жирный--*/
    ul#navWrapper a {
      font-weight: bold;
    }
    
 /*--Фиксация основного меню при наведении курсора--*/
    ul#navWrapper li:hover {
     background-color: #8C8D61;
     height: 50px;
	 /* width: 320px;*//*--Эффект фоно для подменю--*/
  }    
  
    /*--Расмещение меню на странице--*/
    
    div#banner {
      border: 1px black solid;
      border-radius: 4px;    
      clear: both;
      height: 4em;
      background-color: rgb(85, 126, 185); /* For non-CSS3 browsers. */
      background-image: -webkit-radial-gradient(100% 0%, circle cover, rgb(104,24,136) 0%, rgb(85,126,185) 100%);
      background-image: radial-gradient(circle at 100% 0%, rgb(104,24,136) 0%, rgb(85,126,185) 100%); /* IE10 and later */
    }
	
	
	
.navimg
{
  float: left;
  padding: 5px 10px 80px 20px;

}
.navmenu1 {
  position: relative;
  top: 15px;
}

.navimg-1
{
  padding: 0 5px 5px 5px;

}

.navimg-2
{
  text-align: center;
  
}

.leftimg {
    float:left; /* Выравнивание по левому краю */
    padding: 20px 10px 20px 30px; /* Отступы вокруг картинки */
}

.rightimg {
    float:right; /* Выравнивание по правому краю */
    padding: 20px 10px 20px 30px; /* Отступы вокруг картинки */
}


/*** Колонки ***/
.column {
    -webkit-columns: 200px 3;
    -moz-columns: 200px 3;
    column: 200px 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
    padding: 0 0 0 30px; /* Отступы текста */
   }