/*------------------------------------------------------------------------------------------------
	Sticky footer styles
-------------------------------------------------------------------------------------------------*/
html,
body {
	height: 100%;
	background: url(../img/bg-body.png);
	/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto;
	/* Negative indent footer by its height */
	margin: 0 auto -50px;
	/* Pad bottom by footer height */
	/*padding: 0 0 50px;*/
}

/* Set the fixed height of the footer here */
#footer {
	height: 50px;
	background: #f2f2f2;
	border-top: 1px solid #dddddd;
	line-height: 50px;
}

#buffer {
	height: 50px;
}


/*------------------------------------------------------------------------------------------------
	Custom page CSS
-------------------------------------------------------------------------------------------------*/
/* Customize container */
@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 768px) {
	.navbar-nav>li>a {
		padding-top: 13px;
		padding-bottom: 13px;
	}
	
	.nav > li > a:hover,
	.nav > li > a:focus,
	.nav > li.active > a {
		border-bottom: 4px solid #e7402f;
	}
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

#footer p {
	margin-bottom: 0;
}

.container.padding-fix {
	padding: 50px 15px 0 !important;
}

.nav > li > a:hover,
.nav > li > a:focus {
	background: #d7e7e7 !important;
}

.nav > li.active > a {
	background: #d8d8d8 !important;
}

.navbar-default {
	background: #f2f2f2;
	border-bottom: 1px solid #dddddd;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background: #d8d8d8;
}

.navbar-brand {
	display: block;
	margin: 0 20px 0 0 !important;
	width: 190px;
	height: 50px;
	background: url(../img/logo.png) no-repeat 50% 50%;
}

.container>.navbar-header {
	margin-left: 0;
}

.page-header {
	margin-top: 20px;
	border-bottom: 1px solid #dddddd;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 26px;
}

.label {
	font-size: 85%;
}

.bs-callout {
	margin: 20px 0;
	padding: 20px;
	border-left: 5px solid #eee;
}

.bs-callout-info {
	background-color: #f4f8fa;
	border-color: #bce8f1;
}

.bs-callout-danger {
	background-color: #fdf7f7;
	border-color: #eed3d7;
}

.bs-callout-warning {
	background-color: #faf8f0;
	border-color: #faebcc;
}

.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.3;
}

.bs-callout-info h4 {
	color: #34789a;
}

.bs-callout-danger h4 {
	color: #b94a48;
}

.bs-callout-warning h4 {
	color: #8a6d3b;
}

.bs-callout ul {
	margin: 5px 0;
}

.bs-callout ul li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 25px;
	list-style: none;
	line-height: 1.7;
}

.bs-callout ul span {
	position: absolute;
	top: 5px;
	left: 0px;
}

.bs-callout ol {
	counter-reset: li; /* Инициализируем счетчик */
	padding: 0; /* Удаляем  установленное по умолчанию левое поле*/
	list-style: none; /* Отменяем нумерацию установленную по умолчанию */
}

.bs-callout ol > li {
	position: relative; /* Создаем контекст для позиционирования элементов */
	margin: 0 0 6px 3em; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */
	padding: 4px 8px;
}

.bs-callout ol > li:before {
	content: counter(li); /* В качестве данных используем счетчик */
	counter-increment: li; /* Увеличиваем значение счетчика на 1 */
	/* Позиционируем и оформляем цифры */
	position: absolute;
	top: 0;
	left: -2em;
	width: 2em;
	padding: 4px 0;
	color: #fff;
	background: #666;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
			border-radius: 50%;
}

.list-style-type-none {
	margin-left: 0;
	padding-left: 0;	
}

.list-style-type-none li {
	list-style-type: none;
}

.nowrap {
	white-space: nowrap;
}

.padding-top {
	padding-top: 50px;
}

.padding-bottom-none {
	padding-bottom: 0;
}

.margin-bottom-none {
	margin-bottom: 0 !important;
}

.line-height-2 {
	line-height: 2;
}

.border {
	border-bottom: 1px solid #dddddd;
}

.v-align-middle td,
.v-align-middle th {
	vertical-align: middle !important;
}

.h-align-center {
	text-align: center;
}

.h-align-right {
	text-align: right;
}

.td-annotation-max-width {
	max-width: 225px;
}

.td-name-max-width {
	max-width: 265px;
}

/* Customize gallery */
#gallery a:hover {
	text-decoration: none;
}

#gallery .col-md-2 {
	margin-bottom: 20px;
}

.mfp-bg {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.mfp-title {
	color: #cccccc;
}