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

body{
	margin:0px;
	text-align:center;
	background: #E9E9E9;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size:12px;
	color: #333333;
	overflow-x: hidden;
}

#geral{
	margin:auto;
	width:100%;
	height:auto;
	background: url(../imagens/bg_geral.jpg) repeat-x bottom;
}

#conteudo{
	margin:auto;
	width:960px;
	height:1420px;
	text-align:justify;
	background: url(../imagens/bg_conteudo.jpg) repeat-x bottom #FFF;
}

#conteudo_interno{
	margin:auto;
	width:960px;
	height:983px;
	text-align:justify;
	background: url(../imagens/bg_conteudo.jpg) repeat-x bottom #FFF;
}

#topo { width:100%; height: 292px; background: url(../imagens/topo.jpg) #FFF top repeat-x; }
#topo_criacao { width:100%; height: 292px; background: url(../imagens/topo_criacao.jpg) #FFF top repeat-x; }
#topo_empresa { width:100%; height: 292px; background: url(../imagens/topo_empresa.jpg) #FFF top repeat-x; }
#topo_otimizacao { width:100%; height: 292px; background: url(../imagens/topo_otimizacao.jpg) #FFF top repeat-x; }
#topo_redes { width:100%; height: 292px; background: url(../imagens/topo_redes.jpg) #FFF top repeat-x; }
#topo_mpolitico{ width:100%; height: 292px; background: url(../imagens/topo_marketing.jpg) #FFF top repeat-x; }
#topo_softwares { width:100%; height: 292px; background: url(../imagens/topo_sistemas.jpg) #FFF top repeat-x; }
#topo_contato { width:100%; height: 292px; background: url(../imagens/topo_contato.jpg) #FFF top repeat-x; }
#topo_servicos { width:100%; height: 292px; background: url(../imagens/topo_servicos.jpg) #FFF top repeat-x; }
#topo_portfolio { width:100%; height: 292px; background: url(../imagens/topo_clientes.jpg) #FFF top repeat-x; }
.menu { width:100%; padding-top:170px; margin-left:100px; font-size: 25px;}
.menu a { text-decoration: none; color:#FFF; }
.menu a:hover { color: #FF9900; }
.menu li { list-style: none; float:left; margin: 10px;}

#bt_clientes {  width:150px; font-size: 25px; float: left; margin-left:-105px; margin-right:116px; }

/* Coluna ESQUERDA */

#col_portfolio{ width: 892px; height: 990px; float:left; margin-left:34px; margin-right:34px; }
#col_esquerda{ width: 400px; height: 990px; float:left; margin-left:34px; }
.box_esquerda{ width: 100%; height: auto; float: left; }
.titulo_esquerda{ width: 100%; height: 34px; border-bottom: solid 1px; }
.texto_esquerda{ width:100%; height: auto; text-align:justify; }
.texto_portfolio{ width:100%; height: auto; text-align:justify; padding-left:70px; }
.img_esquerda{ width: 98px; height: auto; float:left; }
.img_e{ float:left;}
.img_d{ float:right; }
.bt_esquerda{ width: 100%; height: 32px; text-align: right; }


/* Coluna Direita */

#col_direita { width: 400px; height: 990px; float: right; margin-right:34px; }
.box_direita { width: 100%; height: auto; float: right; }
.titulo_direita { width: 100%; height: 34px; border-bottom: solid 1px; }
.texto_direita { width:100%; height: auto; text-align:justify; }
.img_direita { width: 98px; height: auto; float: right; }
.bt_direita { width: 100%; height: 32px; text-align: right; }
.nocitia_separador { width: 100%; height: 2px; float:right; border-bottom: #666666 1px dashed; margin-top: 10px; margin-bottom: 10px; }

/* CORES */

.laranja { color: #FF9900; }
.lilas { color: #9900FF; }
.azul { color: #0033FF; }
.verde { color: #006600; }
.terra { color: #663300; }
.azul_bb { color: #6CB6FF; }
.azul_escuro { color: #010055; }
.vermelho { color: #FF0000; }
.cinza { color: #666; }

/* BORDAS */

#laranja { border-bottom: 1PX solid #FF9900; }
#lilas { border-bottom: 1PX solid #9900FF; }
#azul { border-bottom: 1px solid #0033FF; }
#verde { border-bottom: 1px solid #006600; }
#terra { border-bottom: 1px solid #663300; }
#azul_bb { border-bottom: 1px solid #6CB6FF; }
#azul_escuro { border-bottom: 1px solid #010055; }
#vermelho { color: #FF0000; }

/* ICONES */

.seta_azul { width: 26px; height: 26px; padding-right:10px; }

/* TITULOS */

h1 { font-size:25px; font-weight: bold; }
h2 { font-weight: bold; font-size: 16px; }
h3 { font-weight:bold; font-size: 14px; }
h4 { font-size:12px; }

.espaco{ margin-top:20px; }

/* TWITTER */

.box_twitter {  }

.twitted {
	width: 345px;
	height: 408px;
	background: url(../imagens/bg_twitter.jpg) no-repeat top;
	border:  #00CCFF 1px solid;
	margin-top: 100px;
	margin-right:30px;
	padding-top:80px;
	float:right;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size:12px;
	font-style:normal;
	text-align:justify;
	text-decoration:none;
}

.twitted h2 {  }

/* generate your own loader gif: http://www.ajaxload.info */
.twitted p.preLoader { margin: 0; padding: 1em 1em 1em 3em; background: transparent url("loader.gif") 1em center no-repeat; }
.twitted ul#twitter_update_list { margin: 0; padding: 0 0.8em; list-style-type: none; }
.twitted ul#twitter_update_list li { margin: 0; padding: 0.8em 0 1em 0; border-bottom: 1px solid #ffffff; }

/* tweet content */
.twitted ul#twitter_update_list li span { display: block; }

/* links in tweet content */
.twitted ul#twitter_update_list li span a { color: #FFF; text-decoration:none; }

/* timestamp link */
.twitted ul#twitter_update_list li a { color: #C0DEED; }
.twitted ul#twitter_update_list li.firstTweet { }
.twitted ul#twitter_update_list li.lastTweet { border-bottom: none; }
.twitted p.profileLink { margin-top:26px; }
.twitted p.profileLink a { font: bold 9px verdana;	margin: 0; padding: 0.3em 1em; color: #0033FF; text-decoration:none; }
.twitted p.profileLink a:hover { color:#666; font: bold 12px "Trebuchet MS", Arial, Verdana; }
.twitted p.profileLink a:visited{ font: bold 12px "Trebuchet MS", Arial, Verdana; }


/* CADASTRO */

.campo_Form { width:100%; color: #666666; font-size:12px; border: 1px solid #FF9900;}
.telefone { width:100px; padding-left:8px; color: #666666; font-size:12px; border: 1px solid #FF9900;}
.bt_form { background: #FFF; border: #FF9900 1px dashed; color: #FF9900; cursor: pointer; }
#cadastro_frm{ font-size:14px; }
/* RODAPE */


.rodape_geral{ margin:auto; width:100%;	height:auto; background: #FFF; color: #999999; }
.rodape_conteudo{ margin:auto; width:960px;	height:122px; text-align:justify; }

#rodape_col_esquerda{ width: 440px; height: 90px; float:left; }
#rodape_col_direita { width: 400px; height: 90px; float: right; margin-right:34px; text-align: right; }

.menu_rodape { width:100%; font-size: 12px;}
.menu_rodape a { text-decoration: none; color: #999999; }
.menu_rodape a:hover { color: #666666; }
.menu_rodape li { list-style: none; float:left; margin: 4px;}

li { list-style: none; }

/* PORTFÓLIO CLIENTES */

/* bloco projeto */
.caixaTexto .blocoProjeto{
	width: 170px;
	height: 190px;
	float: left;
	margin: 0 20px 20px 0;
}
	
	/* imagem do bloco */
	.blocoProjeto .imagemBloco{
	}
	
	/* texto do bloco */
	.blocoProjeto .textoBloco{
		width: 170px;
		height: 48px;
		background: url(../imagens/rodape_bloco.jpg) no-repeat;
		margin-top: -2px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		font-size: 13px;
		padding-top: 8px;
	}
	
.caixaTexto .blocoServico{
	width: 270px;
	background: #F3E6C7;
	border: 1px solid #C9C0A2;
	padding: 10px;
	float: left;
	margin: 0 20px 20px 0;
}

	.blocoServico .textoServico img{
		text-align: center;
	}
	
.caixaTexto .blocoSeo01{
	width: 470px;
	float: left;
	margin-top: 10px;
}

.caixaTexto .blocoSeo02{
	width: 470px;
	float: right;
	margin-top: 10px;
}