html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
body {
line-height:1;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
blockquote, q {
quotes:none;
}
hr {
display:none;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
legend {
display:none;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
* html > body .clearfix {
display:inline-block;
width:100%;
}
.replace {
background-color:transparent;
background-position:left top;
background-repeat:no-repeat;
display:block;
overflow:hidden;
text-indent:-50000px;
}
.replace * {
background-color:transparent;
background-position:left top;
background-repeat:no-repeat;
display:block;
text-indent:-10000px;
}
.replace a {
text-indent:0;
}
.replace a span {
text-indent:-10000px;
}
.replace-bt {
border:medium none;
cursor:pointer;
display:block;
line-height:999999px;
text-indent:-999px;
}
span.accesskey {
text-decoration:none;
}
.accessibility {
left:-999em;
position:absolute;
top:-999em;
}
.hidden {
display:none;
}
.invisivel {
visibility:hidden;
}
.aux-vertical {
display:inline-block;
height:100%;
vertical-align:middle;
width:0;
}


/* inicio */

body{
	background: #000 url(../img/bg-body.png) repeat-x;
}
#geral{
	background: url(../img/bg-geral.jpg) no-repeat center top;
}

/* topo */

#topo{
	height: 75px;
	width:970px;
	margin: 0 auto	
}
#topo h1{
	width:172px;
	height: 65px;
	float:left
}
#topo h1 a{
	background: url(../img/logo.jpg) no-repeat;
	width:172px;
	height: 65px
}

#menu-global{
	float: right;
	width: 627px;
	margin:33px 0 0
}
#menu-global ul li{ float: left }
#menu-global ul li a{ float: left; margin:0 0 0 27px; height: 14px }
#menu-global ul li a.lk-sobre{ background: url(../img/lk-sobre-nv.gif) no-repeat; width:38px }
#menu-global ul li a.lk-metodologia{ background: url(../img/lk-metodologia-nv.gif) no-repeat; width:86px }
#menu-global ul li a.lk-nosso-trabalho{	background: url(../img/lk-nosso-trabalho-nv.gif) no-repeat; width:101px }
#menu-global ul li a.lk-nossos-clientes{ background: url(../img/lk-nossos-clientes-nv.gif) no-repeat; width:104px }
#menu-global ul li a.lk-blog{ background: url(../img/lk-blog-nv.gif) no-repeat; width:30px }
#menu-global ul li a.lk-siga{ background: url(../img/lk-siga-nv.gif) no-repeat; width:27px }
#menu-global ul li a.lk-contato{ background: url(../img/lk-contato-nv.gif) no-repeat; width:53px; margin-left:26px }
#menu-global ul li a:hover,
#menu-global ul li a.ativo{ background-position: 0 -20px }


#conteudo-cima{
	width:970px;
	margin: 0 auto
}
#conteudo-baixo-fundo{
	background: url(../img/fundo-png.png) no-repeat center top;
	clear: both
}
#conteudo-baixo{
	width:970px;
	margin: 0 auto
}

#conteudo-principal{
	height:315px;
	padding:35px 0 0
}
#home #conteudo-principal{
	height:279px;	
}
#conteudo-principal .box-blog{ width:304px; float:left }

#conteudo-principal .box-blog .tt-blog-novidades{
	background: url(../img/tt-blog-novidades.png) no-repeat;
	width:173px;
	height: 43px;
	margin: 0 0 12px
}

#conteudo-principal .box-blog p{
	border-top:1px solid #0E1A39;
	padding:11px 0 0;
	font:12px/24px Arial, Tahoma, Verdana;
	color:#FFF	
}

#conteudo-principal .box-blog ul{
	border-top:1px solid #0E1A39;
	padding: 11px 0 0 
}
#conteudo-principal .box-blog ul li{ 
	clear:both;
	overflow: hidden;
	margin: 0 0 10px
}

#conteudo-principal .box-blog ul li img{
 margin:0 8px 8px 0;
 float: left
}
#conteudo-principal .box-blog ul li span{
	font:bold 12px Arial, Tahoma, Verdana;
	color: #2083B6
}
#conteudo-principal .box-blog ul li p{
	font:12px/16px Arial, Tahoma, Verdana;
	color:#FFF
}

#conteudo-principal .box-blog .bt-acessar{
	background: url(../img/bt-acessar.jpg) no-repeat;
	width: 98px;
	height: 29px;
	margin:6px 0 0	
}
#conteudo-principal .ler-mais{
	background: url(../img/bt-ler-mais.jpg) no-repeat;
	width:52px;
	height: 18px;
	margin: 5px 0 0
}
#conteudo-principal .ler-mais:hover{
	background-position: 0 -19px;
}

#conteudo-principal .box-carreria{ 
	width:304px; 
	float:left; 
	margin:0 0 0 29px
}
#conteudo-principal .box-carreria .tt-blog-novidades{
	background: url(../img/tt-carreiras.png) no-repeat;
	width:261px;
	height:43px;
	margin:0 0 12px
}
#conteudo-principal .box-carreria p{
	border-top:1px solid #0E1A39;
	padding:11px 0 0;
	font:12px/24px Arial, Tahoma, Verdana;
	color:#FFF	
}
#conteudo-principal .box-carreria .bt-aplicar{
	background: url(../img/bt-aplicar.jpg) no-repeat;
	width: 98px;
	height: 29px;
	margin:6px 0 0	
}
#conteudo-principal .box-carreria .bt-aplicar:hover{ background-position: 0 -30px }
#conteudo-principal .box-blog .bt-acessar:hover{ background-position: 0 -30px }
#conteudo-principal .box-depoimentos{ width:304px; float:right }
#conteudo-principal .box-depoimentos .tt-depoimentos{ 
	background: url(../img/tt-depoimentos.png) no-repeat;
	width:216px;
	height:43px;
	margin:0 0 12px
}
#conteudo-principal .box-depoimentos .conteudo-depoimentos{
	border-top:1px solid #0E1A39;
	padding:11px 0 0	
}

/* box contatos */

#rodape{
	border-top:1px solid #296FB4;
	padding:20px 0 0;
	font:12px Arial, Tahoma, Verdana;
	color:#ACACAC;
	width:970px;
	margin: 0 auto;
	clear: both
}
#rodape .box-enderecos{
	width:209px;
	float:left
}
#rodape .box-fone-fax{
	width:122px;
	float:left;
	margin:0 0 0 36px	
}
#rodape .box-fone-fax strong{
	color: #1F83B6
}
#rodape .box-consul-negocios{
	width:147px;
	float:left;
	margin:0 0 0 36px	
}
#rodape .box-contato-geral{
	width:127px;
	float:left;
	margin:0 0 0 36px	
}

#rodape .box-imprensa{
	width:147px;
	float:left;
	margin:0 0 0 36px
}
#rodape .box-consul-negocios a,
#rodape .box-contato-geral a,
#rodape .box-imprensa a{
	color: #1F83B6
}
.links-rodape{ clear:both; 	margin: 85px 0 0 }
.links-rodape .copy{ 
	font:10px Arial, Tahoma, Verdana;
	color: #303136
}
.links-rodape .links-social-media{
	float:right;
	height:60px
}
.links-rodape .links-social-media li{ float:left }
.links-rodape .links-social-media li a{ float:left; height:16px; width:16px; margin:0 0 0 2px }
.links-rodape .links-social-media .lg-twitter{ background: url(../img/lk-twitter.jpg) no-repeat }
.links-rodape .links-social-media .lg-rss{ background: url(../img/lk-rss.jpg) no-repeat }
.links-rodape .links-social-media .lg-facebook{ background: url(../img/lk-facebook.jpg) no-repeat }
.links-rodape .links-social-media .lg-orkut{ background: url(../img/lk-orkut.jpg) no-repeat }
.links-rodape .links-social-media .lg-linkedin{ background: url(../img/lk-linkedin.jpg) no-repeat }


/* sobre */

.linha-separacao{
	background: #296FB4;
	display: block;
	height:1px;
	clear: both
}
#conteudo-cima h1.tt-sobre-pcom{
	background: url(../img/tt-sobre.jpg) no-repeat;
	height:20px;
	width:195px;
	margin:25px	0
}
#conteudo-cima .video-inst{	float:left; width: 640px; height: 360px }
#conteudo-cima .tx-pcom-marketing{
	background: url(../img/tx-pcom-marketing.gif) no-repeat;
	width:291px;
	height:136px;
	float: left;
	margin:0 0 21px 14px
}
#conteudo-cima .tx-atualmente{
	background: url(../img/tx-atualmente.gif) no-repeat;
	width:312px;
	height:35px;
	float: left;
	margin:0 0 38px 14px
}
#conteudo-cima .tx-normal-meio{
	font:12px/22px Arial, Tahoma, Verdana;
	color:#D8D8D8;
	float:left;
	width:312px;
	margin:0 0 22px 14px	
}
#conteudo-cima .tx-normal{
	font:12px/22px Arial, Tahoma, Verdana;
	color:#D8D8D8;
	margin:0 0 20px
}
#conteudo-principal .tt-nossos-lideres{
	background: url(../img/tt-nossos-lideres.png) no-repeat;
	width:214px;
	height:22px;
	float:left
}
#conteudo-principal .box-lideres{ float:right; width:730px }
#conteudo-principal .box-lideres li{ clear: both; margin:0 0 40px; overflow: hidden; height:197px }
#conteudo-principal .box-lideres li.ultimo{ margin:0 0 25px }
#conteudo-principal .box-lideres li.fabio{ height:230px }
#conteudo-principal .box-lideres img{ float:left; margin: 0 12px 0 0 }
#conteudo-principal .box-lideres .tt-fabricio{ 
	display: block;
	margin: 0 0 8px 0;
	background:url(../img/tt-fabricio.png) no-repeat;
	width:194px;
	height: 16px
}
#conteudo-principal .box-lideres .tt-dir-marketing{
	background:url(../img/tt-dir-marketing.jpg) no-repeat;
	display:block;
	width:263px;
	height: 14px;
	margin: 0 0 17px 0	
}
#conteudo-principal .box-lideres p{
	font:13px/24px Arial, Tahoma, Verdana;
	margin: 0 0 0 0;
	color:#ACACAC;
	float:left;
	width:570px
}
#conteudo-principal .box-lideres .tt-cassio{ 
	display: block;
	margin: 0 0 8px 0;
	background:url(../img/tt-cassio.jpg) no-repeat;
	width:194px;
	height: 19px
}
#conteudo-principal .box-lideres .tt-dir-jornalismo{
	background:url(../img/tt-dir-jornalismo.jpg) no-repeat;
	display:block;
	width:280px;
	height: 16px;
	margin: 0 0 17px 0
}
#conteudo-principal .box-lideres .tt-paulo{
	display: block;
	margin: 0 0 4px 0;
	background:url(../img/tt-paulo.jpg) no-repeat;
	width:194px;
	height: 16px
}
#conteudo-principal .box-lideres .tt-dir-criacao{
	background:url(../img/tt-dir-criacao.jpg) no-repeat;
	display:block;
	width:304px;
	height: 16px;
	margin: 0 0 17px 0
}
#conteudo-principal .box-lideres .tt-fabio{
	display: block;
	margin: 0 0 4px 0;
	background:url(../img/tt-fabio.jpg) no-repeat;
	width:172px;
	height: 19px
}
#conteudo-principal .box-lideres .tt-dir-brand{
	display: block;
	margin: 0 0 17px 0;
	background:url(../img/tt-dir-brand.jpg) no-repeat;
	width:295px;
	height: 13px
}
#conteudo-principal .tt-carreira{
	background: url(../img/tt-carreira.jpg) no-repeat;
	margin:29px 0 0;
	height:20px;
	float:left;
	width:235px
}
#conteudo-principal .formulario{
	float:right;
	width:725px;
	margin:55px 0 0	
}
#conteudo-principal .formulario .azul{
	font:12px Arial, Tahoma, Verdana;
	color:#1F83B6
}
#conteudo-principal .formulario .email,
#conteudo-principal .formulario .email a{
	font:20px Arial, Tahoma, Verdana;
	color:#FFF;
	display:block
}
#conteudo-principal .formulario .email a:hover{ text-decoration: underline }
#conteudo-principal .formulario ul{
	padding:33px 0 30px
}
#conteudo-principal .formulario ul li{
	margin:0 0 12px
}
#conteudo-principal .formulario ul li.meio{
	width:354px;
	float:left;
	margin-right:8px
}
#conteudo-principal .formulario ul li.meio input{
	width:352px;
}
#conteudo-principal .formulario ul li label{
	font:11px Arial, Tahoma, verdana;
	color:#CECECE;
	display: block;
	margin:0 0 2px
}
#conteudo-principal .formulario ul li input{
	background: #183867;
	border:none;
	padding: 2px;
	font:11px Arial, Tahoma, Verdana;
	color:#CCF8FF;
	width:714px
}
#conteudo-principal .formulario ul li.estado{
	width:40px;
	float:left;
	margin-right:8px
}
#conteudo-principal .formulario ul li.estado input{
	width:38px;
}
#conteudo-principal .formulario ul li.cidade{
	width:306px;
	float:left;
	margin-right:8px
}
#conteudo-principal .formulario ul li.cidade input{	width:304px }
#conteudo-principal .formulario ul li.curriculo{ clear:both }
#conteudo-principal .formulario ul li.curriculo input{ width:357px }
#conteudo-principal .formulario ul li.curriculo .bt-padrao{ 
	background: #00B1CD;
	width: 72px;
	color:#FFF;
	height:17px;
	margin:0 0 0 2px;
	padding: 0 0 3px;
	position: relative;
	top: -1px
}
#conteudo-principal .formulario ul li.curriculo .bt-padrao:hover{
	background: #FFF;
	width: 72px;
	color:#00B1CD;
} 
#conteudo-principal .formulario ul li textarea{ 
	width:352px;
	background: #183867;
	border:none;
	width:713px;
	height:200px;
	font:11px Arial, Tahoma, Verdana;
	color:#CCF8FF;
	padding: 2px	
}
#conteudo-principal .formulario ul li .bt-enviar{ 
	background: #00B1CD;
	width: 72px;
	color:#FFF;
	margin:0 0 0 2px
}
#conteudo-principal .formulario ul li .bt-enviar:hover{
	background: #FFF;
	width: 72px;
	color:#00B1CD
} 
#conteudo-principal .formulario ul li .mensagem{
	display: inline;
	font:11px Arial, Tahoma, Verdana;
	color:#CCC;
	margin: 0 0 0 10px
}
#conteudo-cima .tt-metodologia{
	background: url(../img/tt-metodologia-grande.jpg) no-repeat;
	width:197px;
	height: 20px;
	float: left;
	margin:25px 0 
}
#conteudo-cima .box-flash{
	margin: 0 0 25px
}

/* nosso trabalho */

#conteudo-cima .tt-nosso-trabalho{
	background: url(../img/tt-nosso-trabalho.jpg) no-repeat;
	margin: 25px 0 35px;
	height: 20px
}

#conteudo-cima .navegacao-trabalhos{ width:215px; float: left }
#conteudo-cima .navegacao-trabalhos h6{
	font:bold 11px Arial, Verdana, Tahoma;
	color:#fff;
	background: url(../img/bg-seta.gif) no-repeat right 4px;
	padding: 0 0 2px
}
#conteudo-cima .navegacao-trabalhos ul{ margin: 0 0 30px }
#conteudo-cima .navegacao-trabalhos ul li{
	background: url(../img/li-png.png) no-repeat;
	padding:2px 0
}
#conteudo-cima .navegacao-trabalhos ul li a{
	color:#3972BE;
	font:11px Arial, Tahoma, Verdana
}
#conteudo-cima .navegacao-trabalhos ul li a:hover{
	color:#fff;
	text-decoration: underline
}
#conteudo-cima .navegacao-trabalhos ul li a.ativo{ color:#FFF }

#conteudo-cima .listagem-produtos{ width:750px; float: right }

.lb-filtros{ 
	display:block;
	padding: 0 0 2px 10px;
	height: 13px
}
.lb-filtros a,
.lb-filtros span{
	font:10px Arial, Tahoma, Verdana;
	color:#FFF;
} 
#conteudo-cima .listagem-produtos{ margin:0 0 30px }
/*#conteudo-cima .listagem-produtos li{
	float:right;
	width:240px;
	margin: 0 0 0 10px
}*/
#conteudo-cima .listagem-produtos li a{
	float: left;
	margin: 0 8px
}
#conteudo-cima .listagem-produtos li a{ float: left }
#conteudo-cima .listagem-produtos li .legenda{
	background: #FFF;
	width: 219px;
	margin: 0 0 15px;
	padding:59px 0 10px 15px
}
#conteudo-cima .listagem-produtos li a:hover{ text-decoration: none }
#conteudo-cima .listagem-produtos li a:hover .legenda{ background: #00B1CD }
#conteudo-cima .listagem-produtos li a:hover .legenda h2,
#conteudo-cima .listagem-produtos li a:hover .legenda h3{ color:#fff }
#conteudo-cima .listagem-produtos li .legenda h2{
	color:#3371B0;
	font:bold 11px Arial, Tahoma, Verdana
}
#conteudo-cima .listagem-produtos li a:hover .legenda h2{ color:#fff }
#conteudo-cima .listagem-produtos li .legenda h3{
	color:#ADADAD;
	font:11px Arial, Tahoma, Verdana
}
#conteudo-principal .tt-solucoes{
	background: url(../img/tt-solucoes.png) no-repeat;
	height: 29px;
	width: 137px;
	float: left
}
#conteudo-principal .flash-solucoes{
	float:right
}

/* paginacao */

#paginacao{
	border-top:1px solid #00B1CD;
	clear: both;
	width:734px;
	margin:0 0 0 16px;
	height: 60px
}
.listagem-produtos #paginacao{ margin:0 0 0 10px }
#paginacao ul{
	padding: 8px 0 0;
	margin:0 auto;
	display: block;
	width:auto;
	text-align: center
}
#conteudo-cima .listagem-produtos #paginacao li a{
	float: none
}
#conteudo-cima .listagem-produtos #paginacao ul li{
	float:none;
	width:auto;
	display: inline;
	text-align: center;
	margin: 0 5px
}
#paginacao ul li a{
	font:13px Arial, Tahoma, Verdana;
	color:#286EB3
}
#paginacao ul li a:hover{ color: #FFF }
#paginacao ul li a.ativo{ color:#FFF }

#box-projetos{
	padding:0 8px 0 10px;
}
#box-projetos .marca-ver-mais{ padding:15px 0 0 }
#box-projetos .logo-pequeno{ float: left }
#box-projetos .marca-ver-mais a{ 
	float:right;
	background: #00B1CD;
	color: #fff;
	width: 72px;
	height:20px;
	font:11px/190% Arial, Tahoma, Verdana;
	text-align: center
}
#box-projetos .marca-ver-mais a:hover{ 
	background: #fff;
	color: #00B1CD;
	text-decoration: none
}
#box-projetos .dados-projeto{
	padding: 20px 0 0;
	clear: both
}
#box-projetos .dados-projeto h1{
	font:22px Arial, Tahoma, Verdana;
	color:#FFF
}
#box-projetos .dados-projeto .data{
	font:11px Arial, Tahoma, Verdana;
	color:#FFF
}
#box-projetos .dados-projeto p{
	font:13px/24px Arial, Tahoma, Verdana;
	color:#ACACAC;
	margin:15px 0 25px
}
#box-projetos .dados-projeto h2{
	font:18px Arial, Tahoma, Verdana;
	color:#FFF;
	padding: 24px 0 0
}
#box-projetos .dados-projeto .desafio-solucao-resultado ul li{
	margin:0;
	float:left;
	width:227px;
	margin: 0 20px 0 0
}
#box-projetos .dados-projeto .desafio-solucao-resultado ul li.ultimo{ margin: 0 }
#conteudo-cima #box-projetos .nosso-papel ul{ padding: 12px 0 0 }
#conteudo-cima #box-projetos .nosso-papel ul li{
	float: none;
	font:14px/25px Arial, Tahoma, Verdana;
	color:#ACACAC;
	margin: 0;
	width: auto
}

/* nossos clientes */

#conteudo-cima .tt-nossos-clientes{
	background: url(../img/tt-nosso-cliente.jpg) no-repeat;
	margin: 25px 0 35px;
	height: 20px
}
#conteudo-cima .listagem-clientes{
	width:734px;
	float:right;
	padding:14px 0 0
}
#conteudo-cima .listagem-clientes .bn-flash-topo{
	float:right;
	margin:0 0 16px
}
#conteudo-cima .listagem-clientes ul li{
	float:left;
	margin:0 8px 16px
}
#conteudo-cima .listagem-clientes{
	padding-bottom:30px
}
#conteudo-cima .listagem-clientes ul{ margin: 0 -8px }
#conteudo-cima .listagem-clientes ul li a{ float: right }

#conteudo-cima .clientes-interna{
	width: 734px;
	float: right;
	padding:0 5px 40px 0
}
#conteudo-cima .clientes-interna .lb-filtros{ padding-left: 0 }
#conteudo-cima .clientes-interna .dados-cliente{
	padding:25px 0 0;
	width: 420px;
	float: left
}
#conteudo-cima .clientes-interna .dados-cliente-sem-balao{
	padding:25px 0 0;
	float: left
}
#conteudo-cima .clientes-interna .dados-cliente-sem-balao h1,
#conteudo-cima .clientes-interna .dados-cliente h1{
	font:30px Arial, Tahoma, Verdana;
	color: #FFF;
	padding: 0 0 10px
}
#conteudo-cima .clientes-interna .dados-cliente-sem-balao p,
#conteudo-cima .clientes-interna .dados-cliente p{
	font:13px/24px Arial, Tahoma, Verdana;
	color:#ADADAD
}
#conteudo-cima .clientes-interna .outros-dados-cliente{
	padding:25px 0 0;
	float: right;
	width:304px
}

#conteudo-cima .clientes-interna .outros-dados-cliente .balao {
	background: #3471B0;
	float: right;
	width:294px;
	height:auto;
	padding: 16px 5px 22px;
	font:14px/23px Arial, Tahoma, Verdana;
	color: #FFF;
	text-align: center
}

#conteudo-cima .clientes-interna .outros-dados-cliente .balao-topo{
	background: url(../img/balao-topo.jpg) no-repeat;
	height: 11px;
	float: right;
	width: 304px
}
#conteudo-cima .clientes-interna .outros-dados-cliente .balao-baixo{
	background: url(../img/bg-balao-baixo.jpg) no-repeat;
	height: 14px;
	float: right;
	width: 304px
}
#conteudo-cima .clientes-interna .outros-dados-cliente .nome{
	color:#FFF;
	font:12px Arial, Tahoma, Verdana;
	float: right
}
#conteudo-cima .clientes-interna .outros-dados-cliente .cargo{
	color:#FFF;
	clear: both;
	font:10px Arial, Tahoma, Verdana;
	float: right
}
#conteudo-baixo .tt-projetos-destaque{
	background: url(../img/tt-projetos-destaque.png) no-repeat;
	float: left;
	width: 179px;
	height: 48px
}
#conteudo-principal .listagem-destaques{
	float:right;
	width: 750px
}
#conteudo-principal .listagem-destaques ul li{
	float:left;
	margin: 0 0 16px 16px;
	padding: 0
}
#conteudo-principal .listagem-destaques #paginacao ul li{
	float: none;
	margin: 0 5px;
	display: inline
}
#conteudo-principal .listagem-destaques #paginacao ul li a{ float: none }
#conteudo-principal .listagem-destaques li a{ float: left }
#conteudo-principal .listagem-destaques li .legenda{
	background: #FFF;
	width: 219px;
	margin: 0;
	padding:59px 0 10px 15px
}
#conteudo-principal .listagem-destaques li a:hover{ text-decoration: none }
#conteudo-principal .listagem-destaques li a:hover .legenda{ background: #00B1CD }
#conteudo-principal .listagem-destaques li a:hover .legenda h2,
#conteudo-principal .listagem-destaques li a:hover .legenda h3{ color:#fff }
#conteudo-principal .listagem-destaques li .legenda h2{
	color:#3371B0;
	font:bold 11px Arial, Tahoma, Verdana
}
#conteudo-principal .listagem-destaques li a:hover .legenda h2{ color:#fff }
#conteudo-principal .listagem-destaques li .legenda h3{
	color:#ADADAD;
	font:11px Arial, Tahoma, Verdana
}

/* siga */


.tt-siga-pcom{
	background: url(../img/tt-siga-pcom.png) no-repeat;
	margin: 25px 0 35px;
	height: 20px
}
#conteudo-cima .links-gerais{
	float: right;
	width:750px
}
#conteudo-cima .links-gerais ul.rss{
	width:368px;
	float: left;
	padding: 0 0 40px
}
#conteudo-cima .links-gerais ul.rss li,
#conteudo-cima .links-gerais ul.media-social li{
	background: url(../img/ic-rss.png) no-repeat 0 2px;
	padding: 0 0 15px 35px
}
#conteudo-cima .links-gerais ul.rss li h2,
#conteudo-cima .links-gerais ul.media-social a{
	font:20px Arial, Tahoma, Verdana;
	color:#FFF;
	text-decoration: none
}
#conteudo-cima .links-gerais ul.rss a:hover h2,
#conteudo-cima .links-gerais ul.media-social a:hover h2{
	text-decoration: underline
}
#conteudo-cima .links-gerais ul.rss li a:hover{ text-decoration: none }
#conteudo-cima .links-gerais ul.rss li span{
	font:bold 12px Arial Tahoma, Verdana;
	color: #1F83B6;
	position: relative;
	top:-4px	
}
#conteudo-cima .links-gerais ul.media-social li{ padding-bottom: 15px }
#conteudo-cima .links-gerais ul.media-social{ float: left }
#conteudo-cima .links-gerais ul.rss li.twitter{ background: url(../img/ic-twitter.png) no-repeat 0 2px }
#conteudo-cima .links-gerais ul.rss li.flickr{ background: url(../img/tt-flickr.png) no-repeat 0 2px }
#conteudo-cima .links-gerais ul.rss li.facebook{ background: url(../img/tt-facebook.png) no-repeat 0 2px }
#conteudo-cima .links-gerais ul.media-social li.orkut{ background: url(../img/ic-orkut.png) no-repeat 0 2px }
#conteudo-cima .links-gerais ul.media-social li.linkedin{ background: url(../img/ic-linkedin.png) no-repeat 0 2px }
#conteudo-cima .links-gerais ul.media-social li.vimeo{ background: url(../img/ic-vimeo.png) no-repeat 0 2px }
#conteudo-cima .links-gerais ul.media-social li.favoritos{ background: url(../img/ic-favoritos.png) no-repeat 0 0px }

#conteudo-cima .links-gerais ul.media-social li.twitter a h2,
#conteudo-cima .links-gerais ul.media-social li.flickr a h2,
#conteudo-cima .links-gerais ul.media-social li.facebook a h2,
#conteudo-cima .links-gerais ul.media-social li.orkut a h2,
#conteudo-cima .links-gerais ul.media-social li.linkedin a h2,
#conteudo-cima .links-gerais ul.media-social li.vimeo a h2,
#conteudo-cima .links-gerais ul.media-social li.favoritos a h2{ font-weight: normal }

#conteudo-principal .newsletter{
	position: relative;
	top:-15px
}
#conteudo-principal .newsletter .tt-newsletter{
	background: url(../img/tt-newsletter.png) no-repeat;
	width: 169px;
	height:20px;
	float: left
}
#conteudo-principal .newsletter .email{ float: left; margin: 0 0 0 50px }
#conteudo-principal .newsletter .email input.tx-campo{
	float: left;
	margin: 0;
	background: #060F26;
	padding: 3px;
	border: none;
	width: 294px;
	font: 11px Arial, Tahoma, Verdana;
	color: #CECECE
}
#conteudo-principal .newsletter .email input.bt-padrao{
	background: #00B1CD;
	font:11px Arial, Tahoma, Verdana;
	color: #FFF;
	border: none;
	margin: 1px 0 0 6px;
	padding: 1px 10px
}
#conteudo-principal .newsletter .email input.bt-padrao:hover{
	background: #FFF;
	color: #00B1CD
}
#conteudo-principal .newsletter .email .mensagem{
	display: inline;
	font:11px Arial, Tahoma, Verdana;
	color:#CCC;
	margin: 0 0 0 10px
}
#conteudo-principal .newsletter .email .nov-email{
	font:12px Arial, Tahoma, Verdana;
	color: #ACACAC;
	display: block;
	clear: both;
	padding: 14px 0 0 1px
}


/* contato */

.tt-contato{
	background: url(../img/tt-contato.png) no-repeat;
	height:20px;
	margin:25px 0 35px
}
.conteudo-contato{
	float: right;
	width: 735px
}
.conteudo-contato .label{
	color: #1F83B6;
	display: block;
	font:12px Arial, Tahoma, Verdana 
}
.conteudo-contato .value{
	font: 22px Arial, Tahoma, Verdana;
	color:#FFF
}
.conteudo-contato .value a{
	font: 22px Arial, Tahoma, Verdana;
	color:#FFF
}
.conteudo-contato .value a:hover{ text-decoration: underline }
.conteudo-contato .linha-telefone{ margin: 0 0 30px }
.conteudo-contato .bloco-contato{ float: left; width: 231px }
.conteudo-contato .bloco-negocios{ float: left; width: 263px }

.conteudo-contato .bloco-campos{
	padding: 40px 0 40px
}
.conteudo-contato .bloco-campos li{ margin: 0 0 4px }
.conteudo-contato .bloco-campos li input{
	width:300px;
	background: #183867;
	border: none;
	padding: 3px;
	font: 11px Arial, Tahoma, Verdana;
	color: #CFCFCF
}
.conteudo-contato .bloco-campos li .obrigatorio{
	color:#CECECE;
	font12px Arial, Tahoma, Verdana;
	margin: 0 0 0 5px
}
.conteudo-contato .bloco-campos li textarea{
	width:734px;
	background: #183867;
	border: none;
	padding: 3px;
	font: 11px Arial, Tahoma, Verdana;
	color: #CFCFCF;
	height: 91px;
	margin: 0
}
.conteudo-contato .bloco-campos li.botoes input{
	background: #00B1CD;
	font:11px Arial, Tahoma, Verdana;
	color: #FFF;
	border: none;
	width: auto;
	margin: 1px 0 0;
	padding: 1px 20px	
}
.conteudo-contato .bloco-campos li.botoes input:hover{
	background: #FFF;
	color: #00B1CD;

}
.conteudo-contato .bloco-campos li.botoes input{ margin: 2px 0 0 }
.conteudo-contato .bloco-campos li.botoes .mensagem{
	color: #CDCDCD;
	font: 11px Arial, Tahoma, Verdana;
	padding: 0 0 0 10px;
	display:none;
}
#conteudo-principal .newsletter{ position: relative; top:-20px }
#conteudo-principal .newsletter .news-esquerda{
	width: 236px;
	float: left
}
#conteudo-principal .newsletter .news-esquerda .tt-localizacao{
	background: url(../img/tt-localizacao.png) no-repeat;
	height:35px;
	margin:0 0 16px
}
#conteudo-principal .newsletter .news-esquerda p{
	font:12px/18px Arial, Tahoma, Verdana;
	color: #ACACAC
}
#conteudo-principal .newsletter .news-dir{
	float: left;
	width: 730px;
	margin: 0 0 30px
}
#conteudo-principal .newsletter .news-dir .box-mapa{ border: 7px solid #000 }

#conteudo-principal .newsletter .news-dir .end-email{ padding: 18px 0 0 7px }

#conteudo-principal .newsletter .news-dir .end-email input{ 
	background:	#0E1C42; 
	width: 300px;
	border: none;
	font: 11px Arial, Tahoma, Verdana;
	color:#CFCFCF;
	padding: 3px 
}
#conteudo-principal .newsletter .news-dir .end-email input.bt-tracar{
	width: 72px;
	background: #18306D
}
#conteudo-principal .newsletter .news-dir .end-email input.bt-tracar:hover{
	background: #FFF;
	color: #18306D
}

/* blog */

#conteudo-cima .tt-blog{
	background:transparent url(../img/tt-blog.png) no-repeat scroll 0 0;
	height:20px;
	margin:25px 0 35px;
	width: 370px;
	float: left
}
#conteudo-cima .sub-menu{
	float: right;
	width:511px;
	padding: 0 0 0 85px
}
#conteudo-cima .navegcao-blog{ clear: both }
#conteudo-cima .sub-menu ul{ padding: 26px 0 0 }
#conteudo-cima .sub-menu ul li{ float: left; margin: 0 0 0 20px }
#conteudo-cima .sub-menu ul li a.tt-sub-novidades{ 
	background: url(../img/lk-novidades.png) no-repeat;
	width: 71px;
	height: 17px
}
#conteudo-cima .sub-menu ul li a.tt-sub-clientes{ 
	background: url(../img/lk-clientes.png) no-repeat;
	width: 53px;
	height: 17px
}
#conteudo-cima .sub-menu ul li a.tt-sub-marketing{ 
	background: url(../img/lk-marketing.png) no-repeat;
	width: 68px;
	height: 17px
}
#conteudo-cima .sub-menu ul li a.tt-sub-criacao{ 
	background: url(../img/lk-criacao.png) no-repeat;
	width: 50px;
	height: 17px
}
#conteudo-cima .sub-menu ul li a.tt-sub-tecnologia{ 
	background: url(../img/lk-tecnologia.png) no-repeat;
	width: 73px;
	height: 17px
}
#conteudo-cima .sub-menu ul li a.tt-sub-jornalismo{ 
	background: url(../img/lk-jornalismo.png) no-repeat;
	width: 76px;
	height: 17px
}
#conteudo-cima .sub-menu ul li a.ativo,
#conteudo-cima .sub-menu ul li a:hover{
	background-position: 0 -20px
}
#conteudo-cima .navegcao-blog .busca-blog{ height: 43px }
#conteudo-cima .navegcao-blog .busca-blog input{
	width: 184px;
	padding: 3px;
	border: none;
	background: #030916;
	font: 11px Arial, Tahoma, Verdana;
	color:#CECECE;
	float: left;
	height: 14px
}
#conteudo-cima .navegcao-blog .busca-blog input.bt-busca{
	background: url(../img/bt-busca-blog.jpg) no-repeat;
	width: 24px;
	height: 20px;
	padding: 0;
	float: left
}
#conteudo-cima .navegcao-blog .busca-blog input.bt-busca:hover{
	background: url(../img/botao_procurar_over.png) no-repeat;
}
#conteudo-cima .home-blog{
	float: right;
	width: 735px
}
#conteudo-cima .home-blog .data{
	display: block;
	font:11px Arial, Tahoma, Verdana;
	color:#FFF;
	padding: 0 0 2px
}
#conteudo-cima .home-blog img{ float: left; margin: 0 11px 0 0 }

#conteudo-cima .home-blog h1{margin: 0 0 10px}
#conteudo-cima .home-blog h1,
#conteudo-cima .home-blog h1 a{ 
	font:22px/28px Arial, Tahoma, Verdana;
	color: #FFF
}
#conteudo-cima .home-blog p{
	font:13px/24px Arial, Tahoma, Verdana;
	color:#ACACAC
}
#conteudo-cima .home-blog p b{ color:#FFF }
#conteudo-cima .home-blog p a{ color:#00B1CC }
#conteudo-cima .home-blog p a:hover{ text-decoration: underline }
#conteudo-cima .home-blog .rodape-blog{
	clear: both;
	padding: 30px 0 0
}
#conteudo-cima .home-blog .rodape-blog ul li{
	float: left;
	background: url(../img/bg-ponto.gif) no-repeat 15px center;
	padding: 0 0 0 28px
}
#conteudo-cima .home-blog .rodape-blog ul li,
#conteudo-cima .home-blog .rodape-blog ul li a{
	font:11px Arial, Tahoma, Verdana;
	color: #FFF
}
#conteudo-cima .home-blog .rodape-blog ul li.autor{
	padding: 0
}
#conteudo-cima .home-blog .rodape-blog ul li.comentarios a{
	background: url(../img/bg-balao.png) no-repeat 0 2px;
	padding: 0 0 0 16px
}
#conteudo-cima .home-blog .rodape-blog ul li.compartilhar{ position: relative }
#conteudo-cima .home-blog .rodape-blog ul li.compartilhar a{
	background: url(../img/bg-compart.png) no-repeat 0 1px;
	padding: 0 0 0 16px;
	position: relative
}
html #conteudo-cima .stico_default{ background: url(../img/bg-compart.png) no-repeat 0 1px !important }
html .stwrapper{ margin:295px 0 0  }
#conteudo-cima .home-blog .rodape-blog .lk-mais{
	font:11px Arial, Tahoma, Verdana;
	color:#00B1CC;
	float: right
}
#conteudo-cima .home-blog .rodape-blog .tags{
	background: url(../img/bg-potilhada.gif) repeat-x 0 3px;
	display: block;
	clear: both;
	padding: 8px 0 0;
	font:10px Arial, Tahoma, Verdana;
	color:#ACACAC;
	text-align: right;
	margin: 0 0 43px
}
#conteudo-cima .home-blog .rodape-blog .tags a{
	font:10px Arial, Tahoma, Verdana;
	color:#ACACAC
}
#conteudo-cima .home-blog .rodape-blog .tags a:hover{ text-decoration: underline }
#conteudo-cima .home-blog .posts-anteriores{
	background: #00B1CD;
	width: 107px;
	height: 17px;
	font:10px Arial, Tahoma, Verdana;
	color:#FFF;
	width: 94px;
	float: left;
	text-align: center;
	padding: 4px 0 0;
	margin: 0 0 55px
}
#conteudo-cima .home-blog .posts-anteriores:hover{
	color: #00B1CD;
	background: #FFF;
	text-decoration: none
}
#conteudo-cima .home-blog .proximos-posts{
	background: #00B1CD;
	width: 107px;
	height: 17px;
	font:10px Arial, Tahoma, Verdana;
	color:#FFF;
	width: 94px;
	float: right;
	text-align: center;
	padding: 4px 0 0;
	margin: 0 0 55px
}
#conteudo-cima .home-blog .proximos-posts:hover{
	color: #00B1CD;
	background: #FFF;
	text-decoration: none
}
#conteudo-cima .blog-integra .data{
	padding: 0 0 18px
}
#conteudo-cima .blog-integra p{
	padding: 0 0 30px
}
#conteudo-cima .blog-integra img{ margin: 0 12px 2px 0; }
#conteudo-cima .blog-integra p b{ color:#FFF }
#conteudo-cima .blog-integra p a{ color:#00B1CC }
#conteudo-cima .blog-integra p a *{ color:#00B1CC }
#conteudo-cima .blog-integra p a:hover{ text-decoration: underline }

#conteudo-cima .blog-integra .box-comente{
	position: relative;
	top:-20px;
	background: url(../img/bg-potilhada.gif) repeat-x left bottom;
	overflow: hidden
}
#conteudo-cima .blog-integra .box-comente h6,
#conteudo-cima .blog-integra .comentarios h6{
	font: 16px Arial, Tahoma, Verdana;
	color:#00B1CC;
	padding: 0 0 8px
}
#conteudo-cima .blog-integra .box-comente ul li{ margin: 0 0 4px }
#conteudo-cima .blog-integra .box-comente ul li input{
	width: 300px;
	background: #183867;
	border: none;
	font:11px Arial, Tahoma, Verdana;
	color: #CFCFCF;
	padding: 3px
}
#conteudo-cima .blog-integra .box-comente ul li textarea{ 
	width: 300px;
	background: #183867;
	border: none;
	font:11px Arial, Tahoma, Verdana;
	color: #CFCFCF;
	padding: 3px;
	height: 120px
}
#conteudo-cima .blog-integra .box-comente ul li .obrigado{
	font:10px Arial, Tahoma, Verdana;
	color: #FFF;
	margin: 0 0 0 3px
}
#conteudo-cima .blog-integra .box-comente ul li.botao{ clear: both; padding: 4px 0 0 }
#conteudo-cima .blog-integra .box-comente ul li.botao input{
	background: #00B1CD;
	height: 19px;
	padding: 0 0 2px;
	font:10px Arial, Tahoma, Verdana;
	color:#FFF;
	width: 72px;
	float: left;
	text-align: center;	
	margin: 0 0 40px	
}
#conteudo-cima .blog-integra .box-comente ul li.area textarea{ float: left; margin: 0 }
#conteudo-cima .blog-integra .box-comente ul li.area span{ float: left }
#conteudo-cima .blog-integra .box-comente ul li.botao input:hover{
	color: #00B1CD;
	background: #FFF;
	text-decoration: none
}
#conteudo-cima .blog-integra .box-comente ul li.botao .mensagem{
	display: inline;
	font:11px Arial, Tahoma, Verdana;
	color:#CCC;
	margin: 0 0 0 10px
}

#conteudo-cima .blog-integra .comentarios li{ 
	margin: 44px 0 0;
	background: url(../img/bg-potilhada.gif) repeat-x left bottom
}
#conteudo-cima .blog-integra .comentarios li .nome-cm,
#conteudo-cima .blog-integra .comentarios li .dads-cm{
	color:#00B1CC;
	font:11px Arial, Tahoma, Verdana
}
#conteudo-cima .blog-integra .comentarios li .dads-cm{ color: #FFF }
#conteudo-cima .blog-integra .comentarios li p{ margin: 10px 0 0; padding: 0; padding: 0 0 44px }

#conteudo-cima .blog-integra .comentarios li.botao-comentarios input{
	background: #00B1CD;
	height: 19px;
	padding: 0 0 2px;
	font:10px Arial, Tahoma, Verdana;
	color:#FFF;
	width: 135px;
	float: left;
	text-align: center;	
	margin: 0 0 70px;
	border: none
}
#conteudo-cima .blog-integra .comentarios li.botao-comentarios input:hover{
	color: #00B1CD;
	background: #FFF;
	text-decoration: none
}

#conteudo-cima .home-blog .box-resultado-busca{
	background: url(../img/bg-potilhada.gif) repeat-x;
	padding: 28px 0 0;
	text-align: center;
	font:14px Arial, Tahoma, Verdana;
	color:#FFF
}
#conteudo-cima .home-blog .box-resultado-busca-interna{
	background: url(../img/bg-potilhada.gif) repeat-x left bottom;
	padding: 0 0 28px;
	margin: 0 0 45px
}
#conteudo-cima .home-blog .box-resultado-busca strong{ color: #00B1CC }
#conteudo-cima .home-blog .box-resultado-busca strong.resultado{ font-weight: bold }

/* flashes */

.banner_topo_home{
	width: 970px;
	height:301px
}
.banner_solucoes_home{
	width: 970px;
	height:246px;
	padding: 28px 0 0
}
.banner-solucoes-interna{
	width: 970px;
	height:246px;
	position: relative;
	top:-15px
}
.banner-flash-metodologia{
	width: 970px;
	height:540px
}
body#nosso-trabalho #conteudo-principal{
	height:auto;
	padding-top: 20px
}
body#nosso-trabalho #conteudo-principal .banner-solucoes-interna{
	top:0
}
body#siga #conteudo-principal{
	height: 237px
}
#siga #conteudo-baixo-fundo{
	background: url(../img/baixo-siga.jpg) no-repeat center top
}
.box-galeria{
	width: 718px;
	height: 525px;
	border: 8px solid #000;
	position: relative;
	background: #000
}
.box-galeria:hover .st-left,
.box-galeria:hover .st-rught{ display: block }
.st-left{
	position: absolute;
	top:233px;
	left: 14px;
	z-index: 50;
	display: none
}
.st-rught{
	position: absolute;
	top:233px;
	right: 14px;
	z-index: 50;
	display: none	
}
.box-galeria .loader{
	position: absolute;
	z-index: 500;
	margin: -15px 0 0 -15px;
	left: 50%;
	top:50%;
	display: none
}
.box-galeria ul{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 718px;
	height: 525px
}
.box-galeria ul li .video-trampo{
	background: #000;
	height: 525px;
	padding: 70px 0 0
}
.box-galeria ul li .video-interna{
	width: 480px;
	height: 385px;
	margin: 0 auto;
	background: url(../img/bg-video.jpg) no-repeat
}
#conteudo-cima .listagem-produtos .box-galeria ul li{
	float:left;
	margin: 0;
	width: auto;
	width: 718px;
	height: 525px;
	display: none;
	position: absolute;
	top:0;
	left: 0;
	background: #000
}
#conteudo-cima .listagem-produtos .box-galeria ul li.atual{ display: block }

.vd-flash{ display: none }

#_iframe
{
	display:none;
}

.banner-topo-home{
	position: absolute;
	top: 75px;
	left: 50%;
	width: 1000px;
	height: 301px;
	margin-left:-500px
}