/*
	Tiles System ~ UI CSS v0.3.
*/

/* base elements */

	.tile-body.scroll {overflow-y: auto;}

	h1.tile,
	h2.tile,
	h3.tile,
	h4.tile,
	h5.tile {
		height: 2.5em;
		/*margin: 0 !important;*/
	}

	/* safe */
	h1.tile-body, h1.cell-body,
	h2.tile-body, h2.cell-body,
	h3.tile-body, h3.cell-body,
	h4.tile-body, h4.cell-body,
	h5.tile-body, h5.cell-body,

	.fs12.tile-body, .fs12.cell-body,
	.fs14.tile-body, .fs14.cell-body,
	.fs16.tile-body, .fs16.cell-body,
	.fs18.tile-body, .fs18.cell-body,
	.fs22.tile-body, .fs22.cell-body {margin: 3px;}
	/**/

	.tiles_height_1 .tile-body,
	.height_1>.tile-body,
	h1.tile>.tile-body,
	h2.tile>.tile-body,
	h3.tile>.tile-body,
	h4.tile>.tile-body,
	h5.tile>.tile-body {
		padding-bottom:0;
		padding-top:0;
	}

	.tiles_height_1 .tile-body,
	.height_1>.tile-body,
	h5.tile>.tile-body {font-size:12px; line-height:2.4em;}
	h1.tile>.tile-body {font-size:22px; line-height:1.35em;}
	h2.tile>.tile-body {font-size:18px; line-height:1.6em;}
	h3.tile>.tile-body {font-size:16px; line-height:1.9em;}
	h4.tile>.tile-body {font-size:14px; line-height:2.2em;}

	.tiles_height_2>h5.tile>.tile-body, .tiles_height_3>h5.tile>.tile-body, .tiles_height_4>h5.tile>.tile-body,
	.tiles_height_2>h1.tile>.tile-body, .tiles_height_3>h1.tile>.tile-body, .tiles_height_4>h1.tile>.tile-body,
	.tiles_height_2>h2.tile>.tile-body, .tiles_height_3>h2.tile>.tile-body, .tiles_height_4>h2.tile>.tile-body,
	.tiles_height_2>h3.tile>.tile-body, .tiles_height_3>h3.tile>.tile-body, .tiles_height_4>h3.tile>.tile-body,
	.tiles_height_2>h4.tile>.tile-body, .tiles_height_3>h4.tile>.tile-body, .tiles_height_4>h4.tile>.tile-body {line-height:normal;}

	/**/

	.tile-body,
	.cell-decor { background-image: none; }
	.tile-body { background-color: #A0AEAC; }
	.cell-decor { background-color: #fff; }

	.tile:hover > .tile-body { z-index: 20; }

	.tile__grow { height: auto; }

		.tile__grow > .tile-body {
			position: relative;
			padding: 1em 17px;
			zoom: 1;
		}

	.cell-body,
	.tile-body__content { color: #444; }

	.tile-body__empty { background: url(../img/ui/bg_block_tile.png); }

	.col-title {
		/*padding: 23px 20px 10px;*/
		padding: 1.5em 20px .5625em;
		font-weight: normal;
		font-size: 18px;
		display: block;
		clear: both;
		margin: 0;
	}

	.use_hover {
		overflow: hidden;
		visibility: hidden;
		height: 0;
		opacity: 0;

		transition:
			opacity .25s .1s,
			visibility 0s .0s;
	}

		.tile.on_hover:hover { z-index: 30; }

		.on_hover:hover > .use_hover,
		.on_hover:hover + .use_hover {
			overflow: visible;
			visibility: visible;
			height: auto;
			opacity: 1;

			transition:
				opacity .25s .2s,
				visibility 0s .2s;
		}

/* options */

	.pos_top,
	.pos_left,
	.pos_right,
	.pos_bottom {
		position: absolute;
		z-index: 20;
	}

	.pos_top { left: 0; bottom: 100%; }
	.pos_bottom { left: 0; top: 100%; }
	.pos_left { top: 0; right: 100%; }
	.pos_right { top: 0; left: 100%; }

	.set_hover_shadow:hover {
		box-shadow: 0 0 0px 2px rgba(255, 255, 255, 0.25) inset;
		/*box-shadow: 0 0 5px rgba(0, 0, 0, .4);*/
	}

	.tiles_hover_zoom .tile:hover > .tile-body {
		border: 0 solid rgba(255, 255, 255, .4);
		border: 1px solid #000;
		margin: 2px;
	}

	.tiles_hover_zoom .set_hover_off.tile-body {
		margin: 3px !important;
		border: none !important;
	}

/* split content */

	.parts {
		display:block;
		width:100%;
		clear:both;
		padding:0;
		margin:0;
		/* ie fix (Одноразовый expression) */
		*zoom:expression(
			this.runtimeStyle.zoom="1",
			this.appendChild( document.createElement("div") ).className="ie_after"
		);
	}

	.no_padding>.parts {
		width:auto;
	}

	.parts>.ie_after,
	.parts:after {
		visibility:hidden;
		display:block;
		font-size:0;
		content:"!";
		clear:both;
		height:0;
	}

	.parts>[class*="part_"],
	.part { float:left; }

	.parts__inline>[class*="part_"],
	.parts__inline>.part {
		display:inline-block;
		float:none;
		*display:inline;
		*zoom:1;
	}

	table.part_1of2, .part_1of2 { width:50%; }
	table.part_1of3, .part_1of3 { width:33.3333%; *width:33.3%; }
	table.part_1of4, .part_1of4 { width:25%; }
	table.part_1of5, .part_1of5 { width:20%; }
	table.part_2of3, .part_2of3 { width:66.6667%; *width:66.6%;}
	table.part_3of4, .part_3of4 { width:75%; }

	.parts_space_x>.part_1of2 {
		margin:0 2%;
		width:45.75%;
	}
	.parts_space_x>.part_1of3 {
		margin:0 2%;
		width:29.05%;
	}
	.parts_space_x>.part_1of4 {
		margin:0 2%;
		width:20.75%;
	}
	.parts_space_x>.part_1of5 {
		margin:0 2%;
		width:15.75%;
	}
	.parts_space_x>.part_2of3 {
		margin:0 2%;
		width:62.42%;
	}
	.parts_space_x>.part_3of4 {
		margin:0 2%;
		width:70.75%;
	}

	.parts_space_right>.part_1of2 {
		margin-right:2%;
		width:47.875%;
	}
	.parts_space_right>.part_1of3 {
		margin-right:2%;
		width:31.2%;
	}
	.parts_space_right>.part_1of4 {
		margin-right:2%;
		width:22.875%;
	}
	.parts_space_right>.part_1of5 {
		margin-right:2%;
		width:17.875%;
	}
	.parts_space_right>.part_2of3 {
		margin-right:2%;
		width:64.55%;
	}
	.parts_space_right>.part_3of4 {
		margin-right:2%;
		width:72.875%;
	}

	.push_part_1of2 {margin-left:50%;}
	.push_part_1of3 {margin-left:33.3333%; *margin-left:33.3%;}
	.push_part_1of4 {margin-left:25%;}
	.push_part_1of5 {margin-left:20%;}
	.push_part_2of3 {margin-left:66.6667%; *margin-left:66.6%;}
	.push_part_3of4 {margin-left:75%;}

	/*.part_align { margin-left: 20px !important; }*/

/* icons */

	.cell-icon_top_0,
	.cell-icon_top_1,
	.cell-icon_top_2,
	.cell-icon_bottom_0,
	.cell-icon_bottom_1,
	.cell-icon_bottom_2,
	.cell-icon_left,
	.cell-icon_right,
	.cell-icon_top,
	.cell-icon_bottom {
		position:absolute;
		z-index:2;
	}

	.cell-icon_top_0,
	.cell-icon_top_1,
	.cell-icon_top_2,
	.cell-icon_bottom_0,
	.cell-icon_bottom_1,
	.cell-icon_bottom_2,
	.cell-icon_top,
	.cell-icon_bottom {right:17px;}

	.cell-icon_top {top:1.3em;}
	.cell-icon_bottom {bottom:0.95em;} /*1.416em = 17px*/

	.cell-icon_top_0 {top:0;}
	.cell-icon_top_1 {top:0.6em;}
	.cell-icon_top_2 {top:0.8em;}
	.cell-icon_bottom_0 {bottom:0;}
	.cell-icon_bottom_1 {bottom:0.6em;}
	.cell-icon_bottom_2 {bottom:0.8em;}

	.cell-icon_left_0 {left:0;}
	.cell-icon_left_1 {left:0.6em;}
	.cell-icon_left_2 {left:0.8em;}
	.cell-icon_right_0 {right:0;}
	.cell-icon_right_1 {right:0.6em;}
	.cell-icon_right_2 {right:0.8em;}

/* tile button | tabs */

	.valign {
		vertical-align: middle;
		display: inline-block;
		line-height: normal;
		position: relative;
		/*font-size: 12px;*/
		top: -0.1em;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.row_tabs {
		margin-bottom:-6px;
	}
	.row_tabs-tab {
		background-color:#68b905;
	}
	.row_tabs-tab:hover {
		filter:alpha(opacity:85);
		opacity:.85;
	}
	.row_tabs-tab.active {
		background-color:#215e34;
	}
	.row_tabs-tab.active:before {
		box-shadow:3px 3px 4px -2px rgba(0,0,0,.5);
		border-bottom:6px solid transparent;
		border-right:6px solid transparent;
		border-left:6px solid #e9e9e9;
		border-top:6px solid #e9e9e9;
		position:absolute;
		display:block;
		content:'';
		z-index:1;
		height:0;
		width:0;
		left:0;
		top:0;
	}

	.tile-body.tile-body__button,
	.tile-body.tile-body__valign {
		padding: 0.15em 17px;
		font-size: 14px;
	}

	.tile-body__valign>.valign {font-size: 12px;}

	.tile-body.tile-body__button {
		text-align:center;
		padding: 0;
		padding-top: 0.15em !important;
	}

	.tile-body.tile-body__tab,
	.tile-body.tile-body__button {
		text-decoration: none;
		cursor: pointer;
		color: #fff;
	}

	.tiles_height_1 .tile-body__button,
	.tile.height_1>.tile-body__button,
	.tiles_height_1 .tile-body__valign,
	.tile.height_1>.tile-body__valign {line-height:1.8em;}

	.tiles_height_2 .tile-body__button,
	.tile.height_2>.tile-body__button,
	.tiles_height_2 .tile-body__valign,
	.tile.height_2>.tile-body__valign {line-height:4em;}

	.tiles_height_3 .tile-body__button,
	.tile.height_3>.tile-body__button,
	.tiles_height_3 .tile-body__valign,
	.tile.height_3>.tile-body__valign {line-height:6.5em;}

	.tiles_height_4 .tile-body__button,
	.tile.height_4>.tile-body__button,
	.tiles_height_4 .tile-body__valign,
	.tile.height_4>.tile-body__valign {line-height:9em;}

	.tiles_height_5 .tile-body__button,
	.tile.height_5>.tile-body__button,
	.tiles_height_5 .tile-body__valign,
	.tile.height_5>.tile-body__valign {line-height:11.5em;}

/* tile banner */

	.tile-body__banner { padding: 0 !important;}

		/*.tile-body__banner > img {
			
		}*/

/* tile tooltip */

	.tile-tooltip {
		background-color: #3991BF;
		padding: 5px 10px;
		white-space: nowrap;
		position: absolute;
	}

		.tile-tooltip img {
			max-width: none !important;
			max-height: none !important;
		}

/* tile, col footers */

	.cell-footer {
		background-color: #333;
		background-color: rgba(0, 0, 0, .5);
		position: absolute;
		padding: 0.5em 18px 0;
		height: 1.7em !important;
		color: #fff;
		z-index: 1;
		margin: 0;
		bottom: 0;
		top: auto;
		right: 0;
		left: 0;
	}

	.cell-footer.cell-footer__grow {height:auto !important;}
	.cell-footer.cell-footer__bottom {top:100%;}

	p.cell-footer {margin: 0;}

	.col > .cell-footer {
		display: block;
		margin: 3px;
		position: static;
	}

	.tile > .cell-footer,
	.col_x > .cell-footer {
		bottom: 3px;
		right: 3px;
		left: 3px;
		margin: 0;
	}

	.tile-body.consider-footer {
		margin-bottom:3px;
		bottom:2.2em;
	}

	.consider-footer {
		margin-bottom:2.4em;
		display: block;
	}

	.cell-body.consider-footer {margin-bottom:2.2em;}

	.tile-body.consider-footer > .cell-footer {bottom:-2.2em;}

/* ## */

.tile__select > .tile-body {
	padding: 2px; 
}

.tile__select-value {
	background-color: #fff;
	display: block;
	height: 22px;
	padding: 2px;
	color: #000;
}

.tile__select > .tile-body .use_hover {
	margin: 0;
	padding: 10px; 
}

.tile__select-arrow {
	background-color: #a0aeac;
	padding: 8px;
	position: absolute;
	right: 4px;
	top: 4px;
}

/* ## */

.cell-body__bnr {
	*zoom:1;
}