body {
	margin: 0px 0px 0px 0px ;
	background-color: #fff;
	text-align: center;
	font: 13.4px 'Arial';
	color: #000;
}

hr {
	color: #ccc;
}

div.head {
	width: 100%;
	height: 50px;
	padding: 0px;
	margin: 0px auto 0px auto;
/*	padding-top: 190px;*/
	top: 0px;
	font: 32px 'Cambria';
	background: #000;
/*	background: #000 url(/images/Investorsha.png) no-repeat center top;*/
/*	border-bottom: solid 1px #ccc;*/
/*	overflow: hidden; */
/*	position: fixed;*/
	z-index:1000;
}
div.head  a {
	display: inline-block;
	height:100%;
	text-decoration: none;
}
div.head  a:hover {
	background: #00f;
}
div.main {
	width: 1020px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	border-radius: 0px;
	border: solid 1px #87BBD7;
	background: #fff;
}

div.lsidebar {
	width: 230px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-radius: 0px;
	border: solid #ccc;
	border-width: 0px 0px 0px 0px;
	background: #fff;
	overflow: hidden;
	float: left;
	text-align: left;
}
div.lsidebar.home {
	width: 390px;
	padding-right: 10px;
}
div.lsidebar.home h2 {
	margin: 10px 10px;
	font: 32px 'Cambria';
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div.lsidebar.home1 {
	width: 765px;
	padding-right: 10px;
}
div.lsidebar.home1 h2 {
	margin: 10px 10px;
	font: 32px 'Cambria';
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div.content {
	width: 720px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-radius: 0px;
	border: solid #ccc;
	border-width: 0px 1px 0px 0px;
	background: #fff;
	overflow: hidden;
	float: left;
	text-align: left;
	min-height: 530px;
}
div.content.home {
	width: 206px;
	padding: 0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
}
div.content.home h2 {
	margin: 10px 10px 10px 10px;	/* 28 - чтобы выровнять с левой колонкой, где есть переключать языков */
	font: 32px 'Cambria';
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div.content.home1 {
	width: 230px;
	padding: 0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
}
div.content.home1 h2 {
	margin: 10px 10px 10px 10px;	/* 28 - чтобы выровнять с левой колонкой, где есть переключать языков */
	font: 32px 'Cambria';
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div.rsidebar {
	width: 256px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px;
	border-radius: 0px;
	border: solid #ccc;
	border-width: 0px 0px 0px 1px;
	background: #fff;
	overflow: hidden;
	text-align: left;
}
div.rsidebar.home {
	width: 390px;
	padding-left: 10px;
}
div.rsidebar.home h2 {
	margin: 0px 10px 10px 10px;	/* 28 - чтобы выровнять с левой колонкой, где есть переключать языков высотой 18 */
	font: 32px 'Cambria';
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div.rsidebar.home1 {
	width: 0px;
	padding-left: 10px;
}
div.rsidebar.home1 h2 {
	margin: 0px 10px 10px 10px;	/* 28 - чтобы выровнять с левой колонкой, где есть переключать языков высотой 18 */
	font: 32px 'Cambria';
	padding: 0px 0px 0px 0px;
	text-align: center;
}/*
div.home {
	height:	850px;
}
div.home1 {
	height:	1700px;
}
*/
div.pre_button	{	width: 30px; vertical-align: middle; display: table-cell; text-align: center;}
div.button, div.button_w {
	height: 21px;
	padding: 3px 0px 0px 0px;
	font-size: 16px;
	vertical-align: middle;
/*	display: table-cell;*/
	border: 1px solid #d8d8d8;
	background: #fff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#cccccc',GradientType=0);
		background: -moz-linear-gradient(	top, #ffffff 0%, #cccccc 100%);
		background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
		background: -o-linear-gradient(		top, #ffffff 0%, #cccccc 100%);
		background: -ms-linear-gradient(	top, #ffffff 0%, #cccccc 100%);
		background: linear-gradient(		top, #ffffff 0%, #cccccc 100%);
	overflow: hidden;
	text-align: center;
	cursor: pointer;
/*	white-space: nowrap;*/
}
div.button_w	{	width: 200px; }
div.button.lock {
	color: #bbb;
}
div.button.nopointer {
	cursor: default;
}
div.button.low {
	height: 17px;
	padding: 0px 0px 0px 0px;
}
div.button a {
	display: block;
	height: 100%;
}

div.head_cont {
/*	display: table-cell;*/
/*	height: 50px;*/
	padding: 0px 0px;
	margin: 0px 0px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
div.menu {
	width: 100%;
	padding: 5px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}
div.menu input {
	font: inherit;
	height: 12px;
	background: #ccc;
	width: 80px;
}

div.width1		{	width: 219px; }
div.width2		{	width: 109px; }
div.width3		{	width: 72px; }
div.width4		{	width: 53.5px; }
div.width7		{	width: 30px; }

div.mode_left	{	width: 250px;	border-radius: 0px 0px 0px 0px;	border-width: 1px 1px 1px 1px; overflow: hidden; float: left;}
div.mode_right	{	width: 250px;	border-radius: 0px 0px 0px 0px;	border-width: 1px 1px 1px 1px; overflow: hidden;}

div.single		{					border-radius: 5px 5px 5px 5px;	border-width: 1px 1px 1px 1px; overflow: hidden;}
div.single_top	{					border-radius: 5px 5px 0px 5px;	border-width: 1px 1px 1px 0px; overflow: hidden;}
div.single_mid	{					border-radius: 5px 5px 5px 5px;	border-width: 0px 1px 1px 0px; overflow: hidden;}
div.single_down	{					border-radius: 0px 0px 5px 5px;	border-width: 0px 1px 1px 1px; overflow: hidden;}

div.left		{					border-radius: 5px 0px 0px 5px;	border-width: 1px 1px 1px 1px; overflow: hidden; float: left;}
div.mid			{					border-radius: 0px 0px 0px 0px;	border-width: 1px 1px 1px 0px; overflow: hidden; float: left;}
div.right		{					border-radius: 0px 5px 5px 0px;	border-width: 1px 1px 1px 0px; overflow: hidden;}

div.left_top	{					border-radius: 5px 0px 0px 0px;	border-width: 1px 1px 1px 1px; overflow: hidden; float: left;}
div.mid_top		{					border-radius: 0px 0px 0px 0px;	border-width: 1px 1px 1px 0px; overflow: hidden; float: left;}
div.right_top	{					border-radius: 0px 5px 0px 0px;	border-width: 1px 1px 1px 0px; overflow: hidden;}
div.left_mid	{					border-radius: 0px 0px 0px 0px;	border-width: 0px 1px 1px 1px; overflow: hidden; float: left;}
div.mid_mid 	{					border-radius: 0px 0px 0px 0px;	border-width: 0px 1px 1px 0px; overflow: hidden; float: left;}
div.right_mid	{					border-radius: 0px 0px 0px 0px;	border-width: 0px 1px 1px 0px; overflow: hidden;}
div.left_down	{					border-radius: 0px 0px 0px 5px;	border-width: 0px 1px 1px 1px; overflow: hidden; float: left;}
div.mid_down 	{					border-radius: 0px 0px 0px 0px;	border-width: 0px 1px 1px 0px; overflow: hidden; float: left;}
div.right_down	{					border-radius: 0px 0px 5px 0px;	border-width: 0px 1px 1px 0px; overflow: hidden;}

div.button:hover {
	background: #eee;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#bbbbbb',GradientType=0);
		background: -moz-linear-gradient(	top, #eeeeee 0%, #bbbbbb 100%);
		background: -webkit-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
		background: -o-linear-gradient(		top, #eeeeee 0%, #bbbbbb 100%);
		background: -ms-linear-gradient(	top, #eeeeee 0%, #bbbbbb 100%);
		background: linear-gradient(		top, #eeeeee 0%, #bbbbbb 100%);
}
div.button:active {
	background: #aaa;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa',endColorstr='#777777',GradientType=0);
		background: -moz-linear-gradient(	top, #aaaaaa 0%, #777777 100%);
		background: -webkit-linear-gradient(top, #aaaaaa 0%, #777777 100%);
		background: -o-linear-gradient(		top, #aaaaaa 0%, #777777 100%);
		background: -ms-linear-gradient(	top, #aaaaaa 0%, #777777 100%);
		background: linear-gradient(		top, #aaaaaa 0%, #777777 100%);
}

div.pressed, div.pressed1, div.pressed1:hover, div.pressed1:active {
	background: #aaa;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa',endColorstr='#777777',GradientType=0);
		background: -moz-linear-gradient(	top, #aaaaaa 0%, #777777 100%);
		background: -webkit-linear-gradient(top, #aaaaaa 0%, #777777 100%);
		background: -o-linear-gradient(		top, #aaaaaa 0%, #777777 100%);
		background: -ms-linear-gradient(	top, #aaaaaa 0%, #777777 100%);
		background: linear-gradient(		top, #aaaaaa 0%, #777777 100%);
}
div.pressed:hover {
	background: #bbb;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb',endColorstr='#888888',GradientType=0);
		background: -moz-linear-gradient(	top, #bbbbbb 0%, #888888 100%);
		background: -webkit-linear-gradient(top, #bbbbbb 0%, #888888 100%);
		background: -o-linear-gradient(		top, #bbbbbb 0%, #888888 100%);
		background: -ms-linear-gradient(	top, #bbbbbb 0%, #888888 100%);
		background: linear-gradient(		top, #bbbbbb 0%, #888888 100%);
}
div.pressed:active {
	background: #eee;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#bbbbbb',GradientType=0);
		background: -moz-linear-gradient(	top, #eeeeee 0%, #bbbbbb 100%);
		background: -webkit-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
		background: -o-linear-gradient(		top, #eeeeee 0%, #bbbbbb 100%);
		background: -ms-linear-gradient(	top, #eeeeee 0%, #bbbbbb 100%);
		background: linear-gradient(		top, #eeeeee 0%, #bbbbbb 100%);
}


div.declare {
/*	color: #f00;*/
	width: 100%;
	height: 40px;
	margin: 20px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
	border: solid 5px #ccc;
	border-radius: 10px;
	text-align: center;
	background: #eee;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#bbbbbb',GradientType=0);
		background: -moz-linear-gradient(	top, #eeeeee 0%, #bbbbbb 100%);
		background: -webkit-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
		background: -o-linear-gradient(		top, #f5f5f5 0%, #dddddd 100%);
		background: -ms-linear-gradient(	top, #eeeeee 0%, #bbbbbb 100%);
		background: linear-gradient(		top, #eeeeee 0%, #bbbbbb 100%);
}
div.menu-head {
	margin: 2px;
	padding: 5px 3px 2px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #00c097;
	color: #fff;
	height: 20px;
}
div.menu-head a {
	color: #fff;
}
div.project {
	margin: 2px;
	padding: 3px 3px 0px 20px;
	font-size: 14px;
/*	font: 20px 'Cambria';*/
/*	border: solid 1px #999;*/
	background: #f5f5f5;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
/*	border-radius: 5px;*/
}
div.project a {
	padding: 0px;
	display: block;
	height: 100%;
	color: #353d4a;
	text-decoration: none;
}
div.project:hover {
	text-decoration: underline;
	background: #e5e5e5;
}

/* Plots */
.grafic {
	height: 460px;
	margin: 10px 0px 10px 0px;
	border: 0px solid #000;
	background: url(/images/WeatherHistory1.png);
		background-size:		100% 100%;
		-moz-background-size:	100% 100%;
		-o-background-size:		100% 100%;
		-webkit-background-size:100% 100%;
}
.grafic_cont {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0px 0px;
	padding: 0px;
	left: -1px;
	border: 0px solid #000;
	text-align: center;
}
/*.about_grafic {
	font-size: inherit;
	color: #444;
	text-align: left;
	padding: 0px 10px;
}*/
.grafic_data  {
	overflow-x: auto;
}
.grafic_data table {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	border: 1px solid #aaa;
}
.grafic_data table td, .grafic_data table th {
	max-width: 150px;
	width: 150px;
	padding: 10px;
	text-align: center;
	border: 1px solid #aaa;
}
.grafic_data table th {
	font-weight: bold; 
}

.grafic_arrow_left {	background: url(/images/arrow-left1.gif);	}
.grafic_arrow_right {	background: url(/images/arrow-right1.gif);	}
.grafic_arrow_left, .grafic_arrow_right {
	position: absolute;
	cursor: pointer;
	opacity: 0;
/*	background-color: #ccc;
	background-color: transparent;*/
	vertical-align: middle;		
	z-index: 1000;
		background-size:		100% 100%;
		-moz-background-size:	100% 100%;
		-o-background-size:		100% 100%;
		-webkit-background-size:100% 100%;
}
.grafic_arrow_left:hover, .grafic_arrow_right:hover {
	opacity: 0.5 !important;
}
.near_arrow {
	position: absolute;
	opacity: 0.3;
/*	background-color: #ccc;*/
	z-index: 999;
}

ul {
	list-style-type: circle;
	margin: 0px;
	padding: 5px 0px 5px 20px;
	display: table;
}
/*.lsidebar table, .lsidebar td, .lsidebar th {
	font-size: 16px;
}*/
.main table, .main td, .main th {
	border: solid 1px #0066cc;
	border-collapse: collapse;
	font-size: inherit;
}
.main table {
	margin: 10px auto 0px auto;
}
.main img {
	max-width: 765px; !important
	padding:0px;
	margin:0px;
}
table.da {
	border: double 3px #0066cc;'
}
table td.cell_r {
	min-width: 100px;
	text-align: right;
	padding: 5px 20px 5px 20px;
}
table th.cell_r {
	padding: 5px;
	text-align: center;
	border-bottom: double 3px #0066cc;'
}
table th.dr, table td.dr {
	border-right: double 3px #0066cc;'
}

/* Всплывающие подсказки */

.jQtooltip {
	position: relative;
	cursor: pointer;
	border-bottom: 1px dashed;
}
.jQtooltip div {
	font: 11px 'Cambria' serif;
	display: none;
	position: absolute;
	bottom: -1px;
	left: 15px;
	z-index: 1000;
	width: 210px;
	padding: 8px 12px;
	text-align: left;
	line-height: 16px;
	color: #000;
	box-shadow: 0 1px 3px #C4C4C4;  /* желтоватый  */
/*	border: 1px solid #DBB779;  /* желтоватый  */
/*	background: #FFF6BD;  /* желтоватый  */
	border: 1px solid #ccccFF;  /* голубой  */
	background: #EEEEFF;  /* голубой  */
	border-radius: 5px;
}
div.ppp {
	font: 11px 'Cambria' serif;
/*	display: none;*/
	position: absolute;
/*	left: 100px;
	top: 100px;*/
	z-index: 2000;
	min-width: 30px;
	max-width: 210px;
	min-height: 10px;
	padding: 1px 5px;
	text-align: left;
	color: #000;
	box-shadow: 0 1px 3px #C4C4C4;  /* желтоватый  */
	border: 1px solid #DBB779;  /* желтоватый  */
	background: #FFF6BD;		/* желтоватый  */
/*	border: 1px solid #ccccFF;  /* голубой  */
/*	background: #EEEEFF;		/* голубой  */
/*	border-radius: 5px;*/
}
div.ppp p {
	padding: 3px 0px;
	line-height: 12px;
}
.jQtooltip ul{
	margin: 0px 10px;
	padding: 1px 2px;
}
.jQtooltip ul li{
	margin: 0px 2px;
	padding: 1px 2px;
}
.jQtooltip.mini {
	display: inline-block;
	vertical-align: bottom;
	font-size: 9px;
	width: 10px;
	line-height: 10px;
	text-align: center;
	margin-left: 2px;
	top: 0px;
	color: #9A4D18;
	border: 1px solid #aaa; 
	background: #fff;
/*	border: 1px solid #FAD28F;  /* желтоватый  */
/*	background: #FFF6BD;  /* желтоватый  */
	border-radius: 2px;
}
.jQtooltip.mini:hover {
	border: 1px solid #aaa; 
	background: #ff8;
}


a,			.txtbtn			{ color: #003399; cursor: pointer; text-decoration: none; padding: 0px 0px; margin: 0px; }
a:hover,	.txtbtn:hover	{ color: #003399; cursor: pointer; text-decoration: underline; }

a.noline			{ color: #000; text-decoration: none; }
a.noline:hover		{ color: #000; text-decoration: none; }

H1 {
	margin: 10px 10px;
	font: 32px 'Cambria';
	padding: 0px 0px 0px 0px;
	text-align: left;
}

H2 {
	margin: 20px 15px 15px 15px;
	font: 24px 'Cambria';
/*	font: 24px Georgia;*/
/*	font-style: italic;*/
	font-weight: bold; 
/*	color: #003399;*/
}

H3 {
/*	color: #003399;*/
	margin: 7px 0 4px;
	font: 20px 'Cambria';
	font-weight: bold;
}

H4 {
	color: #003399;
	margin: 15px 0px 4px 0px;
	font: 11px 'Cambria';
	font-weight: bold;
}

p {
	padding: 0px 0px;
	margin: 0px;
/*	font: 11px 'Cambria' serif;*/
	color: #000;
	line-height: 1.6;
}

.content p {
	padding: 2px 0px 2px 0px;
}

p.time {
	padding: 0px 0px 5px 0px;
	color: #555;
	font: smaller;
}

.footer {
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
/*	background: #B6D6E7 url(/images/head_bg1.gif) repeat-x top center; */
	color: #003399;
	clear: both;
	border: solid #ccc;
	border-width: 1px 0px 1px 0px;
}

div.all {
	font-size: 12px;
	line-height: 10px;
}

div.head h1 {
	width: 1020px;
	height: 71px;
	border-bottom: solid 1px #ccc;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
/*	font: 40px 'Arial black';*/
	font: 48px 'Cambria';
	text-align: center;
	vertical-align: middle;
	z-index: 1000;
	background: #fff;
}

.search_result {
	position: absolute;
	z-index:1000;
	width: 450px;
	border: solid 1px #999;
	background: #fff;
	margin: 15px 0px 0px 300px;
	text-align: left;
}
.search_result .town_choose{
	width: 444px;
	border: solid 0px #999;
	padding: 3px;
	overflow: hidden;
	font: 14px 'Cambria';
}
.search_result .town_choose:hover{
	background: #eef;
	cursor: pointer;
}/*
.search_result .town_choose a {
	display: block;
	height: 100%;
}
*/
div.catalog table {
	border: 0px;
}
div.catalog table td{
	border: 0px;
	font-size: smaller;
	vertical-align: top;
}
div.catalog table td a{
	margin-left: 10px;
}
div.catalog table td h1 a{
	color: #000;
	text-decoration: none;
}

div.main table.noborder, div.main table.noborder td, div.main table.noborder th {
	border: 0px;
}
th h2 {
	margin: 15px 0px 15px 0px;
}

table.fcast {
	border: 0px;
}
table.fcast td {
	width: 120px;
	border: 0px;
	padding: 3px 10px;
	border-image-width: 0px;
}
div.rsidebar.home table.fcast td {
	width: 90px;
	padding: 1px 0px;
}
table.fcast th {
	width: 175px;
	border: 0px;
	padding: 3px 10px;
	font-weight: normal; 
	text-align: left;	
}
table.fcast td h3 img{
	margin-left: 10px;
}
table.fcast th h3 img{
	margin-left: 10px;
}
table.fcast td div {
	margin: -3px -10px;
	width: 140px;
	overflow: hidden;
}
table.fcast th div {
	margin: -3px -10px;
	position: relative;
	width: 195px;
	overflow: hidden;
}
table.fcast th div div {
	position: absolute;
	top: 7px;
	left: 20px;
}

table.smart tr td {
	padding: 5px 9px;
	text-align: center;
	border-width: 1px;
}
table.smart tr th, table.smart caption {
	font-weight: bold;
	padding: 5px 9px;
	text-align: center;
	border-width: 1px;
	background: #e0e8ee;
}
table.smart tr td a, table.smart tr th a, div.smart a {
	display: block;
	height: 100%;
	text-decoration: none;
}
table.smart tr td a:hover, table.smart tr th a:hover, div.smart a:hover {
	text-decoration: underline;
}
table.smart tr td.nolink a, table.smart tr th.nolink a {
	display: inline;
	height: 100%;
	text-decoration: none;
}
table.smart tr td.nolink a:hover, table.smart tr th.nolink a:hover {
	text-decoration: underline;
}
tr.odd {
	background: #f8fbff;
}
table.also tr th {
	padding: 2px 9px;
	font-weight: bold; 
}
table.also tr td {
	padding: 0px 5px 0px 10px;
}
div.also {
	width: 100%;
	left: -10px;
	padding: 5px 10px 10px 10px;
	background: #eee;
}

/* Style for Usual tabs */
 .tabs {								/* отвечает за весь внешний блок*/
	padding: 0px;						/*отступы внешнего блока от края */
	width: 750px;						/*ширина внешнего блока*/
	margin: 8px;
}
 
.tabs ul {
	padding: 0px;
} 
.tabs li { list-style:none; float:left;  } /*вид вкладок*/
.tabs ul a {							/*стили вкладок */
	display:block;
	padding: 4px 6px 6px 6px;			/*отступы текста от края вкладок */
	text-decoration:none!important;		/* нет подчеркивания у ссылок */
	border: 0px solid #ccc;
/*	border-bottom: 1px dashed #000080;	/* Пунктирное подчеркивание */
/*	margin:1px;*/
/*	margin-left:0;*/
/*	background:#444;					/* фон вкладок */
}
.tabs ul a:hover	{					/*стили вкладки, когда на нее наведена мышка */
/*	background:#111;					/* фон вкладок */
}
.tabs ul a.selected {					/*стили вкладки, когда она выбрана */
	font-weight: bold;
/*	border-width: 1px 1px 0px 1px;*/
}
.tabs div {								/*стили информационного блока */
	padding: 6px;						/* отступы текста инфо от краев */
	*padding-top:3px;
	*margin-top:-15px;
/*	clear:left;*/
	border: 1px solid #ccc;
}
/*.tabs div a { color:#000; font-weight:bold; } /* цвет и жирный шрифт ссылок внутри инфоблока */
 
/*#tabs1 { background:#0A0A0A; border:1px solid #1A1A1A; }
#tabs1 a { background:#222; }
#tabs1 a:hover { background:#000; }
#tabs1 a.selected { background:snow; }
#tabs3 { background:#FF9; }*/

div.column {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
	-webkit-column-rule: 1px solid #ccc;
	-moz-column-rule: 1px solid #ccc;
	column-rule: 1px solid #ccc;
}
div.column3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px; 
	column-gap: 15px;
	-webkit-column-rule: 1px solid #ccc;
	-moz-column-rule: 1px solid #ccc;
	column-rule: 1px solid #ccc;
}



/* Всплывающий текст на картинках */
/*style='position: relative; width: 231px; height: 200px; float: left; border: solid 1px #00c097; margin: 5px ".(($i%3==0)?"0px":"5px")." 5px ".((($i-1)%3==0)?"0px":"5px")."; background: url($img) center center; overflow: hidden;'*/
.thumbs {
  width: 233px;
  height: 200px;
  margin: 10px;
  float: left;
  opacity: 1;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
/*  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
}
.thumbs:before {
  content: '';
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 40%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 40%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.thumbs img {
  display: block;
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumbs .caption {
  width: 221px;
  padding: 5px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  text-align: center;
}
.thumbs .caption span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.thumbs .caption .title {
  line-height: 1;
  font-weight: bold;
  font-size: 120%;
/*  font-size: 18px;*/
}
.thumbs .caption .info {
  line-height: 1;
  margin-top: 5px;
/*  font-size: 12px;*/
}
.thumbs:hover {
  opacity: 0.9;
}
.thumbs:focus:before,
.thumbs:focus span, .thumbs:hover:before,
.thumbs:hover span {
  opacity: 1;
}
.thumbs:focus:before, .thumbs:hover:before {
  top: 50%;
}
.thumbs:focus span, .thumbs:hover span {
  top: 0;
}
.thumbs:focus .title, .thumbs:hover .title {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.thumbs:focus .info, .thumbs:hover .info {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

/* Всплывающий текст на картинках */