/* 
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: 0px 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 #A5D9BE;
    padding: 15px;
    background-color: #A5D9BE;
    color: #fff;
    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: #F0F8E9 !important;  } 
table.border2 tr:nth-child(odd)  { background-color: #ffffff !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; }

}