*{	padding: 0;	margin: 0;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	}
*,*:before,*:after{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
body{	color: #666;	font-size: 14px;	}
a{ color: #333; text-decoration: none; }
ul{ list-style: none; }
.clear{ clear: both; }

body{ background: #f1f1f1; }
html,body,#container{ height: 100%; }


/* Colunas ===========*/
#content-left,#content-right{	height: 100%;	padding: 0;}
#content-left{	position: absolute;	left: 0;	}
#content-left *{ position: relative; z-index: 10; }
#content-left,
#content-left:after{ width: 230px; }
#content-left:after{ content: ""; position: fixed; top: 0; left: 0; height: 100%; background: #a53692; }
#content-right{	position: relative;	}
#content-left:after,
#content-right:after,.align:after,.content:after{	content: "";	display: block;	clear: both;	}
.align,.content{ position: relative; width: 100%; max-width: 1280px; float: left; }.content{ padding: 81px 0; }
.content-padding{ padding-top: 81px !important; }


#topoMapa,#content-left{	z-index: 100 !important;	}
#topoMapa .align{ height: 100%; }
#topoMapa{	position: fixed;	top: 0;	width: 100%;	height: 0px;	line-height: 0px;	/*overflow: hidden;*/ }



/* MENU LATERAL ======================================================================*/
#menu-master{	width: 230px;    position: fixed;}
#menu-master ul{}
#menu-master ul li{ display: block; border-bottom: 1px solid rgba(0,0,0,0.15); }
#menu-master > ul > li > a{	color: #fefefe;	font-size: 14px;	position: relative;	padding: 12px 15px;	display: block;	transition: 0.2s;	}
#menu-master > ul > li > a:hover:before,
#menu-master > ul > li > a:hover:after{ background: #FFCC29; }
#menu-master .a-ativo,
#menu-master > ul > li > a:hover{	color: #FFCC29;	background: rgba(0,0,0,0.25);	}
#menu-master .a-ativo:before,
#menu-master .a-ativo:after{ width: 8px; background: #FFCC29; }
#menu-master .a-ativo:hover:before,
#menu-master .a-ativo:hover:after{ right: 16px; width: 10px; }

/* Submenu ===========*/
#menu-master ul ul{	width: 100%;	display: inline-block;	background: rgba(0,0,0,0.15);	}
#menu-master ul ul li:last-child{ border: none !important; }
#menu-master ul ul li a{	color: #fefefe;	display: block;	padding: 10px 30px;	transition: 0.25s	}
#menu-master ul ul li a:before,
#menu-master ul ul li a:after{ content: ""; position: absolute; top: 0; left: 16px; bottom: 0; margin: auto; width: 6px; height: 1px; background: #ffffff; transition: 0.2s; }
#menu-master ul ul li a:before{ top: -5px; transform: rotate(45deg); }
#menu-master ul ul li a:after{ bottom: -3px; transform: rotate(-45deg); }
#menu-master ul ul li a:hover:before,
#menu-master ul ul li a:hover:after{ left: 18px; background: #FFCC29; }
#menu-master ul ul li a:hover{	color: #FFCC29;	background: rgba(0,0,0,0.1);}

/* Abrir/Fechar Menu =*/
.menu-master-click{	position: relative;	width: 60px;	height: 100%;	float: left;	display: none;	margin: 0 10px 0 0px;	padding: 0;
cursor: pointer;	border: none;	border-radius: 0;	box-shadow: none;	background: #a53692;	transition: background 0.3s;	}
.menu-master-click span,
.menu-master-click span:before,
.menu-master-click span:after{ position: absolute; left: 0; display: block; height: 3px; background: #fff; }
.menu-master-click span{	position: absolute;	top: 18px;	width: 30%;	right: 0;	margin: auto;	}
.menu-master-click span:before,
.menu-master-click span:after{	content: "";	width: 100%;}
.menu-master-click span:before{ top: -7px; }
.menu-master-click span:after{ bottom: -7px; }
.menu-master-click span{ transition: transform 0.3s; }
.menu-master-click span:before{ transform-origin: top right; transition: transform 0.3s, width 0.3s, top 0.3s; }
.menu-master-click span:after{ transform-origin: bottom right; transition: transform 0.3s, width 0.3s, bottom 0.3s; }

.menu-master-click-ativo span{ transform: rotate(180deg); }
.menu-master-click-ativo span:before,
.menu-master-click-ativo span:after{ width: 68%; }
.menu-master-click-ativo span:before{ top: 0; transform: translateX(10px) translateY(1px) rotate(45deg); }
.menu-master-click-ativo span:after{ bottom: 0; transform: translateX(10px) translateY(-1px) rotate(-45deg); }
.menu-master-click-ativo{ background: rgba(0,0,0,0.6); }
.menu-master-click-ativo span,
.menu-master-click-ativo span:before,
.menu-master-click-ativo span:after{ background: #FFF; }
.menu-master-click-ativo span{ left: 4px; }

#topoMapa,#topoMapa .menu-usuario,#content-left,#content-left:after,#content-left .logotipo,#content-right,#content-right .painel-buttons{	transition: 0.15s;	}

/* Class Body Opened =*/
.body-opened #content-left,.body-opened #content-left:after{	left: 0 !important;	}
.body-opened #topoMapa,.body-opened #content-right,.body-opened #content-right .painel-buttons{	padding-left: 190px !important;	padding-right: 0px !important;	}
.body-opened #content-right .painel-buttons-fixo{	padding-left: 200px !important;	padding-right: 0px !important;	}


/*====================================================================================*/
/* MOBILE ============================================================================*/
/*====================================================================================*/

@media screen and (max-width: 1024px){
	#topoMapa{		height: 40px;		line-height: 40px;		}
	#content-left,	#content-right{		padding: 0;}
	#content-left,	#content-left:after,	#menu-master,	#content-left .logotipo{ width: 190px;}
	#topoMapa,	#content-right,	#content-right{		padding-left: 190px;		padding-right: 0px;		}
	.content{	padding: 0;}
	#menu-master{box-shadow: 2px 3px 8px rgba(0,0,0,0.8);}
}
@media screen and (max-width: 1000px){
	#content-left,	#content-left:after{		left: -230px;		}
	#topoMapa,	#content-right,	#content-right .painel-buttons{		padding-left: 0px;		padding-right: 0px;		}
	#content-right .painel-buttons-fixo{		padding-left:0px;		padding-right: 0px;		}
	.menu-master-click{		display: block;		}

	.body-opened #topoMapa,	.body-opened #content-right,	.body-opened #content-right .painel-buttons{		padding-left: 0px !important;		}
	.menu-master-click-ativo{		position: absolute;		z-index: 10;		left: 190px;		}
	.menu-master-click-ativo:after{		content: "";		position: fixed;		width: 100%;		height: 100%;		display: block;			}
}
@media screen and (max-width: 360px){}













	.mapBaloon {	display:table;}
	.mapBaloon img {position:relative; float:left; margin: 0 10px 0 0; width:70px;  }

	.mapBaloon > a {			width:100%; display:block; float:left; width:250px;}

	.mapBaloon small {		width:100%; display:block; padding: 8px 0 0 0; }
	.mapBaloon .titulo {	width:100%; display:block; padding: 3px 0 5px 0; font-weight:bold; color:#a53692; font-size:13px;}
	.mapBaloon .fone {		width:100%; display:block; padding: 5px 0 5px 0; font-weight:bold; font-size:12px;}
	.mapBaloon .verAnuncio {	position:relative; float:right; display:block;  padding: 5px; margin: 2px 0 0 0; font-weight:bold; font-size:10px; background:#e6c8e0; border-radius:5px;}