BODY { background-color:#000;
    font-family: 'Comfortaa', cursive; padding:0px; margin:0px;
   }
   a{outline: none;}
   table { margin:0px; padding:0px;}
   td, th {margin:0px; padding:0px;}
   form {margin:0px; padding:0px;}
    #top {
    background: #000; /* Цвет фона */     
    margin-bottom: 30px; /* Расстояние между заголовком и колонками */
	text-align:center;
   }
   
   #top a{ /* Верхняя часть с заголовком страницы */font-size: 375%; color: white; font-family: 'PT Sans Narrow', sans-serif; text-decoration:none; font-weight:bold;  padding:0px; /* Поля вокруг текста */ }
   
        #menu { /* Навигация по сайту */
    background: #000; /* Цвет фона */
        	 margin-bottom: 30px; /* Отступ снизу */
	 text-align:center; max-width:970px;  	  
   }
    #menu A {font-family:'Seymour One', sans-serif; font-size:90%; font-weight: normal; color:#e4ae33; padding: 10px;	text-decoration: none; font-weight: bold; display: inline-block;} 
	
	#menu A:hover {color:#FFF;} 
	
	#menu div {display: inline-block;} 
	
	#vmenu ul { margin:0px; padding:0px; list-style:none; width:220px; display:inline-block; }
#vmenu ul li { position:relative; }
#vmenu li ul { position:absolute; top:30px; top:30; display:none; }
#vmenu ul li a { display:block; padding:10px; text-decoration:none; }
#vmenu li:hover ul { display:block; z-index: 20; background-color:#000000; }
#vmenu li:hover p.style1 { color:#FFFFFF}

    
   #content { /* Основное содержание страницы */
    background: #ffffe0; /* Цвет фона */
    border: solid 1px black; /* Параметры рамки */
	border-radius: 8px;
	margin-left:30px;
	margin-right:30px;
       margin-bottom: 30px; /* Отступ снизу */ max-width:970px; 
   }
   
       #bottom { text-align:center; /* Нижняя часть */
    background: #ffffe0; /* Цвет фона */
    border: solid 1px black; /* Параметры рамки */
	border-radius: 8px;
	margin-left:30px;
	margin-right:30px;
	 margin-bottom:15px;
    font-size: 90%; /* Размер шрифта */
    padding: 3px; /* Поля вокруг текста */max-width:970px;
   }
   H1 { /* Заголовок страницы */
    text-align: center; /* Выравнивание по центру */font-family: 'PT Sans Narrow', sans-serif; color:#000000;
    font-size: 150%; /* Размер шрифта */
    font-weight: normal; /* Нормальное начертание */
    padding: 0; /* Убираем значение полей */
	margin-top:15px;	    
   }
   #content P { 
    font-size: 90%; /* Размер шрифта */
    text-align: justify; /* Выравнивание по ширине */
    padding:0px 35px 10px 35px; /* Поля вокруг текста */
    margin:0px; /* Обнуляем отступы */
	text-indent:35px;
   }
   
   #niz { margin-bottom:200px;}
   
   #content P.style5 { text-align:center  }
   #content P.style9 { text-align:center  }
   
   #name { margin-right:10px;}
   #email {margin-right:10px; margin-left:10px;}
   
      
.style1 { font-family: 'Seymour One', sans-serif; font-size: 90%; color:#e4ae33; font-weight: bold; display: block; padding: 10px; transition: .6s; -webkit-transition: .6s; cursor:default; }
.style1:hover { color:#FFFFFF}
.style2 { font-family: 'Comfortaa', cursive; padding:0px; margin:0px; color:#000; }
.style5 { font-size:150%; color:#CC3300; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; z-index:5;}
.style9 { font-size:150%; color:#009900; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; z-index:5;}
a.link13 { font-size:150%; display: inline; color:#959595; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; text-decoration:none;  padding:0; transition: .8s; -webkit-transition: .8s;}
a.link13:hover { color: #FFF;  font-weight: normal; text-decoration: none; transition: .8s; -webkit-transition: .8s;}

a.knopka {font-family: 'Open Sans Condensed', sans-serif; position: relative;
 display: inline-block;
  font-size:150%;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  padding: .6em 2em;
  border-radius: 7px;
  background: #e4ae33;
  margin:15px;
  box-shadow:
   inset 0 0 3px 1px rgba(0,0,0,.8),
   inset rgba(255,255,255,.5)-3px -3px 6px 3px,
   inset rgba(0,0,0,.3)3px 3px 6px 3px,
   1px 1px 1px rgba(255,255,255,.1),
   -2px -2px 5px rgba(0,0,0,.5);
  transition: .8s; -webkit-transition: .8s;
} 
a.knopka:hover { 
  color: rgba(255,255,255,.9);
  background: #b57e07; transition: .8s; -webkit-transition: .8s;}
a.knopka:active { background: #e4ae33;
   }
   
   
   /* --- скроллбар дизайн ---*/ 
 
html, body {
    scrollbar-arrow-color: #1B1B1B; /* Цвет стрелок */
    scrollbar-face-color: #999; /* Цвет полосы прокрутки */
	scrollbar-track-color: #1B1B1B; /* Цвет полосы трека */
    scrollbar-shadow-color: #000; /* Цвет тени */
    scrollbar-highlight-color: #fff;
	overflow-x: hidden;
	    }
 
 ::-webkit-scrollbar { width: 10px; height: 10px;}
 ::-webkit-scrollbar-button { height: 0px; background-color: #666; }
::-webkit-scrollbar-track { background-color: #000; border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-track-piece { background-color: #1B1B1B; border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb { height: 24px; background-color: #999; border-radius: 6px; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.8);}
::-webkit-scrollbar-thumb:hover { height: 24px; background-color: #FFF; border-radius: 6px; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.8);}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer {background-color: #000;}


/* --- конец дизайна скроллбара ---*/