@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;

  src: url('../fonts/lato/lato-black.eot');
  src: url('../fonts/lato/lato-black.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black.woff') format('woff'), url('../fonts/lato/lato-black.ttf') format('truetype'), url('../fonts/lato/lato-black.svg#latoblack') format('svg');
  }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;

  src: url('../fonts/lato/lato-bold.eot');
  src: url('../fonts/lato/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold.woff') format('woff'), url('../fonts/lato/lato-bold.ttf') format('truetype'), url('../fonts/lato/lato-bold.svg#latobold') format('svg');
  }
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: bold;

  src: url('../fonts/lato/lato-bolditalic.eot');
  src: url('../fonts/lato/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bolditalic.woff') format('woff'), url('../fonts/lato/lato-bolditalic.ttf') format('truetype'), url('../fonts/lato/lato-bolditalic.svg#latobold-italic') format('svg');
  }
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: normal;

  src: url('../fonts/lato/lato-italic.eot');
  src: url('../fonts/lato/lato-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-italic.woff') format('woff'), url('../fonts/lato/lato-italic.ttf') format('truetype'), url('../fonts/lato/lato-italic.svg#latoitalic') format('svg');
  }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;

  src: url('../fonts/lato/lato-light.eot');
  src: url('../fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light.woff') format('woff'), url('../fonts/lato/lato-light.ttf') format('truetype'), url('../fonts/lato/lato-light.svg#latolight') format('svg');
  }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;

  src: url('../fonts/lato/lato-regular.eot');
  src: url('../fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular.woff') format('woff'), url('../fonts/lato/lato-regular.ttf') format('truetype'), url('../fonts/lato/lato-regular.svg#latoregular') format('svg');
  }

legend { display: none }

#apresentacao { 
	width: 100%; 
	margin: 1% auto;
	overflow: hidden;
}
	
h1 { 
	font: 25px 'Lato', Arial; 
	text-align: center; 
	color: #555; 
	text-shadow: 2px 2px 0 #ccc; 
	margin-bottom: 20px; 
	letter-spacing: -0.5px
}

#mapa { 
	width: 100%;
	height: 500px;
	border-radius:7px;
	margin-bottom: 20px;
	margin-top: 15px;
}

.caixa_leg {
	height:110px;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius:5px;
}

.legenda {
	width:auto;
	height:auto;
	float:left;
	margin-right:70px;
}

.legenda_0 {
	width:auto;
	height:auto;
	float:left;
}

.laranja {
	width:25px;
	height:25px;
	background:#F60;
	margin-right: 15px;
	border-radius:5px;
	float:left;
}

.azul {
	width:25px;
	height:25px;
	background: #0CF;
	margin-right: 15px;
	border-radius:5px;
	float:left;
}

.verde {
	width:25px;
	height:25px;
	background: #0F3;
	margin-right: 15px;
	border-radius:5px;
	float:left;
}

/* =============== Estilos do autocomplete =============== */
.ui-autocomplete { 
	background: #f8f8f8; 
	border: 1px solid #ccc;
	cursor: pointer; 
	font: 15px 'Lato',Arial;
	margin-left: 3px;
	width:1000px !important;
	position: fixed;
	border-radius: 5px;
	list-style: none outside none;
	padding:8px;
}

.ui-autocomplete .ui-menu-item { 
		padding:8px;
}