*{margin:0; padding:0; outline:none; border:0; text-decoration:none; list-style:none; font: normal normal normal 11px/13px "Arial", sans-serif; color:#fff}
html, body{height:100%}

body{background: url(../images/bg.jpg) #0071a4 no-repeat top center}

#topo, #content, #rodape{display:block; position:relative; width:900px; left:50%; margin:0 0 0 -450px;}

#topo{height:150px}
#topo h1{ position:relative; left:16px; top:34px}
#topo h1 a{width:305px; height:71px; display:block; overflow:hidden; letter-spacing:-9999px; font-size:0px; color:#479ec5}
#topo ul.menu{position:absolute; left:422px; top:42px}
#topo ul.menu li{display:inline-block; float:left; height:54px;}
#topo ul.menu li a{display:block; float:left; background:no-repeat center center; height:54px; overflow:hidden; letter-spacing:-9999px; text-indent:-20px}
#topo ul.menu li.menuQuemSomos a{width:115px; background-image:url(../images/menu/menu_quemsomos-trans.png)}
#topo ul.menu li.menuServicos a{width:80px; background-image:url(../images/menu/menu_servicos-trans.png)}
#topo ul.menu li.menuClientes a{width:83px; background-image:url(../images/menu/menu_clientes-trans.png)}
#topo ul.menu li.menuParceiros a{width:86px; background-image:url(../images/menu/menu_parceiros-trans.png); display:none}
#topo ul.menu li.menuAcoesSociais a{width:118px; background-image:url(../images/menu/menu_acoes-trans.png)}
#topo ul.menu li.menuNoticias a{width:79px; background-image:url(../images/menu/menu_noticias-trans.png)}
#topo ul.menu li.menuQuemSomos a:hover{background-image:url(../images/menu/menu_quemsomosH-trans.png)}
#topo ul.menu li.menuServicos a:hover{background-image:url(../images/menu/menu_servicosH-trans.png)}
#topo ul.menu li.menuClientes a:hover{background-image:url(../images/menu/menu_clientesH-trans.png)}
#topo ul.menu li.menuParceiros a:hover{background-image:url(../images/menu/menu_parceirosH-trans.png)}
#topo ul.menu li.menuAcoesSociais a:hover{background-image:url(../images/menu/menu_acoesH-trans.png)}
#topo ul.menu li.menuNoticias a:hover{background-image:url(../images/menu/menu_noticiasH-trans.png)}
#topo ul.submenu{position:absolute; right:3px; bottom:7px}
#topo ul.submenu li{background:url(../images/spacer_submenu-trans.png) no-repeat center left; float:left}
#topo ul.submenu li a{color:#10335a; padding:0 9px; height:20px; line-height:20px}
#topo ul.submenu li a:hover{text-decoration:underline}

#rodape{padding:21px 0; float:left}
#rodape address{display:inline-block; position:relative; margin:0 25px 0 0; float:left}
#rodape address b{height:24px; line-height:24px; display:block; overflow:hidden; letter-spacing:-9999px; font-size:0px}
#rodape address.rj{background: url(../images/adress_rj.gif) no-repeat top left}
#rodape address.sp{background: url(../images/adress_sp.gif) no-repeat top left;}
#rodape ul{float:right}
#rodape ul li{height:62px; float:left; display:inline-block; padding:0 13px}
#rodape ul li a{height:62px; display:block; float:left; background:no-repeat center center; overflow:hidden; letter-spacing:-9999px; text-indent:-20px;}
#rodape ul li.onip a{background-image:url(../images/logo_onip.gif); width: 38px}
#rodape ul li.abrinq a{background-image:url(../images/logo_abrinq.gif); width: 82px}
#rodape ul li.crcc a{background-image:url(../images/logo-crcc.png); width: 53px}
#rodape ul li.brtuv a{background-image:url(../images/logo_brtuv.gif); width: 59px}

/* Marca Menu Topo */
#QuemSomos #topo ul.menu li.menuQuemSomos a{background-image:url(../images/menu/menu_quemsomosH-trans.png); cursor:default}
#Servicos #topo ul.menu li.menuServicos a{background-image:url(../images/menu/menu_servicosH-trans.png); cursor:default}
#Clientes #topo ul.menu li.menuClientes a{background-image:url(../images/menu/menu_clientesH-trans.png); cursor:default}
#Parceiros #topo ul.menu li.menuParceiros a{background-image:url(../images/menu/menu_parceirosH-trans.png); cursor:default}
#AcoesSociais #topo ul.menu li.menuAcoesSociais a{background-image:url(../images/menu/menu_acoesH-trans.png); cursor:default}
#Noticias #topo ul.menu li.menuNoticias a{background-image:url(../images/menu/menu_noticiasH-trans.png); cursor:default}

/* Comum */
div.coluna{float:left; display:inline-block}

/* Home */
#Home #content .boxPrimario{height:374px; width:100%; display:block; background:url(../images/bg_contentHomeBoxPri.png) repeat-x top left}
#Home #content .boxPrimario .spacer{width:2px; margin:0 18px; height:100%; background:url(../images/spacer_contentHome-trans.png)}
#Home #content .boxPrimario .bottomTit{border-color:#2b569e #000 #081f44 #000; border-width:1px 0; border-style:solid; margin:10px 0 0}
#Home #content .boxPrimario #homeDestaque{width:518px; margin:18px 0 0 22px}
#Home #content .boxPrimario #homeDestaque #bannerDestaque{height:294px; width:100%; display:block; margin:14px 0 0}
#Home #content .boxPrimario #homeConteudoRestrito{width:303px; padding:15px 0 0}
#Home #content .boxPrimario #homeConteudoRestrito ul{padding:11px 0 0}
#Home #content .boxPrimario #homeConteudoRestrito ul li{padding:18px 0 18px 74px; background:no-repeat center left}
#Home #content .boxPrimario #homeConteudoRestrito ul li.sistema{background-image:url(../images/icon_sistemaIntegrado.png); padding:28px 0 28px 74px;}
#Home #content .boxPrimario #homeConteudoRestrito ul li.webmail{background-image:url(../images/icon_webmail.png); padding:28px 0 28px 74px}
#Home #content .boxPrimario #homeConteudoRestrito ul li.excelencia{background-image:url(../images/icon_serviExcel.png)}
#Home #content .boxPrimario #homeConteudoRestrito ul li.pesquisa{background-image:url(../images/icon_pesqSatis.png)}
#Home #content .boxPrimario #homeConteudoRestrito ul li p a{font-size:11px; color:#56a2b5}
#Home #content .boxPrimario #homeConteudoRestrito ul li p a b{display:block; color:#fff; font-size:13px; line-height:14px}
#Home #content .boxPrimario #homeConteudoRestrito ul li p a:hover b{text-decoration:underline}
#Home #content .boxSecundario{height:234px; width:100%; display:block; background:url(../images/bg_contentHomeBoxSec.jpg) repeat-x top left; margin:26px 0 0}
#Home #content .boxSecundario .spacer{width:2px; margin:0 19px; height:100%; background:url(../images/spacer_contentHome2-trans.png)}
#Home #content .boxSecundario .bottomTit{border-color:#ededed #000 #bfbfbf #000; border-width:1px 0; border-style:solid; margin:10px 0 0}
#Home #content .boxSecundario #homeNoticias{width:855px; margin:18px 0 0 22px} /*width:518px*/
#Home #content .boxSecundario #homeNoticias ul{width:100%}
#Home #content .boxSecundario #homeNoticias ul li{width:33%; float:left; padding:20px 0 5px}
#Home #content .boxSecundario #homeNoticias ul li p{width:95%}
#Home #content .boxSecundario #homeNoticias ul li p b{display:block; font-size:12px; color:#3b3a3a; font-weight:bold;}
#Home #content .boxSecundario #homeNoticias ul li p a{color:#3b3a3a; display:block}
#Home #content .boxSecundario #homeNoticias ul li p a:hover{color:#0071a4}
#Home #content .boxSecundario #homeDepoimentos{width:303px; margin:22px 0 0 0}
#Home #content .boxSecundario #homeDepoimentos .conteudo{height:146px}
#Home #content .boxSecundario #homeDepoimentos .conteudo .depoimento{padding:13px 0 35px; color:#3b3a3a}
#Home #content .boxSecundario #homeDepoimentos .conteudo .autor{width:135px; float:right; display:inline-block;}
#Home #content .boxSecundario #homeDepoimentos .conteudo .autor *{color:#3b3a3a}
#Home #content .boxSecundario #homeDepoimentos .conteudo .autor b{display:block; font-weight:bold;}
#Home #content .boxSecundario #homeDepoimentos .conteudo .autor i{font-style:italic}
#Home #content .boxSecundario #homeDepoimentos a{float:right; color:#638899; text-decoration:underline;}
#Home #content .boxSecundario #homeDepoimentos a:hover{color:#416170; text-decoration:none}

#QuemSomos #content div{width:900px; background-position:bottom left; background-repeat:no-repeat; display:block; margin:0 0 20px; position:relative}
#QuemSomos #content .boxApresentacao{height:335px; background-color:#042139; background-image:url(../images/quemsomos_apresentacao.jpg);}
#QuemSomos #content .boxMissao{height:60px; background-color:#0d304e;}
#QuemSomos #content .boxVisao{height:61px; background-color:#00487d;}
#QuemSomos #content .boxValores{height:181px; background-color:#1a5c8d;}
/*#QuemSomos #content .boxApresentacao{height:335px; background-color:#042139; background-image:url(../images/quemsomos_apresentacao.jpg);}
#QuemSomos #content .boxMissao{height:60px; background-color:#0d304e; background-image: url(../images/quemsomos_missao.jpg);}
#QuemSomos #content .boxVisao{height:61px; background-color:#00487d; background-image: url(../images/quemsomos_visao.jpg);}
#QuemSomos #content .boxValores{height:181px; background-color:#1a5c8d; background-image: url(../images/quemsomos_valores.jpg);}*/
#QuemSomos #content div h2{width:195px; position:absolute; top:0; left:0; background:no-repeat center center}
#QuemSomos #content .boxApresentacao h2{background-image:url(../images/quemsomos_apresentacaoTit.jpg); height:58px}
#QuemSomos #content .boxMissao h2{background-image: url(../images/quemsomos_missaoTit.jpg); height:45px}
#QuemSomos #content .boxVisao h2{background-image: url(../images/quemsomos_visaoTit.jpg); height:44px}
#QuemSomos #content .boxValores h2{background-image: url(../images/quemsomos_valoresTit.jpg); height:68px}
#QuemSomos #content div p{position:absolute; left:224px; display:inline-block}
#QuemSomos #content div p, #QuemSomos #content div li{font-size:12px; font-weight:bold; line-height:14.5px}
#QuemSomos #content .boxApresentacao p{top:26px; width:368px}
#QuemSomos #content .boxApresentacao ul{width:242px; position:absolute; top:26px; right:30px; background:url(../images/quem_somos_ulTit.jpg) no-repeat top left; padding:63px 0 0}
#QuemSomos #content .boxApresentacao ul li{padding:6px 0 6px 30px; background:url(../images/quem_somos_UlBullet.jpg) no-repeat center left}
#QuemSomos #content .boxMissao p{top:17px; width:600px}
#QuemSomos #content .boxVisao p{top:24px;}
#QuemSomos #content .boxValores ul{position:absolute; top:28px; left:226px;}
#QuemSomos #content .boxValores ul li{line-height:19px}

#Servicos #content div{width:900px; display:block; margin:0 0 20px; position:relative}
#Servicos #content .boxPrimario{height:335px; background:url(../images/servicos_primario.jpg) -1px 0}
#Servicos #content .boxSecundario{height:285px; background:#0d304e}
#Servicos #content .boxPrimario ul{width:530px; position:absolute; top:72px; left:330px;}
#Servicos #content .boxPrimario ul li{font-size:12px; font-weight:bold; line-height:14px; padding:5px 0 5px 30px; background:url(../images/servicos_UlBullet.gif) no-repeat center left}
#Servicos #content .boxSecundario h2, #Servicos #content .boxSecundario p, #Servicos #content .boxSecundario a{position:absolute}
#Servicos #content .boxSecundario h2{background:url(../images/servicos_secundarioTit.jpg); height:28px; width:502px; display:inline-block}
#Servicos #content .boxSecundario h2, #Servicos #content .boxSecundario a{top:19px}
#Servicos #content .boxSecundario h2, #Servicos #content .boxSecundario p{left:28px}
#Servicos #content .boxSecundario p{width:660px; top:60px; font-size:12px; font-weight:bold; line-height:14.5px;}
#Servicos #content .boxSecundario a{width:135px; height:250px; left:708px; color:#ffba00; font-weight:bold; padding:13px 0 0 33px; display:inline-block; background:url(../images/servicos_spacer.jpg) no-repeat 10px 10px}
#Servicos #content .boxSecundario a:hover{color:#ffcc00}
#Servicos #content .boxSecundario a img{margin:20px 0 0}

#Clientes #topo{height:145px;}
#Clientes div.executivo{background:url(../images/clientes_torre.png) no-repeat; width:262px; height:241px; position:absolute; z-index:10;}
#Clientes #content div.header, #Clientes #content div.lists{width:900px; display:block; position:relative}
#Clientes #content div.header{background:url(../images/clientes_header.png) no-repeat; height:76px;}
#Clientes #content div.header b{position:relative; font-weight:bold; font-size:12px; left:431px; top:27px}
#Clientes #content div.lists{background:url(../images/clientes_bg_list.png) repeat-x; top:0; height:900px}
#Clientes #content div.lists ul{width:300px; float:left; display:inline-block; margin:14px 0 0; background:url(../images/clientes_spacer_list.png) top right no-repeat}
#Clientes #content div.lists ul:first-child{padding:165px 0 0}
#Clientes #content div.lists ul:last-child{background:none}
#Clientes #content div.lists ul li{padding:5px 15px 5px 25px}
#Clientes #content div.lists ul li a{font-size:12px; display:block;}
#Clientes #content div.lists ul li a:hover{background:#fc9711;}

#AcoesSociais #topo{height:150px; margin-bottom:-8px}
#AcoesSociais #content{padding:0 0 30px}
#AcoesSociais #content div.header, #AcoesSociais #content div.lists{width:900px; display:block; position:relative}
#AcoesSociais div.globo{background:url(../images/acoes_globo-trans.png) no-repeat; width:326px; height:238px; position:absolute; z-index:10}
#AcoesSociais div.header{background:url(../images/acoes_bg_boxPrimario.png) no-repeat; height:230px; top:8px}
#AcoesSociais div.header p{position:relative; top:65px; left:337px; font-weight:bold; width:390px; font-size:12px}
#AcoesSociais div.header p b{color:#4b2505; font-weight:bold; font-size:12px}
#AcoesSociais #content div.lists{background:url(../images/bg_contentHomeBoxSec.jpg) #fff repeat-x; top:31px; height:293px}
#AcoesSociais #content div.lists ul{width:300px; height:293px; float:left; display:inline-block; background:url(../images/acoes_sociais_spacer.png) center right no-repeat}
#AcoesSociais #content div.lists ul:last-child{background:none}
#AcoesSociais #content div.lists ul li{padding:0 30px}
#AcoesSociais #content div.lists ul li b{color:#2f2f2f; font-size:12px; font-weight:bold; line-height:45px; margin:10px 0 0; display:block}
#AcoesSociais #content div.lists ul li p{color:#2f2f2f; font-size:12px;}
#AcoesSociais #content div.lists ul li a{color:#638899; text-decoration:underline; font-size:12px; font-weight:bold; display:block; line-height:41px}
#AcoesSociais #content div.lists ul li a:hover{color:#2f5b6e}

#Noticias #content{padding:0 0 20px}
#Noticias #content div.header, #Noticias #content div.lists{width:900px; display:block; position:relative}
#Noticias #content div.header{background:url(../images/noticias_header.jpg) no-repeat; height:76px; top:0}
#Noticias #content div.header div{position:absolute; top:34px; right:20px}
#Noticias #content div.header div b{font-weight:bold; font-size:12px; color:#fff; margin:0 5px 0 0}
#Noticias #content div.header div select{color:#7a7a7a; width:91px; vertical-align:middle; height:18px; border:1px solid #ccc}
#Noticias #content div.header div select option{color:#7a7a7a; font-size:10px}
#Noticias #content div.lists{background:url(../images/noticias_bg_list.jpg) repeat-x #fff; top:20px; padding:20px 0}
#Noticias #content div.lists ul{margin:0 23px; display:block; width:854px;}
#Noticias #content div.lists ul li.tit{height:28px; background:url(../images/noticias_header.jpg) no-repeat; text-indent:12px; font-size:12px; line-height:28px; font-weight:bold; cursor:pointer; margin:0 0 20px !important}
#Noticias #content div.lists ul li.open{background:url(../images/noticias_li_tit_open.jpg) no-repeat; }
#Noticias #content div.lists ul li.close{background:url(../images/noticias_li_tit_close.jpg) no-repeat; }
#Noticias #content div.lists ul li{position:relative; margin:15px 0 0}
#Noticias #content div.lists ul li b{position:absolute; font-weight:bold; font-size:12px; color:#0071a4; text-indent:3px}
#Noticias #content div.lists ul li a{position:relative; display:inline-block; width:750px; left:75px; color:#4c4c4c; font-weight:bold; font-size:12px;}
#Noticias #content div.lists ul li a:hover{color:#fb9c07}