/* CSS Document */

#mapa .classe1 .destino .icon {float: left; margin-top: 25px;}
#mapa .classe1 .destino .baloon {float: left;}
#mapa .classe1 .destino .container {float: left;}
#mapa .classe1 .destino .baloon .seta {	clear: left;float:left;}

#mapa .classe2 .destino .icon {margin-top: 0px; float:left;}
#mapa .classe2 .destino .baloon {float: left;}
#mapa .classe2 .destino .baloon .container {margin-top: 25px; float:left;}
#mapa .classe2 .destino .baloon .seta {margin-top: -31px; background-image:url(../imagens/mapa_baloon_seta2.gif); float:left; clear:left}
#mapa .classe2 .destino .baloon:hover .seta {	background:url(../imagens/mapa_baloon_seta2On.gif) no-repeat left top; }

#mapa .classe3 .destino .icon {margin-top: 0px; float:right;}
#mapa .classe3 .destino .baloon {float: right;}
#mapa .classe3 .destino .baloon .container {margin-top: 25px; float:right}
#mapa .classe3 .destino .baloon .seta {margin-top: -31px; background-image:url(../imagens/mapa_baloon_seta3.gif); float:right; clear:right;}
#mapa .classe3 .destino .baloon:hover .seta {	background:url(../imagens/mapa_baloon_seta3On.gif) no-repeat left top; }

#mapa .classe4 .destino .icon {margin-top: 25px; float:right;}
#mapa .classe4 .destino .baloon {float: right; }
#mapa .classe4 .destino .baloon .container {float:right}
#mapa .classe4 .destino .baloon .seta {margin-top: 0px; background-image:url(../imagens/mapa_baloon_seta4.gif); float:right; clear:right;}
#mapa .classe4 .destino .baloon:hover .seta {	background:url(../imagens/mapa_baloon_seta4On.gif) no-repeat left top; }

#mapa {
	background: url(../imagens/mapa.gif) center no-repeat;
	width: 965px;
	height: 302px;
	margin-top: 30px;
	position: relative;
	float:left;
}

#mapa .destino {
	position: absolute;
	height: 47px;
}

#mapa .destino .baloon:hover .container ul li {
	background:#a9ea1d;
}
#mapa .destino .baloon:hover .container .left {
	background:url(../imagens/mapa_baloon_leftOn.gif) no-repeat;
}
#mapa .destino .baloon:hover .container .right {
	background:url(../imagens/mapa_baloon_rightOn.gif) no-repeat;
}
#mapa .destino .baloon:hover .seta {
	background:url(../imagens/mapa_baloon_setaOn.gif) no-repeat left top;
}


#mapa .destino .icon {
	width: 22px;
	height: 22px;
	position: relative;
}

#mapa .destino .icon img.flag {
	width: 22px;
	height: 22px;
	position: absolute;
}

#mapa .destino .icon .shadow {
	width: 49px;
	height: 20px;
	position: absolute;
	left: -12px;
	top: 20px;
	background: url(../imagens/mapa_iconShadow.png) no-repeat;
}

#mapa .destino .baloon {
	height: 32px;
	display: block;
}

#mapa .destino .baloon .container {
	height: 21px;
	display: block;
}


#mapa .destino .baloon .container .left {
	width: 9px;
	height: 21px;
	float: left;
	background:url(../imagens/mapa_baloon_left.gif) no-repeat;
}

#mapa .destino .baloon .container .right {
	width: 9px;
	height: 21px;
	float: left;
	background:url(../imagens/mapa_baloon_right.gif) no-repeat;
}

#mapa .destino .baloon .container ul {
	float: left;
}


#mapa .destino .baloon .container li {
	font-weight: bold;
	float:left;
	padding: 3px;
	height: 15px;
	background:url(../imagens/mapa_baloon_bg.gif) repeat-x;
}

#mapa .destino .baloon .container li a {
	color: #000000;
	/*display: block;
	height: 21px;*/
}

#mapa .destino .baloon .seta {
	width: 22px;
	height: 10px;
	background:url(../imagens/mapa_baloon_seta.gif) no-repeat left top;
}

#mouse_dica {
	width:352px;
	height:29px;
	float: left;
	background: url(../imagens/mapa_dica.gif) no-repeat;
	margin-top: 20px;
}