h3{font: 12px/12px Arial, Helvetica, sans-serif; 
    
  }

.info {
    padding: 10px 10px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: rgba(214,233,240,0.9);
	background: rgba(120, 190, 213,0.9);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 10px;
	text-align:left;
	color: black;
}

.infoPoboc {
    padding: 10px 10px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: rgba(214,233,240,0.9);
  background: rgba(120, 190, 213,0.9);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 10px;
  text-align:left;
  color: black;
}

.infoORP {
  padding: 10px 10px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: rgba(214,233,240,0.9);
background: rgba(120, 190, 213,0.9);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 10px;
text-align:left;
color: black;
}

.infoInfo {
    padding: 10px 10px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background:  red;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 10px;
  text-align:left;
  color: black;
}
.infolegend {
    padding: 1px 10px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(120, 190, 213,0.9);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-radius: 5px;
	text-align:left;
	color: black;
}

	.infolegend H4
	{
		text-align:center;
	    font: 14px/16px Arial, Helvetica, sans-serif;
	}


	.info H4
	{
		text-align:center;
	}
	.info H5
	{
		text-align:center;
	    font: 12px/14px Arial, Helvetica, sans-serif;
	}

.infoStationDesc {
	width: 400px;
    padding: 15px 15px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: rgba(214,233,240,0.9);
	background: rgba(120, 190, 213,0.9);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 10px;
	text-align:left;
	color: black;
}
.app_title
{
   font: 16px/18px Arial, Helvetica, sans-serif; 
   text-align:center;
   color: black;
   padding: 10px 10px;
}
body {
    padding: 0;
    margin: 0;
}
html, body, #map {
    height: 100%;
	padding: 1px;
	
	
}


@media (max-width:400px)
{
  h3{font: 8px/8px Arial, Helvetica, sans-serif; 
    
  }
  .app_title
{
   font: 12px/14px Arial, Helvetica, sans-serif; 
   text-align:center;
   color: black;
   padding: 2px 2px;
}

.infoStationDesc {
  width: 200px;
    padding: 1px 1px;
    font: 7px/8px Arial, Helvetica, sans-serif;
    background: rgba(214,233,240,0.9);
  background: rgba(120, 190, 213,0.9);
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
    border-radius: 1px;
  text-align:left;
  color: black;
}

.info {
    padding: 1px 1px;
    font: 8px/8px Arial, Helvetica, sans-serif;
    background: rgba(214,233,240,0.9);
  background: rgba(120, 190, 213,0.9);
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
    border-radius: 1px;
  text-align:left;
  color: black;
}

.infoPoboc {
    padding: 1px 1px;
    font: 8px/8px Arial, Helvetica, sans-serif;
    background: rgba(214,233,240,0.9);
  background: rgba(120, 190, 213,0.9);
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
    border-radius: 1px;
  text-align:left;
  color: black;
}

.infolegend {
    padding: 1px 1px;
    font: 8px/10px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(120, 190, 213,0.9);
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
    border-radius: 1px;
  text-align:left;
  color: black;
}

{
    text-align:center;
      font: 10px/10px Arial, Helvetica, sans-serif;
  }


  .info H4
  {
    text-align:center;
  }
  .info H5
  {
    text-align:center;
      font: 10px/10px Arial, Helvetica, sans-serif;
  }

}