// Тень блока
.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {
	box-shadow: @arguments;
	-moz-box-shadow: @arguments;
	-webkit-box-shadow: @arguments;
}


// Основной слой
.ROOT
{
	min-height: 100%;
}

// Отступ снизу у основного слоя
.ROOT_PADDING (@height: 100px)
{
	padding-bottom: @height;
}

// Низ сайта
.FOOTER (@height: 100px)
{
	height: @height;
	margin-top: -@height;
	position: absolute;
	width: 100%;
}

// Размеры
.size (@width)
{
	.size(@width, @width);
}
.size (@width, @height)
{
	width: @width * 1px;
	height: @height * 1px;
}

.minilogo
{
	display: inline-block;
	background: url(http://www.seobit.ru/dynamic/img/minilogo2.png);
	.size(25, 24);
	.rounded(5px);
	vertical-align: middle;
}














// Жирный текст
.bold
{
	font-weight: bold;
}

// Наклонный текст
.italic
{
	font-style: italic;
}

// Таблица без границ и без лишних отступов
td
{
	margin: 0;
	padding: 0;
	empty-cells: show;
}
.table, .table_100
{
	border: 0;
	border-collapse: collapse;
}
.table_100
{
	width: 100%;
}
.table_top > tbody > tr > td, .table_top > tr > td
{
	vertical-align: top;
}






/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/

.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
	background: @color;
	background: -webkit-gradient(linear,
	left bottom,
	left top,
	color-stop(0, @start),
	color-stop(1, @stop));
	background: -ms-linear-gradient(bottom,
		@start,
		@stop);
	background: -moz-linear-gradient(center bottom,
		@start 0%,
		@stop 100%);
	background-image: -o-linear-gradient(top,@stop,@start);
}
.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
	background: @color;
	background: -webkit-gradient(linear,
	left bottom,
	left top,
	color-stop(0, rgb(@start,@start,@start)),
	color-stop(1, rgb(@stop,@stop,@stop)));
	background: -ms-linear-gradient(bottom,
	rgb(@start,@start,@start) 0%,
	rgb(@start,@start,@start) 100%);
	background: -moz-linear-gradient(center bottom,
	rgb(@start,@start,@start) 0%,
	rgb(@stop,@stop,@stop) 100%);
}
.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
	border-top: solid 1px @top-color;
	border-left: solid 1px @left-color;
	border-right: solid 1px @right-color;
	border-bottom: solid 1px @bottom-color;
}
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
	-webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
	-moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
	box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
}
.drop-shadow-inset(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
	-webkit-box-shadow: inset @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
	-moz-box-shadow: inset @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
	box-shadow: inset @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
}
.shadow(@shadow_params)
{
	-webkit-box-shadow: @shadow_params;
	-moz-box-shadow: @shadow_params;
	box-shadow: @shadow_params;
}
.rounded(@radius: 2px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
	-webkit-border-top-right-radius: @topright;
	-webkit-border-bottom-right-radius: @bottomright;
	-webkit-border-bottom-left-radius: @bottomleft;
	-webkit-border-top-left-radius: @topleft;
	-moz-border-radius-topright: @topright;
	-moz-border-radius-bottomright: @bottomright;
	-moz-border-radius-bottomleft: @bottomleft;
	-moz-border-radius-topleft: @topleft;
	border-top-right-radius: @topright;
	border-bottom-right-radius: @bottomright;
	border-bottom-left-radius: @bottomleft;
	border-top-left-radius: @topleft;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.border-radius-td(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
    -webkit-border-top-right-radius: @topright;
    -webkit-border-bottom-right-radius: @bottomright;
    -webkit-border-bottom-left-radius: @bottomleft;
    -webkit-border-top-left-radius: @topleft;
    -moz-border-radius-topright: @topright;
    -moz-border-radius-bottomright: @bottomright;
    -moz-border-radius-bottomleft: @bottomleft;
    -moz-border-radius-topleft: @topleft;
    border-top-right-radius: @topright;
    border-bottom-right-radius: @bottomright;
    border-bottom-left-radius: @bottomleft;
    border-top-left-radius: @topleft;
}
.border-radius-top-left(@radius: 0)
{
	-webkit-border-top-left-radius: @radius;
	-moz-border-radius-topleft: @radius;
	border-top-left-radius: @radius;
}
.border-radius-bottom-left(@radius: 0)
{
	-webkit-border-bottom-left-radius: @radius;
	-moz-border-radius-bottomleft: @radius;
	border-bottom-left-radius: @radius;
}
.border-radius-top-right(@radius: 0)
{
	-webkit-border-top-right-radius: @radius;
	-moz-border-radius-topright: @radius;
	border-top-right-radius: @radius;
}
.border-radius-bottom-right(@radius: 0)
{
	-webkit-border-bottom-right-radius: @radius;
	-moz-border-radius-bottomright: @radius;
	border-bottom-right-radius: @radius;
}
.border-radius (@radius: 5px) {
    border-radius: @radius;
    -moz-border-radius: @radius;
    -webkit-border-radius: @radius;
}

.opacity(@opacity: 0.5) {
	-moz-opacity: @opacity;
	-khtml-opacity: @opacity;
	-webkit-opacity: @opacity;
	opacity: @opacity;
}
.transition-duration(@duration: 0.2s) {
	-moz-transition-duration: @duration;
	-webkit-transition-duration: @duration;
	transition-duration: @duration;
}
.rotation(@deg:5deg){
	-webkit-transform: rotate(@deg);
	-moz-transform: rotate(@deg);
	transform: rotate(@deg);
}
.scale(@ratio:1.5){
	-webkit-transform:scale(@ratio);
	-moz-transform:scale(@ratio);
	transform:scale(@ratio);
}
.transition(@duration:0.2s, @ease:ease-out) {
	-webkit-transition: all @duration @ease;
	-moz-transition: all @duration @ease;
	transition: all @duration @ease;
}
.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
	-webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
	-moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
	box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
}
.box-shadow(@arguments) {
	-webkit-box-shadow: @arguments;
	-moz-box-shadow: @arguments;
	box-shadow: @arguments;
}
.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
	-moz-column-width: @colwidth;
	-moz-column-count: @colcount;
	-moz-column-gap: @colgap;
	-moz-column-rule-color: @columnRuleColor;
	-moz-column-rule-style: @columnRuleStyle;
	-moz-column-rule-width: @columnRuleWidth;
	-webkit-column-width: @colwidth;
	-webkit-column-count: @colcount;
	-webkit-column-gap: @colgap;
	-webkit-column-rule-color: @columnRuleColor;
	-webkit-column-rule-style: @columnRuleStyle;
	-webkit-column-rule-width: @columnRuleWidth;
	column-width: @colwidth;
	column-count: @colcount;
	column-gap: @colgap;
	column-rule-color: @columnRuleColor;
	column-rule-style: @columnRuleStyle;
	column-rule-width: @columnRuleWidth;
}
.translate(@x:0, @y:0) {
	-moz-transform: translate(@x, @y);
	-webkit-transform: translate(@x, @y);
	-o-transform: translate(@x, @y);
	-ms-transform: translate(@x, @y);
	transform: translate(@x, @y);
}
.inline_block{
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}
.inline_block_middle{
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}
.inline_block_bottom{
	display: inline-block;
	vertical-align: bottom;
	zoom: 1;
	*display: inline;
}

.box-sizing{
    -moz-box-sizing: border-box; /*Firefox 1+*/
    -webkit-box-sizing: border-box; /*Safari 3+, Chrome 1+*/
    box-sizing: border-box; /*Opera 7+, IE8+*/
}


// Преобразование слоев в таблицу
.div_table
{
	display: table;
}
.div_tr
{
	display: table-row;
}
.div_td
{
	display: table-cell;
}

.border-radius_xy(@x,@y){
    -webkit-border-radius: @x/@y;
    -moz-border-radius: @x/@y;
    border-radius: @x/@y;
}


.border-lt-rb(@tl, @rb)
{
	border-top:  @tl;
	border-left: @tl;
	border-right: @rb;
	border-bottom: @rb;
}


// Убирает у первого и последнего абзатцев отступы
.clear_first_last_margin
{
	&:first-child
	{
		margin-top: 0;
	}
	&:last-child
	{
		margin-bottom: 0;
	}
}

.p_margin_clear_first_last
{
	p
	{
		.clear_first_last_margin();
	}
}


.center
{
	text-align: center;
}


.pt10, .table .pt10, .table_100 .pt10
{
	padding-top: 10px;
}
.mt5
{
	margin-top: 5px;
}

.input_kod
{
	width: 50px;
}


@keyframes loadingAnimation {
	from
	{
		background-position-x: 0;
	}
	to
	{
		background-position-x: 30px;
	}
}
@-webkit-keyframes loadingAnimation {
	from
	{
		background-position-x: 0;
	}
	to
	{
		background-position-x: 80px;
	}
}


.loading_rect_over_fn(@bgColor)
{
	//@bgColor: darken(saturate(@white_yellow, 20%), 30%); // Желтый

	background: @bgColor;
	border: 1px solid darken(@bgColor, 10%);
	.rounded(3px);
	//border: none;
	.drop-shadow(0, 0, 5px, .5);
	overflow: hidden;


	position: absolute;
	z-index: 500;
	padding: 0px;

	.JS_loading_rect_over_bg
	{
		.rounded(3px);
		background: url(../../box/loading.png);
	}
}




.ml20
{
	margin-right: 20px;
}
.ml20
{
	margin-left: 20px;
}

.ml10
{
	margin-left: 10px;
}