html {background: url('img/lep6.jpg') no-repeat center bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}   
  
body {
    margin: 0; /* убираем поля тега BODY */
   }
    
/* для блока 1 - шапка */
#shapka{
  text-align: right; /* Выравнивание внутреннего контента по левому краю */
  width: 100%; /* Ширина блока и общая ширина*/
  vertical-align: middle;
  height: 200px; /* Высота блока */
  margin-right: 0; /* Авто-отступ справа */
  margin-left: 0; /* Авто-отступ слева */
  padding: 0px; /* Внутренние поля вокруг содержимого */
}

/* для блока m - меню */
#menu{
  text-align: right; /* Выравнивание внутреннего контента по левому краю */
  width: 100%; /* Ширина блока и общая ширина*/
  height: 100px; /* Высота блока */
  margin-right: auto; /* Авто-отступ справа */
  margin-left: auto; /* Авто-отступ слева */
  padding: 0px; /* Внутренние поля вокруг содержимого */
}

/* для контейнера */
#container {
  width: 100%; /* Ширина слоя или ширина макета+20px */
  margin-right: 0; /* Авто-отступ справа */
  margin-left: 0; /* Авто-отступ слева */
 }
/* для блока 2 - меню */
#icon {
  width: 250px; /* Ширина слоя */
  text-align: center; 
  float: left; /* Обтекание с соседним слоем */ 
  color: white; /* Цвет текста */
  padding: 10px; /* Внутренние поля вокруг содержимого */
 }
 
 /* для блока 3 - контент */
#content { /* Правая колонка*/ 
    width: auto; /* Ширина слоя */
    text-align: justify;
    margin-left: 250px; 
    text-indent: 20px; 
    padding: 10px; /* Внутренние поля вокруг содержимого */
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
    line-height: 30px;  
   }
   
/* для блока 4 - подвал */
#bottom{
	width:100%; /* Ширина слоя */
  position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 10px; /* Поля вокруг текста */ 
	clear:left; /* возвращаем блочность и располагаем слой слева */
	padding: 0px; /* Внутренние поля вокруг содержимого */
	text-align: right;
  font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
	margin-right: 0; /* Авто-отступ справа */
    margin-left: 0; } /* Авто-отступ слева */
    
    
A IMG { border: none; }

.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in; display: none; pointer-events: none;}


	.modalDialog:target { display: block; pointer-events: auto; }
  .modalDialog > div { width: 566px; position: relative; margin: 0 auto; top: 50%; transform: translateY(-50%); border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); }
  
  .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: 10px; width: 24px; text-decoration: none; font-weight: bold;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }
  
  .close:hover { background: #3366cc; }
  
  .modalDialog2 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in; display: none; pointer-events: none;}


	.modalDialog2:target { display: block; pointer-events: auto; }
  .modalDialog2 > div { width: 566px; position: relative; margin: 0 auto; top: 50%; transform: translateY(-50%); border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); }
  
  .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: 10px; width: 24px; text-decoration: none; font-weight: bold;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }