body{
 background:#ccc;
 font: 80% verdana, geneva, arial, sans-serif;
}

img{
 border: 0;
}

h1{
 font: 130% verdana, geneva, arial, sans-serif;
}

a{
 text-decoration: none;
 color: #fff;
}

a:hover{
 color: #f00;
}

#alinhacentro{
 position: relative;
 width: 980px;
 margin: 0 auto; 
 
}

#geral{
 position: relative;
 background:#ccc;
 width:980px;
 float: left;
}

#cab{
 position: relative;
 width:960px;
 height:110px;
 margin:10px;
 float: left;
}

#logo{
 position: relative;
 width:306px;
 height:110px;
 margin: 0;
 float: left;
}

#online{
 position: relative;
 float: left;
 width:205px;
 height:110px;
 margin: 0 10px;
}

#tel{
 position: relative;
 float: left;
 width:205px;
 height:110px;
 margin: 0;
}

#email{
 position: relative;
 float: left;
 width:205px;
 height:110px;
 margin: 0 0 0 10px;
}

#banner{
 position: relative;
 width:960px;
 height:254px;
 margin:0 10px 10px 10px;
 float: left;
}

#institucional{
 position: relative;
 width:770px;
 height:254px;
 margin:0;
 float: left;
}

#bonline{
 position: relative;
 width:173px;
 height:254px;
 margin:0 6px;
 float: left;
}


#dotexto{
 position: relative;
 width:960px;
 height:254px;
 margin:20px 10px 10px 10px;
 float: left;
}


#texto{
 position: relative;
 width:600px;
 height:254px;
 margin:0;
 float: left;
}


#links{
 position: relative;
 width:356px;
 height:254px;
 margin:0;
 float: left;
}


#botlan1{
 position: relative;
 width:300px;
 height:90px;
 margin:10px 0 0 28px;
 float: left;
}

#botlan2{
 position: relative;
 width:300px;
 height:90px;
 margin:30px 0 0 28px;
 float: left;
}


#fotos1{
 position: relative;
 width:960px;
 height:150px;
 margin:20px 10px 10px 16px;
 float: left;
}


#destaque1{
 position: relative;
 width:200px;
 height:150px;
 margin:0;
 float: left;
}


#destaque2{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}



#destaque3{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}

#destaque4{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}

#fotos2{
 position: relative;
 width:960px;
 height:150px;
 margin:0 10px 10px 16px;
 float: left;
}


#destaque5{
 position: relative;
 width:200px;
 height:150px;
 margin:0;
 float: left;
}


#destaque6{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}



#destaque7{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}

#destaque8{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}

#fotos3{
 position: relative;
 width:960px;
 height:150px;
 margin:0 10px 10px 16px;
 float: left;
}


#destaque9{
 position: relative;
 width:200px;
 height:150px;
 margin:0;
 float: left;
}


#destaque10{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}



#destaque11{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}

#destaque12{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}


#fotos4{
 position: relative;
 width:960px;
 height:150px;
 margin:0 10px 10px 16px;
 float: left;
}


#destaque13{
 position: relative;
 width:200px;
 height:150px;
 margin:0;
 float: left;
}


#destaque14{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}



#destaque15{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}

#destaque16{
 position: relative;
 width:200px;
 height:150px;
 margin:0 0 0 50px;
 float: left;
}


#rodape{
 position: relative;
 width:960px;
 height:54px;
 background: url(rodape-realprivatebrokers.png) repeat-x;
 margin:0 10px 10px 10px;
 float: left;
 font-weight: bold;
 font: 70% verdana, geneva, arial, sans-serif;
 color: #fff;
 text-align: center;
 padding: 10px 0 0 0;
}