html, body {height:100%;}
#container {position:relative; min-height:100%;}
* html #container {height:100%; /* hack para IE6 hq trata height como min-height */}

#content, #header-in, #footer-in {position:relative; width:1000px; margin:0 auto;}
#content {padding-bottom:130px;}

/*** HEADER ***/

#header-out {width:100%; background:url(../pics/bg-header_out.jpg) repeat-x top;}
#header-in {height:314px; background:url(../pics/bg-header_in.jpg) no-repeat;}


/* home */

#mainContent {margin:-179px auto 0 auto; width:1000px;}

#animacao {width:921px; height:366px; margin:0 0 19px 40px;}

#areadocliente {background:url(../pics/bg-arearestrita.jpg) no-repeat; width:217px; height:259px; margin-left:40px; float:left; display:inline; position:relative;}
#areadocliente h1 {width:217px; height:80px; text-indent:-9000em; overflow:hidden; background:url(../pics/tt-areadocliente.jpg) no-repeat; margin-bottom:22px;}
#areadocliente p {font:normal 12px Arial, Helvetica, sans-serif; color:#fff; margin:0 12px 14px 12px; line-height:18px;}

.input-areadocliente {background:none; border:none; font:normal 11px arial; color:#628292; width:156px; height:18px; 
padding:7px;}
.form_areadocliente {background:url(../pics/bg-input.jpg) no-repeat; width:140px; height:28px; float:left; display:inline; 
margin:0 0 7px 13px}
.bt-ok {background:url(../pics/bt-ok.jpg) no-repeat; width:42px; height:28px; display:inline; float:left; border:none; 
margin-left:10px; cursor:pointer;}
#esqueci-senha {font:normal 11px arial; color:#fff; bottom:19px; left:16px; position:absolute; text-decoration:underline;}
#esqueci-senha:hover {text-decoration:none;}

.caixa {background:url(../pics/bg-caixa.jpg) no-repeat; width:217px; height:259px; float:left; display:inline; position:relative;}
#caixa01 {margin-left:19px; background:url(../pics/bg-caixa-int01.jpg) no-repeat;} 
#caixa02 {margin-left:15px; background:url(../pics/bg-caixa-int02.jpg) no-repeat;} 	
#caixa03 {margin-left:19px; background:url(../pics/bg-caixa-int03.jpg) no-repeat;} 
#caixa04 {margin-left:15px; background:url(../pics/bg-caixa-int04.jpg) no-repeat;} 
#caixa05 {margin-left:19px; background:url(../pics/bg-caixa-int05.jpg) no-repeat;} 
#caixa06 {margin-left:15px; background:url(../pics/bg-caixa-int06.jpg) no-repeat;} 


.area-engloba{margin:0 auto; width:730px;}
.caixa-int { margin:0 0 10px 20px; width:217px; height:259px; float:left; display:inline; position:relative;}

.caixa h1, #interna-bot .caixa-int h1 {width:217px; height:80px; text-indent:-9000em; overflow:hidden; margin-bottom:6px;}
.caixa h1.produtos {background:url(../pics/tt-produtos.jpg) no-repeat;}
.caixa h1.servicos {background:url(../pics/tt-servicos.jpg) no-repeat;}
.caixa h1.orcamento {background:url(../pics/tt-dicash.jpg) no-repeat; height:83px;}
.caixa p {font:normal 12px Arial, Helvetica, sans-serif; color:#303a47; margin:0 12px 15px 12px; line-height:18px;}
#interna-bot .caixa-int p a{font:bold 20px Arial, Helvetica, sans-serif; color:#828b94; text-align:center; margin:0 12px 15px 12px; display:block;}

.bt-saibamais {background:url(../pics/bt-saibamais.jpg) no-repeat; width:197px; height:46px; position:absolute; bottom:12px; 
left:10px;}
.bt-solicitar-senha {background:url(../pics/bt-solicitar-senha.jpg) no-repeat; width:197px; height:22px; position:absolute; bottom:42px; left:10px; display:block; float:left}
.bt-oquee {background:url(../pics/bt-oquee.jpg) no-repeat; width:197px; height:22px; position:absolute; bottom:12px; left:10px; display:block; float:left}

/* internas */

#interna {margin:-181px auto 0 auto; width:921px; background:url(../pics/bg-interna.jpg) repeat-y;}
#interna-bot {margin:0 auto; width:921px; background:url(../pics/bg-interna_bottom.jpg) no-repeat bottom; padding-bottom:30px;}
html > body #interna-bot {min-height:500px; height:auto;}

#interna p {font:normal 13px Arial, Helvetica, sans-serif; color:#303a47; margin:0 20px 13px 20px; text-align:justify;}
#interna p span{position:relative;top:-10px;}

img.left {margin:0 20px 8px 15px; border:1px solid #a1b2c6; padding:5px; float:right; display:inline;}

#interna h1 {width:921px; height:80px; text-indent:-9000em; overflow:hidden; margin-bottom:30px; border:none;}
#interna h1.conheca {background:url(../pics/tt-conheca.jpg) no-repeat top;}
#interna h1.produtos-int {background:url(../pics/tt-produto.jpg) no-repeat top;}
#interna h1.servicos-int {background:url(../pics/tt-servico.jpg) no-repeat top;}
#interna h1.orcamentos-int {background:url(../pics/tt-orcamentos.jpg) no-repeat top;}
#interna h1.contato {background:url(../pics/tt-contato.jpg) no-repeat top;}
#interna h1.dicas {background:url(../pics/tt-dicas.jpg) no-repeat top;}
#interna h1.seg-eletronica {background:url(../pics/tt-seguranca-eletronica.jpg) no-repeat top;}
#interna h1.imprensa {background:url(../pics/tt-imprensa.jpg) no-repeat top;}
#interna h1.monitoramento {background:url(../pics/tt-monitoramento.jpg) no-repeat top;}
#interna h1.indique {background:url(../pics/tt-indique.jpg) no-repeat top;}
#interna h1.atualizedados {background:url(../pics/tt-atualizedados.jpg) no-repeat top;}
#interna h1.obrigado {background:url(../pics/tt-obrigado.jpg) no-repeat top;}
#interna h1.clientes {background:url(../pics/tt-clientes.jpg) no-repeat top;}
#interna h1.area-cliente {background:url(../pics/tt-areacliente.jpg) no-repeat top;}
#interna h1.solicitar-senha {background:url(../pics/tt-solicitar-senha.jpg) no-repeat top;}
#interna h1.tt-oquee {background:url(../pics/tt-oquee.jpg) no-repeat top;}
#interna h1.corte-int {background:url(../pics/tt-corte.jpg) no-repeat top;}
#interna h1.atualize-int {background:url(../pics/tt-atualize.jpg) no-repeat top;}
#interna h1.pacotes-int {background:url(../pics/tt-pacotes.jpg) no-repeat top;}

/*** FOOTER ***/

#mapasite {background:url(../pics/bg-mapasite.png) no-repeat; width:575px; height:25px; position:absolute; top:43px; left:205px;}
#mapasite ul {margin:5px 0 0 20px}
#mapasite ul li {font:normal 11px Arial, Helvetica, sans-serif; color:#284762; float:left; display:inline;}
#mapasite ul li a {color:#284762; display:block;}
#mapasite ul li.divisoria {margin:0 20px;}

#telefone-contato {background:url(../pics/telefone.png) no-repeat; width:129px; height:25px; text-indent:-9000em; overflow:hidden; position:absolute; top:41px; right:41px;}

#footer-out {position:absolute;bottom:0;width:100%;background:url(../pics/bg-footer_out.jpg) repeat-x;}
#footer-in {height:125px;background:url(../pics/bg-footer_in.jpg) no-repeat;}