@charset "utf-8";

/* CSS Document */



/*reset CSS*/

span, applet, object, iframe,

blockquote, pre,

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, 

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;

	text-align: left;

}



.clear{display: block; clear: left; margin: 0;visibility: hidden; border:none;}

/*Estilo Mapa*/

/*body{

	margin:5px;

	background-color:#FFF;

	}

*/

#indicadores .mapa h2{

	color:#F60;

	margin:10px;

	font:normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	}

		

#indicadores .mapa strong{

	font-size: 1.8em;

	font-weight:bold;

	margin:0 8px;

	}	

#indicadores .mapa a{

	position:absolute;

	font: bold 9px "Arial Black", Gadget, sans-serif;

	text-decoration:none;

	}

#indicadores .mapa a:hover{

	position:absolute;

	font: bold 9px "Arial Black", Gadget, sans-serif;

	text-decoration:none;



	}	

#indicadores .mapa{

	position:relative;

	float:left;

	margin-right:10px;

	max-width:486px;

	max-height:199px;

	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;



	}

#indicadores .mapa img{

	width:100%; 

}

#indicadores  .alta, .baixa, .meia{

	height:16px;

	width:16px;

}

#indicadores  .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; 

	}	

/*tabela indicadores*/





.tbIndicadores{

	font:normal 12px Verdana, Geneva, sans-serif;

	padding:5px;

	background-color:#FFF;

	color:#333;

	border:2px solid #999;

	-moz-border-radius:5px; 

	-webkit-border-radius:5px;

	line-height:16px;

	width:518px;

}

.tbIndicadores thead{ border-bottom:3px double #666;}

.tbIndicadores thead tr{

	font-weight:bold;

	font-size:14px;

	color:#000;

}

	

.tbIndicadores tfoot tr{

	font-style:italic;

	text-align:right;

	color:#999;

	letter-spacing:1px;

	line-height:22px;

	}

.linhaimpar{

	background-color:#F7F7F7;

	}	

.tbIndicadores span{

	font-weight:normal;

	}	

	

/*localizaes bolsas*/



#IBOV	{	left:36%; 		top:69%;}

#MERVAL{	left:32%;		top:80%;}

#NASDAQ{	left:28.5%;		top:29%;}

#DJIA {	    left:26%;		top:29%;}

#SP500 {    left:23%;		top:32%;}

#PCAC{		left:48.5%;		top:26%;}

#AEX{		left:51%;		top:22%;}

#DAX{		left:53%;		top:25%;}

#FTSE{		left:47.7%;		top:23%;}

#SMI{		left:50.0%;		top:25%;}
#AESMI{		left:50.0%;		top:25%;}

#FTSEMIB{	left:51%;		top:27.5%;}

#KLSE{		left:76%;		top:56.5%;}

#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;

	/* implementao para o firefox */

	-moz-box-shadow:2px 2px 5px #ccc;

	/* implementao 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; }