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

* body {
	background:url('../imagens/fundo.gif') repeat-x #083659;
	font-family:Tahoma;
	line-height:140%;
	font-size:12px;
	color:#333333;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

a:link {text-decoration: none; color: #fff; font-weight:bold;}
a:visited {text-decoration: none; color: #fff;font-weight:bold;}
a:hover {text-decoration: underline; color: #fff;font-weight:bold;}
a:active {text-decoration: none; color: #fff;font-weight:bold;}


div,dl,dt,dd,ol,h1,h2,h3,h4,p,h5,h6,pre,ul,form,fieldset,input,textarea,blockquote,th,td { 
	padding:0;
	margin:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

    /*
    Alpha PNG support for IE
    ------------------------------
    Aviso, este código abaixo funciona apenas para visualização na tela. Quando este documento for impresso, o bug voltará.
    O Hack Abaixo faz o código rodar apenas no IE. Sendo que os outros browsers como, Firefox, Opera e Safari já tem a transparencia de PNG nativo.
    \*/
    * html img/**/ {
 filter:expression(
   this.alphaxLoaded ? "" :
   (
       this.src.substr(this.src.length-4)==".png"
       ?
       (
     (!this.complete)
     ? "" :
         this.runtimeStyle.filter=
         ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
         (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
         String(this.alphaxLoaded=true).substr(0,0)+
         (this.src="../imagens/blank.png").substr(0,0)
       )
       :
       this.runtimeStyle.filter=""
   )
     );
    }
	
	
/*-------------------------------container----------------------------*/
#container { width: 100%; margin: 0; padding: 0; position: relative; }

#Home, #A_Empresa, #Servicos, #Cases, #Trabalhe_Conosco, #Contato { width: 100%; position: absolute; }

#Home { top: 0; left: 0;
    background:url('../imagens/fundo_flash.jpg') no-repeat center top; }
#A_Empresa { top: 0; left: 1500px; }
#Servicos { top: 0; left: 3000px; }
#Cases { top: 0; left: 4500px; }
#Trabalhe_Conosco { top: 0; left: 6000px; }
#Contato { top: 0; left: 7500px; }


.miolo 
{
    margin:0 auto;
    width:975px;
}

h1 
{
    float:left;
    background:url('../imagens/logo_h1.gif');
    width:182px;
    height:77px;
    text-indent:-9999px;
}

.cabecalho 
{
    position:absolute;
    top:55px;
    width:970px;
}

.flash 
{
    float:right;
}

.menu 
{
    float:left;
    clear:left;
    margin-top:20px;
    margin-left:10px;
}

.menu ul 
{
    float:left;
}

.menu ul li 
{
    float:left;
}

.conteudo 
{
    top:210px;
    width:970px;
    position:absolute;
    height:330px;
}

.rodape_geral 
{
    position:absolute;
    top:608px;
    width:900px;
}


.rodape 
{
float:left;
    height:90px;
    padding-left:20px;
    width:620px;
    background:url('../imagens/fundo_rodape.gif') repeat-x;
    background-position:0px 10px;
}

.rodape img 
{
    float:right;
    padding-right:30px;
}

.rodape b 
{
    float:left;
    color:#fff;
    width:520px;
    font-size:14px;
    margin-top:30px;
}

.rodape b b
{
    float:none;
    color:#00ccff;
}

.logo_multi 
{
    float:right;
    margin-top:20px;
}



/*-------------------------------cases----------------------------*/
h2.cases 
{
    float:left;
    margin-left:40px;
    background:url('../imagens/h2_cases.gif') no-repeat;
    background-position:0 20px;
    width:100%;
    height:40px;
    text-indent:-99999px;
}
/*-------------------------------contato----------------------------*/
h2.contato 
{
    float:left;
    margin-left:40px;
    background:url('../imagens/h2_contato.gif') no-repeat;
    background-position:0 20px;
    width:100%;
    text-indent:-99999px;
}

h2.contato p
{
    width:420px;
    padding:0;
    margin:0;
    font-size:13px;
    margin-top:-20px;
    margin-left:175px;
}

.formulario 
{
    float:left;
    width:310px;
    margin-top:50px;
}

.formulario label 
{
    float:left;
    margin-bottom:15px;
    color:#beef02;
    font-weight:bold;
    font-size:14px;
}

.formulario label.ddd 
{
    clear:left;
    padding-right:5px;
}

label.msg 
{
    float:left;
    margin-top:50px;
    margin-bottom:15px;
    color:#beef02;
    font-weight:bold;
    font-size:14px;
}

.enviando {
float:left;
clear:left;
margin-left:520px;
width:50px;
}

.enviando2 {
height:30px;
    color:#00b7e8;
    padding:5px;
    font-size:16px;
	font-weight:bold;
background:#04294d;
position:absolute;
}

.enviando a 
{
    float:left;
    color:#00b7e8;
    padding:5px;
    font-size:16px;
}

label.msg textarea
{
    border:1px solid #00429c;
    color:#fff;
    width:283px;
    height:140px;
    padding-top:5px;
    background:#05294f;
}

.formulario label input
{
    border:none;
    color:#fff;
    width:283px;
    padding-left:5px;
    height:22px;
    padding-top:5px;
    background:url('../imagens/fundo_input.gif');
}

.formulario label input.ddd
{
    width:47px;
    height:22px;
    padding-top:5px;
    background:url('../imagens/ddd.gif');
}

.formulario label input.tel
{
    width:225px;
    height:22px;
    padding-top:5px;
    background:url('../imagens/tel.gif');
}

/*-------------------------------index----------------------------*/
h2.index 
{
    float:left;
    margin-left:40px;
    background:url('../imagens/index/h2_index.png') no-repeat;
    width:100%;
    text-indent:-99999px;
}

h2 p
{
    text-indent:0;
    color:#fff;
    width:460px;
    margin-top:15px;
    font-size:14px;
}

h3.index 
{
    float:left;
    clear:left;
    margin-top:55px;
    margin-left:15px;
    background:url('../imagens/index/h3_index.gif');
    width:275px;
    height:135px;
    text-indent:-99999px;
}

h3.index p 
{
    text-indent:0;
    color:#fff;
    margin-top:15px;
    display:block;
    margin-left:20px;
    width:170px;
}

.index_clientes
{
    float:left;
    margin-top:55px;
    margin-left:15px;
    background:url('../imagens/index/h4_index.gif') no-repeat;
    width:350px;
    height:135px;
    padding-top:3px;
}

.index_clientes div
{
    float:left;
    width:165px;
    margin-right:10px;
}

.index_clientes h3 
{
    float:left;
    font-weight:bold;
    color:#04cbfc;
    margin-left:25px;
}

.index_clientes h4 
{
    float:left;
    clear:left;
    width:145px;
    color:#fff;
    margin-top:5px;
    padding-left:15px;
}

/*-------------------------------empresa----------------------------*/
.empresa_coluna 
{
    float:left;
    width:340px;
    height:170px;
    margin-top:28px;
    margin-left:10px;
    background:url('../imagens/empresa_fundo2.gif') no-repeat;
}

.porque 
{
    float:left;
    background:url('../imagens/empresa_pquem.gif');
    color:#fff;
    margin-left:10px;
    margin-top:10px;
    width:663px;
    padding:10px;
    padding-left:15px;
    padding-top:32px;
}

h2.empresa 
{
    float:left;
    margin-left:40px;
    background:url('../imagens/h2_empresa.gif') no-repeat;
    background-position:0 20px;
    width:100%;
    text-indent:-99999px;
}

h2.empresa p
{
    width:400px;
    padding:0;
    margin:0;
    margin-top:-20px;
    margin-left:175px;
}

h3.empresa1 
{
    float:left;
    background:url('../imagens/h3_empresa1.gif') no-repeat;
    width:125px;
    height:21px;
    margin-top:12px;
    margin-left:20px;
}

h3.empresa2
{
    float:left;
    background:url('../imagens/h3_empresa2.gif') no-repeat;
    width:125px;
    height:21px;
    margin-top:12px;
    margin-left:20px;
}

h4.empresa 
{
    float:left;
    clear:left;
    line-height:120%;
    padding-left:20px;
    color:#fff;
    margin-top:10px;
    width:310px;
}


/*-------------------------------trabalhe----------------------------*/
h2.trabalhe 
{
    float:left;
    margin-left:40px;
    background:url('../imagens/h2_trabalhe.gif') no-repeat;
    background-position:0 20px;
    width:100%;
    text-indent:-99999px;
}

h2.trabalhe p
{
    width:350px;
    padding:0;
    margin:0;
    margin-top:-15px;
    margin-left:275px;
}

.trabalhe_coluna 
{
    float:left;
    margin-right:25px;
    width:290px;
    margin-top:50px;
    margin-left:10px;
}

.trabalhe_coluna p
{
    float:left;
    color:#fff;
    margin-top:10px;
}

.trabalhe_coluna p.menor
{
    width:170px;
}

/*-------------------------------serviços----------------------------*/
h2.servicos 
{
    float:left;
    margin-left:40px;
    background:url('../imagens/h2_servicos.gif') no-repeat;
    background-position:0 20px;
    width:100%;
    text-indent:-99999px;
}

h2.servicos p
{
    width:450px;
    padding:0;
    margin:0;
    margin-top:-15px;
    margin-left:155px;
}

.servico_coluna 
{
    float:left;
    cursor:pointer;
    width:182px;
    height:161px;
    padding-left:20px;
    padding-top:20px;
    margin-left:30px;
    margin-top:40px;
    background:url('../imagens/servicos_back.gif') no-repeat;
   
}

.servico_coluna h3
{
    float:left;
    width:121px;
    height:44px;
    text-indent:-9999px;
    background:url('../imagens/serv1_h3.gif') no-repeat;
}

.servico_coluna h3 a
{
    float:left;
    width:121px;
    height:44px;
}

.servico_coluna h4.controle
{
    float:left;
    width:121px;
    height:31px;
    margin-top:15px;
    text-indent:-9999px;
    background:url('../imagens/controle.gif') no-repeat;
}

.servico_coluna h4.baixa
{
    float:left;
    width:121px;
    height:21px;
    margin-top:10px;
    text-indent:-9999px;
    background:url('../imagens/baixa.gif') no-repeat;
}

.servico_coluna h4.torpedo
{
    float:left;
    width:121px;
    height:21px;
    margin-top:10px;
    text-indent:-9999px;
    background:url('../imagens/torpedo.gif') no-repeat;
}

.servico_coluna2 
{
    float:left;
    cursor:pointer;
    width:182px;
    height:161px;
    padding-left:20px;
    padding-top:20px;
    margin-left:40px;
    margin-top:40px;
    background:url('../imagens/servicos_back.gif') no-repeat;
   
}

.servico_coluna2 h3
{
    float:left;
    width:159px;
    height:41px;
    text-indent:-9999px;
    background:url('../imagens/intera.gif') no-repeat;
}

.servico_coluna2 h4.bluetooth
{
    float:left;
    width:178px;
    height:20px;
    margin-top:15px;
    text-indent:-9999px;
    background:url('../imagens/bluetooth.gif') no-repeat;
}

.servico_coluna2 h4.aplicativos
{
    float:left;
    width:156px;
    height:20px;
    margin-top:10px;
    text-indent:-9999px;
    background:url('../imagens/aplicativosmobile.gif') no-repeat;
}

.servico_coluna2 h4.mobilesites
{
    float:left;
    width:121px;
    height:21px;
    margin-top:10px;
    text-indent:-9999px;
    background:url('../imagens/mobilesites.gif') no-repeat;
}

.sucesso {
float:left;
width:600px;
text-align:right;
clear:left;
color:#beef02;
font-weight:bold;
}