@charset "utf-8";

/*Padrão*/
body               { margin:28px 0 10px 0; font:12px arial; color:#444; background:#90b2cd url(img-layout/bkg-body.jpg) repeat-x; }
img                { border:0; }
h1                 { font:bold 13px arial; color:#333; }
h2                 { font-size:12px; color:#496A8D; }
p, h1 ,h2          { margin:0; padding:9px 0 3px 0; }
a                  { color:#444; }

/*Estrutura*/
#geral             { width:750px; margin:auto; overflow:hidden; }
#topo              { height:152px; position:relative; background:url(img-layout/bkg-topo.jpg) 1px 0 no-repeat; }
#conteudo          { float:left; padding:0 7px 2px 6px; }
#center            { width:657px; padding:20px 40px 50px 40px; float:left; position:relative; background:#fff url(img-layout/curva-top-center.jpg) no-repeat; }
#footer            { height:170px; margin:0 7px 0 6px; padding:38px 0 0 0; clear:both; position:relative; font:bold 10px arial; color:#133853; background:url(img-layout/bkg-footer.jpg) repeat-x; }

/*Menu Topo*/
.menuTopo          { width:435px; height:25px; margin:0; padding:23px 0 0 315px; position:absolute; bottom:0; left:0; background:url(img-layout/bkg-menu-topo.jpg) no-repeat; }
.menuTopo li       { margin-right:20px; display:inline; list-style:none; }
.menuTopo a        { font:bold 12px arial; color:#fff; text-decoration:none; }	
.menuTopo a:hover  { color:#8FAB32; }

/*Ilustra*/
#ilustra           { height:145px; margin-bottom:3px; position:relative; }
.areaImagem        { width:316px; height:145px; position:absolute; left:0; background:url(img-layout/bkg-area-img-ilustra.jpg) no-repeat; }
.areaTexto         { width:417px; height:145px; position:absolute; top:0; left:319px; background:url(img-layout/bkg-area-texto-ilustra.jpg) 0 1px no-repeat; }
#navIlustra        { width:191px; height:32px; margin:0; padding:7px 0 0 0; position:absolute; bottom:12px; left:309px; background:url(img-layout/bkg-nav-area-ilustra.jpg) no-repeat; z-index:100; } 
#navIlustra li     { display:inline; list-style:none; font:bold 9px arial; color:#fff; text-decoration:none; cursor:pointer; }
#navIlustra li a   { width:15px; height:16px; margin:3px 0 0 21px; padding:3px 0 0 8px; float:left; display:inline; text-decoration:none; }

#navIlustra li.inativo a           { color:#fff; }
#navIlustra li.ativo   a           { color:#999900; }
#slides .visible                   { display:inline-block; }
#slides .hidden                    { display:none; }
#slide1, #slide2, #slide3, #slide4 { width:750px; height:145px; background:url(img-layout/bkp-ilustra.jpg) no-repeat; }
#slides p                          { color:#00233C; width:400px; position:absolute; top:10px; right:10px; font-size:11px; }
#slides img                        { clear:both; }

/*Home*/
#centerHome        { width:498px; padding:27px 0 0 0; float:left; position:relative; background:#fff url(img-layout/barra-destaque-home.jpg) no-repeat; }
#centerHome h1     { position:absolute; top:7px; margin:0; padding:0; left:16px; font-size:12px; color:#fff; }
#rightHome         { width:234px; margin-left:3px; float:left; }
.areaCases         { width:234px; height:193px; margin-top:3px; *margin-top:0; background:#afc8dc url(img-layout/curva-bottom-box-cases.jpg) left bottom no-repeat; }
.areaCases p       { margin:0 13px 0 14px; padding:5px 0 3px 10px; background:url(img-layout/marcador.jpg) 0 10px no-repeat;  }
.areaCases p a     { color:#00263D; text-decoration:none; }
.produtosHome      { margin:0; padding:0; float:left; }
.produtosHome li   { width:165px; padding:13px 0 13px 0; float:left; display:inline; list-style:none; text-align:center; background:url(img-layout/borda-pontilhada.jpg) repeat-y; }
.produtosHome a    { color:#333; text-decoration:none; }

/*Produtos*/
#conteudoProd      { width:707px; padding:20px 15px; float:left; position:relative; background:#fff url(img-layout/curva-top-center.jpg) no-repeat; }
#leftProd          { width:190px; float:left; font-size:11px; }
#centerProd        { width:497px; padding:0 10px 40px 10px; float:left;  }
.menuProdutos      { margin:0; padding:0; float:left; }
.menuProdutos li   { width:168px; height:19px; padding:4px 0 0 10px; list-style:none; background:url(img-layout/bkg-menu-produtos.jpg) no-repeat; }
.menuProdutos a    { text-decoration:none; }
.menuProdutos a:hover { color:#264677; }
.listaProdutos     { margin:10px 0 0 0; padding:0; float:left; border-top:dashed 1px #Ccc; padding:7px 0 12px 0; }
.listaProdutos li  { width:130px; margin-right:40px; list-style:none; display:inline; float:left; text-align:center; }
.listaProdutos a   { text-decoration:none; }

/*Detalhes*/
.imgDetalhe        { float:left; position:relative; text-align:center; margin-top:20px; padding:10px; background:#ebebeb; }
.imgDetalhe img    { float:left; }   
.imgDetalhe .ctl   { position:absolute; top:0; left:0; }
.imgDetalhe .ctr   { position:absolute; top:0; right:0; }
.imgDetalhe .cbl   { position:absolute; bottom:0; left:0; }
.imgDetalhe .cbr   { position:absolute; bottom:0; right:0; }
.imgDetalhe ul     { float:right; margin:0 0 0 10px; padding:0; }
.imgDetalhe li     { width:75px; margin-bottom:2px; overflow:hidden; background:#ccc; list-style:none; display:block; cursor:pointer; }
.imgDetalhe .areaFoto { width:300px; float:right; }
.textoDetalhe      { width:400px; padding:0; float:left; clear:both; margin-top:50px; }
.textoDetalhe h2   { font-size:12px; color:#333; }  
.textoDetalhe ul   { margin:10px 0 10px 1px; padding:0; }
.textoDetalhe ul li{ list-style:none; padding-left:10px; margin-bottom:5px; background:url(img-layout/marcador-li.jpg) 0 5px no-repeat; }
.botaoAmpliar      { position:absolute; right:-1px; bottom:-10px; }
.botaoOrcamento    { position:absolute; bottom:-40px; left:0; color:#bb0010; }

/*Menu Bottom*/
.menuBottom           { width:540px; height:130px; margin:50px 0 30px 0; padding:14px 0 0 0; clear:both; position:relative; background:#F9F9F9 url(img-layout/bkg-menu-bottom.jpg) repeat-x; }
.menuBottom p         { margin:0 0 8px 30px; padding:0; font-weight:bold; }
.menuBottom ul        { margin:0; padding:0; float:left; margin-left:30px; }
.menuBottom li        { display:block; font-size:11px; list-style:none; margin-bottom:4px; padding-left:10px; background:url(img-layout/marcador-li.jpg) 0 5px no-repeat; }
.ctl, .ctr, .cbl, .cbr { position:absolute; }
.ctl                  { top:0; left:0; }
.ctr                  { top:0; right:0; }
.cbl                  { bottom:0; left:0; }
.cbr                  { bottom:0; right:0; }

/*Box Footer*/
.footerBox            { margin:0; padding:0; }
.footerBox li         { width:207px; height:64px; margin-left:29px; float:left; position:relative; display:inline; list-style:none; }
.footerBox a          { color:#133853; text-decoration:none; }
.footerBox p          { width:180px; *width:140px; margin-top:17px; float:none; }       
.linkBox              { width:38px; height:35px; margin:23px 7px 0 7px; float:left; }

/*Contato*/
.formContato          { width:350px; float:left; margin:15px 25px 0 0; *margin-top:0; }
.formContato input    { height:14px; border:solid 1px #888; font-size:11px; }
.formContato textarea { border:solid 1px #888; overflow:hidden; font:11px arial; }

/*Outros*/
.logoTecbelt          { width:190px; height:65px; position:absolute; top:35px; left:30px; }
.imgSupFooter         { position:absolute; top:0; left:0; }
.imgInfFooter         { position:absolute; bottom:28px; left:0; }
.logoBrane            { position:absolute; bottom:0; right:0; }
.telefone             { position:absolute; bottom:-3px; left:0; font:bold 12px arial;  }
.copyright            { position:absolute; bottom:-3px; right:85px; }
.curvaBottom          { position:absolute; bottom:0; left:0; }
.botaoVoltar          { margin:25px 0 15px 0; *margin-bottom:5px; color:#496A8D; font-size:11px; clear:both; position:absolute; right:20px; bottom:10px; }
.botaoTopo            { float:left; margin:25px 0 15px 0; *margin-bottom:5px; color:#496A8D; font-size:11px; clear:both; }
.breadCrumbs          { font:bold 10px arial; margin-bottom:5px; }
.breadCrumbs a        { color:#777; }
.breadCrumbs a:hover  { color:#222; }
.breadCrumbs strong   { color:#222; }