body {
	font-family: 'Roboto', sans-serif;
}
.main_article p, li {
	font-size: 20px;
}
.img_padding {
	padding-bottom: 20px;
	padding-left: 20px;
}
.img_margin {
	margin: 7px;
}
.font_size_14 p {
	font-size: 14px;
}
.img_shadow img:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.p_top {
	padding-top: 70px;
}
.text_sel {
	background-color: #337ab7;
	color: #ddd;
}
.text_sel a {
	color: #ddd;
	text-decoration: none;
}
.text_sel a:hover {
	color: #fff;
}
.text_sel_red {
	background-color: #FF7878;
	color: #fff;
}
.buldings {
	position: absolute;
	padding: 2%;
	text-align: center;
}
.buldings:hover {
	background-color: #FF7878;
}
.storage {
	background-color: #006633;
}
.awning {
	background-color: #3366FF;
}
.office-box {
	background-color: #009999;
}
.responsive-box {
    position: relative;
    width: 100%; 
}
.responsive-box::before {
    content: "";
    display: block;
    padding-top: 200%;
}
#territory {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*background: url(images/bg.jpg) no-repeat center center;*/
    background-size: cover;
	background-image: url(../images/complex_schem.png);
	background-color: #CCCCCC;
	padding: 0;
}
#territory a {
	color: #fff;
}
#territory a:focus a:hover {
	color: #fff;
}
#office12{
	height: 12.5%;
	width: 25%;
	top: 86%;
	left: 72%;
}
#office3{
	height: 2%;
	width: 13%;
	top: 82.5%;
	left: 84%;
	padding: 12px;
}
#office4{
	height: 6.5%;
	width: 4%;
	top: 75%;
	left: 93%;
	padding: 0;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
}
#stock1 {
	height: 25%;
	width: 15%;
	top: 40%;
	left: 73%;
}
#stock2 {
	height: 40%;
	width: 17%;
	top: 40%;
	left: 42%;
}
#stock3 {
	height: 40%;
	width: 28%;
	top: 40%;
	left: 9%;
}
#stock4 {
	height: 10%;
	width: 35%;
	top: 20%;
	left: 27%;
}
#building5 {
	height: 7%;
	width: 34%;
	top: 0.5%;
	left: 63%;
}
#awning1 {
	height: 4%;
	width: 18%;
	top: 96%;
	left: 41%;
}
#awning2 {
	height: 4%;
	width: 34%;
	top: 96%;
	left: 0;
}
#awning3 {
	height: 10.5%;
	width: 20%;
	top: 19.5%;
	left: 7%;
}