#preload {
	width:100%;
	height:100%;
	position:absolute;
	background:#E1DED9 url("/consultaescolas/javax.faces.resource/images/icon-loading.gif.xhtml") no-repeat center center;
	text-indent:-10000px;
	overflow:hidden;
	/*border:1px solid #A8A8A6;*/
}
#mapa-estado,#mapa-regiao {
	background: #E1DED9 !important;
	width:100%;
	height:100%;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	/*border:1px solid #A8A8A6;*/
	overflow:hidden;
	position:relative;
}
#mapa-estado ul,#mapa-estado li,#mapa-regiao ul,#mapa-regiao ul li {
	margin:0;
	padding:0;
	list-style:none;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
}
.maparea {padding:0 !important;}
.cenario {fill:#E1DED9;}
.terra {
	fill:#B6B1AD;
	stroke:#B6B1AD;
	stroke-width:10;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.mar {fill:#A6C0DB;stroke-width:0;}
.nre {
	fill:#F4F3EF;
	stroke:#B6B1AD;
	stroke-width:1;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.municipio {
	fill:#F4F3EF;
	stroke:#B6B1AD;
	stroke-width:1;
	stroke-linecap:round;
	stroke-linejoin:round;
}
#mapa-regiao .nre {stroke-width: 6;}
text, tspan, #mapa-estado tspan {
	font-family:Arial, Helvetica, sans-serif;
	fill:#000000;
	text-align:center;
}
text{font-size:0.40em;}
tspan {font-size:1em;}
#mapa-estado text{font-size:1.2em;}
#mapa-estado tspan{font-size:1.1em;}
text_nre_1 text,  text_nre_2 text, text_nre_6 text, text_nre_8 text, text_nre_21  text, text_nre_23 text, text_nre_24 text, text_nre_26 text, text_nre_27 text, text_nre_28 text, text_nre_30 text, text_nre_31 text {font-size:0.42em}
text_nre_4 text, text_nre_7 text, text_nre_9 text, text_nre_10 text, text_nre_11 text, text_nre_12 text, text_nre_13 text, text_nre_17 text, text_nre_20 text, text_nre_22 text, text_nre_32 text {font-size:0.4em}
#menu-regiao {
	display:none;
	width:300px;
	background:#FFF;
	border:1px solid #AEAEAC;
	padding:15px;
	position:absolute;
	z-index:5;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
}
#menu-regiao h2 {
	color:#666;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #EEE;
	padding:0 0 5px;
	margin:0 0 5px;
}
#menu-regiao a {
	font-size:15px;
	text-decoration:none;
	color:#2F46C8 !important;
	font-weight:bold;
}
#menu-regiao li a {
	font-size:12px;
	font-weight:normal;
}
#menu-regiao a:hover {text-decoration:underline;}
#menu-regiao ul,#menu-regiao  li {
	margin:0;
	padding:0;
}
#menu-regiao li {
	display:block;
	width:48%;
	padding:0;
	float:left;
}
#menu-regiao a.close {
	text-decoration: none !important;
	color: #000 !important;
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:12px;
	height:12px;
	text-indent:-1000px;
	overflow:hidden;
	background:url("/consultaescolas/javax.faces.resource/images/close.png.xhtml") no-repeat 0 0;
}
svg{
	height: 500px\9 !important;
}
@media screen and (max-width:768px){
	svg{height: 400px\9 !important;}
	#mapa-estado text{font-size:1.5em;}
	text{font-size:0.60em;}
}
@media screen and (max-width:500px){
	svg{height: 300px\9 !important;}
	#mapa-estado text{font-size:1.9em;}
	text{font-size:0.90em;}
	#menu-regiao{
		height: 220px;
		overflow: auto;
	}
}
@media screen and (max-width:350px){
	#menu-regiao{
		height:	200px;
		width: auto;
	}
}