@import url(reset.css);
/* Базовый стил для адаптивной картинки */
img {
  width: 100%;
  height: auto;
}
* {
  margin: 0;
  padding: 0;
	}
	html,body {
	  height: 100%;
	}
	.wrapper {
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	}
	.content {
	  flex: 1 0 auto;
	}
	.footer {
	  flex: 0 0 auto;
	  background-color:#060000;
	}



body {
font-family:  Arial, Tahoma, Geneva, Helvetica, sans-serif;
color: #000;
font-size: 20px;		/*основной текст 18*/
background-color: #f1f1f1;
outline:0px solid #000000;
line-height: 1.2;
text-align: left;
}

	h2{	
	font-size: 32px;
	text-align:center;			
	font-weight: normal;
	}
	h3{	
	font-size: 32px;
	text-align:left;			
	font-weight: normal;
	padding-bottom:30px;
	}


.wrapper{
	height:auto;
	outline:0px solid #322FF1; /*синий*/
	width:1024px;
	margin:0 auto;
	box-shadow: 4px 0 4px -1px rgba(192, 192, 192, 0.8),
                -4px 0 4px -1px rgba(192, 192, 192, 0.8);
}

	.content{
	background-color:#ffffff;
	outline:0px solid #F180E2;
	top:0px;
	margin:0 auto;
	width:1024px;
	padding-bottom:30px;
	}
	.footer{		
		color:#fff;
		height:140px;
		background-color:#425563;
		padding: 18px 0;
		text-align: center;
	}

.top{
	outline:0px solid #B34EE9;  
	width:1024px;
	height:855px;	
}	
#topLine{
	width:1024px;
	height:170px;
	background-color: #425563;
	opacity: 0.90; 
	position:relative;
	z-index: 10;
}
#foto{
		width:1024px;
		height:855px;
		background-image:url('../images/foto.jpg');
		position:absolute;
		top:0;
		position:absolute;
		z-index: 5;
	}

	.logo1{
	width:139px;
	height:136px;
	background-image:url('../images/LogoHPE.png');
	background-repeat: no-repeat;	
	float: left;
	margin:15px 0px 0px 40px;
	position:relative;
	z-index: 1000;
	}

	.logo2{
	width:113px;
	height:138px;
	background-image:url('../images/LogoAMP.png');
	background-repeat: no-repeat;
	float:right;
	margin:15px 40px 0px 0px;
	position:relative;
	z-index: 1000;
	}

#Block1{
background-color:#E6E6E7;
width:944px;
padding:30px 40px 30px 40px;
outline:0px solid #FFDD00;  /*желтый*/
}	
	
#Block2{
outline:0px solid #FFDD00;  /*желтый*/
width:944px;
display: inline-block;
position: relative;
margin-left:40px;
}

#per1{
	outline:0px solid #FF00AE;  /*розовый*/
	width:450px;	
	float:left;
}
	#foto1{
	width:448px;
	height:320px;
	background-image:url('../images/foto1.png');
	background-repeat:no-repeat;
	}
	#foto2{
	width:448px;
	height:350px;
	background-image:url('../images/foto2.png');
	background-repeat:no-repeat;	
	}
	#foto3{
	width:448px;
	height:350px;
	background-image:url('../images/foto3.png');
	background-repeat:no-repeat;	
	}
	#foto4{
	width:448px;
	height:300px;
	background-image:url('../images/foto4.png');
	background-repeat:no-repeat;	
	}
	#foto5{
	width:448px;
	height:300px;
	background-image:url('../images/foto5.png');
	background-repeat:no-repeat;	
	}
	#foto6{
	width:448px;
	height:300px;
	background-image:url('../images/foto6.png');
	background-repeat:no-repeat;	
	}
	
	
	
	
	
	#knopka1{
		position:absolute;bottom:0;
		outline:0px solid #322FF1;
		width:200px;
		height:50px;
		background-color:#425563;
		color:#fff;
		font-size:24px;
		font-weight: bold;
		text-align:center;
		padding:15px 30px 0px 30px;
		left:190px;  /*(ширина per1(450px) - ширина кнопки (200px)-padding (30px+30px)*/
	}
	
	#knopka1:hover, #knopka2:hover {
	 outline:2px solid #425563;
	 }

	#knopka2{
		position:absolute;bottom:0;
		outline:0px solid #322FF1;
		width:200px;
		height:50px;
		background-color:#425563;
		color:#fff;
		font-size:24px;
		font-weight: bold;
		text-align:center;
		padding:15px 30px 0px 30px;
	}

#per2{
	width:450px;				
	outline:0px solid #00FFA9; /*зеленый*/
	float:right;
}

	#text11{
	}
#bt1{
	width: 1024px; 
	height:24px;
	background-color: #2AD2C9;
	margin:30px 0px 30px 0px;
}

#bt2{
	width: 1024px; 
	height:24px;
	background-color: #FF8D6D;	
	margin:30px 0px 30px 0px;
}	

a{
	text-decoration:none; 
	color:#fff;
}