/*
	Autor: Anderson Triacca
	Empresa: Guife Multicom
	Data de Início: 15/05/2009
	Última Modificação: 18/01/2010
*/

/*----------------------------------------
	- Partes Comuns a todas páginas
---------------------------------------*/
*{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
html{
	background: #F4F2ED url(../imagens/fundo_html.gif) no-repeat 980px center;
	background-attachment:fixed;
	height: 100%;
}
body{
	height: 100%;
}
li{	
	list-style-type: none;
}
#global{
	width: 980px;
	background: #635E4A url(../imagens/fundo_global.png) left top repeat-x;
	position: relative;
	padding-bottom: 220px;
}
#global.global_portfolio{
	min-height: 590px;
}
#anima_canto{
	position: absolute;
	top: 0;
	left: 0;
}
img{
	border: none;
}
#conteudo:after, #global:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
.voltar{
	display: block;
	text-indent: -20000px;
	width: 61px;
	height: 22px;
	background: url(../imagens/bt_voltar.gif) left top no-repeat;
}
.visitar{
	display: block;
	text-indent: -20000px;
	width: 61px;
	height: 22px;
	background: url(../imagens/bt_visitar.gif) left top no-repeat;
}
.mais_noticias{
	display: block;
	text-indent: -20000px;
	width: 61px;
	height: 22px;
	background: url(../imagens/bt_mais_noticias.gif) left top no-repeat;
}
/*----------------------------------------
	- Topo
---------------------------------------*/
#topo{
	width: 672px;
	height: 145px;
	padding-left: 308px;
}
#topo{
	width: 672px;
	height: 145px;
}
/*----------------------------------------
	- Coluna Esquerda
---------------------------------------*/
#conteudo_esq{
	width: 213px;
	float: left;
	margin-top: 175px;
	margin-left: 34px;
}
#conteudo_esq ul li{
	display: block;
	margin-bottom: 18px;
}
#conteudo_esq a.rss, #conteudo_esq a.blog, #conteudo_esq a.iphone, #conteudo_esq a.revista{
	display: block;
	text-indent: -20000px;
	width: 213px;
	height: 88px;
}
#conteudo_esq a.revista{
	background: url(../imagens/bt_revista.jpg) left top no-repeat;
}
#conteudo_esq a.rss{
	background: url(../imagens/bt_rss.jpg) left top no-repeat;
}
#conteudo_esq a.blog{
	background: url(../imagens/bt_blog.jpg) left top no-repeat;
}
#conteudo_esq a.iphone{
	background: url(../imagens/bt_iphone.jpg) left top no-repeat;
}

#conteudo_esq a:hover{
	background-position: left;
	background-position: bottom;
}
#trabalhe_conosco h2, #trabalhe_conosco p{
	border: 1px solid #f00;
	display: none;
}
#trabalhe_conosco *{
	display: block;
	text-indent: -20000px;
}
#trabalhe_conosco a{
	width: 213px;
	height: 120px;
	background: url(../imagens/trabalhe_conosco.gif) left top no-repeat;
}
#newsletter{
	background: url(../imagens/newsletter.gif) left top no-repeat;
	width: 213px;
	height: 148px;
	margin-top: 18px;
	position: relative;
}
#newsletter h2, #newsletter p{
	display: none;
}
#newsletter label input{
	border: none;
	background: none;
}
#newsletter label input#nome{
	width: 188px;
	padding-left: 4px;
	position: absolute;
	left: 9px;
	top: 78px;
	padding-bottom: 2px;
}
#newsletter label input#email{
	width: 188px;
	padding-left: 4px;
	position: absolute;
	left: 9px;
	top: 102px;
	padding-bottom: 2px;
}
#newsletter input.bt_enviar{
	background: none;
	border: none;
	width: 45px;
	height: 9px;
	position: absolute;
	bottom: 15px;
	right: 11px;
	cursor: pointer;
}
#associados h2{
	width: 213px;
	height: 120px;
	text-indent: -20000px;
	background: url(../imagens/cenp.gif) left top no-repeat;
	margin-top: 14px;
}
/*----------------------------------------
	- Coluna Direita
---------------------------------------*/
#conteudo_dir{
	width: 697px;
	float: left;
	margin-top: 44px;
	margin-left: 34px;
}
#conteudo_dir h2{
	display: block;
	height: 33px;
	text-indent: -20000px;
	padding-bottom: 24px; /* + 15px de padding-bottom do p = 39px */
}
#conteudo_dir div{
	margin-bottom: 18px;
}
#conteudo_dir div h2{
	display: block;
	height: 33px;
	text-indent: -20000px;
	padding-bottom: 3px;
}
#conteudo_dir div p{
	text-align: justify;
	margin-bottom: 15px;
	line-height: 14px;
	padding-right: 20px;
}
/*----------------------------------------
	- Títulos
---------------------------------------*/
#index_noticias h2{
	background: url(../imagens/tit_noticias.gif) left top no-repeat;
}
#index_blog h2{
	background: url(../imagens/tit_ultimas_blog.gif) left top no-repeat;
}
h2.agencia{
	background: url(../imagens/tit_agencia.gif) left top no-repeat;
}
h2.portfolio{
	background: url(../imagens/tit_portfolio.gif) left top no-repeat;
}
h2.equipe{
	background: url(../imagens/tit_equipe.gif) left top no-repeat;
}
h2.clientes{
	background: url(../imagens/tit_clientes.gif) left top no-repeat;
}
h2.noticias_interno{
	background: url(../imagens/tit_noticias_interno.gif) left top no-repeat;
}
h2.contato{
	background: url(../imagens/tit_contato.gif) left top no-repeat;
}
h2.solicitar_revista{
	background: url(../imagens/tit_revista.gif) left top no-repeat;
}
h2.opinar_revista{
	background: url(../imagens/tit_opiniao.gif) left top no-repeat;
}
h2.trabalhe_conosco{
	background: url(../imagens/tit_trabalhe.gif) left top no-repeat;
}
/*----------------------------------------
	- Index
---------------------------------------*/
#conteudo_dir.index{
	margin-top: 25px;
}
#conteudo_dir.index #slogan{
	margin-bottom: 28px;
}
#conteudo_dir.index #slogan h2{
	width: 661px;
	height: 104px;
	background: url(../imagens/slogan.png) left top no-repeat;
	margin-top: 15px;
}
#conteudo_dir.index #depoimento{
	position: relative;
	width: 662px;
	height: 195px;
	background: #3b392c;
	margin-top: 9px;
}
#conteudo_dir.index #depoimento img{
	border: 6px solid #837d69;
	float: left;
}
#conteudo_dir.index #depoimento p{
	width: 360px;
	display: block;
	float: left;
	position: relative;
	left: 21px;
	top: 20px;
	line-height: 16px;
}
#conteudo_dir.index #depoimento p.identification{
	padding-bottom: 3px;
}
#conteudo_dir.index #depoimento a{
	display: block;
	text-indent: -20000px;
	width: 17px;
	height: 17px;
	position: absolute;
}
#conteudo_dir.index #depoimento a.depoimento_anterior{
	background: url(../imagens/bt_depoimentos1.gif) left top no-repeat;
	top: 3px;
	right: 23px;
}
#conteudo_dir.index #depoimento a.proximo_depoimento{
	background: url(../imagens/bt_depoimentos2.gif) left top no-repeat;
	top: 3px;
	right: 3px;
}
#conteudo_dir.index #depoimento a:hover, #conteudo_dir.index #depoimento a.selected{
	background-position: left bottom;
}
#conteudo_dir.index #depoimento a.selected{
	cursor: default;
}
#index_projetos{
	display: table;
}
#index_projetos li{
	margin-right: 19px;
}
#index_noticias{
	width: 323px;
	margin-top: 14px;
	float: left;
	clear:  both;
}
#index_blog{
	width: 323px;
	margin-top: 14px;
	margin-left: 22px;
	float: left;
}
.noticias a{
	display: block;
	padding-left: 4px;
	height: 105px;
	padding-top: 6px;
	margin-bottom: 14px;
	background: #837D69;
	text-decoration: none;
	position: relative;
}
.noticias a h3, h3.tit_noticia{
	font-weight: normal;
	height: 17px;
	padding-top: 3px;
	margin-right: 5px;
}
.noticias a h3 strong, h3.tit_noticia strong{
	background: url(../imagens/fundo_noticia.gif) no-repeat;
	background-position: left top;
	padding-left: 11px;
	padding-right: 9px;
	margin-left: 3px;
}
.noticias a:hover{
	background: #b8b5aa;
}
.noticias a:hover h3, .noticias a:hover h3 strong, .noticias a:hover p{
	color: #635e4a;
	background-position: left bottom;
}
.noticias a img{
	clear: both;
	position: relative;
	top: 5px;
}
#index_blog p{
	text-indent: 0;
	border: 1px solid transparent;
	padding: 0 5px;
	margin-top: 10px;
	margin-left: 5px;
}
/*----------------------------------------
	- Agência
---------------------------------------*/
#agencia{
	width: 665px;
}
#conteudo_dir #agencia p{
	padding: 0;
	text-align: left;
}
#missao, #visao, #objetivo{
	width: 209px;
	height: 196px;
	float: left;
	position: relative;
	margin-top: 4px;
}
#conteudo_dir #missao p, #conteudo_dir #visao p, #conteudo_dir #objetivo p{
	position: absolute;
	left: 11px;
	top: 49px;
	text-align: left;
}
#missao{
	background: url(../imagens/bg_missao.png) left top no-repeat;
}
#visao{
	background: url(../imagens/bg_visao.png) left top no-repeat;
	margin-left: 18px;
}
#objetivo{
	background: url(../imagens/bg_objetivo.png) left top no-repeat;
	margin-left: 17px;
}
/*----------------------------------------
	- Portfólio
---------------------------------------*/
#menu_produtos a.link{
	display: block;
	width: 213px;
	height: 25px;
	text-indent: -20000px;
	margin-bottom: 2px;
}
#menu_produtos a.link_comunicacao_impressa{
	background: url(../imagens/link_comunicao_impressa.png) left top no-repeat;
}
#menu_produtos a.link_comunicacao_digital{
	background: url(../imagens/link_comunicao_digital.png) left top no-repeat;
}
#menu_produtos a.link_marcas_branding{
	background: url(../imagens/link_marcas_branding.png) left top no-repeat;
}
#menu_produtos a.link_cases_sucesso{
	background: url(../imagens/link_cases_sucesso.png) left top no-repeat;
}
#menu_produtos a.link_midia{
	background: url(../imagens/link_midia.png) left top no-repeat;
}
#menu_produtos a.link:hover, #menu_produtos a.selected{
	background-position: bottom;
}
#menu_produtos ul{
	margin-bottom: 11px;
	margin-left: 18px;
	display: none;
}
#menu_produtos ul li{
	margin: 0;
}
#menu_produtos ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a8a494;
	text-decoration: none;
	background: url(../imagens/demarcador_item_portfolio.gif) left top no-repeat;
	padding-left: 9px;
}
#menu_produtos ul li a:hover, #menu_produtos ul li a.selected{
	color: #fff;
	background: url(../imagens/demarcador_item_portfolio.gif) left bottom no-repeat;
}
#filtro_cliente{
	display: block;
	width: 209px;
	color: #d2cdbd;
	font-size: 14px;
	padding-bottom: 3px;
	border: 2px solid #d2cdbd;
	background: #635e4a;
	margin-top: 30px;
	z-index: 1;
	position: relative;
}
#filtro_cliente option{
	border: none;
	background: #635e4a;
	text-transform: none;
}
#filtro_cliente option.first{
	border: none;
	background: #635e4a;
	text-transform: uppercase;
}
.portfolio li{
	display: block;
	width: 208px;
	height: 174px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}
.portfolio li a{
	display: block;
	width: 208px;
	height: 174px;
	background: #8c8773;
	position: relative;
	text-decoration: none;
}
.portfolio li a img{
	left: 7px;
	top: 7px;
	position: absolute;
}
.portfolio li a span.nome{
	position: absolute;
	left: 7px;
	top: 144px;
	text-decoration: none;
	display: block;
	width: 155px;
	text-align: left;
}
.portfolio li span.veja_mais{
	text-indent: -20000px;
	display: block;
	width: 53px;
	height: 10px;
	background: url(../imagens/veja_mais.png) no-repeat;
	background-position: left top;
	position: absolute;
	right: -10px;
	top: 151px;
}
.portfolio li a:hover{
	background: #b8b5aa;
}
.portfolio li a:hover span.nome{
	color: #635e4a;
}
.portfolio li a:hover span.veja_mais{
	background-position: left bottom;
}
/*----------------------------------------
	- Equipe
---------------------------------------*/
#menu_produtos a.link_alceu{
	background: url(../imagens/bt_alceu.png) left top no-repeat;
}
#menu_produtos a.link_ana{
	background: url(../imagens/bt_ana.png) left top no-repeat;
}
#menu_produtos a.link_anderson{
	background: url(../imagens/bt_anderson.png) left top no-repeat;
}
#menu_produtos a.link_bruno{
	background: url(../imagens/bt_bruno.png) left top no-repeat;
}
#menu_produtos a.link_carlos{
	background: url(../imagens/bt_carlos.png) left top no-repeat;
}
#menu_produtos a.link_claudecir{
	background: url(../imagens/bt_claudecir.png) left top no-repeat;
}
#menu_produtos a.link_darlene{
	background: url(../imagens/bt_darlene.png) left top no-repeat;
}
#menu_produtos a.link_lucas{
	background: url(../imagens/bt_lucas.png) left top no-repeat;
}
#menu_produtos a.link_josilaine{
	background: url(../imagens/bt_josilaine.png) left top no-repeat;
}
#menu_produtos a.link_giuliano{
	background: url(../imagens/bt_giuliano.png) left top no-repeat;
}
#menu_produtos a.link_rodrigo{
	background: url(../imagens/bt_rodrigo.png) left top no-repeat;
}
#menu_produtos a:hover, #menu_produtos a.selected{
	background-position: bottom;
}
#equipe_esq h3.alceu{
	background: url(../imagens/tit_alceu.gif) left bottom no-repeat;
}
#equipe_esq h3.ana{
	background: url(../imagens/tit_ana.gif) left bottom no-repeat;
}
#equipe_esq h3.anderson{
	background: url(../imagens/tit_anderson.gif) left bottom no-repeat;
}
#equipe_esq h3.bruno{
	background: url(../imagens/tit_bruno.gif) left bottom no-repeat;
}
#equipe_esq h3.carlos{
	background: url(../imagens/tit_carlos.gif) left bottom no-repeat;
}
#equipe_esq h3.claudecir{
	background: url(../imagens/tit_claudecir.gif) left bottom no-repeat;
}
#equipe_esq h3.darlene{
	background: url(../imagens/tit_darlene.gif) left bottom no-repeat;
}
#equipe_esq h3.giuliano{
	background: url(../imagens/tit_giuliano.gif) left bottom no-repeat;
}
#equipe_esq h3.rodrigo{
	background: url(../imagens/tit_rodrigo.gif) left bottom no-repeat;
}
#equipe_esq h3.josilaine{
	background: url(../imagens/tit_josilaine.gif) left bottom no-repeat;
}
#equipe_esq h3.lucas{
	background: url(../imagens/tit_lucas.gif) left bottom no-repeat;
}
#equipe_esq{
	width: 416px;
	float: left;
}
#equipe_esq h3{
	display: block;
	width: 416px;
	height: 28px;
	text-indent: -20000px;
	margin-bottom: 29px;
}
div#equipe_esq p{
	padding: 0;
	margin: 0;
	margin-bottom: 13px;
}
#equipe_dir{
	width: 268px;
	float: left;
	margin-top: 53px;
}
#equipe_dir img{
	position: relative;
	top: -54px;
}
/*----------------------------------------
	- Clientes
---------------------------------------*/
#clientes ul li{
	display: block;
	width: 200px;
	float: left;
	margin-right: 30px;
}
/*----------------------------------------
	- Notícias
---------------------------------------*/
h3.tit_noticia{
	display: block;
	background: #4b4738;
	padding: 3px 0 4px 0;
	font-weight: normal;
}
h3.tit_noticia span{
	display: block;
	width: 63px;
	padding-left: 19px;
	margin-right: 13px;
	height: 17px;
	padding-top: 3px;
	background: url(../imagens/data_noticia.gif) left bottom no-repeat;
	float: left;
	position: relative;
	top: -3px;
}
#noticia_destaque{
	width: 416px;
	float: left;
}
#noticia_destaque h3, #historico_res h3{
	padding-bottom: 0;
	padding-left: 8px;
}
#noticia_destaque img{
	clear: both;
	display: table;
	border: 5px solid #847d69;
	margin-top: 18px;
	margin-left: 3px;
}
div#noticia_destaque p{
	padding: 0;
	clear: both;
	margin-top: 5px;
	text-align: left;
}
span.acessibility{
	margin-left: 3px;
	margin-top: 5px;
	margin-bottom: 16px;
	display: block;
	height: 22px;
}
span.acessibility a{
	width: 28px;
	height: 22px;
	display: block;
	text-indent: -20000px;
	float: left;
}
span.acessibility a.aumentar_fonte{
	background: url(../imagens/aumentar_fonte.gif) left bottom no-repeat;
}
span.acessibility a.normalizar_fonte{
	background: url(../imagens/normalizar_fonte.gif) left bottom no-repeat;
	margin-left: 5px;
}
span.acessibility a.reduzir_fonte{
	background: url(../imagens/reduzir_fonte.gif) left bottom no-repeat;
	margin-left: 5px;
}
#historico_res{
	width: 213px;
	float: left;
	margin-left: 33px;
}
#historico_res a{
	display: block;
	clear: both;
	margin: 13px 0 16px 0;
	text-decoration: none;
	text-align: left;
}
#historico_res a:hover{
	text-decoration: underline;
}
#historico ul.noticias h3{
	position: relative;
	top: -6px;
}
#historico ul.noticias a{
	height: 76px;
	text-align: left;
}
#historico ul.noticias li a img{
	float: left;
	position: relative;
	top: -2px;
}
#historico div.noticias_dir{
	width: 355px;
	float: left;
	margin-left: 11px;
	margin-top: 7px;
}
#historico div.noticias_dir p{
	padding: 0;
	margin: 0;
	position: relative;
	top: -4px;
}
/*----------------------------------------
	- Contato
---------------------------------------*/
#contato_esq{
	width: 416px;
	float: left;
}
div#contato_esq p{
	padding: 0;
}
#contato_esq p.observacao{
	text-align: right;
}
#formulario_contato{
	padding-top: 15px;
}
.formulario label, .formulario input, .formulario textarea{
	display: block;
}
.formulario label{
	width: 416px;
	margin-bottom: 9px;
	float: left;
	clear: both;
}
.formulario label.label_cidade{
	width: 344px;
}
.formulario label.label_uf{
	width: 62px;
	clear: none;
	margin-left: 10px;
}
.formulario label.label_telefone{
	width: 344px;
	clear: none;
	margin-left: 10px;
}
.formulario label.label_ddd{
	width: 62px;
}
.formulario label input, .formulario label textarea, .formulario label select{
	width: 100%;
	border: none;
	background: #837d69;
	margin-top: 3px;
}
.formulario label input, .formulario label select{
	padding: 5px 0;
}
.formulario label textarea{
	height: 84px;
	overflow: auto;
	padding: 0;
}
.formulario input.input_enviar{
	width: 61px;
	height: 22px;
	background: url(../imagens/bt_enviar.gif) left bottom no-repeat;
	border: none;
	padding-top: 45px;
	margin-left: 354px;
	margin-bottom: 29px;
	clear: both;
	cursor: pointer;
}
#contato_dir{
	width: 213px;
	float: left;
	margin-left: 30px;
}
#contato_dir h3{
	font-size: 13px;
}
#contato_dir address{
	margin-top: 15px;
	margin-bottom: 39px;
	font-style: normal;
}
#contato_dir address a{
	color: #e7a926;
	text-decoration: none;
}
#contato_dir address a:hover{
	text-decoration: underline;
}
#contato_dir a.google_maps{
	display: block;
	text-indent: -20000px;
	width: 213px;
	height: 52px;
	background: url(../imagens/google_maps.gif) left bottom no-repeat;
}
#contato_dir a.trabalhe_conosco{
	display: block;
	text-indent: -20000px;
	width: 213px;
	height: 25px;
	background: url(../imagens/bt_trabalhe.png) left top no-repeat;
	margin-top: 39px;
	margin-bottom: 5px;
}
#contato_dir a.trabalhe_conosco:hover{
	background-position: bottom;
}
div#contato_dir p{
	text-align: left;
	margin-left: 16px;
}
div#contato_dir p a{
	text-align: left;
	margin-left: 16px;
	color: #e7a926;
	text-decoration: none;
}
div#contato_dir p a:hover{
	text-decoration: underline;
}

.formulario input.radio_opinar{
	width:13px;
	height:13px;
}
.opiniao_revista{
	margin-top:-13px;
	margin-left:16px;
}
/*----------------------------------------
	- Iphone
---------------------------------------*/
#iphone{
	width: 696px;
	height: 800px;
	background: url(../imagens/iphone.jpg) left top no-repeat;
}
/*----------------------------------------
	- Rodapé
---------------------------------------*/
#rodape{
	clear: both;
	height: 211px;
	width: 979px;
	background: url(../imagens/fundo_rodape.gif) left bottom no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2000; 
}
#rodape address{
	width: 166px;
	height: 53px;
	background: url(../imagens/rodape.gif) left top no-repeat;
	display: block;
	text-indent: -20000px;
	position: absolute;
	bottom: 31px;
	left: 35px;
}
.fora{
	text-indent:-20000px;
}

#banner{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}