a {
  color: inherit;
  text-decoration: underline;
}

body {
	background-color: #262626;      	
	margin: 0;
	z-index: 1;
/*	background-image: url("/img/bckgr-lp-23-01.jpg");  
	opacity: 0.5;
*/
}




.bckgr {
	background-image: url("/img/bckgr-lp23-02.jpg");  
/*	opacity: 0.1;   */
}




img {
max-width:100%;
max-height:100%;
}

header {
	box-sizing:border-box;
	background-color: lightgray;
	width: 100%;
	height: 100%;
	padding: 15px; 
}


.body {

	background-color: #58595b;
	width: 1200px;
	height: 100%; 
	position: center;
	margin: 0px auto;
	box-shadow: 0 0PX 10px rgba(0,0,0,0.5);

}

.header-in-body {
	box-sizing:border-box;
	margin: 0;
	border: none;
	background-color: black;
	width: 100%;
	height: 20px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
}

.square-01 {
	margin: 0;
	border: none;
	background-color: white;
	width: 300px;
	height: 300px;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.button-upd{
  box-sizing:border-box;
  width: 90px;
  height: 100px;
  position: absolute; /* добавляем абсолютное позиционирование к второму блоку */
  top: 0;
  left: 0;
  background-color: black; 
  padding: 10px;
  font-family: arial;
  font-size: 12px;
  color:#ffff00;
  line-height: 130%;
      opacity: 0.7;
  
}

.rectangle1 {
	box-sizing:border-box;
	margin: 0;
	border: none;
	background-color: #4d4d4f;
	width: 600px;
	height: 600px;
	padding: 50px;
	display: inline-block;
	vertical-align: top;
	font: 11pt arial;
	line-height: 140%;
	color: white; 
	}

.square-logo {
	
/*	background-image: url("E:/Bus/lp2/t3l/www/img/bcgr-y-1.jpg"); */
	box-sizing:border-box;
	margin: 0;
	border: none;
	background-color: yellow;
	width: 300px;
	height: 300px;
	padding: 30px;
	display: inline-block;
	vertical-align: top;
	
}


.square-big {
	margin: 0;
	border: none;
	background-color: white;
	width: 600px;
	height: 600px;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	}


.square-logo2 {
	
/* 	background-image: url("/img/bcgr-y-2.jpg");     */
	box-sizing:border-box;
	margin: 0;
	border: none;
	background-color: yellow;
	width: 300px;
	height: 300px;
	padding: 30px;
	display: inline-block;
	vertical-align: top;
	
}


.bottom-in-body1 {
	box-sizing:border-box;
	margin: 0;
	border: none;
	background-color: black;
	width: 75%;
	height: 250px;
	padding: 40px;
	display: inline-block;
	vertical-align: top;
}
.bottom-in-body2 {
	box-sizing:border-box;
	margin: 0;
	border: none;
	background-color: black;
	width: 25%;
	height: 250px;
	padding: 40px 0px;
	display: inline-block;
	vertical-align: top;
	
}


.under-footer {
	box-sizing:border-box;
	margin: 0;
	border: none;
	background-color: #262626;	
	width: 100%;
	height: 100%;
	padding: 5px;
	display: inline-block;
	vertical-align: top;
font-family: arial;
font-size: 25px;
color:#ffff00;
  text-align: center;
  
  position: relative;
    z-index: -1;
  
}


footer {
	background-color: darkgray;
	/* position: fixed;  Фиксированное положение */
    box-sizing: border-box;
	width: 100%;
	height: 150px;
	padding: 30px;
	margin: 0px auto;
	vertical-align: top;
	
	
	
	
	
	
}
/*
	position: fixed; /* Фиксированное положение 
    left: 0; bottom: 0; /* Левый нижний угол 
    padding: 10px; /* Поля вокруг текста 
    background: #39b54a; /* Цвет фона 
    color: #fff; /* Цвет текста 
    width: 100%; /* Ширина слоя 
   }
*/

.p1 {
	padding: 0px;
	margin: 50px;
}

/*
.logo-style {
	padding: 0px;
	margin: 50px;
}
*/