/* стили верхнего колонтитула header
----------------------------------------- */
#header-wrapper {
background:url(../images/notebook_header_ch.png) no-repeat;
height:110px;
padding:24px 50px 0 75px;
position:relative;}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;}
#header {
margin: 0px;
color:#666666;}
#header h1 {
margin: 0px;
font-family:Droid Serif, Georgia, serif;
font-weight:bold;
font-size:30px;
color:#0C211A;
text-shadow:1px 1px #fff;
letter-spacing:-2px;
padding:0;
line-height:40px;}
#header a {
color:#666666;
text-decoration:none;border:none;  }
#header a:hover {  color:#666666;  }

/* стили слогана
----------------------------------------- */
#header .description {
margin: 0px;
padding:0px;
font-size:10px;
color:#666;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif; }


   
   
/* стили кнопка навигации
----------------------------------------- */

.topnav #myLinks {
  display: none;
  position: absolute;         /* позиционируется относительно ближайшего родительского элемента */
  cursor: pointer;            /* форму курсора, когда он находится в пределах элемента. */
  height:42px;                /* высота кнопки*/
  border-radius: 3px;         /* радиус углов кнопки */
  right: 136px;               /* отступ справа совпадает с началом кнопки */
  top: 31px;                  /* отступ сверху кнопки */


}

.topnav a {
  float: right;
  padding: 10px 12px;         /*высота от верха кнопки и растояние между кнопками*/
  font-size: 20px;            /*высота шрифта*/
  border-radius: 3px;         /* радиус углов кнопки */
  background-color:#c0c0c0;   /* Цвет символа */
}

/* настройка кнопки меню */
.openbtn {
  position: absolute;          /* позиционируется относительно ближайшего родительского элемента */
  background:#696969;          /*Цвет кнопки серый*/
  cursor: pointer;             /* форму курсора, когда он находится в пределах элемента. */
  width: 50px;                 /* ширина кнопки */
  height:42px;                 /* высота кнопки*/
  border-radius: 3px;          /* радиус углов кнопки */
  right: 90px;                 /* отступ справа кнопки */
  top: 31px;                   /* отступ сверху кнопки */
}

/* настройка полос кнопки меню */
.openbtn span{
    display: inline-block;     /* разрешение устанавливать ширину и высоту элемента */
    position: absolute;        /* позиционируется относительно ближайшего родительского элемента */
    height:3.5px;              /* ширина полосы */
    width: 30px;               /* длина полосы */
    background: #fff;          /* цвет полосы */
    left: 10px;                /* отступ от края кнопки слева */
  }

/* span (1)расположение первой полосы относитель верхней границы кнопки */
.openbtn span:nth-of-type(1) {
    top:10px;	
}

/* span (2)расположение второй полосы относитель верхней границы кнопки */
.openbtn span:nth-of-type(2) {
    top:20px;
}

/* span (3)расположение третей полосы относитель верхней границы кнопки */
.openbtn span:nth-of-type(3) {
    top:30px;
}