@charset "UTF-8";
/* EF Design */

/* Seleton Universal * Estrela Zerando */

*{
	border:0px;
	padding:0px; 
	margin:0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#000000;
	line-height:12px;
	}

body {
	background-color:white;
	margin-top:0;
	margin-left:0;
}

/* DIV #Geral: SOBRE NOS | SERVICOS | PORTFOLIO | CONTATO */
#geral{
	width:998px;
	height:636px;
	margin-top:0;
	margin-left:-500px;
	left:50%;
	position:absolute;
}

/* DIV #Topo: SOBRE NOS | SERVICOS | PORTFOLIO | CONTATO */
#topo{
	width:998px;
	height:80px;
	color:#FF6600;
	z-index:1;
}

/* DIV #containerLeft: index.php */
#containerLeft{
	width:707px;
	height:auto;
	float:left;
	clear:right;
}

/* DIV #banner: index.php */
#banner{
	width:707px;
	height:372px;
	background-image:url('../imagens/banner_swf.gif');
}

/* DIV #cases: index.php*/
#cases{
	width:707px;
	height:24px;
	text-transform:uppercase;
	padding-left:9px;
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	font-size:11px;
}

.laranja{
		color:#FF6600;
		padding-top:5px;
		font-size:12px; 
}

.laranja2{
		color:#FF6600;
		padding-top:5px;
		font-size:16px;
		line-height:16px; 
}

/* DIV #galeriaJobs: index.php */
#galeriaJobs{
	width:707px;
	height:auto;
	margin:0;	
}

/* Classe .boxjobs: index.php */
.boxJobs{
	width:108px;
	height:82px;
	float:left;
	margin:0;
	margin-left:9px;
	*margin-left:5px;
	_margin-left:9px;
	margin-top:12px;
	display:inline;
}

/* DIV #titulosBoxjobs: index.php*/
.titulosBoxjobs{
	width:108px;
	height:20px;
	float:left;
	margin-left:9px;
	margin-top:4px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:gray;
	display:inline;
}

/* DIV #containerLeft: index.php */
#containerLeft_internas{
	width:998px;
	height:auto;
	float:left;
	clear:right;
}

/* DIV ContainerDepoimentos: sobre.php */
#ContainerDepoimentos{
	width:268px;
	height:auto;
	float:right;
}

.sobre{
	font-size:11px;
}

/* DIV ContainerNovidades: index.php "margin-top:-35px; valor negativo para posicionamento da arte do Email Marketing" index.php */
#ContainerNovidades{
	width:280px;
	height:535px;
	float:right;
	position:relative;
	margin-top:-35px;
}

/* DIV #bannerNovidades: index.php */
#bannerNovidades{
	width:280px;
	height:143px;
	background-image:url('../imagens/emailmarketing.png');
	z-index:2;
}

/* Classe .mensagem: index.php */
.mensagem{
	width:265px;
	color:black;
	font-size:11px;
	float:right;
}

/* DIV #NovidadesTitulo: index.php */
#NovidadesTitulo{
	width:268px;
	height:23px;
	margin-top:20px;
	text-transform:uppercase;
	padding-left:12px;
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
}

/* DIV #boxNovidades: index.php */
#boxNovidades{
	width:268px;
	height:auto;
	padding-left:12px;
}

/* Classe .TituloNovidade: index.php*/
.TituloNovidade{
	font-weight:bold;
}

/* DIV GeralInterna: SOBRE NOS | SERVICOS | WEB SITES */
#GeralInterna{
	width:716px;
	height:auto;
	border-top: 1px solid #E1E1E1;
}

/* DIV conteudoTexto: SOBRE NOS | SERVICOS | WEB SITES */
#coteudoTexto{
	width:680px;
	height:auto;
	margin-left:15px;
	float:left;
	clear:right;
}

/* Início Box página SERVIÇO: servicos.php */
#boxServico1{
	width:225px;
	height:auto;
	float:left;
	clear:right;
}

#boxServico2{
	width:400px;
	height:auto;
	float:right;
}
#rodapeServico{
	width:auto;
	height:auto;
	clear:both;
}
/* fim Box página SERVICO */

.cinza{
	width:625px;
	margin-top:20px;
	color:#999999;
	text-align:justify;
}

/* DIVS e Classes E-MAIL MARKETING */

#galeria_mkt{

	width:650px;
	height:auto;
	float:left;
	clear:both;
	margin-left:10px;

}

.box_mkt{
	width:459px;
	height:365px;
	margin-left:100px;

}

/* Início dos DIV's da Página WEBSITES: websites.php */
#containerWebSitesLeft{
	width:650px;
	height:auto;
	float:left;
	clear:right;
}

#Bannerwebsites{
	width:693px;
	height:262px;
	margin-left:10px;
}

#boxTexto{
	width:615px;
	height:auto;
}

#galeriaWebSites{
	width:650px;
	height:550px;
	float:left;
}

.BoxInterna1{
	width:310px;
	height:228px;
	float:left;
	margin-left:5px;
	margin-top:30px;
}

#containerThumbnail{
	width:290px;
	height:auto;
	float:right;
	margin-right:10px;
}
#containerThumbnail_Diversos{
	width:290px;
	height:auto;
	float:right;
	clear:both;
	margin-right:10px;
}
#bannerThumbnail{
	width:280px;
	height:143px;
	background-color:#999999;
}
#tituloGaleria{
	width:268px;
	height:23px;
	color:#FF6600;
	padding-left:5px;
	border-bottom: 1px solid #E1E1E1;
	margin-bottom: 5px;
}
.thumbnail{
	width:134px;
	height:40px;	
	float:left;
	margin-left:6px;
}
.thumbnailTitulo{
	width:134px;
	height:20px;
	margin-left:6px;
	margin-bottom:4px;
	float:left;
	font-size:9px;
	color:#333333;
}
/* Fim dos DIV's WEBSITES: websites.php */

/*Início Classes e DIV's Impressos: impressos.php*/

#galeria_Impressos{
	width:650px;
	height:auto;
	float:left;
}

.box_Impressos{
	width:310px;
	height:228px;
	float:left;
	margin-left:5px;
	margin-top:60px;
}

#galeriaImpressos{
	width:650px;
	height:550px;
	float:left;
}

.box_impressos{
	margin:20px auto auto 10px;
}

#galeriaWebSites_dg{
	width:600px;
	height:auto;
	float:left;
	position:relative;
}

.BoxInterna_dg{
	width:600px;
	height:auto;
	float:left;
	margin-left:5px;
	margin-top:30px;
	position:relative;
}

.BoxInterna_dgSWF{
	width:600px;
	height:465px;
	float:left;
	margin-left:5px;
	margin-top:30px;
	position:relative;
}

/*Fim Classes e DIV's Impressos*/

/* DIVS Seção LOGOTIPOS */
#logotipo{
	width:auto;
	height:auto;
	margin: 70px auto auto 170px;	
	float:left;
	clear:both;
}

#logotipo_dg{
	width:auto;
	height:auto;
	margin: 130px auto auto 120px;	
	float:left;
	clear:both;
}

#logotipo_guidon{
	width:auto;
	height:auto;
	margin: 130px auto auto 80px;	
	float:left;
	clear:both;
}

#logotipo_itpartners{
	width:auto;
	height:auto;
	margin: 65px auto auto 55px;	
	float:left;
	clear:both;
}

#logotipo_unica{
	width:auto;
	height:auto;
	margin: 100px auto auto 120px;	
	float:left;
	clear:both;
}
/* FIM DIVS Seção LOGOTIPOS */

.boxPortfolio{
	width:707px;
	height:100px;
	margin-top:10px;
	background-color:#E1E1E1;
}

/* Inicio DIV rodape */

#rodape{
	width:998px;
	height:28px;
	float:left;
	/*clear:both;*/
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:center;
	margin-top:15px;
	border-top: 1px solid #E1E1E1;
}

.email{
	color:#FF6600;
}
.telefone{
	font-weight:bold;
	color:#666666;
}

/* Formatação dos links em rodape */
a:link,a:visited{
	text-decoration:none;
	color:#666666;
}
a:hover{
	text-decoration:none;
	color:#FF6600;
}

/* Fim DIV rodape */




#portfolio_swf{
	width:998px;
	height:505px;
}

#rodape_portfolio{
	width:998px;
	height:28px;
	float:left;
	/*clear:both;*/
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:center;
	margin-top:15px;
}