// привет, Александр, добро пожаловать в увлекательный мир будущего
// это LESS -- наслаждайся

// переменные
@arial: Verdana, Arial, Helvetica,sans-serif;
@small: 14px;

// а хер там
hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

// красная шапочка
#header {

	//height: 150px;

	/*.top {

		display: flex;
		flex-direction: row;
		align-items: left;
		align-content: left;
		justify-content: left;
		text-align: left;
		height: 100%;*/
		
	.border {

		border: solid 1px white;
		border-radius: 6px;
		padding: 10px;
		margin-bottom: 10px;

		p {
			font-family: @arial;
			font-size: 15px;
			font-weight: normal;
			color: #076EB2;
			
			.link-sait {
			font-family: @arial;
			font-size: 15px;
			color: #076EB2;
			}
		}
	}
	/*}*/
	
	// серая рамка
	.border-grayUp {
		border-color: #d5d5d5;
	}

}

// нежное обнаженное тельце
#body {

	margin-top: 10px;

	.border {

		border: solid 1px white;
		border-radius: 6px;
		padding: 10px;
		margin-bottom: 10px;

		title {
			text-align:center;
			display: block;
			margin-bottom: 7px;
			/*font-weight: bold;*/
			font-family: @arial;
			font-size: @small;
		}

		p {
			font-family: @arial;
			font-size: @small;
			color: #000000; /*333333*/
			/*text-align: left;*/

			.link-green {
				color: #13B965;
			}
			.link-red {
				color: #ff4e4e;
			}
			.link-gray {
				color: #d5d5d5;
			}
			.link-blue {
				color: #076EB2;
			}
			.link-black {
				color: #000;
			}

		}

	}

	@media (min-width:767px) {
		.row {
			margin-right: -10px;
			margin-left: -10px;
		}
	}

	// синий заголовок
	.title-blue {
		title {
			color: #076EB2;
		}
	}

	// зелёный заголовок
	.title-green {
		title {
			color: #13B965;
		}
	}

	// черный заголовок
	.title-black {
		title {
			color: #000;
			font-size: 15px;
		}
	}

	// красный заголовок
	.title-red {
		title {
			color: #ff4e4e;
		}
	}

	// красная рамка
	.border-red {
		border-color: #ff4e4e;
	}

	// серая рамка
	.border-gray {
		border-color: #d5d5d5;
	}

	// зелёная рамка
	.border-green {
		border-color: #13B965;
	}

	// синяя рамка
	.border-blue {
		border-color: #076EB2;
	}

	// красная рамка
	.border-black {
		border-color: #000;
	}

}

// футыр
#footer {
	height: 70px;
	padding: 0px 25px;
	div {
		text-align: end;
		font-family: @arial;
		font-size: 11px;
		color: #333333;

		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		text-align: center;
		height: 100%;

	}
}