/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
 #titul{
	height: 25px;
    background-color: rgb(23,96,36);
	
	}
	.nadpis1 {
	font-size: 24px;
    font-family: 'Roboto','sans-serif';
	text-align: center;
	color : #fff;
    box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
	}
	.nadpis2 {
	font-size: 20px;
    font-family: 'Roboto','sans-serif';
	text-align: center;
	color : #fff;
    box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
	}	
 #map {
        height: 90%;
      }

  #legend {
    font-family: Arial, sans-serif;
    background: rgb(235,235,235);
    padding: 10px;
    margin: 10px;
    border: 3px solid #000;
  }

      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
	  
      .map-control {
        background-color: red
        border: 1px solid red
        box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
        font-family: 'Roboto','sans-serif';
        margin: 10px;
        padding-right: 5px;
        /* Hide the control initially, to prevent it from appearing
           before the map loads. */
        display: none;
      }
      /* Display the control once it is inside the map. */
      #map .map-control { display: block; }

      .selector-control {
        font-size: 24px;
        line-height: 30px;
        vertical-align: baseline;
      }