/* HOME */
section { width: 100%; height: auto; position: relative; text-align: center; padding: 260px 0px 0px 0px; background: url(../imagens/fundo-topo.png) no-repeat center top; }
section .titulo_espaco { width: 70%; font-size: 24px; padding: 40px 15% 0px 15%; font-family: 'Nunito'; color: #003660; text-align: center; line-height: 28px; font-weight: 600; position: relative; display: inline-block; }
section .intro_espaco { width: 70%; font-size: 15px; padding: 20px 15% 40px 15%; font-family: 'Nunito'; color: #003660; text-align: center; line-height: 20px; font-weight: 600; position: relative; display: inline-block; }
section .efeito_linha { background-color: #99f9ec; width: 140px; height: 4px; position: relative; display: inline-block; vertical-align: top; margin: 20px 0px 0px 0px; clear: both; }

/*MAPA GLOBAL*/
#mapa-lote { width: 100%; text-align: center; height: auto; position: relative; clear: both; text-align: center; padding: 0px; }

#mapa-lote .mapa { text-align: center; clear: both; height: auto; background-repeat: no-repeat; background-position: center center; width: auto; display: inline-block; vertical-align: top; position: relative; z-index: 98; }
#mapa-lote .mapa .marcador { cursor: pointer; width: 40px; height: 30px; position: absolute; z-index: 100; }
#mapa-lote .mapa img { opacity: 0; position: relative; }
#mapa-lote .msk { left: 50%; width: 300px; z-index: 95; height: auto; position: absolute; }
#mapa-lote .msk .mais-detalhes { padding: 20px 20px 20px 40px; width: 100%; height: auto; }
#mapa-lote .msk .mais-detalhes p { font-size: 14px; letter-spacing: 3px; text-align: left; font-family: 'Nunito'; line-height: 24px; color: #9a999e; clear: both; width: 100%; }
#mapa-lote:hover .chamada_mapa { border-left: 6px solid #f47920; padding-left: 25px; }

.menor { font-size: 20px !important }

.marcador { z-index: 99; position: absolute; width: 35px; height: 40px; }
.marcador i { width: 20px; height: 20px; position: relative; text-align: center; line-height: 20px; color: #5bcefe; font-size: 18px; text-shadow: 0 1px 0 #003660; }
.marcador .circulo { width: 12px; z-index: -1; height: 6px; margin: -3px 0px 0px 14px; position: absolute; background-color: #003660; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.balao { width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); height: auto; overflow: hidden; position: relative; overflow: hidden; color: #666666; font-family: 'Nunito'; font-size: 13px; padding: 10px 0px; z-index: 100; text-align: left; }
.balao p { text-align: left; font-size: 13px; color: #000000; font-weight: 400; line-height: 25px; width: 100%; text-transform: uppercase; }

.marcador:hover i { margin-top: -3px; }
.marcador:hover .circulo { margin-top: -2px; }

@media screen and (max-width: 850px) {
	section { padding-top: 80px; }

	#mapa-lote .mapa { text-align: center; height: auto !important; background-image:url(imagens/espaco.png) !important; margin: 0px 2%; width: 96% !important; }
	#mapa-lote .mapa .marcador {  background-color: #eaeaea;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; width: 100%; height: auto; position: relative; z-index: 100; margin: 2px 0px !important }
	.marcador i { float: left; font-size: 20px; }
	.marcador .circulo { display: none;}
}