@charset "utf-8";
/* CSS Document */

/*reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/*Estilo Mapa*/
body{
	margin:5px;
	background-color:#FFF;
	}
h2{
	color:#F60;
	margin:10px;
	font:normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}	
strong{
	font-size: 1.8em;
	font-weight:bold;
	margin:0 8px;
	}	
a{
	position:absolute;
	font: bold 9px "Arial Black", Gadget, sans-serif;
	text-decoration:none;
	}
a:hover{
	position:absolute;
	font: bold 9px "Arial Black", Gadget, sans-serif;
	text-decoration:none;

	}	
.mapa{
	position:relative; 
	max-width:690px; 
	max-height:282px;
	background:#f1f1f1 url(images/worldmap.gif) no-repeat center center; 
	width:99%; 
	height:100%;
	border:6px solid #999;
	padding:10px;
	-moz-border-radius:10px; -webkit-border-radius:10px;

	}
.mapa img{
	width:100%; 
}
.alta, .baixa, .meia{
	height:16px;
	width:16px;
}
.alta{
	background:Transparent url(../images/alta.png) no-repeat center center; 
	}
.baixa{
	background:Transparent  url(../images/baixa.png) no-repeat center center; 
	}
.meia{
	background:Transparent  url(../images/meia.png) no-repeat center center; 
	}	

/*localizações bolsas*/

#IBOV	{	left:36%; 		top:69%;}
#MERVAL{	left:32%;		top:80%;}
#NASDAQ{	left:28%;		top:29%;}
#PCAC{		left:49%;		top:26%;}
#AEX{		left:51%;		top:22%;}
#DAX{		left:53%;		top:25%;}
#KLSE{		left:84%;		top:34%;}
#NIKKEI{	left:86%;		top:32.5%;}




/*tooltip*/
.tipsy { 
	background: #FFF url(../images/tipsy.gif) no-repeat 0 0; 
	text-align:left; 
	padding-top:20px;	
	border:solid 1px #333; 
	padding: 1px; 
	font-weight:bold;
	letter-spacing:1px;
	font-size: 11px; 
	color:#000; 
	opacity: 0.8; 
	-moz-border-radius:5px; -webkit-border-radius:5px;
	box-shadow:2px 2px 5px #ccc;
	/* implementação para o firefox */
	-moz-box-shadow:2px 2px 5px #ccc;
	/* implementação para safari */
	-webkit-box-shadow:2px 2px 5px, #ccc;
}
.tipsy h1{ 	clear:both;	color:#666; 	border-bottom:solid 2px #000;	margin-bottom:4px;}
.tipsy label{ padding-right:4px;color:#666; font-weight:normal;}

.tipsy-inner { padding: 5px 8px 4px 8px;  max-width: 200px;}
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }