@charset "utf-8";

/*-----------------------------------------------------------------------------
Folha de estilos - Grafmarques

version:	1.0
Autor:		Plus! Estúdio Web
Data:		25-07-2008
Email:		contato@plusestudioweb.com.br
Website:	http://www.plusestudioweb.com.br

Revisao-1: dd-mm-aaaa
Alterações: ---  
-----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
	Geral
-----------------------------------------------------------------------------*/
/* Elementos Estruturais - Zerando o valor padrão */
*, html, body { margin: 0; padding: 0; list-style: none; text-decoration: none;}

html{ background:url(../../_IMG/layout/bg_geral.jpg) left top repeat-x; background-color:#d4d4d4;}

/* Body - Definindo as propriedade dos elementos */
body { margin: 0; padding: 0; font: 13px/120% Tahoma, Lucida, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; text-align: center; text-decoration: none; color: #000000; /*Hack para Box Model*/voice-family: "\"}\""; voice-family:inherit;}

/* Listas Ordenadas e Não Ordenadas - Zerando o valor padrão */
ul, ol, dl { margin: 0; padding: 0; }
li, dt, dd { margin: 0; padding: 0; }
li *, dt *, dd * { margin: 0; padding: 0;}

/* Imagens - Retirando borda */
img { border: none; margin: 0; padding: 0;}
img a { border: none; }

/* Links - Definindo cor padrão(preto) e retirando sublinhado */
a:link, a:visited, a:focus, a:active { color:#000000; text-decoration: none; }
a:hover{ text-decoration:underline;}

/* Abreviaturas - Definindo o cursor e a borda 
(Estilização para o ABBR não funciona no IE) */
abbr, acronym { border: none; cursor: help; }

/* Paragrafo */
p{ margin:0 0 12px 0; padding:0;}



/*----------------------------------------------------------------------------
	Estrutura
-----------------------------------------------------------------------------*/
/* Container que engloba toda a estrutura */
#global { width: 920px; margin: 0 auto 0 auto; padding:0;}


/* --- MENU --- */
/* Menu principal - Container para o menu principal */
#menu { width:920px; height:30px; margin: 48px auto 0 auto; padding: 0; overflow:hidden; clear: both;}


/* --- CONTEUDO --- */
/* Container Pai do Conteudo box */
#conteudo{ width:920px; margin:0 auto 0 auto; padding:0; clear:both; float:none; text-align:left;}

/* Box com o conteudo principal */
#conteudo_box{ padding:15px 0 15px 0; clear:both; float:none; text-align:left;}
/* Hack FireFox */
div#conteudo_box:after{ content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}

/* --- RODAPE --- */
/* Container com o rodape */
#rodape{ width:920px; height:19px; margin:0 auto 0 auto; padding:5px 0 15px 0; text-align:left; clear:both;}



/*----------------------------------------------------------------------------
	Estrutura -> Conteúdo
-----------------------------------------------------------------------------*/
/* --- HOME --- */
/* Colunas */
.home_esq{ width:371px; margin:25px 0 0 0; padding:0; text-align:left; float:left;}
.home_dir{ width:546px; margin:25px 0 0 0; padding:0; text-align:left; float:left;}

/* Coluna Esq - Logo */
.logo{ width:371px; height:179px; margin:0; padding:0;}

/* Coluna Esq - FTP - FacilTP */
.ftp{ width:371px; height:250px; margin:0; padding:0;}
.ftp ul{ width:303px; margin:45px 0 0 15px; padding:0; list-style-type:none;}
.ftp ul li{ width:303px; margin:0; padding:0;}
.ftp ul li.titulo{ width:303px; height:20px; margin:0; padding:0; background:url(../../_IMG/layout/titulo_faciltp.png) left top no-repeat !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_IMG/layout/titulo_faciltp.png,sizingMethod='image');

}
.ftp ul li.descricao{ width:303px; height:36px; margin:0; padding:15px 0 0 0; background:url(../../_IMG/layout/descricao_facil_ftp.png) left bottom no-repeat !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_IMG/layout/descricao_facil_ftp.png,sizingMethod='image');
}
.ftp ul li.esqueci_senha{ width:238px; margin:0; padding:4px 0 0 0; /*Hack IE 6 e 7*/ *padding:0; _margin:-4px 0 0 0; /**/ color:#ffffff; font-size:11px; text-align:right;}
.ftp ul li.esqueci_senha a{ color:#ffffff; text-decoration:underline;}
.ftp ul li.esqueci_senha a:hover{ color:#ffffff; text-decoration:none;}
.ftp ul li.cadastre_se{ width:303px; margin:0; padding:20px 0 0 0; text-align:center;}
.ftp ul li.cadastre_se a{ border:none;}
.ftp ul li.cadastre_se a:hover{ border:none;}
.ftp ul li.form{ width:303px; height:23px; margin:0; padding:15px 0 0 0; background:none;}
.ftp ul li.form ul{ width:303px; height:23px; margin:0; padding:0; list-style-type:none;}
.ftp ul li.form ul li{ width:107px; height:23px; margin:0; padding:0; float:left; text-align:left;}
.ftp ul li.form ul li.botao{ width:30px; height:23px; margin:0; padding:0; float:left; text-align:left;}
.ftp ul li.form ul li input.texto{ width:107px; height:16px; margin:0; padding:4px 0 4px 0; /*Hack IE 6 e 7*/*height:19px; *padding:3px 0 0 0; /**/ font-size:12px; color:#ffffff; background:url(../../_IMG/layout/faciltp_form_bg_centro.gif) left center repeat-x; border:none;}
.ftp ul li.form ul li.fecha_input_esq{ width:5px; height:23px; margin:0; padding:0; background:url(../../_IMG/layout/faciltp_form_bg_esq.png) right bottom no-repeat !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_IMG/layout/faciltp_form_bg_esq.png,sizingMethod='image');
}
.ftp ul li.form ul li.fecha_input_dir{ width:5px; height:23px; margin:0; padding:0 5px 0 0; background:url(../../_IMG/layout/faciltp_form_bg_dir.png) left bottom no-repeat !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_IMG/layout/faciltp_form_bg_dir.png,sizingMethod='image');
}


/* Coluna Dir Banner */
.banner{ width:549px; height:361px; margin:0; padding:0; clear:both;}
.banner a img{ border:none;}

/* Coluna Dir - Destaques - Grafnews e Grafdicas */
.home-destaques{ width:549px; height:80px; margin:20px 0 0 0; padding:0; text-align:left; clear:both;}

/* Coluna Dir - Destaques - Lista inline com Grafnews e Grafdicas */
.home-destaques ul{ width:549px; height:95px; margin:0; padding:0; list-style-type:none;}
.home-destaques ul li{ width:264px; height:95px; margin:0; padding:0; display:table; float:left;}
.home-destaques ul li.separador{ width:1px; height:95px; margin:0; padding:0 10px 0 10px; background:url(../../_IMG/outros/traco_global.gif) center top repeat-y; float:left;}
.home-destaques ul li p{ margin:5px 0 0 0; padding:0; font-size:11px; color:#333333; text-align:left;}
.home-destaques ul li p a{ margin:5px 0 0 0; padding:0; color:#333333; text-decoration:none;}
.home-destaques ul li p a:hover{ color:#333333; text-decoration:underline;}
.home-destaques ul li p.link{ width:255px; text-align:right;}
.home-destaques ul li p.link a{ margin:0; padding:0; color:#333333; font-weight:bold; text-align:right; text-decoration:underline;}
.home-destaques ul li p.link a:hover{ text-decoration:none; color:#999999;}
.home-destaques ul li h2{ margin:0; padding:0; font-size: 14px; letter-spacing:-0.5px; color: #333333;}
.home-destaques ul li h2 a{ margin:0; padding:0; color:#333333; text-decoration:none;}
.home-destaques ul li h2 a:hover{ color: #333333; text-decoration:underline;}


/* --- RODAPE --- */
/* Lista nao ordenada com os dados do rodape */
#rodape ul{ width:920px; height:19px; margin:0; padding:0; list-style-type:none; }
#rodape ul li{ width:920; height:19px; margin:0; padding:0; text-align:right; float:left;}
#rodape ul li a{ border:none;}


/* ----- INTERNO -> TOPO ----- */
/* Container que envolve o topo do conteudo_box */
#envolve_topo_conteudo_box{ width:920px; height:50px; margin:0; padding:0 0 50px 0; clear:both;}

/* Topo - logo */
.logo_interno{ width:565px; float:left; /*Hack IE 6*/ _position:relative; _z-index:1; /**/}

/* Topo - FacilTP*/
.ftp_interno{ width:355px; height:50px; margin:0; padding:0; float:left; /*Hack IE 6*/ _position:absolute; _z-index:1; /**/}
.ftp_interno form{ width:355px; height:23px; margin:0; padding:0; background:none;}
.ftp_interno form ul{ width:355px; height:23px; margin:0; padding:0; clear:both; list-style-type:none;}
.ftp_interno form ul li{ width:107px; height:23px; margin:0; padding:0; float:left; text-align:left;}
.ftp_interno form ul li.titulo{ width:70px; height:22px; margin:0 10px 0 0; padding:0; background:url(../../_IMG/layout/titulo_faciltp.png) left 0.1em no-repeat !important; float:left;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_IMG/layout/titulo_faciltp.png,sizingMethod='image');

}
.ftp_interno form ul li.botao{ width:30px; height:22px; margin:0; padding:1px 0 0 0; float:left; text-align:left;}
.ftp_interno form ul li input.texto{ width:107px; height:16px; margin:0; padding:4px 0 4px 0; /*Hack IE 6 e 7*/*height:19px; *padding:3px 0 0 0; /**/ font-size:12px; color:#ffffff; background:url(../../_IMG/layout/faciltp_form_bg_centro.gif) left center repeat-x; border:none;}
.ftp_interno form ul li.fecha_input_esq{ width:5px; height:23px; margin:0; padding:0; background:url(../../_IMG/layout/faciltp_form_bg_esq.png) right bottom no-repeat !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_IMG/layout/faciltp_form_bg_esq.png,sizingMethod='image');
}
.ftp_interno form ul li.fecha_input_dir{ width:5px; height:23px; margin:0; padding:0 5px 0 0; background:url(../../_IMG/layout/faciltp_form_bg_dir.png) left bottom no-repeat !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_IMG/layout/faciltp_form_bg_dir.png,sizingMethod='image');
}
/* Links Ajuda - Cadastro e Lembrete de Senha */
.ftp_interno ul.ftp_links_ajuda{ width:355px; height:20px; margin:0; padding:0; clear:both; list-style-type:none;}
.ftp_interno ul.ftp_links_ajuda li.cadastro{ width:151px; height:20px; margin:0; padding:4px 0 0 0; /*Hack IE 6*/_padding:0;/**/ color:#cccccc; float:right; font-size:11px; text-align:left;}
.ftp_interno ul.ftp_links_ajuda li.esqueci_senha{ width:122px; height:20px; margin:0; padding:4px 0 0 0; /*Hack IE 6*/_padding:0;/**/ color:#cccccc; float:right; font-size:11px; text-align:left;}
.ftp_interno ul.ftp_links_ajuda li a{ color:#cccccc; text-decoration:underline;}
.ftp_interno ul.ftp_links_ajuda li a:hover{ color:#cccccc; text-decoration:none;}


/* ----- INTERNO -> CONTEUDO ----- */
/* Container que envolve o topo do conteudo_box */
.conteudo_secoes_box{ width:920px; margin:0; padding:0; clear:both;}
/* Hack FireFox */
div.conteudo_secoes_box:after{ content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}

/* Container com a imagem da secao - Coluna Esq */
.secao_img{ width:300px; margin:0 45px 0 0; padding:0; float:left; text-align:left;}
.secao_img img, img a{ border:none;}

/* Container com o conteudo da secao - Coluna Dir */
.secao_conteudo{ width:570px; margin:0; padding:4px 0 0 0; float:left; text-align:left;}


/* --------- */
/* GrafDicas - Menu interno */
ul.menu_interno_grafdicas{ width:100%; margin:0 0 30px 0 !important; padding:0; list-style-type:none; text-align:center;}
ul.menu_interno_grafdicas li{ margin:0; padding:0; background:none !important; display:inline; }
ul.menu_interno_grafdicas li a{ margin:0 0 0 -13px !important; /*Hack IE 6 e 7*/*margin:0 0 0 -9px !important;/**/ padding:8px 10px 8px 10px; background:#ffffff; border-right:1px solid #e55e49; color:#e55e49 !important; display:inline-block; font-weight:bold;}
ul.menu_interno_grafdicas li a.sem_borda{ border-right:none; }
ul.menu_interno_grafdicas li a:hover{ background:#e55e49; color:#ffffff !important; text-decoration:none;}

/* Grafdicas - Menu Ancora */
ul.menu_ancora{ width:100%; margin:0 0 40px 0 !important; padding:0; list-style-type:none; text-align:left; }
ul.menu_ancora li{ margin:0; padding:3px 0 3px 0; display:block; font-size:12px; font-weight:bold; }



/*----------------------------------------------------------------------------
	FacilTP
-----------------------------------------------------------------------------*/
/* Container geral - Interface do FacilTP interna no site */
div.faciltp_envolve_geral{ width:510px; margin:0 auto 0 auto; padding:0 0 60px 0;}

/* Box de alerta */
div.faciltp_alerta_box{ width:510px; margin:0 0 40px 0; padding:10px 0 5px 0; background:url(../../_IMG/faciltp/b_separador.gif) left bottom repeat-x; color:#ffff00; font-size:12px; text-align:center;}
div.faciltp_alerta_box img { margin:0 5px 0 0; vertical-align:middle;}

/*Box cadastre-se*/
div.faciltp_cadastre-se_box{ width:460px; margin:0; padding:0;}
div.faciltp_cadastre-se_box ul{ width:460px; height:31px; margin:0 0 0 25px; padding:0; list-style-type:none;}
div.faciltp_cadastre-se_box ul li{ margin:0; padding:0; float:left;}
div.faciltp_cadastre-se_box ul li.maior{ width:265px; height:31px; color:#ffffff; font-size:14px; font-weight:bold;}
div.faciltp_cadastre-se_box ul li.menor{ width:195px; height:31px; text-align:right;}



/*----------------------------------------------------------------------------
	Formulários
-----------------------------------------------------------------------------*/
/* Containers que englobam a estrutura do formulário */
.box_formulario { width:100%; margin:25px auto 35px auto; /*Hack IE 6 e 7*/*margin:10px auto 35px auto;/**/ padding:0; line-height:1.3em; clear: both;}

/* Formulário - Estilizando os ítens */
form.formulario { margin: 0; padding: 0; color: #000000;}	
form.formulario form { margin: 0; padding: 0;}
form.formulario ul { list-style-type:none !important; margin: 20px 0 0 0; padding: 0;}
form.formulario ul li { margin-bottom: 4px; text-align:left; background:none !important;}
/* Hack FireFox */
form.formulario ul li:after{ content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
form.formulario ul li.estado_civil { /* Hack IE 6 e 7*/*position:relative; *clear:both;/**/}
form.formulario ul li.aviso { padding-bottom:12px; text-align:left;}
form.formulario ul li.margem_abaixo { margin-bottom: 20px; padding-bottom:20px; text-align:left;}
form.formulario ul li ul.menor{ list-style-type:none !important; width:400px; margin:0; padding:0; float:left;}
form.formulario ul li ul.menor li{ width:47px; margin:0; padding:0; float:left;}
form.formulario ul li ul.menor li.primeiro_de_varios_selects{ width:47px; margin:0 0 0 53px; /*Hack IE 6 e 7*/*margin:0 0 0 50px; _margin:0 0 0 3px;/**/ padding:0; float:left;}
form.formulario ul li ul.menor li.barra_data{ width:15px; margin:3px 0 0 0; padding:0; float:left;}
form.formulario ul li ul { width:100%; margin:0; padding:0; list-style-type:none !important;}
form.formulario ul li ul li{ width:250px; margin:0; padding:0; float:left;}
form.formulario .botao_form { width:100px; height:38px; margin:0; padding:8px; color:#666666; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; text-transform:uppercase; background:url(../../_IMG/outros/bg_bt_submit.gif) left center repeat-x; ; border:3px double #999999; border-left-color:#cccccc; border-top-color:#e7e7e7;}
form.formulario .botao_form:hover{ cursor:pointer;}
form.formulario input, textarea { width:425px; height:70px; padding:4px; color:#000000; border:none; background:url(../../_IMG/outros/bg_input_textarea.gif) left bottom repeat-x; background-color:#f5f5f5; font-family: Tahoma, Lucida, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;}
form.formulario textarea.medio { width:350px; padding:4px; color:#000000; border:none; background:url(../../_IMG/outros/bg_input_textarea.gif) left bottom repeat-x; background-color:#f5f5f5; font-family:inherit;}
form.formulario textarea.expandido { width:420px; padding:4px; color:#000000; border:none; background:url(../../_IMG/outros/bg_input_textarea.gif) left bottom repeat-x; background-color:#f5f5f5; font-family:inherit;}
form.formulario textarea.maior { width:525px; padding:4px; color:#000000; border:none; background:url(../../_IMG/outros/bg_input_textarea.gif) left bottom repeat-x; background-color:#f5f5f5; font-family:inherit;}
form.formulario input.menor{ width:100px; padding:4px; color:#000000; border:none; background:url(../../_IMG/outros/bg_input_textarea.gif) left bottom repeat-x; background-color:#f5f5f5; font-family:inherit;}
form.formulario input.medio{ width:320px; padding:4px; color:#000000; border:none; background:url(../../_IMG/outros/bg_input_textarea.gif) left bottom repeat-x; background-color:#f5f5f5; font-family:inherit;}
form.formulario input.maior{ width:525px; padding:4px; color:#000000; border:none; background:url(../../_IMG/outros/bg_input_textarea.gif) left bottom repeat-x; background-color:#f5f5f5; font-family:inherit;}
form.formulario input{ height:17px;}	
form.formulario select{ margin: 0; padding:3px; color:#000000; border:none; background:#f5f5f5;}
form.formulario label { width:100px; margin:0; /*Hack IE 6 e 7*/*margin:1px -2px 0 0;/**/ padding:6px 0 6px 0; color:#000000; line-height: 14px; float:left;}
form.formulario label.menor { width:70px; margin:0; /*Hack IE 6 e 7*/*margin:1px -3px 0 0;/**/ padding:6px 0 6px 0; color:#000000; line-height: 14px; display: block;}
form.formulario label.medio { width:122px; margin:0; /*Hack IE 6 e 7*/*margin:1px -3px 0 0;/**/ padding:6px 0 6px 0; color:#000000; line-height: 14px; display: block;}
form.formulario label.maior { width:200px; margin:0; /*Hack IE 6 e 7*/*margin:1px -3px 0 0;/**/ padding:6px 0 6px 0; color:#000000; line-height: 14px; display: block;}
form.formulario label.expandido { width:500px; margin:0; /*Hack IE 6 e 7*/*margin:1px -3px 0 0;/**/ padding:6px 0 6px 0; color:#000000; line-height: 14px; display: block;}
form.formulario label em { color:#ff0000;}
form.formulario fieldset { margin: 8px 0 17px 0; padding: 6px 6px 6px 6px; border-top: 1px solid #e8e8e8; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; border-left:1px solid #e8e8e8;}
form.formulario fieldset.sub{ margin:35px 0 0;}
form.formulario fieldset.sub ul { list-style-type:none !important; margin: 20px 0 0 0; padding: 0;}
form.formulario fieldset.sub ul li { margin-bottom: 4px; text-align:left; background:none !important;}
form.formulario fieldset.oculto { margin:-20px 0 0 -8px !important; padding: 6px 6px 6px 0 !important; border:none !important;}
form.formulario legend { margin:0; padding: 2px 8px 2px 8px; color:#000000; font-weight:bold; letter-spacing: 0; text-transform: uppercase; border: none; background:#e8e8e8;}
form.formulario legend.oculto { padding: 2px 8px 2px 0; border: none !important; background:none !important; display:none;}
/* Elemento - Foco */
form.formulario input:focus, textarea:focus{ background:#fffeef;}
form.formulario textarea.medio:focus{ background:#fffeef;}
form.formulario textarea.expandido:focus{ background:#fffeef;}
form.formulario textarea.maior:focus{ background:#fffeef;}
form.formulario input.maior:focus{ background:#fffeef;}
form.formulario input.menor:focus{ background:#fffeef;}
form.formulario select:focus{ background:#fffeef;}
/* Box Alert */
form.formulario .alert { margin: 0; padding: 5px 10px 5px 10px; border: 1px solid #ebebeb; background: #fffcd8; color:#7a7a7a; font-weight: bold; margin-bottom: 20px; }



/*----------------------------------------------------------------------------
	Menu
-----------------------------------------------------------------------------*/
/* Menu principal */
#menu ul { width: 100%; margin: 0; padding: 0; list-style-type: none; float: none;}
#menu ul li { padding: 0; float: left;}
#menu #menu_box {width:920px; height:30px; line-height:normal; float:left;}
#menu #menu_box ul { height:30px; margin:0; padding:0; list-style:none;}
#menu #menu_box ul li.separador { height:30px; margin:0; padding:0 2px 0 0; background:none !important;}
/* Institucional */
#menu #menu_box ul li.institucional { width:113px; height:30px; margin:0; padding:0; float:left;}
#menu #menu_box ul li.institucional a{ width:113px; padding:10px 0 32px 0; background:url(../../_IMG/layout/menu_bt_institucional.gif) left top no-repeat; display:block; float:left;}
#menu #menu_box ul li.institucional a:hover{ background:url(../../_IMG/layout/menu_bt_institucional.gif) left top no-repeat;}
/* Equipamentos */
#menu #menu_box ul li.equipamentos { width:113px; height:30px; margin:0; padding:0; float:left;}
#menu #menu_box ul li.equipamentos a{ width:113px; padding:10px 0 32px 0; background:url(../../_IMG/layout/menu_bt_equipamentos.gif) left top no-repeat; display:block; float:left;}
#menu #menu_box ul li.equipamentos a:hover{ background:url(../../_IMG/layout/menu_bt_equipamentos.gif) left top no-repeat;}
/* Servicos */
#menu #menu_box ul li.servicos { width:113px; height:30px; margin:0; padding:0; float:left;}
#menu #menu_box ul li.servicos a{ width:113px; padding:10px 0 32px 0; background:url(../../_IMG/layout/menu_bt_servicos.gif) left top no-repeat; display:block; float:left;}
#menu #menu_box ul li.servicos a:hover{ background:url(../../_IMG/layout/menu_bt_servicos.gif) left top no-repeat;}
/* Portfolio */
#menu #menu_box ul li.portfolio{ width:113px; height:30px; margin:0; padding:0; float:left;}
#menu #menu_box ul li.portfolio a{ width:113px; padding:10px 0 32px 0; background:url(../../_IMG/layout/menu_bt_portfolio.gif) left top no-repeat; display:block; float:left;}
#menu #menu_box ul li.portfolio a:hover{ background:url(../../_IMG/layout/menu_bt_portfolio.gif) left top no-repeat;}
/* Grafnews */
#menu #menu_box ul li.grafnews{ width:113px; height:30px; margin:0; padding:0; float:left;}
#menu #menu_box ul li.grafnews a{ width:113px; padding:10px 0 32px 0; background:url(../../_IMG/layout/menu_bt_grafnews.gif) left top no-repeat; display:block; float:left;}
#menu #menu_box ul li.grafnews a:hover{ background:url(../../_IMG/layout/menu_bt_grafnews.gif) left top no-repeat;}
/* Grafdicas */
#menu #menu_box ul li.grafdicas{ width:113px; height:30px; margin:0; padding:0; float:left;}
#menu #menu_box ul li.grafdicas a{ width:113px; padding:10px 0 32px 0; background:url(../../_IMG/layout/menu_bt_grafdicas.gif) left top no-repeat; display:block; float:left;}
#menu #menu_box ul li.grafdicas a:hover{ background:url(../../_IMG/layout/menu_bt_grafdicas.gif) left top no-repeat;}
/* Curriculos */
#menu #menu_box ul li.curriculos{ width:113px; height:30px; margin:0; padding:0; float:left;}
#menu #menu_box ul li.curriculos a{ width:113px; padding:10px 0 32px 0; background:url(../../_IMG/layout/menu_bt_curriculos.gif) left top no-repeat; display:block; float:left;}
#menu #menu_box ul li.curriculos a:hover{ background:url(../../_IMG/layout/menu_bt_curriculos.gif) left top no-repeat;}
/* Contato */
#menu #menu_box ul li.contato { width:115px; height:30px; margin:0; padding:0; float:left;}
#menu #menu_box ul li.contato a{ width:115px; padding:10px 0 32px 0; background:url(../../_IMG/layout/menu_bt_contato.gif) left top no-repeat; display:block; float:left;}
#menu #menu_box ul li.contato a:hover{ background:url(../../_IMG/layout/menu_bt_contato.gif) left top no-repeat;}
/* Aplica efeito de opacidade (Alpha) */
#menu #menu_box ul li a:hover{opacity:.65; filter: alpha(opacity=65); -moz-opacity: 0.65;}
/* Hack IE6 - Mac \*/
#menu #menu_box a { float:none;}



/*----------------------------------------------------------------------------
	Títulos
-----------------------------------------------------------------------------*/
/* Titulo principal */
h1{ margin:0 0 30px 0; padding:0; color:#cccccc; font-size: 32px; letter-spacing: -1.1px;}


/* --- Titulos principais das secoes --- */
/* Institucional */
h1.institucional{ margin:0 0 30px 0; padding:0 0 12px 0; border-bottom:8px solid #f0eb09; color:#ffffff; font-size: 32px; letter-spacing: -1.1px;}
/* Equipamentos */
h1.equipamentos{ margin:0 0 30px 0; padding:0 0 12px 0; border-bottom:8px solid #7b9f26; color:#ffffff; font-size: 32px; letter-spacing: -1.1px;}
/* Servicos */
h1.servicos{ margin:0 0 30px 0; padding:0 0 12px 0; border-bottom:8px solid #3b8c6a; color:#ffffff; font-size: 32px; letter-spacing: -1.1px;}
/* Portfolio */
h1.portfolio{ margin:0 0 30px 0; padding:0 0 12px 0; border-bottom:8px solid #147eaa; color:#ffffff; font-size: 32px; letter-spacing: -1.1px;}
/* Grafnews */
h1.grafnews{ margin:0 0 30px 0; padding:0 0 12px 0; border-bottom:8px solid #925dab; color:#ffffff; font-size: 32px; letter-spacing: -1.1px;}
/* Grafdicas */
h1.grafdicas{ margin:0 0 30px 0; padding:0 0 12px 0; border-bottom:8px solid #e55e49; color:#ffffff; font-size: 32px; letter-spacing: -1.1px;}
/* Curriculos */
h1.curriculos{ margin:0 0 30px 0; padding:0 0 12px 0; border-bottom:8px solid #de6d12; color:#ffffff; font-size: 32px; letter-spacing: -1.1px;}
/* Contato */
h1.contato{ margin:0 0 30px 0; padding:0 0 12px 0; border-bottom:8px solid #ffb700; color:#ffffff; font-size: 32px; letter-spacing: -1.1px;}


/* Titulo H1 para uso com imagens */
h1.img { margin:0 0 10px 0; padding:0;}
h1.img-centro { margin:0 0 10px 0; text-align:center; padding:0;}

/* Sub Titulo - Cinza Escuro */
h2{ margin:20px 0 12px 0; padding:0 0 3px 0; color:#333333; font-size: 17px; letter-spacing:-0.5px;}

/* Sub Titulo - Cinza Escuro */
h2.sublinhado{ width:190px; margin:20px 0 12px 0; padding:0 0 3px 0; border-bottom:1px solid #333333; color:#333333; font-size: 17px; letter-spacing:-0.5px;}

/* Título das Seções - Container para o título das seções */
.titulo_secoes { width: 100%; height: auto; margin: 0; padding: 0; clear: both;}



/*----------------------------------------------------------------------------
	Listas Ordenadas e Nao Ordenadas
-----------------------------------------------------------------------------*/
/* Lista Normal, com List type Square */
.secao_conteudo ul{ width:100%; margin:0 0 12px 0; padding:0; list-style-type:none;}
.secao_conteudo ul li{ margin:0; padding:2px 0 2px 9px; line-height:1.2em; background:url(../../_IMG/outros/list_type_square_preto.gif) left 0.6em no-repeat;}



/*----------------------------------------------------------------------------
	Outros
-----------------------------------------------------------------------------*/
/* Imagens - Definindo alinhamento */
.img_esq { float: left; margin-right: 8px;}
.img_dir { float: right; margin-left: 8px;}
.img_esq_sm { float: left;}
.img_dir_sm { float: right; }
.img_box { float: right; margin-left: 12px; margin-bottom: 12px; width: 250px; }
.img_box .credito { font-size: 10px; text-align: right; line-height: 100%; }
.img_box .legenda { font-size: 10px; line-height: 100%; }

.clear { clear: both; }
.spacer { clear: both; height: 20px; }

/* Regua */
hr { border: 1px solid #CCCCCC; margin-top: 6px; margin-bottom: 6px; background: #CCCCCC; color: #CCCCCC; border: none; height:1px; clear: both;}

.portfolio_descricao { float: left; }
#blocoTexto h2 { color: white; font-size: 20px; letter-spacing: -1px; padding-bottom: 25px; }
#blocoTexto p { text-align: left; }
#blocoArquivo { padding-bottom: 20px; }
#blocoArquivo h2 { font-size: 13px; margin: 0; padding: 0; letter-spacing: normal; line-height: normal; }
#blocoArquivo hr { margin: 0; padding: 0; }

#box_galeria { width: 250px; float: right; padding: 3px; }
#box_galeria img { margin-right: 2px; margin-bottom: 2px; float: left; border: 2px solid white; }