@import url(http://fonts.googleapis.com/css?family=Montserrat);
@import url(https://www.google.com/fonts#QuickUsePlace:quickUse/Family:Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600');
@import url('https://fonts.googleapis.com/css?family=Montserrat:600');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lato:300');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}

body {
  font-family: 'Open Sans', sans-serif;
  min-width:290px;

}



#title{
	width:100%;
	height:80px;

	float:left;
	font-size:18px;
	font-family:'montserrat';
	font-weight:300;
		letter-spacing:4;
	
	
	
}

.container{
	
	
}

#fine{
margin-top:10px;
	width:80px;
	height:2px;
	background-color:red;
	
	
}


#content{
	width:100%;
	height:auto;
	float:left;

	
	
}

#mapa{

	width:460px;
	height:auto;
	float:left;
	
	
}

#descricao{
	width:500px;
	height:400px;

	float:right;
	
	
}


#legenda{
	width:100%;
	height:100px;
padding-left:20px;
		padding-top:20px;
		color:#95989A;
}

#titulo{
	width:100%;
	height:100px;
	float:left;
	background-color:white;
	padding-top:20px;
	color:#95989A;
	
	
}

#estado{
	width:100%;
	height:300px;
	background-color:#F9F9F9;
	float:left;
	margin-left:20px;
	
	
}

#titlestado{
	background-color:orange;
	width:100%;
	height:50px;
	background-color:#E6E6E6;
	padding-top:15px;	
	padding-left:20px;

		font-size:18px;
	font-family:'montserrat';
	font-weight:300;
		letter-spacing:4;
}


#citys{
	padding-left:25px;	
	padding-top:18px;
	line-height:2.0;
	
	
	
}

li{color:Red;}

#imgmapa{
	width:100%;
	height:450px;
	float:left;
		 background: #000 url("../img/mapa.png");
	 background-size:100%;
	
	
}