/*==========================================================================
*  @Empresa: B2Br
*  @Design: Mateus Pinto
*  @xHTML / CSS / Tableless: Rodrigo Lima
*
* ===========================================================================
* @Arquivo: common.css 
* ==========================================================================*/

body { margin:0px; padding:0px; background: url(/imagens/bkgSite.jpg) top left repeat-x #D5E1DC; font-family: Arial, Helvetica, sans-serif; font-size:70%; }
img { border:none; }

#geral { width:951px; display:block; margin: auto; }
#fixGeral { width:951px; display:block; float:left; }

#barraTopo { display:block; position:relative; width:951px; height:50px; background:url(/imagens/bkgTopBar.jpg) top left repeat-x; margin-bottom:18px; }
#barraTopo #iso { position:absolute; right:18px; top:13px; }
#barraTopo #solutionWord { display:block; position:absolute; color:#B5B9BC; font-weight:bold; left: 242px; font-size:90%; top: 30px; }
#menuTab { margin:0px; padding:0px; display:block; position:absolute; left: 325px; top: -46px; z-index:10000000000000000; }
#menuTab li { margin:0px; padding:0px; list-style:none; display:block; float:left; position:relative; padding:0px 3px 0px 3px; }

#menuTab li.orange a { width:114px; height:22px; background:url(/imagens/tabOrange.gif) no-repeat;  } 
#menuTab li.yellow a { width:114px; height:22px; background:url(/imagens/tabYellow.gif) no-repeat;  } 
#menuTab li.red a { width:153px; height:22px; background:url(/imagens/tabRed.gif) no-repeat;  } 

#menuTab li.red ul { width:177px; position:absolute; padding:15px; top:28px; right:-49px; background:url(/imagens/bkgMenuRedTop.png) no-repeat top left; z-index:10000000000000000; }
#menuTab li.red ul li { display:block; float:none; clear:left; width:100%; list-style:none; }
#menuTab li.red ul li a { background:none; text-align:left; width:161px; padding-left:16px; background:url(/imagens/menuBulletRed.gif) no-repeat left; border-bottom:1px solid #36353A; }
#menuTab li.red ul li a:hover { background-color:#6B8285; background-position:left; }

#menuTab li.yellow ul { width:177px; position:absolute; padding:15px; top:28px; right:-89px; background:url(/imagens/bkgMenuYellowTop.png) no-repeat top left; z-index:10000000000000000; }
#menuTab li.yellow ul li { display:block; float:none; clear:left; width:100%; list-style:none; }
#menuTab li.yellow ul li a { background:none; text-align:left; width:161px; padding-left:16px; background:url(/imagens/menuBulletYellow.gif) no-repeat left; border-bottom:1px solid #85875C; }
#menuTab li.yellow ul li a:hover { background-color:#A8A981; background-position:left; }

#menuTab li.orange ul { width:177px; position:absolute; padding:15px; top:28px; right:-89px; background:url(/imagens/bkgMenuOrangeTop.png) no-repeat top left; z-index:10000000000000000; }
#menuTab li.orange ul li { display:block; float:none; clear:left; width:100%; list-style:none; }
#menuTab li.orange ul li a { background:none; text-align:left; width:161px; padding-left:16px; background:url(/imagens/menuBulletOrange.gif) no-repeat left; border-bottom:1px solid #FF9933; }
#menuTab li.orange ul li a:hover { background-color:#FA835A; background-position:left; }

#menuTab li a { display:block; float:left; text-align:center; color:#FFFFFF; background-position:top; text-decoration:none; font-weight:bold; padding-top:6px; }
#menuTab li a:hover { background-position:bottom; }



#colDir { width:177px; height:388px; display:block; padding:40px 28px 0px 26px; float:right; background:url(/imagens/bkgColDir.jpg) top left no-repeat; }

#colDir .catBar { display:block; background:#7A7D82; float:left; color:#FFF; width:167px; padding:5px; margin-bottom:19px;  }
#colDir .catBar .date { display:block; float:right; }
#colDir .catBar a { color:#FFF; text-decoration:none; display:block; float:left; }
#colDir .catBar a:hover { text-decoration:underline; }

#colDir strong { font-size:130%; display:block; float:left; width:177px; margin-bottom:10px; }
#colDir strong a { color:#456B5A; text-decoration:none; }

#colDir a.news { color:#828282; font-size:90%; text-decoration:none; display:block; margin-bottom:30px; }
#colDir a:hover.news { text-decoration:underline; }



#cityBar { display:block; float:left; width:951px; text-align:center; height:30px; background:url(/imagens/bkgBarraCidades.jpg) top left repeat-x; color:#FFF; padding-top:15px; }
#cityBar a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
#cityBar a:hover { text-decoration:underline; }


#solucoes { display:block; float:left; width:663px; padding:20px 19px 33px 38px; background:#FFF; }
#solucoes h3 { font-size:100%; }

#solucoes .packages { width:289px; background:#EDEDED; padding:10px; float:left; display:inline; margin-right:21px;  }
#solucoes .packages img { float:left; margin-right:10px; }
#solucoes .packages strong { font-size:130%; }
#solucoes .packages a { color:#666666; text-decoration:none; }
#solucoes .packages a:hover { text-decoration:underline; }

#contatos { float:right; display:block; width:164px; padding:20px 33px 20px 33px; background:url(/imagens/bkgColDirBottom.jpg) top left repeat-y #FFF; }
#contatos .itens { display:block; float:left; width:100%; background:url(/imagens/bkgItemColDirBottom.jpg) bottom center no-repeat; padding-bottom:10px; margin-bottom:10px; }
#contatos .itens img { float:left; margin-right:5px; }
#contatos .itens a { color:#5D798F; text-decoration:none; font-weight:bold; }
#contatos .itens a:hover { text-decoration:underline; }

#iso { float:right; display:block; width:164px; padding: 5px 15px 0 5px}