* {

margin:0px;

padding:0px;

border:none;

vertical-align:baseline;

text-decoration:none;

list-style:none;

font-style:normal;

}


html {
overflow: auto;
background:#ffffff;
height: 100%;
}

body {
background:#ffffff;
color:#FFFFFF;
text-align:center; /* tecnica para fazer funcionar o margin 0 auto no ie 6 */
font: 11px Arial, verdana, Helvetica, sans-serif;
min-height: 100%;
}

*html body {height: 100%;}

div#geral {
width:auto;
height:auto;
margin: 00px 0px 0px 0px;
text-align:left;
z-index:1;
}


div#geral div.floater a {

background:url(../images/turtle.png) no-repeat center center;
width:567px;
height:239px;
z-index:20;
position:absolute;
margin-top:45px;
 



}


div#geral div.slogan a {
background:url(../images/slogan.gif) no-repeat center center;
width:418px;
height:77px;
z-index:19;
position:absolute;
margin-top:25px;
float:right;
margin-left:345px;
}

div#geral div.floater2 a {

background:url(../images/remol.png) no-repeat center center;
width:417px;
height:239px;
z-index:21;
position:absolute;

}

div#geral div.slogan2 a {
background:url(../images/slogan2.gif) no-repeat center center;
width:418px;
height:77px;
z-index:23;
position:absolute;
margin-top:25px;
float:right;
margin-left:345px;
}

div#geral div.floater3 a {

background:url(../images/hts.png) no-repeat center center;
width:417px;
height:239px;
z-index:28;
position:absolute;
 
}


div#geral div.slogan3 a {
background:url(../images/slogan3.gif) no-repeat center center;
width:418px;
height:77px;
z-index:26;
position:absolute;
margin-top:25px;
float:right;
margin-left:345px;
}


div#geral div.bg_cabecalho {
width:auto;
background:#003b67;
height:77px;
margin: 00px auto 0px auto;
text-align:center;
 
}



div#geral div.hold_cabecalho {
width:800px;
height:77px;
margin: 00px auto 0px auto;
}

div#geral div.hold_cabecalho div.logo h6 a {
 width:208px;
 height:43px;
background:Url(../images/logo.gif) no-repeat left top;
float:left;
margin:24px auto 0 auto;
text-indent:-1000000px;

 }
 
 div#geral div.hold_cabecalho div.menu   {
width:432px;
height:43px;
float:right;
margin:37px 0 0 0;



 }
 
  div#geral div.hold_cabecalho div.menu ul   {
width:auto;
height:43px;
float:left;




 
 }
 
  div#geral div.hold_cabecalho div.menu ul li   {
width:auto;
height:auto;
float:left;
margin:0 16px 0 0px;
color:#FFFFFF;


  }
  
  
  
    div#geral div.hold_cabecalho div.menu ul li a    {
	 
	 
 
	
  }

    div#geral div.hold_cabecalho div.menu ul li a:hover    {
 
  }
  
  
    div#geral div.hold_cabecalho div.menu ul li.home a    {
	 
 
	background:url(../images/link_home.gif) no-repeat center center;
	display:inline;
float:left;
width:30px;
height:17px;
text-indent:-19000px;
	margin-top:26px;
	
   }  

  
    div#geral div.hold_cabecalho div.menu ul li.home a:hover    {
	 
 
	background:url(../images/link_home_on.gif) no-repeat center center;
	display:inline;
float:left;
width:30px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	      div#geral div.hold_cabecalho div.menu ul li.home.visited  a   {
	 
 
	background:url(../images/link_home_vis.gif) no-repeat center center;
	display:inline;
float:left;
width:30px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	  
	  
	  
    div#geral div.hold_cabecalho div.menu ul li.empresa a    {
	 
 
	background:url(../images/link_empresa.gif) no-repeat center center;
	display:inline;
float:left;
width:57px;
height:17px;
text-indent:-19000px;
	margin-top:26px;
   }  

  
    div#geral div.hold_cabecalho div.menu ul li.empresa a:hover    {
	 
 
	background:url(../images/link_empresa_on.gif) no-repeat center center;
	display:inline;
float:left;
width:57px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	      div#geral div.hold_cabecalho div.menu ul li.empresa.visited  a   {
	 
 
	background:url(../images/link_empresa_on.gif) no-repeat center center;
	display:inline;
float:left;
width:57px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	  div#geral div.hold_cabecalho div.menu ul li.servicos a    {
	 
 
	background:url(../images/link_servicos.gif) no-repeat center center;
	display:inline;
float:left;
width:47px;
height:17px;
text-indent:-19000px;
	margin-top:26px;
   }  

  
    div#geral div.hold_cabecalho div.menu ul li.servicos a:hover    {
	 
 
	background:url(../images/link_servicos_on.gif) no-repeat center center;
	display:inline;
float:left;
width:47px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	      div#geral div.hold_cabecalho div.menu ul li.servicos.visited  a   {
	 
 
	background:url(../images/link_servicos_on.gif) no-repeat center center;
	display:inline;
float:left;
width:47px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  


div#geral div.hold_cabecalho div.menu ul li.portfolio a    {
	 
 
	background:url(../images/link_portfolio.gif) no-repeat center center;
	display:inline;
float:left;
width:52px;
height:17px;
text-indent:-19000px;
	margin-top:26px;
   }  

  
    div#geral div.hold_cabecalho div.menu ul li.portfolio a:hover    {
	 
 
	background:url(../images/link_portfolio_on.gif) no-repeat center center;
	display:inline;
float:left;
width:52px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	      div#geral div.hold_cabecalho div.menu ul li.portfolio.visited  a   {
	 
 
	background:url(../images/link_portfolio_on.gif) no-repeat center center;
	display:inline;
float:left;
width:52px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	  
	  div#geral div.hold_cabecalho div.menu ul li.clientes a    {
	 
 
	background:url(../images/link_clientes.gif) no-repeat center center;
	display:inline;
float:left;
width:46px;
height:17px;
text-indent:-19000px;
	margin-top:26px;
   }  

  
    div#geral div.hold_cabecalho div.menu ul li.clientes a:hover    {
	 
 
	background:url(../images/link_clientes_on.gif) no-repeat center center;
	display:inline;
float:left;
width:46px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	      div#geral div.hold_cabecalho div.menu ul li.clientes.visited  a   {
	 
 
	background:url(../images/link_clientes_on.gif) no-repeat center center;
	display:inline;
float:left;
width:46px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	  
	  
	  div#geral div.hold_cabecalho div.menu ul li.contato a    {
	 
 
	background:url(../images/link_contato.gif) no-repeat center center;
	display:inline;
float:left;
width:43px;
height:17px;
text-indent:-19000px;
	margin-top:26px;
   }  

  
    div#geral div.hold_cabecalho div.menu ul li.contato a:hover    {
	 
 
	background:url(../images/link_contato_on.gif) no-repeat center center;
	display:inline;
float:left;
width:43px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	      div#geral div.hold_cabecalho div.menu ul li.contato.visited  a   {
	 
 
	background:url(../images/link_contato_on.gif) no-repeat center center;
	display:inline;
float:left;
width:43px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	  
	  
	  
	  div#geral div.hold_cabecalho div.menu ul li.blog a    {
	 
 
	background:url(../images/link_blog.gif) no-repeat center center;
	display:inline;
float:left;
width:27px;
height:17px;
text-indent:-19000px;
	margin-top:26px;
   }  

  
    div#geral div.hold_cabecalho div.menu ul li.blog a:hover    {
	 
 
	background:url(../images/link_blog_on.gif) no-repeat center center;
	display:inline;
float:left;
width:27px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
	  
	      div#geral div.hold_cabecalho div.menu ul li.blog.visited  a   {
	 
 
	background:url(../images/link_blog_on.gif) no-repeat center center;
	display:inline;
float:left;
width:27px;
height:17px;
text-indent:-19000px;
margin-top:26px;
	  }  
 

div#geral div.hold_ad {
width:auto;
height:236px;
background: url(../images/bg_01.jpg) repeat-x;
}

div#geral div.hold_ad h5 {
text-indent:-1900000px;
}

div#geral div.hold_ad div.ad {
width:800px;
height:236px;
margin: 00px auto 0px auto;

}


div#geral div.hold_internas {
width:auto;
min-height:236px;
background: #FFFFFF;
}

div#geral div.hold_internas div.internas {
width:800px;
height:auto;
margin: 00px auto 20px auto;
color:#888888;


}

div#geral div.hold_internas div.internas div.menu_internas {
width:auto;
height:20px;
margin: 40px auto 0px auto;
float:left;
}


div#geral div.hold_internas div.internas div.hold_menu_internas2 {
width:765px;
height:20px;
margin: 40px 10px 0px auto;
float:left;
}

div#geral div.hold_internas div.internas div.hold_menu_internas2 div.voltar a {
width:58px;
height:20px;
float:right;
background:url(../images/voltar.gif) no-repeat right;
}

div#geral div.hold_internas div.internas div.hold_menu_internas2 div.menu_internas2 {
width:auto;
height:20px;
margin-right:10px;

float:left;
}

div#geral div.hold_internas div.internas div.menu_internas ul {
float:left;
}

div#geral div.hold_internas div.internas div.menu_internas ul li  {
float:left;
display:inline;
margin:0 5px 0 5px;
color:#3a6fa3;

}

div#geral div.hold_internas div.internas div.menu_internas ul li a  {
color:#3a6fa3;
padding:0px 8px 0px 8px;
}

div#geral div.hold_internas div.internas div.menu_internas ul li a:hover  {
color:#cccf19;
text-decoration: overline;
background:url(../images/setinha_sub.gif) no-repeat right 0px;
}

div#geral div.hold_internas div.internas div.txt_empresa  {
background:url(../images/txt_mardeideias.gif) no-repeat left top;
width:780px;
height:104px;
clear:both;
}

div#geral div.hold_internas div.internas div.txt_empresa_valores  {
background:url(../images/txt_navegar.gif) no-repeat left top;
width:780px;
height:104px;
clear:both;
}

div#geral div.hold_internas div.internas div.txt_empresa_posicionamento  {
background:url(../images/txt_ajustar.gif) no-repeat left top;
width:780px;
height:104px;
clear:both;
}

div#geral div.hold_internas div.internas div.txt_clientes  {
background:url(../images/txt_parcerias.gif) no-repeat left top;
width:780px;
height:88px;
clear:both;
}

div#geral div.hold_internas div.internas div.direita_internas  {
 
width:290px;
height:404px;
float:right;
margin:0 auto 0 auto;
Margin-top:-150px;
clear:right;
overflow:hidden
 
}

div#geral div.hold_internas div.internas div.texto_cliente  {
 
width:480px;
height:auto;
float:left;
 
color:#888888;
text-align:justify;

margin-top:20px;
}
 
 
 div#geral div.hold_internas div.internas div.texto_cliente img {
 
width:120px;
height:90px;
float:left;
margin:0 20px 0 20px;
_margin:0 20px 0 20px;
}

 div#geral div.hold_internas div.internas div.texto_cliente a{

}

 div#geral div.hold_internas div.internas div.texto_cliente a:hover img{



}




div#geral div.hold_internas div.internas div.texto_empresa  {
width:480px;
height:auto;
float:left;
color:#888888;
text-align:justify;

}

div#geral div.hold_internas div.internas div.texto_empresa p  {
 
margin-top:10px;
margin-bottom:10px;
}
div#geral div.hold_internas div.internas div.texto_detalhe {
 
width:290px;
height:auto;
float:left;
color:#888888;
text-align:justify;
margin-left:20px;
margin-top:20px;
 
}


div#geral div.hold_internas div.internas div.texto_detalhe p {
margin:0px 25px 10px 25px;
 
}
div#geral div.hold_internas div.internas div.texto_detalhe img {
 
width:234px;
height:170px;
margin-left:15px;
 
}



div#geral div.hold_internas div.internas div.texto_detalhe div.seta_esq a  {
float:left;
width:8px;
height:27px;
background:url(../images/seta_esq.gif) no-repeat;
margin-top:104px;
text-indent:-190000px;!important
}

div#geral div.hold_internas div.internas div.texto_detalhe div.seta_dir a  {
float:right;
width:8px;
height:27px;
background:url(../images/seta_dir.gif) no-repeat;
margin-top:104px;
text-indent:-190000px;!important
}

div#geral div.hold_internas div.internas div.texto_empresa p img  {
 
float:left;
margin-right:20px;
}

div#geral div.hold_internas div.internas div.texto_portfolio {
width:730px;
height:auto;
clear:both;
text-align:justify;
padding-top:6px;
padding-left:30px;
margin-top:5px;
margin-bottom:5px;
color:#34679a ; 
}

div#geral div.hold_internas div.internas div.texto_portfolio p.tit_portfolio {
font-size:14px;
font-weight:bold;
color:#cccf19;
clear:both;
 
}

div#geral div.hold_internas div.internas div.texto_portfolio div.portfolio_view  {
float:left;
height:auto;
margin-bottom:10px;
margin-right:20px;
margin-top:10px;
min-height:180px;
width:160px;
text-align:left;

}

div#geral div.hold_internas div.internas div.texto_portfolio div.portfolio_view p.textos_projetos  {
margin-left:8px;
margin-top:9px;
 
}

div#geral div.hold_internas div.internas div.texto_portfolio div.portfolio_view p.textos_projetos a  {
 
text-align:left;
margin-top:7px;

color:#34679a ;!important 
height:auto;
}

div#geral div.hold_internas div.internas div.texto_portfolio div.portfolio_view p.textos_projetos a:hover  {
 
color:#cccf19 ;!important 

}
div#geral div.hold_internas div.internas p.tarja_projetos2  {
 
width:auto;
height:auto;
clear:both;
text-align:left;
background:#f9f9f9;
height:20px;
border: 1px solid #e2e2e2;
padding-top:6px;
padding-left:16px;
margin-top:5px;
margin-bottom:5px;
color:#cccf19 ;!important 
}

div#geral div.hold_internas div.internas div.portfolio_view p.tarja_projetos  {
 
width:160px;
height:auto;
clear:both;
text-align:center;
background:#f9f9f9;
height:20px;
border: 1px solid #e2e2e2;
padding-top:6px;
margin-top:5px;
margin-bottom:5px;
color:#cccf19 ;!important 
}

div#geral div.hold_internas div.internas div.texto_empresa p.tarja_cinza  {
 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F5F5F5 url(../images/seta_verde_direita.gif) no-repeat scroll 20px 50%;
border:1px solid #E2E2E2;
clear:both;
color:#34679A;
cursor:pointer;
height:auto;
margin-bottom:5px;
margin-top:5px;
padding:6px 10px 5px 30px;
text-align:justify;
width:445px;
text-transform:uppercase;
}

div#geral div.hold_internas div.internas div.texto_empresa p.tarja_cinza2  {
 
width:445px;
height:auto;
clear:both;
text-align:justify;
height:auto;
background: url(../images/seta_azul_baixo.gif) no-repeat #f5f5f5 20px;
border: 1px solid #e2e2e2;
padding:6px 10px 5px 30px;
margin-top:5px;
margin-bottom:5px;
cursor: pointer;
color:#cccf19 ;!important 
text-transform:uppercase;
}



div#geral div.hold_internas div.internas div.texto_empresa p.tarja_projetos  {
 
width:120px;
height:auto;
clear:both;
text-align:justify;
height:20px;
background: url(../images/seta_verde_baixo.gif) no-repeat #f5f5f5 20px;
border: 1px solid #e2e2e2;
padding-top:6px;
padding-left:30px;
margin-top:5px;
margin-bottom:5px;
color:#cccf19 ;!important 
}


div#geral div.hold_conteudo {
width:auto;
height:auto;
overflow:hidden;
margin: 00px auto 0px auto;
background:#386da1;
clear:both;
}


div#geral div.hold_conteudo div.conteudo {
width:800px;
height:auto;
margin: 00px auto 0px auto;
overflow:hidden;
}

div#geral div.hold_conteudo div.conteudo div.boxesquerdo {
width:490px;
height:auto;
margin: 00px 5px 0px 5px;
overflow:hidden;
background:Url(../images/divisor_index.gif) no-repeat right top;
float:left;
}

div#geral div.hold_conteudo div.conteudo div.boxesquerdo div.projetos {
width:470px;
height:40px;
margin: 8px 5px 10px 5px;
float:left;
background:url(../images/topico_projetodestaque.gif) no-repeat left top;
}

div#geral div.hold_conteudo div.conteudo div.boxesquerdo div.textos_projetos {
width:470px;
height:auto;
float:left;

}

div#geral div.hold_conteudo div.conteudo div.boxesquerdo div.textos_projetos a {
color:#ffffff;
}

div#geral div.hold_conteudo div.conteudo div.boxesquerdo div.textos_projetos a:hover {
color:silver;
}

.verde_netuna{
color:#cccf19;
}
.azul_netuna{
color:#34679A;
}

.bold{
font-weight:bold;
}


div#geral div.hold_conteudo div.conteudo div.boxesquerdo div.textos_projetos img {

float:left;
border:5px solid #9ab3cd;
margin-right:10px;
}



div#geral div.hold_conteudo div.conteudo div.boxesquerdo div.bemvindo {
width:470px;
height:40px;
margin: 2px 5px 10px 5px;
float:left;
background:url(../images/topico_bemvindo.gif) no-repeat left top;

}


div#geral div.hold_conteudo div.conteudo div.boxesquerdo div.newsletter {
width:475px;
height:40px;
float:left;
margin: 22px 5px 0px 5px;
background:url(../images/topico_newsletter.gif) no-repeat left top;
padding-top:53px;
}

div#geral div.hold_conteudo div.conteudo div.boxesquerdo div.newsletter input {
margin: 5px 5px 0px 5px;
_margin: 2px 2px 0px 2px;
}
.input100 {

width: 202px;
height:18px;

background-color: #FFFFFF;

border: 1px solid #d3d3d3;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: normal;

color: #3E3EAA;

}

.input200 {

width: 302px;
height:18px;
background-color: #FFFFFF;
border: 1px solid #d3d3d3;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#666666;

}

.input300 {

width: 482px;
height:48px;

background-color: #FFFFFF;

border: 1px solid #d3d3d3;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: normal;

color: #3E3EAA;

}

div#geral div.hold_conteudo div.conteudo div.boxesquerdo div.newsletter form label input.ok{
width:29px;
height:18px;
background:url(../images/ok.gif) no-repeat center;
float:right;
_margin-top:-20px;
text-indent:-1900000px;
_text-indent:-1900000px;
}


div#geral div.hold_conteudo div.conteudo div.boxdireito{
width:270px;
height:240px;
margin: 00px 5px 0px 5px;
_margin: 00px 5px 0px 5px;
overflow:hidden;
float:left;
}

div#geral div.hold_conteudo div.conteudo div.boxdireito  div.vejatambem{
width:270px;
height:40px;
float:left;
background:url(../images/topico_vejatambem.gif) no-repeat left top;
text-indent:-19000px;
margin-top:10px;
margin-bottom:2px;
}

div#geral div.hold_conteudo div.conteudo div.boxdireito  div.blog a{
width:220px;
height:40px;
float:left;
background:url(../images/topico_balaozim.gif) no-repeat 0px 10px;
 padding-left:55px;
 margin-bottom:20px;
 overflow:hidden;
 color:#FFFFFF;
}

div#geral div.hold_conteudo div.conteudo div.boxdireito  div.twitter a{
width:220px;
height:40px;
float:left;
background:url(../images/topico_twitter.gif) no-repeat left top;
padding-left:55px;
  margin-bottom:25px;
   overflow:hidden;
    color:#FFFFFF;
}

div#geral div.hold_conteudo div.conteudo div.boxdireito  div.carta a{
width:220px;
height:40px;
float:left;
background:url(../images/topico_carta.gif) no-repeat left top;
padding-left:55px;
 color:#FFFFFF;
 
}

div#geral div.hold_conteudo div.conteudo div.boxdireito  div.blog a:hover{

 color:#cccf19;
}

div#geral div.hold_conteudo div.conteudo div.boxdireito  div.twitter a:hover{
    color:#cccf19;
}

div#geral div.hold_conteudo div.conteudo div.boxdireito  div.carta a:hover{

 color:#cccf19;
 
}


div#geral div.hold_rodape {
width:auto;
height:75px;
text-align:right;
}


div#geral div.rodape {
width:800px;
height:25px;
margin:0 auto 0 auto;
color:#000066;
 
}
/* Easy Tooltip */

pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:500px;
	}		



#easyTooltip{
	padding:5px 10px;
	border:1px solid #195fa4;
	background:#195fa4 url(bg.gif) repeat-x;
	color:#fff;
	}