/* Произвольный курсор над панорамой */
#pano {
	cursor: url('../skin/grab.png') 10 10, grab;
}

.button {
	display: inline-block;
	font-family: "vtour";
	font-style: normal;
	font-weight: normal; 					
	text-align: center;
	font-size:28px;

	vertical-align: middle;
	color: #ffffff;
	background-color: transparent;
}

.button_size_mobile {
	font-size: 56px;
}

.button_type_prevnext_size_mobile {
	font-size: 96px;
}

.button_type_topLevel {
	font-size: 27px;
	Position: relative;
	color: #eee;
	top: -1px;
}

.button_type_topLeveL_size_mobile {
	font-size: 56px;
	Position: relative;
	color: #eee;
	top: -6px;
}

.button_type_auxillary {
	font-size: 84px;
	color: #ec894d;
}

.button_size_mobile-circle {
	font-size: 168px;
	color: #ec894d;
}

.button_type_prevnext {
	font-size: 45px;
}

.button_type_prevnext:hover {
	font-size: 45px;
	color: #ec894d;
}


.button_type_mapspot-bg {
	position: absolute;
	left: -0.09em;
    top: -0.08em;

	font-size: 51px;
	color: #fff;
}

.button_type_mapspot {
	position: relative;
	z-index: 1;
	
	content: '🤍';
	font-size: 42px;
	color: #d4d4d4;
	text-shadow: -1.2px -1px 1px #4d4d4d, 1.2px -1px 1px #4d4d4d;
}

.button_type_active-mapspot-bg{
	position: absolute;
	left: -0.09em;
    top: -0.08em;

	color: #d5eacc;
	font-size: 51px;
}

.button_type_active-mapspot {
	position: relative;
	z-index: 1;

	content: '🤍';
	font-size: 42px;
	color: #70c54e;
	text-shadow: -1.2px -1px 1px #2b6114, 1.2px -1px 1px #2b6114;
}

.button_type_visited-mapspot-bg{
	position: absolute;
	left: -0.09em;
    top: -0.08em;

	color: #ffb9c5;
	font-size: 51px;
}


.button_type_visited-mapspot {
	position: relative;
	z-index: 1;

	content: '🤍';
	font-size: 42px;
	color: #ff4969;
	text-shadow: -1.2px -1px 1px #46000c, 1.2px -1px 1px #46000c;
}

.button_type_hovered-mapspot-bg{
	position: absolute;
	left: -0.09em;
    top: -0.08em;

	color: #ffffff;
	font-size: 51px;
}


.button_type_hovered-mapspot {
	position: relative;
	z-index: 1;

	content: '🤍';
	font-size: 42px;
	color: #ffffff;
	text-shadow: -1.2px -1px 1px #4d4d4d, 1.2px -1px 1px #4d4d4d;
}

.mapspot_size_mobile {
	font-size: 60px;
}

.bg_size_mobile {
	font-size: 75px;
	left: -0.1em;
	top: -0.1em;
}

.button_type_ellipsis {
	color: #eee;
	font-size: 48px;
	text-shadow: 0 1px 0px rgba(0, 0, 0, 0.25), 0px -1px 0px rgba(0, 0, 0, 0.25), 1px 0 0px rgba(0, 0, 0, 0.25), -1px 0 0px rgba(0, 0, 0, 0.25);
}

.button_type_ellipsis_size_mobile {
	color: #eee;
	font-size: 96px;
}

.button:active {
	transform: scale(0.97);
}

.button:hover {
	color: #ec894d;
}

.button:active {
	color: #ec894d;
}

/* 
	К сожалению, textfield не даёт обнулить padding у самого себя, 
	поэтому приходится ставить 0 12px, 
	чтобы уравнять горизонтальные и вертикальные внутренние отступы.
*/