@charset "utf-8";
/* Estilo - Instaltech */

* { padding:0px; margin:0px; font-family:Tahoma; }
body { background:url(../img/body-fundo2.png) repeat-x #f8f8f8; background-size: 100% 100%; background-attachment: fixed; }

/* Site */
#site { width:1000px; margin:auto; }
.preload{
    position: fixed;
    z-index:99999;
    top:0; left:0;
    width:100%; height:100%;
    opacity:1;
    background-color:#fff;
    background-image:url(../img/loading.gif);
    background-position:center;
    background-repeat:no-repeat;
}
/* Site - Topo */
#site #topo { width:1000px; height:450px;}
#site #topo .logotipo {width:250px; height:150px; margin-left:10px; position:relative; z-index:11 }
#site #topo .logotipo a { background:url(../img/btn-instaltech.png) no-repeat; width:250px; height:150px; display:block; text-indent:-10000px; z-index:11}
#site #topo .tp-banner { clear:both; height:450px; width:1000px; margin-top:-106px }
#site #topo .tp-banner img {height:450px; width:1000px; margin-top:-100px }
#site #topo .bg-banner {background:url(../img/bg-banner.png) no-repeat; width:450px; height:200px; margin-top:-235px; margin-left:100px; position:relative; z-index:10 }
#site #topo .bg-banner img {width:450px; height:200px;}
#site #topo .tel { float:right; width:490px; height:45px; margin-top:-110px; position:relative; z-index:8 }
#site #topo .tel img { width:490px; height:45px;}
#site #topo .menu-horizontal {float:left; background:url(../img/fundo_corpo.png) repeat; clear:both;padding-left:65px; width:935px; margin-top:-325px; font-size:16px; position:relative; z-index:11 }
#site #topo .menu-horizontal .link { padding-left:38px;  }
#site #topo .menu-horizontal .link2 { padding-left:60px;  }
#site #topo .menu-horizontal a { text-decoration:none; color:#FFF; }
#site #topo .menu-horizontal a:hover { color:#008BBF; }

/* Site - Miolo */
#site #miolo { clear:both; margin-top:15px}

/* Site - Miolo - Corpo */
#site #miolo #corpo {float:left; width:740px; }
#site #miolo #corpo h2 { padding:10px; font-size:16px; color:#666;}
#site #miolo #corpo .h1-bem-vindo { background:url(../img/h1-bem-vindo.png) no-repeat; width:100%; text-indent:-10000px; }
#site #miolo #corpo .h1-contato { background:url(../img/h1-contato.jpg) no-repeat; width:100%; text-indent:-10000px; }
#site #miolo #corpo .h1-instalacoes { background:url(../img/h1-instalacoes.jpg) no-repeat; width:100%; text-indent:-10000px; }
#site #miolo #corpo .h1-indique { background:url(../img/h1-indique.jpg) no-repeat; width:100%; text-indent:-10000px; }
#site #miolo #corpo .h1-vantagens { background:url(../img/h1-vantagens.jpg) no-repeat; width:100%; text-indent:-10000px; }
#site #miolo #corpo .h1-seguranca { background:url(../img/h1-seguranca.jpg) no-repeat; width:100%; text-indent:-10000px; }
#site #miolo #corpo .h1-infra { background:url(../img/h1-infra.png) no-repeat; width:100%; text-indent:-10000px; }
#site #miolo #corpo .h1-produtos { background:url(../img/h1-produtos.jpg) no-repeat; width:100%; text-indent:-10000px; }
#site #miolo #corpo .h1-quem-somos { background:url(../img/h1-quem-somos.png) no-repeat; width:100%; text-indent:-10000px; }
#site #miolo #corpo p { color:#666; font-size:12px; padding:10px; text-align:justify; }
#site #miolo #corpo fieldset { border:0px; padding:10px 0 0 5px; }
#site #miolo #corpo fieldset dl dt { font-size:12px; padding:4px 0 4px 0; color:#666; }
#site #miolo #corpo fieldset dl dd { font-size:12px; }
#site #miolo #corpo fieldset dl dd span { font-size:12px;}
#site #miolo #corpo fieldset dl dd input, #site #miolo #corpo fieldset dl dd textarea { border:1px solid #ccc; padding:1px; }
#site #miolo #corpo .atalhos { clear:both; text-align:center; }
#site #miolo #corpo .atalhos a { color:#666; text-decoration:none; }
#site #miolo #corpo .atalhos a:hover { color:#008BBF; text-decoration:none; }
#site #miolo #corpo .botao { display:block; background:url(../img/btn-enviar.jpg) no-repeat; width:120px; height:32px; border:0px; }
#site #miolo #corpo #box { border:1px solid #ccc; background:#f1f1f3; padding:5px; }
#site #miolo #corpo #box h1 { font-size:12px; padding-left:50px; color:#666; padding-top:18px; background:url(../img/btn-circle.jpg) no-repeat; height:35px; }
#site #miolo #corpo #box p {padding:10px 20px 10px 20px; }
	
#site #miolo #corpo #galeria { padding:4px; }
#site #miolo #corpo #galeria .foto { width:120px; height:100px; overflow:hidden; border:1px solid #ccc; float:left; margin:10px 11px 10px 11px; padding:2px;}
#site #miolo #corpo #galeria .foto a img { border:0px; }

#site #miolo #corpo #galeria .paginacao { clear:both; text-align:center; } 
#site #miolo #corpo #galeria .paginacao a {color:#666; text-decoration:none; }
#site #miolo #corpo #galeria .paginacao a:hover {color:#008BBF; text-decoration:none; }

#site #miolo #corpo .foto { width:120px; height:100px; border:1px solid #ccc; float:left; margin:10px 11px 10px 11px; padding:2px; }
#site #miolo #corpo .foto a img { border:0px; }
#site #miolo #corpo .suportes-tabela table tr td { padding:10px; text-align:left; font-size:12px; line-height:16px; background:#fff; }

/* Site - Miolo - Lateral */
#site #miolo #lateral {background:#FFFFFF; float:right; width:250px; }
#site #miolo #lateral a img { border:0px; }
#site #miolo #lateral .h1-cadastro { background:url(../img/h1-cadastre-se.png) no-repeat; width:100%; text-indent:-10000px; }
#site #miolo #lateral .h1-divisao { background:url(../img/h2-separador.jpg) no-repeat; width:100%; height:20px; }
#site #miolo #lateral .h1-servicos { background:url(../img/h1-servicos.png) no-repeat; width:100%; height:40px; }
#site #miolo #lateral .h1-projetos { background:url(../img/h1-projetos.png) no-repeat; width:100%; height:40px; }
#site #miolo #lateral .h1-marcas { background:url(../img/h1-marcas.png) no-repeat; width:100%; height:40px; }
#site #miolo #lateral fieldset { border:0px; padding:10px 0px 10px 25px }
#site #miolo #lateral fieldset dl dt { padding-top:6px; float:left; width:40px; font-size:12px; color:#666; }
#site #miolo #lateral fieldset dl dd { padding-top:5px; } 
#site #miolo #lateral fieldset dl dd span { font-size:12px; }
#site #miolo #lateral fieldset dl dd input { border:1px solid #ccc; font-size:12px; color:#666; padding:1px; }
#site #miolo #lateral p { padding:0px; text-align:center; padding-bottom:10px; font-size:12px; color:#666; }
#site #miolo #lateral .cadastrar { padding-left:160px; text-align:left; }
#site #miolo #lateral .cadastrar input { background:url(../img/btn-cadastrar.jpg) no-repeat; border:0px; width:70px; height:20px; text-indent:-10000px; }
#site #miolo #lateral a { text-decoration:none; color:#666; }
#site #miolo #lateral a:hover { text-decoration:underline; color:#008BBF; }
#site #miolo #lateral .banners { padding:0 0 0 0px; }
#site #miolo #lateral .banners .banner1 { height:160px; width:250px; }
#site #miolo #lateral .banners .banner1 img { height:160px; width:250px; }
#site #miolo #lateral .banners .banner2 { height:160px; width:250px; }
#site #miolo #lateral .banners .banner2 img { height:160px; width:250px; }
#site #miolo #lateral .banners .banner3 { height:160px; width:250px; }
#site #miolo #lateral .banners .banner3 img { height:160px; width:250px; }
#site #miolo #lateral .banners .banner4 { height:100px; width:250px; }
#site #miolo #lateral .banners .banner4 img { height:100px; width:250px; }
#site #clear { clear:both; }

/* Footer */
#footer { clear:both; background:url(../img/bg-footer.jpg) repeat-x; width:100%; }
#footer .texto { width:995px; margin:auto; height:80px; }
#footer .texto .assinatura { float:left; padding-top:22px; padding-left:60px; font-size:12px; color:#666; }
#footer .texto .assinatura a { color:#666; text-decoration:none; }
#footer .texto .assinatura a:hover { text-decoration:underline; }
#footer .texto .afop { padding-left:410px; padding-top:25px; float:left; color:#666; }
#footer .texto .afop a { text-indent:-10000px; background:url(../img/btn-asat.png) no-repeat; background-size:79px 42px; width:79px; height:42px; display:block;   }