img{
    width: 100%;
    height: auto;
}
#textBlue{
	color:#0096d6;
}
h1 {
	/*font-size: 48px;	/*px*/					/*ЗАГОЛОВОК*/
	font-size: 40px;	/*px*/					/*ЗАГОЛОВОК*/
	color:#000;
	line-height: 1.2;
    text-align: left;
	}

	
h2{						
	/*font-size: 32px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/
	font-size: 36px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/
	color:#000;
    line-height: 1.2;
    text-align: center;
}	

h3 {							
	/*font-size: 40px;				/*ПОДЗАГОЛОВОК*/
	font-size: 28px;				/*ПОДЗАГОЛОВОК*/
	color:#5A5A5A;
    line-height: 1.2;
    text-align: center;
	font-weight: bold;
}
	

 p{	
	/*font-size: 26px; 	/*ОСНОВНОЙ ТЕКСТ*/
	font-size: 22px; 
	line-height: 1.2;
	color:#5A5A5A;
}	
          
/*GENERAL CSS START*/

/*reset css*/
body h1, body h2, body h3, body h4, body h5, body a, body p, body span, body strong{margin: 0; padding: 0;}
body h1, body h2, body h3, body h4, body h5{font-weight: normal;}
a{text-decoration: none;}
/*reset css*/
/*margin-top*/
            .nomargT {margin-top: 0 !important;}
            .margT5 {margin-top: 5px !important;}
            .margT10 {margin-top: 10px !important;}
            .margT15 {margin-top: 15px !important;}
            .margT20 {margin-top: 20px !important;}
            .margT25 {margin-top: 25px !important;}
            .margT30 {margin-top: 30px !important;}
            .margT35 {margin-top: 35px !important;}
            .margT40 {margin-top: 40px !important;}
            .margT45 {margin-top: 45px !important;}
            .margT50 {margin-top: 50px !important;}

            /*margin-right*/
            .nomargR {margin-right: 0 !important;}
            .margR5 {margin-right: 5px !important;}
            .margR10 {margin-right: 10px !important;}
            .margR15 {margin-right: 15px !important;}
            .margR20 {margin-right: 20px !important;}
            .margR25 {margin-right: 25px !important;}
            .margR30 {margin-right: 30px !important;}
            .margR35 {margin-right: 35px !important;}
            .margR40 {margin-right: 40px !important;}
            .margR45 {margin-right: 45px !important;}
            .margR50 {margin-right: 50px !important;}
			.margR-100 {margin-right: -100px !important;}

            /*margin-bottom*/
            .nomargB {margin-bottom: 0 !important;}
            .margB5 {margin-bottom: 5px !important;}
            .margB10 {margin-bottom: 10px !important;}
            .margB15 {margin-bottom: 15px !important;}
            .margB20 {margin-bottom: 20px !important;}
            .margB25 {margin-bottom: 25px !important;}
            .margB30 {margin-bottom: 30px !important;}
            .margB35 {margin-bottom: 35px !important;}
            .margB40 {margin-bottom: 40px !important;}
            .margB45 {margin-bottom: 45px !important;}
            .margB50 {margin-bottom: 50px !important;}
            .margBCustom1 {margin-bottom: 220px !important;}

            /*margin-left*/
            .nomargL {margin-left: 0 !important;}
            .margL5 {margin-left: 5px !important;}
            .margL10 {margin-left: 10px !important;}
            .margL15 {margin-left: 15px !important;}
            .margL20 {margin-left: 20px !important;}
            .margL25 {margin-left: 25px !important;}
            .margL30 {margin-left: 30px !important;}
            .margL35 {margin-left: 35px !important;}
            .margL40 {margin-left: 40px !important;}
            .margL45 {margin-left: 45px !important;}
            .margL50 {margin-left: 50px !important;}
			
			.paddL-50 {margin-left: -50px !important;}
			.paddL-100 {margin-left: -100px !important;}
			.paddR-50 {margin-right: -50px !important;}
			.paddR-100 {margin-right: -100px !important;}

            /*margin-negative*/
            .mt-100{    margin-top: -100px;}
            .mt-75{    margin-top: -75px;}
            .mt-50{    margin-top: -50px;}
            .mt-40{    margin-top: -40px;}
            .mt-30{    margin-top: -30px;}
            .mt-20{    margin-top: -20px;}
            .mt-10{    margin-top: -10px;}
            .mt250{margin-top: 250px;}



            /*padding-top*/
            .nopaddT {padding-top: 0 !important;}
            .paddT5 {padding-top: 5px !important;}
            .paddT10 {padding-top: 10px !important;}
            .paddT15 {padding-top: 15px !important;}
            .paddT20 {padding-top: 20px !important;}
            .paddT25 {padding-top: 25px !important;}
            .paddT30 {padding-top: 30px !important;}
            .paddT35 {padding-top: 35px !important;}
            .paddT40 {padding-top: 40px !important;}
            .paddT45 {padding-top: 45px !important;}
            .paddT50 {padding-top: 50px !important;}

            /*padding-right*/
            .nopaddR {padding-right: 0 !important;}
            .paddR5 {padding-right: 5px !important;}
            .paddR10 {padding-right: 10px !important;}
            .paddR15 {padding-right: 15px !important;}
            .paddR20 {padding-right: 20px !important;}
            .paddR25 {padding-right: 25px !important;}
            .paddR30 {padding-right: 30px !important;}
            .paddR35 {padding-right: 35px !important;}
            .paddR40 {padding-right: 40px !important;}
            .paddR45 {padding-right: 45px !important;}
            .paddR50 {padding-right: 50px !important;}
            .paddR80 {padding-right: 80px !important;}
			.paddR100 {padding-right: 100px !important;}

            /*padding-bottom*/
            .nopaddB {padding-bottom: 0 !important;}
            .paddB5 {padding-bottom: 5px !important;}
            .paddB10 {padding-bottom: 10px !important;}
            .paddB15 {padding-bottom: 15px !important;}
            .paddB20 {padding-bottom: 20px !important;}
            .paddB25 {padding-bottom: 25px !important;}
            .paddB30 {padding-bottom: 30px !important;}
            .paddB35 {padding-bottom: 35px !important;}
            .paddB40 {padding-bottom: 40px !important;}
            .paddB45 {padding-bottom: 45px !important;}
            .paddB50 {padding-bottom: 50px !important;}

            /*padding-left*/
            .nopaddL {padding-left: 0 !important;}
            .paddL5 {padding-left: 5px !important;}
            .paddL10 {padding-left: 10px !important;}
            .paddL15 {padding-left: 15px !important;}
            .paddL20 {padding-left: 20px !important;}
            .paddL25 {padding-left: 25px !important;}
            .paddL30 {padding-left: 30px !important;}
            .paddL35 {padding-left: 35px !important;}
            .paddL40 {padding-left: 40px !important;}
            .paddL45 {padding-left: 45px !important;}
            .paddL50 {padding-left: 50px !important;}
			.paddL100 {padding-left: 100px !important;}

            /*reset all*/
            .noMargnoPadd {margin: 0 !important; padding: 0 !important;}
            section{width: 100%; margin:0 auto;}
            /*img{width:100%; height: auto;}*/

/* ДЛЯ FOOTER*/	
	html,body {
	  height: 100%;
	  margin:0px;
	  padding:0px;
	}
	.wrapper {
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	}
	.content {
	  flex: 1 0 auto;
	}
	.footer {
	  flex: 0 0 auto;
	  
	  /*background-color:#f5f5f5;*/
	 
	  
	}
	.containerFooter{
		background-color:#5A5A5A;
		 height:100px;
	}
	.footer  p{
	  padding-top:30px;
	  font-size:14px;
	  color:#fff;
	  /*color:#767676;*/
	  /*background-color:#E2161A;*/
	 
	}


/* КОНЕЦ ДЛЯ FOOTER*/	

/* ДЛЯ ВСЕГО САЙТА*/
body {
margin: 0;
padding: 0;
/*font-family: "HPSimplified", arial, sans-serif;*/
font-family: "HPSimplifiedLight";
color: #000;
font-size: 18px 1em;
font-size: 100%;
height: 100%;
width: 100%;
margin: 0 auto;

}

html{
    overflow-x: hidden;
}

    
a {
    color: #0096D6;
    text-decoration: none;
}
a:hover, a:active {
    color: #0096D6;
    
}                            

.lightFont{font-family: "HPSimplifiedLight", "HPSimplified", arial, sans-serif;}
@font-face {
                font-family: "HPSimplified";
                font-style: normal;
                font-weight: normal;
                src: url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-woff.woff") format("woff"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-ttf.ttf") format("truetype");
}
@font-face {
                font-family: "HPSimplifiedRegular";
                font-style: normal;
                font-weight: bold;
                src: url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-woff.woff") format("woff"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-ttf.ttf") format("truetype");
}
@font-face {
                font-family: "HPSimplifiedLight";
                font-style: normal;
                font-weight: normal;
                src: url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-light-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-light-woff.woff") format("-woff.woff"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-light-ttf.ttf") format("truetype");
}


.section-1 {		
	outline:0px solid #66B2FF; /*ГОЛУБОЙ*/
	  background: #0096D6 url("../images/top_1920.jpg") no-repeat scroll 50% 50% / cover ;
	 /*background-color: #0096D6;*/
	  height: 500px;
	} 
.content2{
	margin:0 auto;
	max-width:1000px;
	} 
.section-3 {		
	 /*background-color: #0096D6;*/
	 outline:0px solid #66B2FF;
	  height: 100px;
	}	
.container{
	max-width:1000px;
	/*min-width: 240px;*/
	margin:0 auto;
	min-width: 580px;
	
}    
.containerFotoFon{
	   display: none;
}	
.blockSectionCenter{
			outline:0px solid #66B2FF; 		
			text-align:center;			
}
	.textZagol	{
		float:left;
		text-align:left;
	}
	.textRight	{		
		text-align:right;
	}

	/*ФОТО НА ВСЮ ШИРИНУ ЭКРАНУ----------------------------------*/
	div.containerFotoFon img {
	  width: 100%;
	  height:auto;
	}
	div.containerFotoFon{
		 outline:0px solid #3AE2CE;
		width: 100%;
		max-width: 100%;	
		padding:0;
		margin:0;
	
	}
	
		div.containerFotoBars  img{
		max-width:100%;
		height:auto;
		float:left;
		}

	div.containerFotoBars {	
	  outline:0px solid #FF00AE;
	  width: 100%;
	  max-width: 300px;
	  float:left;
	  position:absolute;
	  
	}

	/*ЛОГОТИП-*/
	/*А если указываете размеры изображений в атрибутах (я указываю и вам советую)*/
	div.containerLogo  img{
		max-width:100%;
		height:auto;
		float:right;
		}

	div.containerLogo {	
	  outline:0px solid #FF00AE;
	  width: 100%;
	  max-width: 280px;
	  float:right;
	}
	
	

	
#btGrey{
			border: none; /* Убираем границу */
			background-color:  #b9b8bb; /* Цвет линии */
			color:  #b9b8bb; /* Цвет линии для IE6-7 */
			height: 1px; /* Толщина линии */
		}		

		
		
.tableHP{
	outline:0px solid #C63123;
	margin:0 auto;	
	width: 100%;
	vertical-align: top; /* Выравнивание по верхнему краю ячеек */ 	
	border:0px;
	
}
.tableHP td{
	padding-bottom:5px;
	padding-left:30px;
	padding-right:30px;
	vertical-align: center; /* Выравнивание по верхнему краю ячеек */ 	
	outline:0px solid #00FFA9; 
}		
.btHP{
	outline:0px solid #92F134;
	width:240px;
	height:161px;
	background-image:url('../images/bars.jpg');
	background-repeat: no-repeat;
	background-color:#fff;
	text-align: right;
}
.btKarta540{
	outline:0px solid #92F134;
	width:540px;
	height:200px;
	background-image:url('../images/karta_540.jpg');
	background-repeat: no-repeat;
	background-color:#fff;
	margin-bottom: 100px;
}
		.btKarta940{
		margin:0 auto;
	outline:0px solid #92F134;
	width:940px;
	height:270px;
	background-image:url('../images/karta_940.jpg');
	background-repeat: no-repeat;
	background-color:#fff;
}
		

/*---------------------МЕДИА ЗАПРОС ДЛЯ СЕКЦИЙ------------------------------*/

 @media (max-width:1000px){     
     body {font-size: 16px;}
	.textCenter{text-align: center;}

	 .section-3 .margT30 {margin-top: 15px !important;} 
	 .section-3 {margin-top: 25px !important;} 
	 .sZagol{padding-top:10px;	padding-bottom:10px;}
	  
	  .section-3 h1 {   
	  font-size: 30px; 
	  }
	  .section-2 h2 {   
	  font-size: 30px; 
	  }
	  .section-2 h3 {   
	  font-size: 22px; 
	  }

		p{
			font-size: 18px; 
			line-height: 1.2;
			color:#5A5A5A;	
		}	

		.containerFotoFon{
				display: block;
		}
			
		.footer  p{
			padding-left:30px;
		}
		div.containerLogo  img{
			max-width:80%;
			height:auto;
			outline:0px solid #F180E2; /*РОЗОВЫЙ*/
		}
			
		/* .hiddenM{display: none;}*/
		 .section-1 {
		background: #FFF ;
		height: auto;
		text-align: center;
		}
}
	
	@media (max-width:400px){
		.footer  p{
		font-size:8px;
		}
	}
	
/*--------------------КОНЕЦ Секция 1-----------------------------*/
/*--------------------КОНЕЦ ДЛЯ INDEX.PHP-----------------------------*/

/*--------------------НАЧАЛО ДЛЯ PC.PHP и PRINT.PHP-----------------------------*/
#red {
	color: #FF0000;
}
.regForm{
	/*outline:1px solid #F180E2; /*РОЗОВЫЙ*/
	/*background-color: #F180E2; /*РОЗОВЫЙ*/
	
	text-align:left;
	
}
.regFormCenter{
	width:70%;
	margin:0 auto;
	/*background-color: #B2E4ED;*/
}

@media (max-width:800px){
	.regFormCenter{
		width:100%;
	}	
}

fieldset {border: 0px;
}

textarea, input {
width: auto;
outline:0px solid #3FC63A;
background-color: #fff;
margin-top:5px;
margin-bottom:10px;
}
input{
height:30px;
border: 1px solid #b9b8bb;
}
textarea:focus,  input:focus{
	border: 1px solid #0096d6;	
	background-color: #fcfcfc;
}
#radio input{
	width:20px;
}

.widthInput input, .widthInput textarea{
	width:100%;
}

 a.primaryButtonRed{
	 margin:15px 0 15px 0;
	 text-decoration:none; 
	 line-height: 36px !important;
	 padding: 7px 40px; 
	 color: #fff !important; 
	 background-color: #d7410b; 
	 overflow:hidden;
	 font-size: 18px;
	 font-weight: bold;
	 -moz-border-radius: 0 4px 0 4px;
	 -webkit-border-radius: 0 4px 0 4px;
	 -khtml-border-radius: 0 4px 0 4px;
	 border-radius: 0 4px 0 4px;
	 display:inline-block;
	 zoom: 1;  
	 IE7 *display: inline;  IE7 }
 a.primaryButtonRed:hover {
	 background-color: #000; 
	 text-decoration:none !important; 
	 color: #FFF !important;}
	

.Programm	{
	text-align:left;
}
.Programm td{
	border-collapse: collapse;
	vertical-align: top; /* Выравнивание по верхнему краю ячеек */ 	
	border:0;
	border-bottom:solid 1px #e5e8e8;
	padding-bottom:15px;
}	
.stolb1 {
	width:25%;
}