@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=cyrillic);

body {
	font-family   : 'Roboto Condensed', sans-serif;
	margin-top    : 20px;
	margin-bottom : 20px;
}

h4 {
	padding-top : 10px;
}

h5 {
	font-weight: bold;
	text-align: center;
}

a{
	word-wrap: break-word;
}

a:hover, a:focus {
	text-decoration : none;
}

.board {
	width      : 75%;
	margin     : 60px auto;
	height     : 500px;
	background : #fff;
}

.panel .title {
	font-weight: bold;
}

.panel-heading, label-info {
	text-align : center;
}

.zag {
	margin-top    : 42px;
	margin-bottom : -32px;
	text-align    : center;
	font-weight   : bold;
	color         : #337ab7;
}

.zag2 {
	text-align  : center;
	font-weight : bold;
	color       : #337ab7;
}

.zag3 {
	margin-top  : 52px;
	text-align  : center;
	font-weight : bold;
	color       : #337ab7;
}

li {
	list-style-type : circle;
	text-align      : justify;
}

@font-face {
	font-family : Roboto;
	src         : url(fonts/Roboto-Thin.ttf);
}

caption {
	text-align     : center;
	font-weight    : bold;
	text-transform : uppercase;
	margin-bottom  : 5px;
}

.strateg, .fin, .fin2, .fin3, .fin4 {
	border-collapse : collapse;
}

.strateg td, .strateg th {
	border     : 1px solid rgba(0, 0, 0, 1);
	padding    : 5px;
	text-align : center;
}

.strateg th, .fin th, .fin2 th, .fin3 th {
	background-color : #e67e22;
}

.strateg td {
	text-align     : center;
	vertical-align : top;
}

.strateg tr td:nth-child(2) {
	text-align : left;
}

.fin #num {
	width : 5%;
}

.fin #prog, #obj, #sum {
	width : 14%;
}

.fin td, .fin th, .fin2 td, .fin2 th, .fin3 td, .fin3 th, .fin4 td, .fin4 th {
	border         : 1px solid rgba(0, 0, 0, 1);
	padding        : 5px;
	vertical-align : middle;
	text-align     : center;
}

.fin tr td:nth-child(2), .fin2 tr td:nth-child(1), .fin3 tr td:nth-child(1), .fin4 tr td:nth-child(1) {
	vertical-align : text-top;
	text-align     : left;
}

.fin3 #name {
	width : 48%;
}

.fin3 #prog {
	width : 13%;
}

.fin3 #obj {
	width : 12%;
}

.fin3 #gos {
	width : 16%;
}

.fin3 #sum {
	width : 11%;
}

.fin4 #name {
	width : 46%;
}

.fin4 #prog {
	width : 14%;
}

.fin4 #obj {
	width : 13%;
}

.fin4 #sum {
	width : 12%;
}

.fin4 #org {
	width : 15%;
}

.fin4 th {
	background-color : #e67e22;
}

.panel-group {
	margin-top : 42px;
}

a.spoiler:after {
	content : ' [-]';
}

a.spoiler.collapsed:after {
	content : ' [+]';
}

.btn-toolbar {
	align-self : center;
}

.nav-tabs {
	margin-top    : 42px;
	margin-bottom : 15px;
}

.navbar-brand {
	margin-top    : -15px;
	margin-bottom : auto;
}

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

.navbar-default {
	background-color : #e67e22;
	border-color     : #d35400;
	text-shadow      : rgba(0, 0, 0, 0.498039) 0px 1px 1px;
	box-shadow       : 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
}

.navbar-default .navbar-brand {
	color : #ecf0f1;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color : #ffe6d1;
}

.navbar-default .navbar-nav > li > a {
	color : #ecf0f1;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color            : #ffe6d1;
	background-color : #d35400;
}

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

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color            : #ffe6d1;
	background-color : #d35400;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color    : #ecf0f1;
	border-bottom-color : #ecf0f1;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
	border-top-color    : #ffe6d1;
	border-bottom-color : #ffe6d1;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
	border-top-color    : #ffe6d1;
	border-bottom-color : #ffe6d1;
}

.navbar-default .navbar-toggle {
	border-color : #d35400;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color : #d35400;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color : #ecf0f1;
}

@media (max-width : 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color : #ecf0f1;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color            : #ffe6d1;
		background-color : #d35400;
	}
}