@charset "utf-8";
/* CSS Menu */

#topo #menu	{  }
#menu ul { list-style: none; list-style-type: none; width: 570px; }
#menu ul li { margin: 0px; }
#menu ul li a { font-size: 12px; color: #000000; text-decoration: none; }

/* Formatação dos ítens do menu */
#menu ul li#bt1 {}
#menu li#bt1 a.home { background: url(../../img/bt-home.png) left top no-repeat; width: 104px; height: 23px; display: block; text-indent: -9000em; }
#menu li#bt1 a.home-active { background: url(../../img/bt-home-active.png) left top no-repeat; width: 104px; height: 23px; display: block; text-indent: -9000em; }

#menu ul li#bt2 {   z-index: 49; width: 124px; margin-left: 86px; }
#menu li#bt2 a.empresa { background: url(../../img/bt-empresa.png) left top no-repeat; width: 124px; height: 23px; display: block; text-indent: -9000em; }
#menu ul li#bt2-active {   z-index: 51; width: 124px; margin-left: 86px; }
#menu li#bt2-active a.empresa-active { background: url(../../img/bt-empresa-active.png) left top no-repeat; width: 124px; height: 23px; display: block; text-indent: -9000em; }

#menu ul li#bt3 {   z-index: 48; width: 161px; margin-left: 194px; }
#menu li#bt3 a.fazemos { background: url(../../img/bt-fazemos.png) left top no-repeat; width: 161px; height: 23px; display: block; text-indent: -9000em; }
#menu li#bt3-active  {   z-index: 51; width: 161px; margin-left: 194px; }
#menu li#bt3-active a.fazemos-active { background: url(../../img/bt-fazemos-active.png) left top no-repeat; width: 161px; height: 23px; display: block; text-indent: -9000em; }

#menu ul li#bt4 {   z-index: 47; width: 131px; margin-left: 338px; }
#menu li#bt4 a.portfolio { background: url(../../img/bt-portfolio.png) left top no-repeat; width: 131px; height: 23px; display: block; text-indent: -9000em; }
#menu li#bt4-active {   z-index: 51; width: 131px; margin-left: 338px; }
#menu li#bt4-active a.portfolio-active { background: url(../../img/bt-portfolio-active.png) left top no-repeat; width: 131px; height: 23px; display: block; text-indent: -9000em; }

#menu ul li#bt5 {   z-index: 46; width: 117px; margin-left: 452px; }
#menu li#bt5 a.contato { background: url(../../img/bt-contato.png) left top no-repeat; width: 117px; height: 23px; display: block; text-indent: -9000em; }
#menu li#bt5-active {   z-index: 51; width: 117px; margin-left: 452px; }
#menu li#bt5-active a.contato-active { background: url(../../img/bt-contato-active.png) left top no-repeat; width: 118px; height: 23px; display: block; text-indent: -9000em; }

/* Formatação dos ítens do submenu */
#submenu {  background-color: #da0a13; }
#submenu ul { list-style: none; list-style-type: none; width: auto; margin: 0px; }
#submenu ul li { display: inline; margin-left: 2px; margin-right: 2px; }
#submenu ul li#divisoria { color:#FFFFFF; font-size: 12px; font-weight: bold; }

/* Formatação dos ítens do submenu HOME */
#submenu ul li#bt1sub1 a.cases { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; margin-left: 100px; }
#submenu ul li#bt1sub1 a.cases:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt1sub2 a.destaques { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt1sub2 a.destaques:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt1sub3 a.blog { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt1sub3 a.blog:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

/* Formatação dos ítens do submenu A EMPRESA */
#submenu ul li#bt2sub1 a.quemsomos { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; margin-left: 60px; }
#submenu ul li#bt2sub1 a.quemsomos:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt2sub2 a.valores { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt2sub2 a.valores:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt2sub3 a.diferenciais { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt2sub3 a.diferenciais:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt2sub4 a.acaosocial { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt2sub4 a.acaosocial:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt2sub5 a.sustentabilidade { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt2sub5 a.sustentabilidade:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

/* Formatação dos ítens do submenu O QUE FAZEMOS */
#submenu ul li#bt3sub1 a.desenvolvimento { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none;  margin-left: 60px; }
#submenu ul li#bt3sub1 a.desenvolvimento:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt3sub2 a.acoesonline { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt3sub2 a.acoesonline:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt3sub3 a.sistemasinternet { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt3sub3 a.sistemasinternet:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt3sub4 a.bancodedados { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt3sub4 a.bancodedados:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt3sub5 a.suportetecnico { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt3sub5 a.supertetecnico:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

/* Formatação dos ítens do submenu PORTFOLIO */
#submenu ul li#bt4sub1 a.nossosclientes { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt4sub1 a.nossosclientes:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt4sub2 a.casescliente { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt4sub2 a.casescliente:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt4sub3 a.casestipo { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt4sub3 a.casestipo:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

/* Formatação dos ítens do submenu CONTATO */
#submenu ul li#bt5sub1 a.faleconosco { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt5sub1 a.faleconosco:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#submenu ul li#bt5sub2 a.trabalheconosco { display: inline; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#submenu ul li#bt5sub2 a.trabalheconosco:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }