@charset "utf-8";

/*Padrão*/
body    { margin:0; font:12px arial; color:#666; }
img     { border:0; }
h1      { font-size:13px; color:#990000; margin:9px 0; }
h2      { font:bold 12px arial; color:#990000; }
p       { margin:12px 0 12px 0; }
a       { color:#990000; font:bold 11px arial; }
a:hover { color:#D70000; }

/*Estrutura*/
#base                      { width:812px; overflow:hidden; margin:auto; background:url(img-layout/bkg-shadow-left.jpg) left repeat-y; }
#geral                     { padding-bottom:15px; background:url(img-layout/bkg-shadow-right.jpg) right repeat-y; float:left;  }
#flashTopo                 { height:254px; }
#menuTopo                  { width:774px; _width:775px; height:30px; float:left; margin-left:19px; _margin-left:9px; border-bottom:solid 1px #73a38a; background:url(img-layout/bkg-menu-topo.jpg) repeat-x; } 
#center                    { width:727px; margin-left:25px; _margin-left:12px; padding:95px 10px 0 10px; *padding-top:105px; float:left; border-left:solid 1px #ddd; border-right:solid 1px #ddd; }
#conteudo                  { padding:3px 19px 50px 19px; float:left; _background-position:42px 0; }
#footer                    { width:774px; _width:773px; height:56px; margin-left:19px; _margin-left:10px; float:left; position:relative; clear:both; background:url(img-layout/bkg-footer.jpg) no-repeat; }

/*Menu Topo*/
#menuTopo ul               { margin:0; padding:0 10px 0 10px; float:left;}
#menuTopo li               { display:inline; position:relative; list-style:none; padding:0 8px;}
#menuTopo a                { padding:10px 0; display:inline; text-decoration:none; font-size:12px; font-weight:normal; color:#47524a; line-height:29px; }
#menuTopo a:hover          { color:#7c8980; }
#menuTopo .subMenu         { margin:0; padding:0; position:absolute; top:23px; *top:33px; left:-19px; float:left; z-index:300; }
#menuTopo .subMenu li      { display:block; list-style:none; float:left; _float:none; }
#menuTopo .subMenu a       { width:160px; height:25px; padding:0 10px; float:left; _float:none; _display:inline-block; font-size:11px; line-height:25px; border:solid 1px #73a38a; border-top:0; background:#D5F1E3; }  

div#menuTopo ul ul         { margin:0px; padding:0px; display:none; position:absolute; z-index:500; }
div#menuTopo li:hover      { cursor:default; z-index:200; }

div#menuTopo li:hover ul ul,
div#menuTopo li li:hover ul ul,
div#menuTopo li li li:hover ul ul,
div#menuTopo li li li li:hover ul ul
{display:none;}

div#menuTopo li:hover ul,
div#menuTopo li li:hover ul,
div#menuTopo li li li:hover ul,
div#menuTopo li li li li:hover ul
{display:block;}

.abaQuemSomos              { background:url(img-layout/aba-quem-somos.jpg) 10px 3px no-repeat; }
.abaEquipamentos           { background:url(img-layout/aba-equipamentos.jpg) 105px 3px no-repeat; }
.abaSolucoes               { background:url(img-layout/aba-solucoes.jpg) 204px 3px no-repeat; }
.abaEnergia                { background:url(img-layout/aba-contato.jpg) 276px 3px no-repeat; }
.abaTelefonica             { background:url(img-layout/aba-telefonica.jpg) 338px 3px no-repeat; }
.abaParcerias              { background:url(img-layout/aba-parcerias.jpg) 413px 3px no-repeat; }
.abaContato                { background:url(img-layout/aba-contato.jpg) 546px 3px no-repeat; }

/*Conteudo Home*/
.areaSuperiorLeft          { width:582px; height:169px; background: url(img-layout/bkg-area-sup-left-home.jpg) no-repeat; float:left; }
.areaSuperiorLeft p        { width:400px; height:100px; margin:50px 0 0 160px; }
.areaSuperiorRight         { width:192px; height:163px; padding-top:5px; float:left; background: url(img-layout/bkg-aux-area-sup-home.jpg) repeat-x; }
.areaInferiorLeft          { width:480px; padding:5px 0 0 5px; float:left; }
.areaInferiorLeft h2       { font:bold 16px arial; color:#990000; margin:2px 0 5px 0; }
.areaInferiorLeft h3       { font:bold 13px arial; color:#990000; margin:2px 0 0px 0; padding:3px; }
.areaInferiorLeft div      { width:225px; height:140px; margin:15px 5px 5px 3px;  border:solid 1px #ccc; float:left; }
.areaInferiorLeft div p    { font-size:11px; margin-top:3px; }
.areaInferiorLeft div img  { float:left; margin-right:5px; }
.areaInferiorLeft div a    { float:right; margin-right:7px; }

.areaInferiorRight         { width:285px; float:left; padding-top:5px; }
.areaInferiorRight h3      { font:bold 13px arial; color:#990000; margin:2px 0 0px 0; padding:3px; }
.areaInferiorRight div p   { font-size:11px; margin-top:3px; }
.areaInferiorRight .box1   { width:285px; float:left; height:109px; background: url(img-layout/bkg-area-premiacao-siemens.jpg) no-repeat; } 
.areaInferiorRight .box-d-link   { width:285px; float:left; height:100px; background: url(img-layout/banner-d-link.jpg) no-repeat; } 
.areaInferiorRight .box-d-link a { margin:67px 0 0 20px; font:11px Arial; text-decoration:none; color:#555; position:relative; float:left; } 
.areaInferiorRight .box-d-link a:hover { color:#222; text-decoration:underline;} 
.areaInferiorRight .box1 p { margin:62px 0 0 20px; font-size:11px; } 
.areaInferiorRight .box2   { padding-top:13px; float:left; }
.areaInferiorRight .box3   { width:270px; height:110px; margin:15px 0 0 5px; _margin-left:0px; padding-top:10px; float:left; background:#f8f8f8; border:solid 1px #ccc; border-bottom:1px solid #666; border-top:solid 1px #ddd; text-align:center; }
.areaInferiorRight .box3 h3{ font-size:15px; color:#0A8858; text-transform:uppercase; font-weight:bold; } 
.areaInferiorRight .box4   { width:280px; height:100px; margin:10px 0 5px 3px; _margin-left:0px; float:left; background:url(img-layout/img-cabeamento-estruturado.jpg) no-repeat; }
.areaInferiorRight .box4 a { float:left; font:bold 16px arial; color:#990000; margin:55px 0 0 40px; }

/*Indicativos*/
.indQuemSomos              { background:url(img-layout/ind-quem-somos.jpg) 43px 0 no-repeat; }
.indEquipamentos           { background:url(img-layout/ind-equipamentos.jpg) 43px 0 no-repeat; }
.indEnergia                { background:url(img-layout/ind-sistemas-energia.jpg) 43px 0 no-repeat; }
.indSolucoes               { background:url(img-layout/ind-solucoes.jpg) 43px 0 no-repeat; }
.indTelefonica             { background:url(img-layout/ind-telefonica.jpg) 43px 0 no-repeat; }
.indParcerias              { background:url(img-layout/ind-parceiros-revendas.jpg) 43px 0 no-repeat; }
.indContato                { background:url(img-layout/ind-contato.jpg) 43px 0 no-repeat; }
.indTecSiemens             { background:url(img-layout/ind-tecnologia-siemens.jpg) 43px 0 no-repeat; }
.indSolVoip                { background:url(img-layout/ind-voip.jpg) 43px 0 no-repeat; }
.indLocalizacao            { background:url(img-layout/ind-voip.jpg) 43px 0 no-repeat; }

/*Menu Soluções*/
#areaMenuSolucoes          { width:190px; float:left; margin-top:0; padding-top:0; }
#areaMenuSolucoes ul       { margin:0; padding:0; }
#areaMenuSolucoes li       { display:block; list-style:none; margin:0 0 3px 5px; padding-left:10px; background:url(img-layout/marcador.gif) 0 5px no-repeat; }
#areaMenuSolucoes a        { color:#333; font-weight:normal; text-decoration:none; }
#areaMenuSolucoes a:hover  { color:#777; }
#areaTextoSolucoes         { width:537px; float:left; }

/*Menu Footer*/
#footer ul                 { margin:22px 0 0 20px; padding:0; }
#footer li                 { display:inline; list-style:none; padding-right:5px; }
#footer a                  { text-decoration:none; font-weight:bold; font-size:9px; color:#990000; margin-right:7px; }
#footer a:hover            { color:#D70000; }

/*Form Contato*/
.formContato               { width:480px; }
.formContato input         { border:solid 1px #b8b8b8; width:250px; height:16px; color:#333; font-size:11px; }
.formContato textarea      { border:solid 1px #b8b8b8; width:300px; height:120px; color:#333; font:11px arial; }       
.formContato b             { font:bold 15px arial; color:#f00; } 
.formContato .A            { text-align:right; background:#f6f6f6; padding:2px; }

/*Produtos*/
.produtos                  { width:710px; margin:0; padding:0; padding-left:30px; float:left; }    
.produtos li               { width:140px; height:115px; margin:0 0 10px 0; margin-left:1px; padding:16px 11px 0 11px; display:inline; list-style:none; float:left;  float:left; text-align:center; } 
.produtos p                { padding-top:0; margin-top:5px; }
.produtos p a              { font-size:11px; text-decoration:none; font-weight:normal; color:#555; text-transform:captalize; }
.produtos p a:hover        { color:#000; }
#center .titleProdutos     { width:716px; height:20px; margin:0; padding:5px 0 0 30px; float:left; font:bold 12px arial; color:#6d9241; background:#f6f6f6; }

/*Breadcrumbs*/
.breadCrumbs               { height:30px; padding:10px 0 0 20px; font:bold 10px arial; color:#990000; }
.breadCrumbs b, .breadCrumbs strong { color:#666; }
.breadCrumbs a             { font:bold 10px arial; color:#222; } 
.breadCrumbs a:hover       { color:#990000; }

/*Detalhes*/
#areaDetalhe               { width:680px; margin-left:20px; _margin-left:11px; float:left; padding:20px 0 0 0; background:url(img-layout/linha-pontilhada.jpg) no-repeat; }
#areaDetalhe .A            { margin:0 0 10px 20px; float:left; position:relative; background:url(img-layout/bkg-repeat-detalhe.jpg) repeat-y; }
#areaDetalhe .B            { width:402px; float:left; padding:18px 25px 40px 25px; *padding-top:25px;  background:url(img-layout/bkg-detalhe-texto.jpg) no-repeat; }
#areaDetalhe img           { float:left; }
#areaDetalhe .curva        { position:absolute; bottom:0; left:0; }
#areaDetalhe p             { color:#555; line-height:20px; margin:3px 0 0px 0; padding:0; }
#areaDetalhe h2            { color:#555; }

#detalheInferior           { width:700px; height:200px; margin:20px 0 0 20px; _margin-left:10px; background:url(img-layout/linha-pontilhada.jpg) no-repeat; float:left; }
#detalheInferior h3        { font:bold 12px arial; color:#6d9241; margin-top:15px; padding:0; }
#detalheInferior ul        { margin:0; padding:0; margin-left:10px; }
#detalheInferior li        { list-style:none; padding:0 0 3px 12px; background:url(img-layout/marcador-itens-recomendados.jpg) 0 6px no-repeat; }   
#detalheInferior a         { font:normal 11px arial; color:#444; }
#detalheInferior a:hover   { color:#888; }

/*Equipamentos*/
#areaEquip                 { width:680px; margin-left:20px; _margin-left:11px; float:left; padding:10px 0 0 0; background:url(img-layout/linha-pontilhada.jpg) no-repeat; }
#areaEquip h2              { color:#6d9241; font-size:13px; } 
.equipamentos              { width:680px; margin:0; padding:0; padding-left:30px; margin-bottom:20px; float:left; }
.equipamentos li           { width:130px; height:115px; margin:0 0 10px 0; margin-left:1px; padding:16px 11px 0 11px; display:inline; list-style:none; float:left;  float:left; text-align:center; } 
.equipamentos p            { padding-top:0; margin-top:5px; }
.equipamentos p a          { font-size:11px; text-decoration:none; color:#555; }
.equipamentos p a:hover    { color:#000; }
.bottomDetalhesEquip       { float:left; margin:30px 0 0 20px; }
.bottomDetalhesEquip h2    { font-size:13px; }

/*d-link*/
.d-link              { width:680px; margin:0; padding:0; padding-left:10px; margin-bottom:20px; float:left; }
.d-link li           { width:100%; margin:0 0 10px 0; margin-left:1px; padding:16px 11px 20px 0; border-bottom:1px dotted #ccc; list-style:none; position:relative; float:left; clear:both; } 
.d-link li img       { padding:10px; position:relative; float:left;}
.d-link p            { padding-top:0; margin-top:5px; float:left; top:35px; position:relative; }
.d-link p a          { font-size:11px; text-decoration:none; color:#555; }
.d-link p a:hover    { color:#000; }
 
.equipAparelhos            { width:300px; margin:20px 20px 0 20px; float:left; background:0 35px url(img-layout/linha-pontilhada.jpg) no-repeat; *background-position:0 25px; }
.equipSolucoes             { width:300px; margin-top:20px; float:left; background:0 35px url(img-layout/linha-pontilhada.jpg) no-repeat; *background-position:0 25px; }
.equipAparelhos h2, .equipSolucoes h2            { color:#6d9241; }
.equipAparelhos ul, .equipSolucoes ul            { margin:0; padding:0; margin:10px 0 0 0	; *margin-top:5px; float:left; }
.equipAparelhos li, .equipSolucoes li            { list-style:none; padding:0 0 3px 12px; background:url(img-layout/marcador-itens-recomendados.jpg) 0 6px no-repeat; }   
.equipAparelhos a, .equipSolucoes a              { font:normal 11px arial; color:#444; text-decoration:none; }
.equipAparelhos a:hover, .equipSolucoes a:hover  { color:#888; }

/*Outros*/
.shadowFooter              { position:absolute; bottom:-19px;; left:-19px; }
.enderecoFooter            { position:absolute; font-size:11px; top:-25px; *top:-27px; left:100px; color:#008750; }
.botaoHome                 { width:90px; margin:5px 5px 0 0; float:right; background:url(img-layout/bot-home-off.jpg) no-repeat; }
.botaoHome:hover           { background:url(img-layout/bot-home-on.jpg) no-repeat; }
.curvaCenterBottom         { margin-left:24px; float:left; }
.botOrcamento              { position:absolute; bottom:-8px; right:22px; }
.botOrcamento2             {  }
.botVoltar                 { float:right; clear:both;  _clear:both; }
.textFones                 { float:left; width:660px; clear:both;  }
.textFones ul              { float:left; width:380px; margin:0; padding-left:20px; }
.textFones div             { float:right; }
.boxRamais                 { width:270px; height:110px; margin:15px 0 0 5px; padding-top:10px; float:left; background:#f8f8f8; border:solid 1px #ccc; border-bottom:1px solid #666; border-top:solid 1px #ddd; text-align:center; } 
.boxRamais h2              { font-size:15px; color:#0A8858; text-transform:uppercase; font-weight:bold; }
.resultBusca               { margin:0; padding:0; }
.resultBusca li            { display:block; list-style:none; }
.resultBusca a             { font:normal 11px arial; color:#666; }