img{
    width: 100%;
    height: auto;
}

h1{						
	/*font-size: 32px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/		
font-size: 38px;			
font-weight: bold;
text-align: left;
outline:0px solid #000000;
}	
h2{						
	/*font-size: 32px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/		
font-size: 28px;			
font-weight: bold;
text-align: left;
outline:0px solid #000000;
}	
h3{						
	/*font-size: 32px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/		
font-size:20px;			
text-align: left;
line-height:1.3;
}

 p{	
	/*font-size: 26px; 	/*ОСНОВНОЙ ТЕКСТ*/
outline:0px solid #000000;
font-size: 18px;
text-align: justify;
}

#krupno{
font-size: 18px;
font-weight: bold;
color: #00b388;
text-align: center;
}	
          
/*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:#003B4D;
		 height:100px;
		 max-width:1000px;
		margin:0 auto;
		min-width: 300px;
		text-align:left;
		outline:1px solid #FF00AE;
	}*/
	.containerFooter{
	max-width:1000px;
	/*min-width: 240px;*/
	margin:0 auto;
	min-width: 300px;
	text-align:left;
	background-color:#003B4D;
	padding-left:30px;
	padding-right:30px;

} 
	
	
	
	.footer  p{	 
	  font-size:14px;
	  color:#fff;
	  /*color:#767676;*/
	  /*background-color:#E2161A;*/
	 
	}

/*.container2{
	max-width:1000px;
	margin:0 auto;
	min-width: 300px;
	text-align:left;
}*/
/* КОНЕЦ ДЛЯ FOOTER*/	

/* ДЛЯ ВСЕГО САЙТА*/
body {
margin: 0;
padding: 0;
/*font-family: "HPSimplified", arial, sans-serif;*/
font-family: Arial, Tahoma, Geneva, Helvetica, sans-serif;
color: #333;
font-size: 18px 1em;
font-size: 100%;
height: 100%;
width: 100%;
margin: 0 auto;
background-color:#DADEE0;
}
.content{	
		outline:0px solid #FF00AE;
	 height:auto;
	overflow:  hidden; /*по высоте всех элементов в блоке*/
	}

html{
    overflow-x: hidden;
}

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

	/*ЛОГОТИП*/	
.section-3 {		
	 background-color: #DADEE0;
	 height: 100px;
	}
	
.container{
	max-width:1000px;
	/*min-width: 240px;*/
	margin:0 auto;
	min-width: 300px;
	/*text-align:left;*/
	background-color: #FFFFFF;
} 


#bt1{
	max-width:1000px;
	margin:0 auto;
	min-width: 300px;
			border: none; /* Убираем границу */
			background-color:  #CCCCCC; /* Цвет линии */
			color:  #CCCCCC; /* Цвет линии для IE6-7 */
			height: 1px; /* Толщина линии */

		}	
	/*ЛОГОТИП-*/
	/*А если указываете размеры изображений в атрибутах (я указываю и вам советую)*/
	
	div.containerLogo  img{
		outline:0px solid #66B2FF; 
		max-width:100%;
		height:auto;
		text-align:left;
		}

	div.containerLogo {	
	  outline:0px solid #FF00AE;
	  width: 100%;
	  max-width: 190px;
	  text-align:left;
	}


		 .section-1 {
			 max-width:1000px;	
			margin:0 auto;
			min-width: 300px;
			 			
		background: #DADEE0;
		height: auto;
		/*max-width:1920px;*/
		text-align: center;
		}
.section-4{
	 height:200%;
	overflow:  hidden; /*по высоте всех элементов в блоке*/
	max-width:1000px;
	/*min-width: 240px;*/
	margin:0 auto;
	min-width: 300px;
	/*text-align:left;*/
	background-color: #FFFFFF;
}
   
/*.blockSectionCenter{
			outline:0px solid #66B2FF; 		
			text-align:center;			
}*/
.blockSectionLeft{
			outline:0px solid #66B2FF; 		
			text-align:left;	
			padding:30px;
}
	.textZagol	{
		float:left;
		text-align:left;
	}
	.textRight	{		
		text-align:right;
	}

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

.containerFotoFon0 {
 background: #fff url("../images/top_1000.jpg") no-repeat scroll 50% 50% / cover ;
height: 387px;
outline:0px solid #fff; /*ГОЛУБОЙ*/
 }
 .contFon0{
	 overflow:hidden;
	 height: 387px;
	 outline:0px solid #fff; /*ГОЛУБОЙ*/
 }
 .containerFotoFon0  {
	 transition: all 1s ease-out;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
 
.containerFotoFon0:hover{
 transform: scale(1.1);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 } 

	


/*---------------------МЕДИА ЗАПРОС ДЛЯ СЕКЦИЙ------------------------------*/
@media (max-width:850px){ 
	/*.content .section-3 {		
	  height: 180px;
	} */
 

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


 @media (max-width:1000px){     
     body {font-size: 16px;}
	.textCenter{text-align: center;}
	.containerLogo{padding-left:30px;}
	/*.section-3 {		
	  height: 80px;
	}*/	
	 /*.section-3 .margT30 {margin-top: 15px !important;} 
	 .section-3 {margin-top: 25px !important;} */
	 
	 .section-2 .Programm	{	
	font-size: 12px;	
}
.section-2 #per{
width: 120px;
}	  
	 .section-2 h1 {   
	  font-size: 30px; 
	  }
	  .section-2 h2 {   
	  font-size: 20px; 
	  }
	  .section-2 h3 {   
	  font-size: 18px; 
	  }
	 .section-2 p{   
	  font-size: 16px; 
	  }
	
		
			
		
		div.containerLogo  img{
			max-width:80%;
			height:auto;
			outline:0px solid #F180E2; /*РОЗОВЫЙ*/
		}
			
}
	
	@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;
	margin-left:0px;
	
}
.regFormLeft{
	outline:0px solid #FF00AE;
	width:100%;
	/*background-color: #B2E4ED;*/
}



fieldset {
border: 0px;
margin:0px;
padding:0px;
}

textarea, input {
max-width: 600px;
outline:0px solid #3FC63A;
background-color: #fff;

}
input{
margin:20px 0 20px 0;
height:35px;
border: 1px solid #b9b8bb;
}
textarea:focus,  input:focus{
	border: 1px solid #32C5FF;
	background-color: #fcfcfc;
}
#radio input{
	width:20px;
}

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

 
	 
	 a.primaryButtonGreen{
	 margin:30px 0 30px 0;
	 text-decoration:none; 
	 line-height: 36px !important;
	 padding: 7px 40px; 
	 color: #333 !important; 
	 background-color: #DDE2E6; 
	
	 overflow:hidden;
	 font-size: 18px;
	 font-weight: bold;
	 
	 display:inline-block;
	 zoom: 1;  
	 IE7 *display: inline;  IE7 }
 a.primaryButtonGreen:hover {
	 background-color: #003B4D; 
	 text-decoration:none !important; 
	 color: #fff !important;
	 }
	

.Programm	{
	text-align:left;
	border-collapse: collapse; 
    border-bottom:0px solid #000;
	/*margin:0;*/ 
	padding:0px;
	font-size: 16px;	
	outline:0px solid #00FFA9; 
}
.Programm td{
	vertical-align: top;  /*Выравнивание по верхнему краю ячеек */ 	
	/*margin:0;*/ 
    padding-bottom:5px;
	padding-top:5px;
	outline:0px solid #00FFA9; 
}
.Programm th{
	/* vertical-align: top; Выравнивание по верхнему краю ячеек */ 	
    font-weight: bold;
    border-top: 2px solid #000;
    border-bottom:2px solid #000;
    padding-bottom:8px;
    padding-top:8px;
	text-align:left;
}

#per{
width: 160px;
}

		
.stolb1 {
	width:25%;
}


.image-wrap {
    width: 1920px;
    
    height: 500px;
    
    overflow: hidden;
    position: relative;
    
    border: 4px solid #000;
}

.image-helper {
    position: absolute;
    top: 0;       left: -9999px;
    bottom: 0;    right: -9999px;
}

.image-wrap img {
    display: block;
    width:auto;
    height: 100%;
    
    margin: auto;
}
#greenText{
	font-weight: bold;
	color:#1f4f82;
}
.back_green{
	background-color:#003B4D;
}
.back_gray{background-color:#DADEE0;}
#a_green{
	font-weight: bold;
	color:#1f4f82;
}
#a_green:active, #a_green:hover{
	text-decoration: underline;
}
.spiker{width: 100%;
  max-width: 100%;
  outline:0px solid #333;  
  }
  .spiker td{
  outline:0px solid #333; }

.spiker p{
	padding-top:15px;
	padding-bottom:15px;
	color:#1f4f82;
	text-align:center;
}  
  

.spikerFoto {
 /*overflow:hidden;*/
 max-width: 250px;
 max-height:250px;
 
 text-align: center;
 margin:0 auto;
 padding-left:15px;
 padding-right:15px;
 }
 
 div.spikerFoto img {
	  width: 100%;
	  height:100%;

	}  

