* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}
td {
	padding: 5px;
}
body {
  font-family:'OpenSans', Arial, sans-serif; /*ClearSansBold*/
  height: 100%;
  background-color: white;
}
a {
  color: #fff;
  outline: none;
  text-decoration: underline;
}
p { 
    padding: 10px 0 10px 0;
}
img {
  max-width: 100%;
  height: auto;
}
/* Top menu */
.top-menu {
/*    color: #dcdcdc;*/
/*    background-color: #e6e6fa;*/
	background-color: #000000;
    box-shadow: 0 0 20px rgba(0,0,0,.4);
    min-height: 48px;
    margin: 0 0 0 0;
}
.block {
    margin: 0 auto 0 20px;
    min-height: 48px;
}
.block ul {
    list-style-type: none;
    position: relative;
    top: 10px;
}
.block ul li {
    float: left;
/*    margin: 0 20px 0 0;*/
	padding-right: 15px;
	font-family: "OpenSans", Arial, sans-serif;
    font-size: 0.9em; /* font-size: 14px; */
	font-weight: bold;
    line-height: 28px;
    text-transform: uppercase;
}
.block ul li a{
    text-decoration: none;
}
/*// Top menu */

/* Варианты заголовков H-1-2-3 */
.tipe_h1 {
    font-size: 2em; /*42px;*/
	color: silver;
    line-height: 50px;
    font-family: "IntroRegular";
    margin: 20px 0px 40px 0px;
    text-transform: uppercase;
}
.tipe_h1a {
    font-size: 2.4em; /*font-size: 38px;*/
	color: black;
	text-align: center;
    line-height: 30px;
    font-family: Arial, sans-serif;
/*    font-family: "IntroRegular";*/
    margin: 50px 0px 0px 0px;
    text-transform: uppercase;
}

.tipe_h2 {
    font-size: 2.2em; /* font-size: 36px; */
    line-height: 30px;
	text-align: center;
/*	color: #00aeef; */
	color: DarkSlateGrey;
    font-family: Arial, sans-serif;
/*font-family: "IntroRegular";	*/
    margin: 20px 0px 0px 0px;
	padding-bottom: 15px;
    text-transform: uppercase;
}
.tipe_h3 {
    font-size: 1.1em; /* font-size: 16px; */
	color: DarkSlateGrey;
    line-height: 20px;
    font-family: "OpenSans", Arial, sans-serif;
	text-align: center;
/*    margin: 20px 0px 40px 0px;*/
    text-transform: uppercase;
}
/*//*/
/* Разделы */
.tops {
    font-size: 1.6em; /* font-size: 24px; */
    line-height: 30px;
	text-align: center;
	color: #00aeef;
    font-family: "IntroRegular";
    margin: 20px 0px 40px 0px;
    text-transform: uppercase;
}
/* Bottom menu */
.bottom-menu {
    color: #dcdcdc;
    background-color: #dcdcdc;
    height: 48px;
/*    margin: 0 0 5px;*/
}
/*
.wrapper {
  width: 100%;
  min-width: 1000px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
*/
.wrapper {
  width: 100%;
  max-width: 1000px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

.middle {
  margin: 0 auto 0 50px;
  padding: 0 0 80px;
  height: 1%;
  position: relative;
}
.container {
  width: 100%;
  float: left;
  overflow: hidden;
}
.container1280{
  width: 100%;
  max-width: 1260px;
/*  width:  1260px;*/
  margin: 0 auto;
/*  background: url(/images/ramma.png) no-repeat;*/
/*  max-width:1260px;*/
}
.container1480{
  width: 100%;
  max-width: 1460px;
/*  width:  1460px;*/
  margin: 0 auto;
}
.container2040{
  width: 100%;
  max-width: 2020px;
/*  max-width:2020px;*/
}
.content-block {
  padding: 0 0 50px 354px;
}

.tipe_a {
    font-size: 1em; /*14px;*/
	color: DarkSlateGrey;
    line-height: 20px;
    font-family: "OpenSans", Arial, sans-serif;
	text-align: center;
}

/* Вставка строки-прилипалы)) 11.09.17*/
.sticky-content{
  background-color: #e9f4f5;
}

.sticky-content.fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index:1;
}
/* включение hpesynergy в строку-прилипалу*/
.top-logoHPE {
	float:left;
	width:150px;
	height:21px;
	background:url(/images/logosynergy.png) no-repeat 0 0 / contain;
	opacity:1;
	margin:12px 6px 0 20px;
}

.fixed .top-logoHPE {
	opacity:0;
}
/* включение лого в строку-прилипалу*/
.top-logo {
	float:left;
	width:50px;
	height:21px;
	background:url(/images/minilogo.png) no-repeat 0 0 / contain;
	opacity:0;
	margin:12px 6px 0 -120px;
}

.fixed .top-logo {
	opacity:1;
}
/* включение номера телефона в строку-прилипалу*/
.phone {
	float:right;
	width:150px;
	height:21px;
/*	background:url(/images/logophone.png) no-repeat 0 0 / contain;*/
	opacity:0;
	margin:12px 20px 0;
}

.fixed .phone {
	opacity:1;
}

.head-owl {
    height: 200px;
/*    background: url(/images/like01.jpg) no-repeat 50% 0;*/
/*	background: url(/images/HPE_Synergy_Datacenter-01.jpg) no-repeat 0% 0;*/
/*	background: url(/images/Synergy_Left_Hat.png) no-repeat 0% 0;
	background-size: auto;
	background-position: bottom left;*/
/*	background: url(/images/Synergy_Left_Hat.png) no-repeat 100% 0;*/
    margin: 0 0 0px;
}
.head-like02 {
    height: 140px;
    padding-top: 50px;
    background: url(/images/like02.jpg) no-repeat 50% 0;
    margin: 0 0 70px;
}
.head-like03 {
    height: 140px;
    padding-top: 50px;
    background: url(/images/like03.jpg) no-repeat 50% 0;
    margin: 0 0 70px;
}
.head-like04 {
    height: 140px;
    padding-top: 50px;
    background: url(/images/like04.jpg) no-repeat 50% 0;
    margin: 0 0 70px;
}
.head-like05 {
    height: 140px;
    padding-top: 50px;
    background: url(/images/like05.jpg) no-repeat 70% 65%;
    margin: 0 0 70px;
}
.head-like06 {
    height: 140px;
    padding-top: 50px;
    background: url(/images/like06.jpg) no-repeat 20% 15%;
    margin: 0 0 70px;
}
#subheader {
    min-height: 70px;
    padding-top: 10px;
/*    background: url(/images/like03.jpg) no-repeat 50% 0;*/
	 background: Gainsboro;
/*background: #d1e5fa;*/
    margin: 0 0;
	border-top: 1px solid;
}
.subheader2 {
    min-height: 70px;
    padding-top: 10px;
/*    background: url(/images/like03.jpg) no-repeat 50% 0;*/
	 background: Gainsboro;
/*background: #d1e5fa;*/
    margin: 0 0;
	border-top: 1px solid;
}
.miniheader {
    min-height: 70px;
    padding-top: 10px;
	 background: Gainsboro;
    margin: 0 0;
	border-top: 1px solid;
}
.arrow-left {
    margin-left: 10%;
}
.arrow-left {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid Gainsboro;
}

/* Код подключения шрифта */

	@font-face {
			font-family: "IntroRegular";
			src: url("fonts/IntroRegular/IntroRegular.eot");
			src: url("fonts/IntroRegular/IntroRegular.eot?#iefix")format("embedded-opentype"),
			url("fonts/IntroRegular/IntroRegular.woff") format("woff"),
			url("fonts/IntroRegular/IntroRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "IntroInline";
			src: url("fonts/IntroInline/IntroInline.eot");
			src: url("fonts/IntroInline/IntroInline.eot?#iefix")format("embedded-opentype"),
			url("fonts/IntroInline/IntroInline.woff") format("woff"),
			url("fonts/IntroInline/IntroInline.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "OpenSansRegular";
			src: url("fonts/OpenSansRegular/OpenSansRegular.eot");
			src: url("fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
			url("fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
			url("fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "OpenSansLight";
			src: url("fonts/OpenSansLight/OpenSansLight.eot");
			src: url("fonts/OpenSansLight/OpenSansLight.eot?#iefix")format("embedded-opentype"),
			url("fonts/OpenSansLight/OpenSansLight.woff") format("woff"),
			url("fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "OpenSansItalic";
			src: url("fonts/OpenSansItalic/OpenSansItalic.eot");
			src: url("fonts/OpenSansItalic/OpenSansItalic.eot?#iefix")format("embedded-opentype"),
			url("fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"),
			url("fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "OpenSansBold";
			src: url("fonts/OpenSansBold/OpenSansBold.eot");
			src: url("fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"),
			url("fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
			url("fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "ClearSansRegular";
			src: url("fonts/ClearSansRegular/ClearSansRegular.eot");
			src: url("fonts/ClearSansRegular/ClearSansRegular.eot?#iefix")format("embedded-opentype"),
			url("fonts/ClearSansRegular/ClearSansRegular.woff") format("woff"),
			url("fonts/ClearSansRegular/ClearSansRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "ClearSansBold";
			src: url("fonts/ClearSansBold/ClearSansBold.eot");
			src: url("fonts/ClearSansBold/ClearSansBold.eot?#iefix")format("embedded-opentype"),
			url("fonts/ClearSansBold/ClearSansBold.woff") format("woff"),
			url("fonts/ClearSansBold/ClearSansBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
@font-face {
    font-family: "HPESimpleWeb-Regular";
    src: url("fonts/hpe/HPESimpleWeb-Regular.eot");
    src: url("fonts/hpe/HPESimpleWeb-Regular.eot#iefix") format("embedded-opentype"),
         url("fonts/hpe/HPESimpleWeb-Regular.woff2") format("woff2"),
         url("fonts/hpe/HPESimpleWeb-Regular.woff") format("woff"),
         url("fonts/hpe/HPESimpleWeb-Regular.ttf") format("truetype"),
         url("fonts/hpe/HPESimpleWeb-Regular.svg#HPESimpleWebRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "HPESimpleWeb-Oblique";
    src: url("fonts/hpe/HPESimpleWeb-Oblique.eot");
    src: url("fonts/hpe/HPESimpleWeb-Oblique.eot#iefix") format("embedded-opentype"),
         url("fonts/hpe/HPESimpleWeb-Oblique.woff2") format("woff2"),
         url("fonts/hpe/HPESimpleWeb-Oblique.woff") format("woff"),
         url("fonts/hpe/HPESimpleWeb-Oblique.ttf") format("truetype"),
         url("fonts/hpe/HPESimpleWeb-Oblique.svg#HPESimpleWebOblique") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "HPESimpleWeb-Light";
    src: url("fonts/hpe/HPESimpleWeb-Light.eot");
    src: url("fonts/hpe/HPESimpleWeb-Light.eot#iefix") format("embedded-opentype"),
         url("fonts/hpe/HPESimpleWeb-Light.woff2") format("woff2"),
         url("fonts/hpe/HPESimpleWeb-Light.woff") format("woff"),
         url("fonts/hpe/HPESimpleWeb-Light.ttf") format("truetype"),
         url("fonts/hpe/HPESimpleWeb-Light.svg#HPESimpleWebLight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "HPESimpleWeb-LightOblique";
    src: url("fonts/hpe/HPESimpleWeb-LightOblique.eot");
    src: url("fonts/hpe/HPESimpleWeb-LightOblique.eot#iefix") format("embedded-opentype"),
         url("fonts/hpe/HPESimpleWeb-LightOblique.woff2") format("woff2"),
         url("fonts/hpe/HPESimpleWeb-LightOblique.woff") format("woff"),
         url("fonts/hpe/HPESimpleWeb-LightOblique.ttf") format("truetype"),
         url("fonts/hpe/HPESimpleWeb-LightOblique.svg#HPESimpleWebLightOblique") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "HPESimpleWeb-Bold";
    src: url("fonts/hpe/HPESimpleWeb-Bold.eot");
    src: url("fonts/hpe/HPESimpleWeb-Bold.eot#iefix") format("embedded-opentype"),
         url("fonts/hpe/HPESimpleWeb-Bold.woff2") format("woff2"),
         url("fonts/hpe/HPESimpleWeb-Bold.woff") format("woff"),
         url("fonts/hpe/HPESimpleWeb-Bold.ttf") format("truetype"),
         url("fonts/hpe/HPESimpleWeb-Bold.svg#HPESimpleWebBold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "HPESimpleWeb-BoldOblique";
    src: url("fonts/hpe/HPESimpleWeb-BoldOblique.eot");
    src: url("fonts/hpe/HPESimpleWeb-BoldOblique.eot#iefix") format("embedded-opentype"),
         url("fonts/hpe/HPESimpleWeb-BoldOblique.woff2") format("woff2"),
         url("fonts/hpe/HPESimpleWeb-BoldOblique.woff") format("woff"),
         url("fonts/hpe/HPESimpleWeb-BoldOblique.ttf") format("truetype"),
         url("fonts/hpe/HPESimpleWeb-BoldOblique.svg#HPESimpleWebBoldOblique") format("svg");
    font-weight: normal;
    font-style: normal;
}