body {
/*	text-align: center;*/
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #A5A6AD url(../images/back-ground.jpg);
	display: block;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 981px;
	border-right: medium solid #00659C;
	border-left: medium solid #00659C;
	background: #8496B5;
	overflow: hidden;
	/*width: 768px;*/
}

#header{
	width: 981px;
	height: 106px;
	background: url(../images/header_bg.jpg);
	margin: 0px 0 0 0;
	/*float: left;*/
}


#banner{
	width: 981px;
	height: 249px;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	float: left;
	/*float: left;*/
}
#flash{
	width: 738px;
	float: left;
	margin: 0;
	padding: 0;
	float: left;
}
#text_banner{
	width: 220px;
	height: 230px;
	background: #E7E7E7;	
	float: right;
	margin: 0 0 0 1px;
	font: 12px Arial;
	padding: 15px 10px 0 10px;
}
#container{
	width: 981px;
	margin: 0;
	padding: 0;
	font: 13px Arial;
	color: #524D4A;
	background: #FFFBFF;
	float: left;
}

#left_col{
	width: 244px;	
	margin: 0;
	padding: 0 ;
	float: left;
	text-align: center;
	background: #FFFBFF;
	
}

h2.class_tilte_left_col{
	height: 25px;
	font: 12px Arial;
	color: #524D4A;
	padding: 15px 0 0 50px ;
	margin: 0;
	width: 194px;
	text-align: left;
	background: url(../images/icon_left_col.jpg) no-repeat 20px 15px;
	float: left;
}
#sec_nav h3{
	margin: 0;
	padding: 0;
	font: 12px Arial;
	text-decoration: none;
	
}

.logos{
	margin: 0;
	padding: 35px 0 15px 0;
	height:35px;
}

.logos li {	
	height: 150px;	
}

.logos a:hover{	
	border: medium dotted #E7E7E7;
}
#midle_col{
	background: #FFFBFF;
	width: 459px;
	float: left;
	padding: 15px 15px 0 20px;
	border-right: 3px dotted #EFEBEF;
	border-left: 1px solid #EFEBEF;
}

#midle_col_full{
	background: #FFFFFF;
	width: 685px;
	float: left;
	padding: 15px 20px 0 20px;
	border-right: 3px dotted #EFEBEF;
	border-left: 1px solid #EFEBEF;
	
}

h3{
	font: 25px Arial;
	color: #848E9C;
	margin: 0;
	padding: 0;
}

h3.news{
	font: 25px Arial;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
}

h1.top{
	font: 12px Arial;
	margin: 0;
	padding: 0;
	left: -999em;
	display: none
}
 div.hr {
  height: 18px;
  background: #fff url(../images/hr_image.gif);
  margin: 0 0 10px 0 ;
}
div.hr hr {
  display: none;
}
#news{
	font: 12px Arial;
	padding: 0px 10px 5px 10px;
	
}

.logo{
	width:203px;
	height: 71px;
	float:left;
	padding: 10px 0 0 18px;
}
#news a{
	font: 12px Arial;
	color: #524D4A;
	text-decoration: none;
	font-weight: normal;	
}

#news a:hover{
	text-decoration: underline;
	color: #395DA5;
}
.box3 {
	border: 1px solid #8C8E84;
	margin: 10px 5px 10px 5px;
	padding: 10px	
}

.boxnews {
	border: 1px solid #8C8E84;
	margin: 10px 5px 10px 5px;
	padding: 10px;
	font: 14px Arial;
}

.boxnews a{
	font: 14px Arial;
	color: #524D4A;
	text-decoration: none;
	font-weight: normal;	
}

.boxnews a:hover{
	text-decoration: underline;
	color: #395DA5;
}

#right_col{
	float: left;
	width: 235px;

}

.cotacao1{
	width: 220px;
	text-align: center;
	padding: 15px 0 0 0;
}

h3.button2{
	font: 16px arial;
	border: 1px solid #8C8E84;
	margin: 10px 5px 10px 5px;
	background: #EFEBEF;
	padding: 10px;
		/*font-weight: normal;*/
	
}

h3.button2 a{		
	text-decoration: none;
	color: #8C8E84;	
	
}

h3.button2 a:hover{		
	text-decoration: underline;
	background: #E7EBEF;
	
}

h3.button{
	font: 16px arial;
	border: 1px solid #8C8E84;
	margin: 10px 10px 10px 10px;
	background: #EFEBEF;
	padding: 10px;
		/*font-weight: normal;*/
	
}

h3.noticias{
	font: 16px arial;
	border: 1px solid #8C8E84;
	margin: 10px 10px 10px 10px;
	background: #EFEBEF;
	padding: 10px;
		/*font-weight: normal;*/
	
} 
h3.button a{		
	text-decoration: none;
	color: #8C8E84;	
	
}

h3.button a:hover{		
	text-decoration: underline;
	background: #E7EBEF;
	
}

.box_right_col{
	width: 196px;
	margin: 0px 0 5px 10px;
	background: #EFEBEF;
	border: 1px solid #ADAA9C;
	padding: 0px 10px 10px 10px ;
}

.box_right_col2{
	width: 196px;
	margin: 15px 0 5px 10px;
	background: #EFEBEF;
	border: 1px solid #ADAA9C;
	padding: 5px 10px 10px 10px ;
}

.box_2{
	width: 99%;
	margin: 0px 0 5px 0px;
	background: #EFEBEF;
	border: 1px solid #ADAA9C;
	padding: 0px 10px 10px 10px ;
}

h3.title_right_box{
	font: 19px arial;
	width: 196px;
	background: #B5BAC6;
	margin: 20px 0 0px 10px;
	padding: 5px 10px 5px 10px ;
	border: 1px solid #ADAA9C;
	color: #FFFFFF;	
}

h3.title_2{
	font: 19px arial;
	width: 99%;
	background: #B5BAC6;
	margin: 20px 0 0px 0px;
	padding: 5px 10px 5px 10px ;
	border: 1px solid #ADAA9C;
	color: #FFFFFF;	
}

h4{
	font: 18px arial;
	margin: 10px 0 0 0;
}

h4 a{
	
	text-decoration: none;
	color: #524D4A;
}

.text10{
	font: 10px Arial;
}

#footer {
	float: left;
	width: 981px;
	height: 103px;
	background:  #EFEFEF;
	padding: 5px 0 0 0;
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
	color: #9C9A9C;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#footer a:link, #footer a:visited, #content-middle a:link, #content-middle a:visited {
	font-weight: normal;
	color: #9C9A9C;
	text-decoration: none
}

#footer a:hover, #footer a:active, #content-middle a:hover, #content-middle a:active {
	padding: 0 3px 0 3px;
	font-weight: normal;
	color: White;
	background-color: #9CA6B5;
	text-decoration: none
}

#footer a {
	padding: 0 3px 0 3px;
	margin: 0 auto;
	font-weight: normal;
}

.imagem_right{
	float: right;
	margin: 5px 0px 15px 25px;
}

.noticias_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
	
	
}
.noticias_description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h4.noticias_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;	
	padding: 0 0 5px 0;
	font-weight: bold;
}

#flash_intro {	
	width: 738px;
	height: 248px;	
	margin: 0 ;
	padding: 0;
	overflow: auto;
	
}

#flash_asvisor {	
	width: 195px;
	height: 450px;	
	margin: 0 ;
	padding: 0;
	overflow: auto;
	font: 11px verdana;
}

.style2 {font-size: 10px}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
	/*background-color:#ccc;*/
    color:#000;
    text-decoration:none}

a.info:hover{
	z-index:25;
	/* background-color:#ff0*/
	 }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:1em; width:22em;
    border:1px solid #ADADAD;
    background-color: #FFFBFF;
	 color:#000;
    text-align: left;
	  text-decoration:none;
	  padding: 5px;
	  }