/* Variable colors
----------------------------------------------------------------------------------------------------*/


/* Gradients
----------------------------------------------------------------------------------------------------*/
.b-header,
.b-footer {
	background: #768db0;
	background: -moz-linear-gradient(top,  #768db0 0%, #475b79 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#768db0), color-stop(100%,#475b79));
	background: -webkit-linear-gradient(top,  #768db0 0%,#475b79 100%);
	background: -o-linear-gradient(top,  #768db0 0%,#475b79 100%);
	background: -ms-linear-gradient(top,  #768db0 0%,#475b79 100%);
	background: linear-gradient(to bottom,  #768db0 0%,#475b79 100%);
}
.b-navigation {
	background: #475b79;
}

.b-page-map__menu {
	display: none;
	height: 44px;
	background: #387ba2;
	background: -moz-linear-gradient(top, #387ba2 0%, #156085 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#387ba2), color-stop(100%,#156085));
	background: -webkit-linear-gradient(top, #387ba2 0%,#156085 100%);
	background: -o-linear-gradient(top, #387ba2 0%,#156085 100%);
	background: -ms-linear-gradient(top, #387ba2 0%,#156085 100%);
	background: linear-gradient(to bottom, #387ba2 0%,#156085 100%);
}


/* Links color
----------------------------------------------------------------------------------------------------*/
a {
	color: #3d464a;
}

/* Links HOVER color
----------------------------------------------------------------------------------------------------*/
a:hover, .b-object__about a:hover, .jcarousel__item .title .map-link, .f-clear, .b-layers__letter, h1 a,
.b-layers__layer span:hover {
	color: #c20937;
}

/* Links HOVER bottom dotted borders
----------------------------------------------------------------------------------------------------*/
.jcarousel__item .title .map-link,
.f-clear, .b-layers__layer span:hover {
	border-bottom: 1px dashed #c20937;
}

/* Page header section - Back arrow icon
----------------------------------------------------------------------------------------------------*/
.b-page-heading__link a {
	background: url('/img/icons/icon-back-red.png') no-repeat 0 0;
}


/* Buttons — Default
----------------------------------------------------------------------------------------------------*/
.f-button {
	background: #c20937; Old browsers
	background: -moz-linear-gradient(top,  #c20937 0%, #c20937 100%); FF3.6+
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c20937), color-stop(100%,#c20937)); Chrome,Safari4+
	background: -webkit-linear-gradient(top,  #c20937 0%,#c20937 100%); Chrome10+,Safari5.1+
	background: -o-linear-gradient(top,  #c20937 0%,#c20937 100%); Opera 11.10+
	background: -ms-linear-gradient(top,  #c20937 0%,#c20937 100%); IE10+
	background: linear-gradient(to bottom,  #c20937 0%,#c20937 100%); W3C
	text-shadow: 0 1px 1px #7e1621;
}
	.f-button:hover {
		background: #ef6b01;
	}


/* Buttons with icon - Login
----------------------------------------------------------------------------------------------------*/
.f-button_type_login {
	padding: 7px 15px 7px 28px;
	background: url('/img/elements/buttons/button-icon-login.png') no-repeat 10px 9px, -moz-linear-gradient(top,  #c20937 0%, #c20937 100%); /* FF3.6+ */
	background: url('/img/elements/buttons/button-icon-login.png') no-repeat 10px 9px,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c20937), color-stop(100%,#c20937)); /* Chrome,Safari4+ */
	background: url('/img/elements/buttons/button-icon-login.png') no-repeat 10px 9px,-webkit-linear-gradient(top,  #c20937 0%,#c20937 100%); /* Chrome10+,Safari5.1+ */
	background: url('/img/elements/buttons/button-icon-login.png') no-repeat 10px 9px,-o-linear-gradient(top,  #c20937 0%,#c20937 100%); /* Opera 11.10+ */
	background: url('/img/elements/buttons/button-icon-login.png') no-repeat 10px 9px,-ms-linear-gradient(top,  #c20937 0%,#c20937 100%); /* IE10+ */
	background: url('/img/elements/buttons/button-icon-login.png') no-repeat 10px 9px, linear-gradient(to bottom,  #c20937 0%,#c20937 100%); /* W3C */
	background-repeat: no-repeat;
}
	.f-button_type_login:hover {
		background: #ef6b01 url('/img/elements/buttons/button-icon-login.png') no-repeat 10px 9px;
	}
	.f-button_type_login:active {
		padding: 8px 15px 6px 28px;
	}


/* Buttons with icon - Add
----------------------------------------------------------------------------------------------------*/
.f-button_type_add {
	padding: 7px 12px 7px 30px;
	background: url('/img/elements/buttons/button-icon-add.png') no-repeat 10px 9px, -moz-linear-gradient(top,  #c20937 0%, #c20937 100%); /* FF3.6+ */
	background: url('/img/elements/buttons/button-icon-add.png') no-repeat 10px 9px,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c20937), color-stop(100%,#c20937)); /* Chrome,Safari4+ */
	background: url('/img/elements/buttons/button-icon-add.png') no-repeat 10px 9px,-webkit-linear-gradient(top,  #c20937 0%,#c20937 100%); /* Chrome10+,Safari5.1+ */
	background: url('/img/elements/buttons/button-icon-add.png') no-repeat 10px 9px,-o-linear-gradient(top,  #c20937 0%,#c20937 100%); /* Opera 11.10+ */
	background: url('/img/elements/buttons/button-icon-add.png') no-repeat 10px 9px,-ms-linear-gradient(top,  #c20937 0%,#c20937 100%); /* IE10+ */
	background: url('/img/elements/buttons/button-icon-add.png') no-repeat 10px 9px, linear-gradient(to bottom,  #c20937 0%,#c20937 100%); /* W3C */
	background-repeat: no-repeat;
}
	.f-button_type_add:hover {
		background: #ef6b01 url('/img/elements/buttons/button-icon-add.png') no-repeat 10px 9px;
	}
	.f-button_type_add:active {
		padding: 8px 12px 6px 30px;
	}


/* Gray button
----------------------------------------------------------------------------------------------------*/
.f-button_gray {
	background: #e2e2e2;
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #b2b2b2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#b2b2b2));
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#b2b2b2 100%);
	background: -o-linear-gradient(top,  #e2e2e2 0%,#b2b2b2 100%);
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#b2b2b2 100%);
	background: linear-gradient(to bottom,  #e2e2e2 0%,#b2b2b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#b2b2b2',GradientType=0 );
	text-shadow: 0 1px 1px #556066;
	color: #fff;
}
	.f-button_gray:hover {
		background: #b2b2b2;
	}

/* Form elements colors
----------------------------------------------------------------------------------------------------*/
.b-form__error {
	border: 1px dashed #fa9d10;
	color: #fa9d10;
}

/* Icon colors
----------------------------------------------------------------------------------------------------*/
/* Например, серая иконка */
.g-icon-wrapper .g-icon__light {
	background: #b2b2b2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #b2b2b2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#b2b2b2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#b2b2b2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#b2b2b2 100%); /* W3C */
}
/* Например, желтая иконка */
.g-icon-wrapper .g-icon__bright {
	background: #b2b2b2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9bd27 0%, #b2b2b2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bd27), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9bd27 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9bd27 0%,#b2b2b2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9bd27 0%,#b2b2b2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9bd27 0%,#b2b2b2 100%); /* W3C */
}
.b-object-items__item.reader {
	color: #b2b2b2;
}

/* Например, красная иконка */
.g-icon-wrapper .g-icon__rich {
	background: #c20937; /* Old browsers */
	background: -moz-linear-gradient(top,  #ef6b01 0%, #c20937 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef6b01), color-stop(100%,#c20937)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ef6b01 0%,#c20937 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ef6b01 0%,#c20937 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ef6b01 0%,#c20937 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ef6b01 0%,#c20937 100%); /* W3C */
}