html body {
    background-color: #fafffc;
    font-size: 18px;
}

p.bigpadding {
  line-height: 2.5;
}

/* hoverButton starts here */
.googleHoverButton, .yandexHoverButton, .ukraineHoverButton, .topoHoverButton, .osmHoverButton, .downloadHoverButton {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight:bold;
  background-color: #E6F5FF;
}

.googleHoverButton a, .yandexHoverButton a, .ukraineHoverButton a, .topoHoverButton a, .osmHoverButton a, .downloadHoverButton a
{
  color: #000000;
  text-decoration: none;
  font-size: 18px;
  display: block;
  padding: 20px;
  background-color: #E6F5FF;
  padding-left:65px;
}

.googleHoverButton a:link, .yandexHoverButton a:link, .ukraineHoverButton a:link, .topoHoverButton a:link, .osmHoverButton a:link, .downloadHoverButton a:link
{
  color: #000000;
  text-decoration: none;
}

.googleHoverButton a:hover, .yandexHoverButton a:hover, .ukraineHoverButton a:hover, .topoHoverButton a:hover, .osmHoverButton a:hover, .downloadHoverButton a:hover
{
  background-color: #66C2FF ;
  color: #fff;
}


.googleHoverButton a {
	background:url(/pics/icon_googleMaps.png) no-repeat;
    background-position:7px 50%;
}

.yandexHoverButton a {
	background:url(/pics/icon_yandexMaps.png) no-repeat;
    background-position:7px 50%;
}

.ukraineHoverButton a {
	background:url(/pics/icon_ukraine.png) no-repeat;
    background-position:7px 50%;
}

.topoHoverButton a {
	background:url(/pics/icon_topoMap.png) no-repeat;
    background-position:7px 50%;
}

.osmHoverButton a {
	background:url(/pics/icon_osm.png) no-repeat;
    background-position:7px 50%;
}

.downloadHoverButton {
	font-size: 14px;
}

.downloadHoverButton a {
	font-size: 14px;
	padding: 30px;
	padding-left:65px;
}

.downloadHoverButton a {
	background:url(http://maps.dokladno.com/pics/downloadArrow.gif) no-repeat;
    background-position:7px 50%;
}


/* baloon starts here */
.arrow_box {
	width: 80%; 
	top: 30px;
	left: 12%;
	position: relative;
	background: #E6F5FF;
	border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(230, 245, 255, 0);
	border-right-color: #E6F5FF;
	border-width: 50px;
	margin-top: -50px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #c2e1f5;
	border-width: 56px;
	margin-top: -56px;
}
/* baloon ends here */

.arrow_box_right {
	width: 80%; 
	top: 30px;
	position: relative;
	background: #E6F5FF;
	border: 4px solid #c2e1f5;
}
.arrow_box_right:after, .arrow_box_right:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_right:after {
	border-color: rgba(230, 245, 255, 0);
	border-left-color: #E6F5FF;
	border-width: 50px;
	margin-top: -50px;
}
.arrow_box_right:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #c2e1f5;
	border-width: 56px;
	margin-top: -56px;
}