body{
  font-family: Cambria; 
  color: #0f243e; /*#9b9199;  17365d  0f243e*/
}

header {
overflow: hidden;
/*height: 190px;*/
box-shadow:  0 10px 8px -10px #0f243e;/*rgba(0,0,0,0.8);*/
border-bottom: 20px solid #0f243e;/*rgb(45, 45, 45);*/
}

ul {
  padding-left: 1em; /* Убираем поля */    
  list-style-position: outside;
}

.wrapper {
  margin: 0px auto;
  max-width: 1200px;
  padding-right: 310px;
  background-color: white;
}
.pravo { /* боковая колонка прижата к правому углу */
  float: right;
  margin-right: -10px;
  background-color: #febf19;
}
aside { 
  width: 300px;
  position: fixed; /* перемещается вместе с прокруткой страницы */
  top: 1em;  /*(190px)9em = шапке сайта */
  z-index: 101;
  background-color: #febf19;
  height: 436px;
  box-shadow:  0 10px 8px -10px #0f243e;/*rgba(0,0,0,0.8);*/
  border-bottom: 20px solid #0f243e;/*rgb(45, 45, 45);*/
}

footer{
  margin-top: 2em;
  padding-top: 0.5em;
  border-top: 2px solid #0f243e;
  height: 50px;
}

#name{
  position: fixed;
  left: 4.5em;
  top: 0;
  font-size: 4.5em;
  font-weight: bold;
}

.bold{
  font-weight: bold;
  clear: both;
}

.offset{
  padding-left: 1.5em;
}

h2 a{
  color: #0f243e;
  text-decoration: none;
}

h2 a:hover{
  text-decoration: underline;
}

a{
  color: #0f243e;
}

#top{
  top: 1em;
  box-shadow:  0 10px 8px -10px #0f243e;/*rgba(0,0,0,0.8);*/
  border-bottom: 20px solid #0f243e;/*rgb(45, 45, 45);*/
}