.always {
	position:	absolute;
	top:		500px;
	left:		10px;
	width:		auto;
	z-index:	1000;
}

.modal {
	display:	none;
}

#estados-wrapper {
	margin-top: 10px;
}

.estado {
	color:			rgb(154, 154, 154);
	cursor:			pointer;
	font-size:		140%;
	font-family:	"montserrat_bold", sans-serif;
	font-weight:	400;
	padding:		6px;
}

.primeiro-turno {
  color:  #e0e0e0 !important;
}

.legenda {
	background:	rgb(0, 0, 0);
	display:	inline-block;
	width:		20px;
	height:		20px;
}

.creditos {
	padding:	10px;
	font-size:	75%;
}

body {margin: 0; padding: 0; font-family: 'lato'}

#buttons-container {
	width: 638px;
	height: 44px;
	background: #01abeb;
	text-align: center;
	
	border-width: 1px;
	border-color: #2786c2;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-radius: 3px 3px 0 0;
}

.button {
	width: auto;
	height: 44px;
	font-family: 'montserrat_bold';
	font-size: 15px;
	color: #fff;
	background-color: #01abeb;
	/*background-image: url('img/buttons.png');*/
	background-position: center 0px;
	text-align: center;
	line-height: 44px;
	margin-right: 20px;
	margin-top: 0;
	cursor: pointer;
	display: inline-block;
}
			
div#mapster_wrap_0, div#mapster_wrap_1, div#mapster_wrap_2 {
	margin-left: 61px;margin-top: 30px;
}

div#listaTitle {width: 560px;margin-left: 25px;background-color: #01abeb;padding: 10px;color: #FFFFFF;margin-top: 20px;}
div#lista {width: 560px;margin-left: 25px;padding: 10px;overflow-y: hidden;height: 300px;}
#lista div h3 {text-transform: uppercase;margin-left: 10px;}
#lista div div span {line-height: 20px;}
#lista div div .legenda {margin-left: 20px;margin-right: 10px;width: 18px;height: 18px;}
.modal .legenda {height: 18px;width: 18px;margin-right: 6px;border: 1px solid #FFF;}
div#nome-estado {background-color: #018dd4;color: #FFFFFF;text-transform: uppercase;padding: 2px 6px;}
div#modal-conteudo {background-color: #01abeb;color: #FFFFFF;padding: 10px;}