/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
   width: 95% !important;
   height: 275px !important;
   position: relative !important;
   overflow: hidden !important;
   /*margin: 0px 0px 0px 16px;*/
   margin: 2.85% !important;
}

/*Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#description {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}

#infowindow-content .title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}

#map #infowindow-content {
  display: inline;
}

.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  font-family: Roboto;


}

#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
}

.pac-controls {
  display: inline-block;
  padding: 5px 11px;
}

  .pac-controls label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
  }

#pac-input {
  position: relative;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  height: 48px;
  /*border-bottom: 1px solid transparent;*/
  transition-property: background,box-shadow;
  transition-duration: 0.3s;
  font-family: Roboto;
  font-size: 15px;
  /*font-weight: 300;*/
  /*margin-left: 12px;*/
  left: 0px !important;
  padding: 0 11px 0 13px !important;
  margin: 8% 0% 0% 1%;
  text-overflow: ellipsis;
  width: 300px;
}

  #pac-input:focus {
    border-color: #4d90fe;
  }

#title {
  color: #fff;
  background-color: #4d90fe;
  font-size: 25px;
  font-weight: 500;
  padding: 6px 12px;
}

#target {
  width: 345px;
}


/*MAPA 2 MISMA PANTALLA*/

#map_2 {
  width: 96% !important;
  height: 275px !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0px 0px 0px 16px;
}

 
#description_2 {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}

#infowindow-content_2 .title {
  font-weight: bold;
}

#infowindow-content_2 {
  display: none;
}

#map_2 #infowindow-content_2 {
  display: inline;
}

 
#pac-container_2 {
  padding-bottom: 12px;
  margin-right: 12px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
}


#pac-input_2 {
  position: relative;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  height: 48px;
  /*border-bottom: 1px solid transparent;*/
  transition-property: background,box-shadow;
  transition-duration: 0.3s;
  font-family: Roboto;
  font-size: 15px;
  /*font-weight: 300;*/
  /*margin-left: 12px;*/
  left: 0px !important;
  padding: 0 11px 0 13px !important;
  margin: 8% 0% 0% 1%;
  text-overflow: ellipsis;
  width: 300px;
}

#pac-input_2:focus {
  border-color: #4d90fe;
}

#title_2 {
  color: #fff;
  background-color: #4d90fe;
  font-size: 25px;
  font-weight: 500;
  padding: 6px 12px;
}

#target_2 {
  width: 345px;
}