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

/************************************
	ZONAInternet.com
	Criado em: Março/2009                     																					
	Desenvolvido por: ZONAInternet.com
************************************/

/************************************
	BASIC TAGS
************************************/

* {  margin: 0; padding: 0;	border: none; text-decoration: none; list-style-type: none; }

body { background: #fff; color: #666; font-size: 12px; font-family: Helvetica, "Trebuchet MS", Arial, Tahoma, sans-serif; }

:focus { outline: none; }

/************************************
	BODY ACTIVE
************************************/
	
	/* MENU */
	body.empresaActive ul li.empresa a { background: url(../imgs/menu_empresa.gif) bottom; cursor: default;}
	body.conhecimentoActive ul li.conhecimento a { background: url(../imgs/menu_conhecimento.gif) bottom; cursor: default;}
	body.portfolioActive ul li.portfolio a { background: url(../imgs/menu_portfolio.gif) bottom; cursor: default;}
	body.contatoActive ul li.contato a { background: url(../imgs/menu_contato.gif) bottom; cursor: default;}

	/* SUBMENU  - Empresa*/
	body.sub_empresa 			.submenu ul li.zonainternet a,
	body.sub_historia 			.submenu ul li.historia a,
	body.sub_agente 			.submenu ul li.agente a,
	body.sub_clientes 			.submenu ul li.clientes a,
	body.sub_conhecimento 		.submenu ul li.nossoconhecimento a,
	body.sub_planejamento 		.submenu ul li.planejamento a,
	body.sub_criacao 			.submenu ul li.criacao a,
	body.sub_desenvolvimento 	.submenu ul li.desenvolvimento a,
	body.sub_marketing 			.submenu ul li.marketing a,
	body.sub_gerenciamento 		.submenu ul li.gerenciamento a,
	body.sub_mobile				.submenu ul li.mobile a,
	body.sub_interatividade		.submenu ul li.interatividade a,
	body.sub_faleconosco 		.submenu ul li.faleconosco a,
	body.sub_orcamento 			.submenu ul li.orcamento a,
	body.sub_curriculo 			.submenu ul li.curriculo a { background: url(../imgs/submenu_bg_over.gif); color: #000; cursor: default; }
	
	/* CONHECIMENTO - fundo */
	body.conhecimentoActive .internas,
	.internas.right_bar { background: url(../imgs/bg_internas_conhecimento.gif) left 324px no-repeat; }
	
	/* EMPRESA - A ZONAinternet */
	body.empresaActive.sub_empresa .internas,
	.internas.right_bar { background: url(../imgs/bg_internas_conhecimento.gif) left 324px no-repeat; }
	
	/* CONTATO - fundo */
	body.contatoActive .internas { background: url(../imgs/bg_internas_contato.gif) left 324px no-repeat; }

	/* HEADER - Home - Luz */
	body.homeAtivo .header .meio a.logo { cursor: default; }
	
	/* PORTFOLIO */
	body.portfolioActive .internas { background: none; }
	
	/* ZPUBLISHER */
	body.zpublisherActive .desktop { min-width: 680px; width: auto !important; width: 680px; }
	body.zpublisherActive .content { background: none; width: 680px; }
	body.zpublisherActive .content .internas { background: none; width: 680px; }
	body.zpublisherActive .internas p { width: 650px; color: #333; line-height: 22px; font-size: 14px; margin: 0 0 20px 10px; clear: both; }
	body.zpublisherActive .internas h2 { 
		width: 680px; height: 28px; margin: 0 0 20px 0px; padding: 12px 0 0 10px;
		background: url(../imgs/internas_titulos.gif); 
		display: block; font-size: 20px; color: #666; font-weight: normal;
	}
	
	

/************************************
	CLASSES
************************************/

	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.center { text-align: center; }
	.right { text-align: right; }
	.block { display: block; }
	.upercase { text-transform: uppercase; }
	.underline { text-decoration: underline; }
	.linha { width: 100%; height: 1px; background: url(../imgs/bg_linha.gif) repeat-x; margin-top: 5px;}
	.cor333 { color: #333; }
	.cor666 { color: #666; }
	.cor999 { color: #999; }
	.corZI { color: #b11117; }
	
	.none { display: none; }
	
	.float_left { float: left; }
	.float_right { float: right; }
	.clear { clear: both; }

	p { line-height: 16px; }
	a { color: #666; font-weight: normal; cursor: pointer; }
	a:hover { color: #999; text-decoration: none; }

/************************************
	ESTRUTURA 
************************************/

.content {
	min-height: 400px; height: auto !important; height: 400px; 
	overflow: hidden; background: url(../imgs/bg_content.gif) repeat-x;
}

.desktop { min-width: 1000px; width: auto !important; width: 1000px; }

.meio { margin: 0 auto; width: 1000px; position: relative; }


/* HEADER */
.header { background: url(../imgs/bg_header.gif); }
.header .meio {  height: 90px; _height: 80px; background: url(../imgs/bg_header_geral.png) center 5px no-repeat; }
.header .meio h1 a.logo { float:left; width: 430px; height: 90px; background: url(../imgs/header_logo.png); display: block;}
.header .meio h1 a span { display: none; }

.topo { width: 100%; position: absolute; background: #000; z-index: 9999; }
.topo .meio { position: relative; height: 5px; }
.topo .link { position: absolute;  right: 15px; bottom: -18px; width: 97px; height: 18px; background: url(../imgs/btn_topo_clientes.gif); }


body.submenuAtivo ul li a:hover {  background: url(../imgs/submenu_bg_over.gif); color: #000; }
 
/************************************
	HOME 
************************************/

.home .galeria { padding: 5px 0 0 17px; width: 988px; height: 320px; background: url(../imgs/bg_home_flash.gif) no-repeat; }
.home .galeria #destaque p { text-align: center; color: #ccc; padding-top: 120px; line-height: 22px; font-size: 14px; }
.home .texto { float: left; width: 335px; height: 190px; }
.home .texto p { padding: 15px 0 0 20px; font-size: 19px; color: #333; line-height: 32px; }

.home h2 a { display: block; cursor: pointer; height: 39px; }

.home p.destaques { font-size: 14px; color: #333; line-height: 22px; padding: 7px 0 0 14px; }

.home .marketing { width: 328px; height: 130px; background: url(../imgs/home_marketing.gif); margin: 0 15px 0 0; }
.home .portfolio { width: 328px; height: 69px; background: url(../imgs/home_portfolio.gif); margin: -15px 15px 0 0; }

.home .mobile { width: 317px; height: 69px; background: url(../imgs/home_mobile.gif); margin-top: -15px; }
.home .zpublisher { width: 317px; height: 130px; background: url(../imgs/home_zpublisher.gif); }


.home .orcamento h2	{ width: 328px; padding-top: 4px; }

.home .clientes h2 { width: 317px;  padding-top: 15px;}
.home .zpublisher h2 { width: 317px; padding-top: 4px; }

/************************************
	INTERNAS 
************************************/

body.conhecimentoActive .internas.noSub,
.internas { width: 1000px; background: url(../imgs/bg_internas.gif) left 350px no-repeat; }
.internas .topo_interna { width: 1000px; height: 324px; background: url(../imgs/internas_topo.gif); position: relative; }
.internas .topo_interna .galeria { float: left; width: 715px; height: 290px; padding: 5px 0 0 18px; }

.internas h2 { 
	width: 695px; height: 28px; margin: 0 0 20px 20px; padding: 12px 0 0 20px;
	background: url(../imgs/internas_titulos.gif); 
	display: block; font-size: 20px; color: #666; font-weight: normal;
}
.internas h2 span { color: #fff; text-transform: uppercase;  }
.internas h2 img { vertical-align: middle; margin-top: -4px; padding: 0 10px 0 10px; } 

.internas p { width: 680px; color: #333; line-height: 22px; font-size: 14px; margin: 0 0 20px 40px; clear: both; }
.internas span.destaque { font-size: 19px; color: #333333; float: left; padding: 0px 0 20px 0; line-height: 30px; width: 600px;}
.internas p a { color: #710003; }
.internas p a:hover { color: #b11117; }

.internas .galeria p { text-align: center; color: #ccc; padding-top: 120px; margin:0; padding-left:0; }
.internas .galeria a { color: #666; }
.internas .galeria a:hover { color: #999; }

.internas .coluna_esquerda { float: left; width: 735px; }

.internas .coluna_direita { float: right; width: 245px; }
.internas .coluna_direita h3 { height: 28px; margin: 0 0 20px 0; padding: 12px 0 0 0; font-size: 16px; color: #666666; }
.internas .coluna_direita h3.big { padding-top: 0; height: 40px; }
.internas .coluna_direita ul { margin: 0 10px 30px 0; }
.internas .coluna_direita ul li { list-style: square; color: #710003; padding-bottom: 10px; margin-left: 15px; font-size: 12px; } 
.internas .coluna_direita ul li span { color: #666; }
.internas .coluna_direita p { margin: 0 0 5px 10px; font-size: 12px; width: 220px; }
	
.internas .rightbar { position: absolute; right: 30px; top: 320px; width: 245px; }
.internas .rightbar p { font-size: 12px; width: 230px; }
.internas .rightbar .rightbar_contato { margin-top: 64px; }
.internas .rightbar .rightbar_trabalhe { margin-top: 64px; }
.internas .rightbar .rightbar_trabalhe p { width: 210px; }
.internas .rightbar img.banner_orcamento { margin-left: 20px; }

.internas .box_extras { width: 680px; padding: 20px; background: #eeeeee; margin: 0 0 20px 20px; }
.internas .box_extras h3 { font-size: 16px; font-weight: bold; padding-bottom: 20px; color: #333; }
.internas .box_extras ul { margin-bottom: 5px; font-size: 14px; } 
.internas .box_extras ul li { list-style: square; color: #710003; padding-bottom: 10px; margin-left: 15px; font-size: 14px; } 
.internas .box_extras ul li span { color: #666; }


/************************************
	CLIENTES
************************************/

.coluna_direita.depoimentos p { display: none; }

.listaClientes {padding: 5px 0 0 30px;}
.listaClientes div {position: relative; display: block; float: left; padding: 0; margin: 0 10px 15px 0; width: 160px; border: 3px solid #E0E0E0; overflow: hidden;}
.listaClientes div span {position: absolute; left: 0; bottom: -28px; padding-top: 7px; width: 100%; height: 21px; background: #CCCCCC; font-weight: normal; color: #333333; text-indent: 10px; display: block;}


/************************************
	PORTFOLIO
************************************/

.internas .filtros { position: relative; background: url(../imgs/portfolio_filtros_sprites.gif) repeat-y -1001px 0; }
.internas .filtros .topo_filtro { height: 12px; clear: both; background: url(../imgs/portfolio_filtros_sprites.gif) repeat-y 0 0; overflow: hidden; }
.internas .filtros .base_filtro { padding-bottom: 3px; background: url(../imgs/portfolio_filtros_sprites.gif) no-repeat -2002px bottom; overflow: hidden; }
.internas .filtros .titulo_filtro { float: left; width: 116px; height: 40px; background: url(../imgs/portfolio_navegacao_sprites.gif) repeat-x -155px -52px; }
.internas .filtros .ver_todos { display: block; padding: 5px 0 0 22px; width: 94px; height: 21px; font-size: 12px; color: #FFFFFF; line-height: 14px; background: url(../imgs/portfolio_navegacao_sprites.gif) repeat-x 0 -244px; overflow: hidden; cursor: pointer; }
.internas .filtros .ver_todos:hover { background-position: -126px -244px; }
.internas .filtros ul { float: left; }
.internas .filtros li { margin: 0 6px 5px 0; float: left; }
.internas .filtros li a { display: block; padding: 5px 0 0 22px; width: 94px; height: 21px; font-size: 12px; line-height: 14px; background: url(../imgs/portfolio_navegacao_sprites.gif) repeat-x 0 -210px; overflow: hidden; cursor: pointer; }
.internas .filtros li a.active,
.internas .filtros li a.active.no_cursor:hover { background-position: 0 -174px; color: #FFFFFF; }
.internas .filtros li a.active:hover { background-position: -126px -174px; color: #FFFFFF; }
.internas .filtros li a:hover { background-position: -126px -210px; color: #333333; }
.internas .filtros li a.active.no_cursor:hover { cursor: default; }

.internas .portfolio { position: relative; width: 100%; height: 487px; overflow: hidden; background: #FFFFFF; }
.internas .portfolio .next,
.internas .portfolio .prev { position: absolute; top: 205px; width: 60px; height: 60px; display: block; background: url(../imgs/portfolio_navegacao_sprites_png.png) no-repeat; z-index: 9999; cursor: pointer; }

.internas .portfolio .desativado { cursor: default; }

.internas .portfolio .next, .internas .portfolio .next.desativado:hover { right: 0; background-position: -3px -3px; }
.internas .portfolio .prev, .internas .portfolio .prev.desativado:hover { left: 0; background-position: -3px -73px; }
.internas .portfolio .next:hover { right: 0; background-position: -73px -3px; }
.internas .portfolio .prev:hover { left: 0; background-position: -73px -73px; }

.internas .portfolio .pagina_portfolio { position: absolute; top: 18px; width: 980px; }
.internas .portfolio .item_portfolio { position: relative; float: left; margin: 0 20px 19px 0; width: 223px; height: 135px; border: 1px solid #e5e5e5; overflow: hidden; visibility: hidden; }
.internas .portfolio .item_portfolio.lastItem {margin-right: 0;}
.internas .portfolio .item_portfolio span {position: absolute; left: 0; bottom: -30px; padding-top: 7px; width: 100%; height: 21px; background: #666666; font-weight: normal; font-size: 12px; color: #FFFFFF; text-indent: 10px; display: block; overflow: hidden;}

.job { padding: 20px 0; }
.job .imagens { float: left; width: 600px; overflow: hidden; }
.job .imagens .scroll { position: relative; height: 449px; overflow: hidden; border: 1px solid #E2E1E2; border-bottom: none; }
.job .imagens .scroll img { position: absolute; top: 0; left: 0; visibility: hidden; }

.job .imagens .nav_pages { padding: 10px 10px 5px 10px; background: url(../imgs/portfolio_navegacao_sprites.gif) repeat-x 0 -467px; border: 1px solid #D1D0D1; }
.job .imagens .nav_pages ul { float: left; width: 475px; }
.job .imagens li { float: left; padding: 0 5px 5px 0; }
.job .imagens li a { display: block; padding-top: 5px; width: 28px; height: 21px; text-align: center; background: url(../imgs/portfolio_navegacao_sprites.gif) no-repeat -174px 0; font-size: 14px; line-height: 16px; color: #262626; overflow: hidden; }
.job .imagens li a:hover,
.job .imagens li a.selecionado { background-position: -212px 0; color: #FFFFFF; }
.job .imagens li a.selecionado { cursor: default; }

.job .imagens .link { float: right; width: 98px; height: 28px; background: url(../imgs/portfolio_navegacao_sprites.gif) no-repeat 0 -285px;}
.job .imagens .link:hover { background-position: -106px -285px; }
.job .imagens .link span { display: none; }

.job .nav_job { float: right; width: 375px; overflow: hidden; padding-bottom: 15px; overflow: hidden; }
.job .nav_job a { display: block; float: left; background: url(../imgs/portfolio_navegacao_sprites.gif) no-repeat; height: 39px; }
.job .nav_job a span { display: none; }
.job .nav_job .proximo_job,
.job .nav_job .anterior_job { width: 101px; }
.job .nav_job .proximo_job { background-position: 0 -321px; }
.job .nav_job .anterior_job { background-position: 0 -370px; padding-right: 6px; }
.job .nav_job .proximo_job:hover { background-position: -111px -321px; }
.job .nav_job .anterior_job:hover { background-position: -111px -370px; }
.job .nav_job .voltar_job { width: 160px; background-position: 0 -419px; padding-right: 6px; }
.job .nav_job .voltar_job:hover { background-position: -170px -419px; }

.job .desc { float: right; width: 375px; overflow: hidden; }
.job .desc h3 { margin: 0; padding-bottom: 5px; color: #666666; font-size: 18px; font-weight: normal; }
.job .desc h4 { margin: 0; padding-bottom: 10px; color: #B11117; font-size: 14px; font-weight: normal; }
.job .desc p { margin: 0; width: 100%; font-size: 12px; color: #666666; padding-bottom: 15px; }

/************************************
	MENU 
************************************/

.menu { margin-top: 40px; width: 540px; height: 30px; float: right; }

	.menu ul li { float:left;  }
	.menu ul li a { display: block; height: 30px; }
	
		/* EMPRESA */
		.menu ul li a.empresa { width: 125px; background: url(../imgs/menu_empresa.gif); }
		.menu ul li a.empresa a { background: url(../imgs/menu_empresa.gif); }
		.menu ul li a:hover.empresa { background: url(../imgs/menu_empresa.gif) bottom;}
		
	
		/* CONHECIMENTO */
		.menu ul li a.conhecimento { width: 147px; background: url(../imgs/menu_conhecimento.gif); }
		.menu ul li a.conhecimento a { background: url(../imgs/menu_conhecimento.gif); }
		.menu ul li a:hover.conhecimento { background: url(../imgs/menu_conhecimento.gif) bottom;}

	
		/* PORTFOLIO */
		.menu ul li a.portfolio { width: 99px; background: url(../imgs/menu_portfolio.gif); }
		.menu ul li a.portfolio a { background: url(../imgs/menu_portfolio.gif); }
		.menu ul li a:hover.portfolio { background: url(../imgs/menu_portfolio.gif) bottom;}	
	
	
		/* CONTATO */
		.menu ul li a.contato { width: 164px; background: url(../imgs/menu_contato.gif); }
		.menu ul li a.contato a { background: url(../imgs/menu_contato.gif); }
		.menu ul li a:hover.contato { background: url(../imgs/menu_contato.gif) bottom;}
	

/************************************
	SUBMENU 
************************************/

.submenu { padding-top: 0; float: left; width: 246px; margin: 11px 0 0 5px; height: 210px; }

	.submenu ul li a { 
		width: 203px; height: 25px; padding: 13px 0 0 43px; margin-bottom: 4px;
		display: block; background: url(../imgs/submenu_bg.gif) no-repeat;
		font-size: 14px; font-weight: normal; color: #666666;
	}
	.submenu ul li a:hover { background: url(../imgs/submenu_bg_over.gif) no-repeat; color: #333333; }
	

/************************************
	FORMULÁRIOS 
************************************/

form.contato { width: 680px; color: #333; line-height: 22px; font-size: 14px; margin: 0 0 20px 35px; clear: both; }
form.contato .campo_left { width: 320px; float: left; overflow: hidden; }
form.contato #outrosDIV { display: none; }

form.contato label { color: #000; margin:0 0 15px 5px; font-size: 14px;}
form.contato label span { color: #b11117;}
form.contato h3 { width: 657px; margin: 15px 0 15px 0; padding-left: 5px; border-bottom: 1px solid #999; color:#b11117; font-size: 16px; }
form.contato .comentario { font-size: 11px; color:#666666; margin-bottom: 15px; line-height: 18px;  }

form.contato .campoCheck { margin: 5px 10px 0 0; }
form.contato .campoRadio { margin: 6px 10px 0 0; color: #666666; }

form.contato .campoSelect { width: 320px; height: 29px; background: #ededed url(../imgs/bg_campo_form.gif) no-repeat; padding: 7px; margin-bottom: 15px; color: #666666; }
form.contato .campo { width: 306px; height: 15px; background: url(../imgs/bg_campo_form.gif) no-repeat; padding: 7px; margin-bottom: 15px; color: #666666; }
form.contato .campo2 { width: 306px; height: 19px; background: url(../imgs/bg_campo_form2.gif) no-repeat; padding: 5px 7px; margin-bottom: 15px; color: #666666; }
form.contato .campoFile { width: 217px; height: 15px; background: url(../imgs/bg_campo_form.gif) no-repeat; padding: 7px; margin-bottom: 15px; color: #666666; float: left; }

form.contato .textarea { 
	width: 307px; height: 103px; 
	background: url(../imgs/bg_textarea_form.gif); background-repeat: repeat-y;
	padding: 7px; margin: 2px 0 15px; 
	font-family: Helvetica, "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 12px; color: #666666;
}

/* form.contato .botoes { margin-top: 7px; width: 343px; height: 29px; } */
form.contato .botoes input.enviar { float: right; width: 88px; height: 29px; background: url(../imgs/btn_enviar.gif); cursor: pointer; }

form.contato .mgright { margin-right: 20px; }
form.contato .campo_left.mgtop20 { margin-top: 30px; }
form.contato .campo_left.mgtop40 { margin-top: 30px; }
form.contato .campo_left.tam320 { width: 320px; }

/* UPLOAD */

.upload 						{ padding: 20px; }
.upload  input.btn_upload 		{ float: left; width: 88px; height: 29px; margin-right: 5px; background: url(../imgs/btn_upload.gif); cursor: pointer; }
.upload  input.btn_cancelar	 	{ float: left; width: 100px; height: 29px; background: url(../imgs/btn_cancelar.gif); cursor: pointer; }
.upload  input.btn_fechar	 	{ float: left; width: 82px; height: 29px; background: url(../imgs/btn_fechar.gif); cursor: pointer; }

/************************************
	FLICKR 
************************************/

.flickr { position: absolute; right: 0; top: 480px; width: 245px; }
	
/* #flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#000000;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: none;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#000000;}
#flickr_badge_wrapper { position: absolute; right: 0; top: 480px;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#000000 !important;}	 */
	
	
/************************************
	FOOTER 
************************************/

.footer { clear: both; background: url(../imgs/bg_footer.gif) repeat-x; }
	
	.footer .meio { padding-left: 20px; width: 980px; }
	.footer .meio ul { margin: 10px 30px 0 0; float: left; }
	.footer .meio ul.empresa { width: 146px; }
	.footer .meio ul.portfolio { width: 128px; }
	.footer .meio ul.conhecimento { width: 180px; }
	.footer .meio ul.contato { width: 178px; }
	
	.footer .meio ul li a { font-weight: normal; }
	
	.footer .meio ul li.titulo { 
		font-size: 12px; padding-bottom: 7px; font-weight: bold;
		color: #b11117; text-transform: uppercase;
		letter-spacing: 2px; background: url(../imgs/linha_footer_links.gif) repeat-x bottom;
	}
	.footer .meio ul li.top { padding-top: 5px; }
	.footer .meio ul li a { font-size: 12px; line-height: 18px; color: #999; }
	.footer .meio ul li a:hover { color: #ccc; }
	
	.footer .meio .newsletter { float: right; margin: 0 8px 0 0; width: 220px; height: 167px; background: url(../imgs/bg_footer_newsletter.gif); }
	.footer .meio .newsletter h2 { padding: 9px 0 0 17px; color: #fff; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; }
	.footer .meio .newsletter p { padding: 15px 0 0 17px; color: #000; font-size: 12px; }
	.footer .meio .newsletter input.email { font-size: 11px; margin: 8px 0 0 17px; padding: 2px 2px 0 4px; width: 181px; height: 16px; background: #710003; color: #fff; }
	.footer .meio .newsletter input.assinar { 
		float: right; margin: 5px 16px 0 0; padding: 2px 4px 4px 4px;
		width: 62px; height: 20px; background: #000; color: #fff;
		font-size: 9px; font-weight: bold; font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
		text-align: center; letter-spacing: 1px; text-transform: uppercase;
	}
	.footer .meio .newsletter label { display: none; }
	 
	.footer .creditos { 
		width: 970px; height: 26px;  
		clear: both; padding-top: 10px;
	}
	.footer .creditos p {
		font-size: 11px; font-weight: bold;
		color: #999; text-transform: uppercase; letter-spacing: 1px; }
		
	.footer .creditos p.copyright {
		font-size: 9px;
		color: #666; text-transform: uppercase; letter-spacing: 1px; margin-top: 0px; }
	
	.footer .web { background: url(../imgs/bg_footer_logos.gif); }
	.footer .web h3 { 
	 	float: left; font-weight: bold; font-size: 12px;
		color: #999; text-transform: uppercase; letter-spacing: 2px; margin-top: 15px;
	}
	.footer .web .meio { position: relative; }
	.footer .web .meio .twitter { position: absolute; top: 0; right: 10px; font-size: 10px; width: 320px; line-height: 16px; }
	.footer .web .meio .twitter a:first-child { font-size: 10px; color: #b11117; font-weight: bold; }
	.footer .web .meio .twitter a:hover { color: #710003; text-decoration: underline; }
	
	/*home destaque*/
	.stepBanner {background:none; float:left; height:292px; margin-right:15px; overflow:hidden; position:relative; width:972px;}
	.stepBanners {left:0; position:absolute; top:0;}
	.stepBanner .navHolder {bottom:10px; position:absolute; right:7px;}
	.stepBanner .stepNav.ativado {cursor:default;}
	.stepBanner .stepNav.ativado, .stepBanner .stepNav:hover {background-position:0 16px; padding:0px;}
	.stepBanner .stepNav {background:url(../imgs/bg_pag_dest.png) 0 0px; display:inline-block; font-family: Tahoma,Arial,Helvetica,sans-serif; width:14px; height:14px; margin-bottom:3px; overflow:hidden; padding:0px; text-align: center; margin-right:2px;}
	
	
/************************************
	TRABALHE 
************************************/

.trabalhe { clear: both; background: url(../imgs/bg_trabalhe.gif) repeat-x; height: 52px; margin-top: 14px; }
	
	.trabalhe .meio { padding-left: 20px; width: 980px; }
	.trabalhe .meio p { color:#FFF; font-size: 12px; font-family: Helvetica, "Trebuchet MS", Arial, Tahoma, sans-serif; margin-top: 7px; }