/* 
RESPONSIVE table 
cardtable - border
stacktable - border2  
*/
td { color: #000000; }


	.stacktable { width: 100%; display: block;}

	.st-head-row { font-size: 1em; text-align: center; font-weight: bold; background-color: #77BA52; color: #fff; }
	.st-head-row.st-head-row-main { }

	.stacktable.small-only tr { clear: both; }
	.st-key { float: left;  width: 49%; text-align: right; padding-right: 1%; color: #424242; }
	.st-val { float: right; width: 49%; text-align: left;  padding-left:  1%; color: #00000; }

	 th.st-head-row { display: block; margin-top: 25px; 
		border: none !important; 
		border-top: 4px solid #ccc !important; 
		border-right: 1px solid #E5E5E5 !important; 
		border-left: 1px solid #E5E5E5 !important; 

	 }
	 .small-only tr { border-bottom: 1px solid #E5E5E5 !important;}
	 td.st-key  { border: none !important; border-left: 1px solid #E5E5E5 !important;  }
         td.st-val  { border: none !important; border-right: 1px solid #E5E5E5 !important;  }


	.stacktable.large-only { display: table; }
	.stacktable.small-only { display: none; }

	@media (max-width: 767px) {
	  .stacktable { width: 100%; display: block; margin-top: -25px;  }
	  .stacktable.large-only { display: none; }
	  .stacktable.small-only { display: table; }
          .stacktable .st-head-row.st-head-row-main { display: none; } /* выкл 1 заголовок */
	  .stacktable img { max-width: 220px; height: auto; margin: 0 auto; padding: 0; }

	}


table.border1 th, table.border1 thead, table.border1 thead tr , table.border1 thead td,
table.border2 th, table.border2 thead, table.border2 thead tr , table.border2 thead td {
    border:1px solid #EAEAEA;
    padding: 5px;
    background-color: #EAEAEA;

    color: #333;
    text-align: center;
    vertical-align: center !important;
    font: 13px/16px 'OpenSans_Bold', Arial, Helvetica, sans-serif; 
}


table.border1, table.border2 { border-collapse:collapse; }
table.border1 td, table.border2 td {    border: 1px solid #EAEAEA;    padding: 6px 5px;    vertical-align: middle; }

table.border2 tr:first-child {}
table.border2 tr:last-child {}
table.border2 tr:nth-child(even) { background-color: #ffffff !important;  } 
table.border2 tr:nth-child(odd)  { background-color: #f1f1f1 !important;     } 


table.border { border-collapse:collapse; margin: 5px 0; }
table.border td { padding: 2px 5px;  background-color: #FFF; }
table.border th, table.border thead, table.border thead tr , table.border thead td{
    padding: 8px;
    vertical-align: middle;
}

table.borderD { border-collapse:collapse; margin: 15px 0; border-top:0px solid #FF7930; }
table.borderD td{ padding: 10px 15px; color: #000;  border:1px solid #EAEAEA;  background-color: #FFF; }




#youtubemobile { min-width: 450px; padding: 5px 20px; padding-left: 0; margin: 1px ; float: left; }
/*
iframe { display: block; margin: 0; border: 5px solid #FF7930;}
iframe:hover { border: 5px solid #CC181E;}
*/

.article img {}

@media only screen (max-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px)  {

	#youtubemobile { float: none; clear: both; width: 100%; min-width: 100%; padding: 0px; margin: 10px 0 20px 0px; }
	#youtubemobile iframe { border: 5px solid #FF7930; }
	#youtubemobile iframe:hover { border: 5px solid #CC181E;}

	table.borderD, table.border, table.border1, table.border2 { width: 100%;  }

	/* загловки */
	table.border1 th, table.border1 thead, table.border1 thead tr , table.border1 thead td,
	table.border2 th, table.border2 thead, table.border2 thead tr , table.border2 thead td, 
	table.borderD, table.borderD thead, thead.borderD tbody, thead.borderD th, table.borderD thead td, table.borderD thead tr, table.borderD thead tfoot, 

	table.border, table.border thead, thead.border tbody, thead.border th, table.border thead td, table.border thead tr, table.border thead tfoot 
	{
		display: block; 
		border-radius: 0px;
		height: auto;
		border: none;
		border: 0px solid #fff;
		background-color: #ffffff;
		color: #000; 
	}

	table.borderD tr { display: block; background-color: #ffffff; width: 100%; margin: 5px 0; }
	table.borderD td { 	display: block; 
				width: 100%; 
				padding: 0 15px ; 
				background-color: #ffffff; 
				border: 0px solid #EAEAEA !important; 
				margin: 0px; 
	 } 

	.article img { width: 90%; height: auto; margin: 0 auto; }
}


@media (max-width: 767px) { 

	table.border tr { display: block; background-color: #ffffff; width: 100%; margin: 15px 0; border: 1px solid #f1f1f1; border-top: 3px solid #76BC53; border-bottom: 3px solid #f1f1f1; border-right: 3px solid #f1f1f1; }
	table.border td { display: block; width: 100% !important; height: auto; min-width: 220px; border: 1px solid #E5E5E5; margin: 0px auto; }
	table.border td img { text-align: center; width: 90%; margin: 0 5%; height: auto; }
	table.border td iframe { display: block; width: auto; height: 100%; min-height: 190px; margin: 0px auto; }


	table.borderD tr { display: block; background-color: #ffffff; width: 100%; margin: 15px 0; border: 1px solid #f1f1f1; border-top: 3px solid #76BC53; border-bottom: 3px solid #f1f1f1; border-right: 3px solid #f1f1f1; }
	table.borderD td { display: block; width: 100% !important; height: auto; min-width: 220px; border: 1px solid #E5E5E5; margin: 0px auto; }
	table.borderD td img { text-align: center; width: 90%; margin: 0 5%; height: auto; }
	table.borderD td iframe { display: block; width: auto; height: 100%; min-height: 190px; margin: 0px auto; }

}