#map {position:absolute; width: 600px; height: 450px; left: -10000px; margin-top: 20px;}
.division {float: left; /*width: 27%;*/ padding: 5px 20px; min-height: 80px;}
.division a {
	background-color: #3a74b7;
	/*background-image: linear-gradient(#3f8ac9 0%, #3a74b7 36%, #3a5ea6 100%);*/
	padding: 15px;
	border-radius: 5px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	/*display: table-cell;*/
	display: block;
	/*min-height: 90px;*/
	/*width: 164px;*/
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.division a:hover {
	background-color: #4785CC;
	/*background-image: linear-gradient(#4796D8 0%, #4482CA 36%, #4269B8 100%);*/
}
.division a.obshaga {
	background-color: #57b73a;
	/*background-image: linear-gradient(#57b73a 0%, #57b73a 36%, #57b73a 100%);*/
	vertical-align: middle;
}
.division a.obshaga:hover {
	background-color: #5dc33e;
}

.clear_all {clear: both;}
.order_button {
	width: 200px;
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 20px;
	background-color: rgb(224, 118, 118);
	background-image: linear-gradient(rgb(245, 138, 138) 0%, rgb(235, 128, 128) 36%, rgb(224, 118, 118) 100%);
	padding: 5px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	text-align: center;
}
.order_button:active { 
	background-color: rgb(204, 118, 118);
	background-image: linear-gradient(rgb(228, 210, 224) 0%, rgb(204, 118, 118) 36%, rgb(220, 30, 106) 100%);
}
.order_button:hover { 
	background-color: rgb(241, 145, 145);
	background-image: linear-gradient(rgb(250, 153, 153) 0%, rgb(253, 156, 156) 36%, rgb(252, 154, 154) 100%);
}

.element {float: left; padding: 5px 20px; min-height: 80px; margin: 20px 10px; border-radius: 5px;}
.element.blue {
	width: 40%;
	background-color: #3a74b7;
	background-image: linear-gradient(#3f8ac9 0%, #3a74b7 36%, #3a5ea6 100%);
}
.element.desert {
	width: 25%;
	background-color: #F0C469;
	background-image: linear-gradient(#FACF77 0%, #F0C469 36%, #E4B95F 100%);
	padding: 5px;
	margin-left: 15%;
	max-width: 200px;
}
.element a {
	padding: 15px;
	font-weight: 700;
	text-decoration: none;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.element.blue:hover {
	background-color: #4785CC;
	background-image: linear-gradient(#4796D8 0%, #4482CA 36%, #4269B8 100%);
	cursor: pointer;
}
.element.desert:hover {
	background-color: #F6E290;
	background-image: linear-gradient(#FFE064 0%, #FADA5C 36%, #F1D566 100%);
	cursor: pointer;
}

.element.blue a	{color: #fff;}
.element.desert a{color: #535050;}

/*SPECIALVERSION*/

html.specialversion.color1 .division a, html.specialversion.color1 .order_button {background: #000; color: #FFF;}
html.specialversion.color1 .division a:hover, html.specialversion.color1 .order_button:hover {border-radius:0;}
html.specialversion.color1 #div_main table td {color:#000 !important;}

html.specialversion.color2 .division a, html.specialversion.color2 .order_button {background: #000; border:2px solid #ff0; border-radius: 8px; color: #ff0 !important;}
html.specialversion.color2 .division a:hover, html.specialversion.color2 .order_button:hover {border-radius:0; background: #ff0; color: #000 !important;}
html.specialversion.color2 #div_main table td {color:#ff0 !important;}

html.specialversion .division {float: inherit; width: inherit;}
html.specialversion .division a {display: block; height: inherit; width: 100%;}