body {
  min-height: 75rem;
  background:rgb(244, 245, 245);
  color:rgb(36, 41, 46);
}
#mainframe{
	width:100%;
	height:1040px;
}
.harta{
	/*width:966px;*/
	width:100%;
	height:687px;
	float:left;
}

.legenda{
	width:128px;
	height:687px;
	float:left;
	background:#f2f2f2;
	padding:8px;
	align:center;
}
.statie{
	width:16px;
	height:16px;
	position:relative;
	z-index:2;
	border:1px solid #fff;
}
.box{
	width:24px;
	height:24px;
	float:left;
	margin-right:6px;
}
.legenda_box{
	margin-bottom:8px;
}
.low{
	background:#9fff16;
}
.medium{
	background:#ff9f16;
}
.high{
	background:#ff1616;
}
.imgs{
	width:100%;
	min-height:200;
	margin-top:10px;
	margin-bottom:10px;
}
.imagine{
	width:200px;
	margin:2px;
	float:left;
	
}
.imagine img{
	width:200px;
	height:200px;
}
#map{
        height:300px;
}
table td:last-child{
	 white-space: nowrap;
  overflow: hidden;
}

@media (min-width: 576px) {
  #map{
        height:700px;
    }  
    
}