body {
	background: #EEEEEE;
}

.topmenu {
	-webkit-box-shadow: 0px 5px 13px 1px rgba(0,0,0,0.59);
	-moz-box-shadow: 0px 5px 13px 1px rgba(0,0,0,0.59);
	box-shadow: 0px 5px 13px 1px rgba(0,0,0,0.59);
}

.navbar-light .navbar-nav .active>.nav-link {
	color: rgb(0, 167, 2);
}

.auto {
	margin-top: auto;
	margin-bottom: auto;
}

.container-full {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}

#logo {

}

#logo, #background {
	width: 100%;
}

div.menu {
	float: right;
	height: 100%;
	line-height: 81px;
}

ul.menu {
	list-style-type: none;
	text-decoration: none;
	margin-top: 1em;
} ul.menu #item, ul.menu #item a {
	text-decoration: none;
	float: left;
	margin-right: 15px;
	color: #757474;
} ul.menu #item a.active {
	color: #008609;
}

.with-title, .with-content {
	text-align: center;
}

.with-title {
	margin-top: 3em;
} .with-title > * {
	font-size: 25px;
}

.with-content {
	margin-bottom: 3em;
	font-size: 15px;
}

#centre {
	float: bottom;
	color: #fff;
}

.map {
	text-align: left;
	position: relative;
	width: 500px;
}
.map img.transp {
	position: relative;
    z-index: 4;
    margin: 0;
    padding: 0;
    width: 100%;
}

.transp .whole {
	background-image: url(images/whole_transp.png);
} .transp .warmaz {
	background-image: url(images/warmaz.png);
} .transp .kujpom {
	background-image: url(images/kujpom.png);
} .transp .wlkp {
	background-image: url(images/wlkp.png);
} .data {
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
  	-ms-transform: translateY(50%);
}