/* Максимальная ширина страницы в px */
table.adaptall,	table.adaptheader, table.adaptfooter, table.theme_header, table.theme_footer
{ 
	 width: 100%; max-width: 1240px;
}


table.adaptleft { min-width: 250px; }

table.adaptcentr { min-width: 200px; }

/* 1-col */

table.adaptleft, table.adaptone, table.adaptcentr, table.adaptall { 
	width:100%; 
}

iframe.v640x360 { width:100%; min-height: 180px; }
iframe.v640x480 { width:100%; min-height: 240px; }

@media screen and (min-width:400px)  {
	iframe.v640x360 { min-height: 224px; }
	iframe.v640x480 { min-height: 300px; }
}

@media screen and (min-width:640px)  {
	iframe.v640x360 { min-height: 358px; }
	iframe.v640x480 { min-height: 480px; }
}

/* 2-col */

@media screen and (min-width:800px)  {
	table.adaptleft { width: 50%; }
	table.adaptcentr { width: 50%; }
	iframe.v640x360 { min-height: 224px; }
	iframe.v640x480 { min-height: 300px; }
}

@media screen and (min-width:900px) {
	table.adaptleft { width: 60%;}
	table.adaptcentr { width: 40%;}
	iframe.v640x360 { min-height: 302px; }
	iframe.v640x480 { min-height: 405px; }
}

@media screen and (min-width:960px) {
	table.adaptleft { width: 65%;}
	table.adaptcentr { width: 35%;}
	iframe.v640x360 { min-height: 349px; }
	iframe.v640x480 { min-height: 468px; }
}

@media screen and (min-width:1024px) {
	table.adaptleft { width: 70%; }
	table.adaptcentr { width: 30%;}
	iframe.v640x360 { min-height: 401px; }
	iframe.v640x480 { min-height: 538px; }
}

@media screen and (min-width:1280px) {
	table.adaptleft { width: 75%; }
	table.adaptcentr { width: 25%;}
	iframe.v640x360 { min-height: 502px; }
	iframe.v640x480 { min-height: 672px; }
}



/* везде отступы сбоку, сверху, снизу и растояния между палнелями 8px  */
table.adaptcentr, table.adaptleft, table.adaptone, table.adaptall { 
	padding-left: 4px; padding-right: 4px;
	padding-top: 4px; padding-bottom: 0px; 
}

table.adaptheader { 
	padding-left: 8px; padding-right: 8px;
	padding-top: 8px; padding-bottom: 0px; 
}
table.adaptfooter { 
	padding-left: 8px; padding-right: 8px;
	padding-top: 8px; padding-bottom: 0px; 
}

table.theme_header { 
	padding-left: 0px; padding-right: 0px;
	padding-top: 0px; padding-bottom: 0px; 
}
table.theme_footer { 
	padding-left: 0px; padding-right: 0px;
	padding-top: 0px; padding-bottom: 0px; 
}
/* Максимальная ширина экрана смартфона в px, <br>при которой таблицы адаптивности становятся вплотную (без отступов) к левому и правому краю экрана */
@media screen and (max-width:480px)  
{
	table.adaptcentr, table.adaptleft, table.adaptone, table.adaptall, table.adaptwhole,	table.adaptheader, table.adaptfooter
	{ 
	  padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px;
	}
}



.tiles a.imglink { display: block; }
.tiles img.wide { display: block; }

 .adaptside .tiles a.imglink { 
 line-height: 130%; 
 } 

 .adaptside .tiles .other .other_line { margin-top: 10px; } 

 .adaptside .tiles img.wide { margin-bottom: 10px; } 

 .adaptside .tiles { 
 padding-top: 12px; 
 padding-bottom: 12px; 
 } 



.t_four-column {
	padding: 0px;
	margin: 0px;	
	width: 100%; 
}

.column_two {
	padding: 0px;
	margin: 0px;	
	width: 100%;
}

.column {
	padding: 0px;
	margin: 0px;		
}

.t_column {
	margin: 0px;
}


.t_column1, .t_column2, .t_column3, .t_column4 { 
	padding: 0px;
	margin: 0px;	
	width: 100%; 
}
 .adaptmain .t_four-column .tiles a.imglink { 
 line-height: 130%; 
 } 

 .adaptwide .t_four-column .tiles a.imglink { 
 line-height: 130%; 
 } 

 .adaptmain .t_four-column .tiles .other .other_line { margin-top: 10px; } 
 .adaptwide .t_four-column .tiles .other .other_line { margin-top: 10px; } 
 .adaptwide .t_four-column .tiles img.wide { margin-bottom: 10px; } 

 .adaptmain .t_four-column .tiles img.wide { margin-bottom: 10px; } 

 .adaptwide .t_four-column .tiles { 
 padding-top: 12px; 
 padding-bottom: 12px; 
 } 


/* SMALL */
	.t_column {
		padding:  0px; 
	}	


/* SMARTFON wide2_screenmin ... wide4_screenmin-1 */
@media screen and (min-width: 640px) and (max-width: 1023px) { 

	.column_two {
		display: inline;
		float: left;
		width: 100%;
	}

	.column {
		display: inline;
		float: left;
		width: 50%;
	}

	.t_column1 { padding-right: 6px; }
	.t_column2 { padding-left: 6px; }
	.t_column3 { padding-right: 6px; }
	.t_column4 { padding-left: 6px; }

}	

 .adaptmain .t_four-column .tiles { 
 padding-top: 12px; 
 padding-bottom: 12px; 
 } 


/* SMARTFON =main2_screenmin... main4_screenmin-1 .adaptmain */
@media screen and (min-width: 800px) and (max-width: 1199px) { 

	.adaptmain .column_two {
		display: inline;
		float: left;
		width: 100%;
	}

	.adaptmain .column {
		display: inline;
		float: left;
		width: 50%;
	}

	.adaptmain .t_column1 { padding-right: 6px; }
	.adaptmain .t_column2 { padding-left: 6px; }
	.adaptmain .t_column3 { padding-right: 6px; }
	.adaptmain .t_column4 { padding-left: 6px; }


}	



/* iPAD COMP = wide4_screenmin */
@media screen and (min-width: 1024px) { 

	.column_two {
		display: inline;
		float: left;
		width: 50%;
	}

	.column {
		display: inline;
		float: left;
		width: 50%;
	}

	.t_column1 { padding-left:  0px; padding-right: 9px; }
	.t_column2 { padding-left: 3px; padding-right: 6px; }
	.t_column3 { padding-left: 6px; padding-right: 3px; }
	.t_column4 { padding-left: 9px;  padding-right: 0px; }



	.adaptwide .t_four-column .tiles .other .other_line { margin-top: 10px; } 
 .adaptwide .t_four-column .tiles img.wide { margin-bottom: 10px; } 


}	



/* iPAD COMP = main4_screenmin .adaptmain */
@media screen and (min-width: 1200px) { 

	.adaptmain .column_two {
		display: inline;
		float: left;
		width: 50%;
	}

	.adaptmain .column {
		display: inline;
		float: left;
		width: 50%;
	}

	.adaptmain .t_column1 { padding-left:  0px; padding-right: 9px; }
	.adaptmain .t_column2 { padding-left: 3px; padding-right: 6px; }
	.adaptmain .t_column3 { padding-left: 6px; padding-right: 3px; }
	.adaptmain .t_column4 { padding-left: 9px;  padding-right: 0px; }


	.adaptmain .t_four-column .tiles .other .other_line { margin-top: 10px; } 
 .adaptmain .t_four-column .tiles img.main { margin-bottom: 10px; } 


}	




/* three-column */
.t_three-column {
    padding: 0px;
    margin: 0px;    
    width: 100%; 
}

.three-column1, .three-column2, .three-column3 { 
    padding: 0px;
    margin: 0px;    
    width: 100%; 
}

.t_three-column1, .t_three-column2, .t_three-column3 {  width: 100%; }
 .adaptmain .t_three-column .tiles a.imglink { 
 line-height: 130%; 
 } 

 .adaptwide .t_three-column .tiles a.imglink { 
 line-height: 130%; 
 } 

 .adaptmain .t_three-column .tiles .other .other_line { margin-top: 10px; } 

 .adaptwide .t_three-column .tiles .other .other_line { margin-top: 10px; } 

 .adaptwide .t_three-column .tiles img.wide { margin-bottom: 10px; } 

 .adaptmain .t_three-column .tiles img.wide { margin-bottom: 10px; } 

 .adaptwide .t_three-column .tiles { 
 padding-top: 12px; 
 padding-bottom: 12px; 
 } 



/* iPAD COMP = wide3_screenmin */
@media screen and (min-width: 800px) { 
  .three-column1, .three-column2, .three-column3 {
        display: inline;
        float: left;
        width: 33%;
    }

	.adaptwide .t_three-column1 { padding-right: 8px; }
	.adaptwide .t_three-column2 { padding-left: 4px;  padding-right: 4px; }
	.adaptwide .t_three-column3 { padding-left: 8px; }



} 
 .adaptmain .t_three-column .tiles { 
 padding-top: 12px; 
 padding-bottom: 12px; 
 } 


/* iPAD COMP = main3_screenmin .adaptmain */
@media screen and (min-width: 960px) { 
  .adaptmain .three-column1, 
  .adaptmain .three-column2, 
  .adaptmain .three-column3 {
        display: inline;
        float: left;
        width: 33%;
    }

	.adaptmain .t_three-column1 { padding-right: 8px; }
	.adaptmain .t_three-column2 { padding-left: 4px;  padding-right: 4px; }
	.adaptmain .t_three-column3 { padding-left: 8px; }

} 



/* two-column */
.t_two-column, 
.t_two-column-20-80, 
.t_two-column-80-20,
.t_two-column-75-25, 
.t_two-column-25-75,
.t_two-column-30-70, 
.t_two-column-70-30,
.t_two-column-65-35, 
.t_two-column-35-65,
.t_two-column-40-60, 
.t_two-column-60-40,
.t_two-column-50-50 {
    padding: 0px;
    margin: 0px;    
    width: 100%; 
}

.two-column1, .two-column2 { 
    padding: 0px;
    margin: 0px;    
    width: 100%; 
}

.t_two-column1, .t_two-column2 {  width: 100%; }
 .adaptmain .t_two-column .tiles a.imglink { 
 line-height: 130%; 
 } 

 .adaptwide .t_two-column .tiles .other { 
 line-height: 130%; 
 } 

 .adaptmain .t_two-column .tiles .other .other_line { margin-top: 10px; } 

 .adaptwide .t_two-column .tiles .other .other_line { margin-top: 10px; } 

 .adaptwide .t_two-column .tiles img.wide { margin-bottom: 10px; } 

 .adaptmain .t_two-column .tiles img.wide { margin-bottom: 10px; } 

 .adaptwide .t_two-column .tiles { 
 padding-top: 12px; 
 padding-bottom: 12px; 
 } 



/* SMARTFON =wide2_screenmin */
@media screen and (min-width: 640px) { 
    .adaptwide .two-column1, .two-column2{
        display: inline;
        float: left;
        width: 50%;
    }

    .adaptwide .t_two-column-50-50 .two-column2,
    .adaptwide .t_two-column-50-50 .two-column1,
    .adaptwide .two-column1-50, 
	.adaptwide .two-column2-50,
    .adaptwide .two-column-50 {
        width: 50%;
    }

    .adaptwide .t_two-column-20-80 .two-column2,
    .adaptwide .t_two-column-80-20 .two-column1, 
	.adaptwide .two-column1-80, 
	.adaptwide .two-column2-80,
    .adaptwide .two-column-80 {
        width: 80%;
    }
    .adaptwide .t_two-column-25-75 .two-column2,
    .adaptwide .t_two-column-75-25 .two-column1,
    .adaptwide .two-column1-75, 
	.adaptwide .two-column2-75,
    .adaptwide .two-column-75 {
        width: 75%;
    }
    .adaptwide .t_two-column-30-70 
	.adaptwide .two-column2,
    .adaptwide .t_two-column-70-30 
	.adaptwide .two-column1,
    .adaptwide .two-column1-70, 
	.adaptwide .two-column2-70,
    .adaptwide .two-column-70 {
        width: 70%;
    }
    .adaptwide .t_two-column-35-65 
	.adaptwide .two-column2,
    .adaptwide .t_two-column-65-35 
	.adaptwide .two-column1,
    .adaptwide .two-column1-65, 
	.adaptwide .two-column2-65,
    .adaptwide .two-column-65 {
        width: 65%;
    }
    .adaptwide .t_two-column-40-60 
	.adaptwide .two-column2,
    .adaptwide .t_two-column-60-40 
	.adaptwide .two-column1,
    .adaptwide .two-column1-60, 
	.adaptwide .two-column2-60,
    .adaptwide .two-column-60 {
        width: 60%;
    }

    .adaptwide .t_two-column-60-40 .two-column2,
    .adaptwide .t_two-column-40-60 .two-column1,
    .adaptwide .two-column1-40, 
	.adaptwide .two-column2-40,
    .adaptwide .two-column-40 {
        width: 40%;
    }
    .adaptwide .t_two-column-65-35 .two-column2,
    .adaptwide .t_two-column-35-65 .two-column1,
    .adaptwide .two-column1-35, 
	.adaptwide .two-column2-35,
    .two-column-35 {
        width: 35%;
    }
    .adaptwide .t_two-column-70-30 .two-column2,
    .adaptwide .t_two-column-30-70 .two-column1,
    .adaptwide .two-column1-30, 
	.adaptwide .two-column2-30,
    .adaptwide .two-column-30 {
        width: 30%;
    }
    .adaptwide .t_two-column-75-25 .two-column2,
    .adaptwide .t_two-column-25-75 .two-column1,
    .adaptwide .two-column1-25, 
	.adaptwide .two-column2-25,
    .adaptwide .two-column-25 {
        width: 25%;
    }
    .adaptwide .t_two-column-80-20 .two-column2,
    .adaptwide .t_two-column-20-80 .two-column1,
    .adaptwide .two-column1-20, 
	.adaptwide .two-column2-20,
    .adaptwide .two-column-20 {
        width: 20%;
    }

	.adaptwide .t_two-column1 { padding-right: 6px; }
	.adaptwide .t_two-column2 { padding-left: 6px; }

} 

/*  iPAD COMP =wide4_screenmin */
@media screen and (min-width: 1024px) { 

    .adaptwide .t_two-column1 { padding-right: 6px; }
    .adaptwide .t_two-column2 { padding-left: 6px; }

} 

 .adaptmain .t_two-column .tiles { 
 padding-top: 12px; 
 padding-bottom: 12px; 
 } 



/* SMARTFON =main2_screenmin .adaptmain */
@media screen and (min-width: 800px) { 
  .adaptmain .two-column1, 
  .adaptmain .two-column2 {
        display: inline;
        float: left;
        width: 50%;
    }

    .adaptmain .t_two-column-50-50 .two-column2,
    .adaptmain .t_two-column-50-50 .two-column1,
    .adaptmain .two-column1-50, 
	.adaptmain .two-column2-50,
    .adaptmain .two-column-50 {
        width: 50%;
    }

    .adaptmain .t_two-column-20-80 .two-column2,
    .adaptmain .t_two-column-80-20 .two-column1, 
	.adaptmain .two-column1-80, 
	.adaptmain .two-column2-80,
    .adaptmain .two-column-80 {
        width: 80%;
    }
    .adaptmain .t_two-column-25-75 .two-column2,
    .adaptmain .t_two-column-75-25 .two-column1,
    .adaptmain .two-column1-75, 
	.adaptmain .two-column2-75,
    .adaptmain .two-column-75 {
        width: 75%;
    }
    .adaptmain .t_two-column-30-70 .two-column2,
    .adaptmain .t_two-column-70-30 .two-column1,
    .adaptmain .two-column1-70, 
	.adaptmain .two-column2-70,
    .adaptmain .two-column-70 {
        width: 70%;
    }
    .t_two-column-35-65 .two-column2,
    .t_two-column-65-35 .two-column1,
    .two-column1-65, .two-column2-65,
    .two-column-65 {
        width: 65%;
    }
    .adaptmain .t_two-column-40-60 .two-column2,
    .adaptmain .t_two-column-60-40 .two-column1,
    .adaptmain .two-column1-60, 
	.adaptmain .two-column2-60,
    .adaptmain .two-column-60 {
        width: 60%;
    }

    .adaptmain .t_two-column-60-40 .two-column2,
    .adaptmain .t_two-column-40-60 .two-column1,
    .adaptmain .two-column1-40, 
	.adaptmain .two-column2-40,
    .adaptmain .two-column-40 {
        width: 40%;
    }

	.adaptmain .t_two-column-65-35 .two-column2,
	.adaptmain .t_two-column-35-65 .two-column1,
	.adaptmain .two-column1-35, 
	.adaptmain .two-column2-35,
	.adaptmain .two-column-35 {
        width: 35%;
    }

    .adaptmain .t_two-column-70-30 .two-column2,
    .adaptmain .t_two-column-30-70 .two-column1,
    .adaptmain .two-column1-30, 
	.adaptmain .two-column2-30,
    .adaptmain .two-column-30 {
        width: 30%;
    }

    .adaptmain .t_two-column-75-25 .two-column2,
    .adaptmain .t_two-column-25-75 .two-column1,
    .adaptmain .two-column1-25, 
	.adaptmain .two-column2-25,
    .adaptmain .two-column-25 {
        width: 25%;
    }

    .adaptmain .t_two-column-80-20 .two-column2,
    .adaptmain .t_two-column-20-80 .two-column1,
    .adaptmain .two-column1-20, 
	.adaptmain .two-column2-20,
    .adaptmain .two-column-20 {
        width: 20%;
    }

	.adaptmain .t_two-column1 { padding-right: 6px; }
	.adaptmain .t_two-column2 { padding-left: 6px; }


} 

/*  iPAD COMP =main4_screenmin .adaptmain */
@media screen and (min-width: 1200px) { 

    .adaptmain .t_two-column1 { padding-right: 6px; }
    .adaptmain .t_two-column2 { padding-left: 6px; }

} 


@media screen and (max-width:420px)  {
	.column_left_30 {
		width: 100%;
		margin-bottom: 10px;
	}
	.column_right_70 {
		width: 100%;
	}
}

@media screen and (min-width:800px) and (max-width:1000px)  {
	.adaptleft .column_left_30, .adaptcentr .column_left_30 {
		width: 100%;
		margin-bottom: 10px;
	}
	.adaptleft .column_right_70, .adaptcentr .column_right_70 {
		width: 100%;
	}
}