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

body {
	background:url(/_images/bkg/fundo_geral.jpg) repeat-x top;
	font-family: "lucida grande", arial, sans-serif; font-size:13px;
	color:#7B6464;
	/*LETTER-SPACING: 0.03em;*/ }

#container_corpo { 	width:850px; margin:auto; display:table }
#coluna_esquerda { float:left; width:560px; display:table }
#coluna_direita { float:right; width:290px; display:table }

A:link, A:visited, A:hover, A:active { color:#483939; text-decoration:none; }
A:hover {text-decoration:line-through;}

P { line-height:150%; margin:10px 0; }

H2 { color:#c1ce43;	font-size:26px; margin-bottom:15px; }

ACRONYM {
	BORDER-BOTTOM:1px dotted #000;
	cursor:help
}
.ancora {  width: 0; height: 0; overflow: hidden; text-indent:-9000px }

.itens_diversos { clear:both; padding-left:15px; padding-top:10px; margin-top:50px; border-top:#E6F3FF 5px solid;}

.itens_diversos:after, #lista_trabalho_index UL:after {
	content:			"conteudo ficticio";
	display:			block;
	height:				0;
	clear:				both;
	visibility:			hidden; }

.itens_diversos LI { float:left; padding:0 15px; }

.livros LI { float:right }

.livros IMG { width:87px; height:131px;  }

#tc_atalho { width: 0; height: 0; overflow: hidden; text-indent:-9000px }

/*#tc_atalho { height:20px; background:#483939; border-top:1px solid #E6F3FF; border-bottom:1px solid #483939 }
#tc_atalho DL { width:420px; margin:auto; font-size:11px; padding-top:2px; color:#fff;}
#tc_atalho DT {  width: 0; height: 0; overflow: hidden; text-indent:-9000px  }
#tc_atalho DD { float:left; width:210px; text-align:center }*/

.associado, .daSilva { 
	display:block;
	width:125px; height:50px;
	text-indent:-9000px;
	overflow:hidden }

.associado { background:url(/_images/selo_abraweb.gif) no-repeat; }
.daSilva { background:url(http://www.acessobrasil.org.br/images_site/selo_acessobr92x47.gif) no-repeat center }

/* TOPO ----------------------------------------------------------------------------------------------------------------- */
#topo { width:850px; height:165px; margin:0 auto; }

#sobre H1 A { display:none }

H1 IMG { display:none }

H1 {
	width:253px; height:71px;
	background:url(/_images/marca.png) no-repeat;
	position:absolute;
	margin:48px 0 0 17px }

H1 A {
	display:block;
	width:253px; height:71px;
	text-indent:-9000px;
	overflow:hidden }

/* Menu */
#menu {
	position:absolute;
	margin:30px 0 0 551px;
	list-style-type:none;}
	
#menu LI { float:left;	height:31px; text-transform:uppercase}

#menu LI A:first-letter { border-bottom:1px dotted; }
	
#menu LI A:link,
#menu LI A:visited,
#menu LI A:hover,
#menu LI A:active {
	display:block;
	font-size:13px; font-weight:400;
	padding:2px 10px 3px 10px;
	COLOR: #7B6464;

	TEXT-DECORATION: none }
	 
#menu LI A:hover { COLOR: #fff;	background:#BBC90C }
	
#sobre #menu .pgSobre { background:url(/_images/ico/setaMenu.png) no-repeat center bottom}
#portifolio #menu .pgPortifolio { background:url(/_images/ico/setaMenu.png) no-repeat center bottom}
#contato #menu .pgContato { background:url(/_images/ico/setaMenu.png) no-repeat center bottom}

/* Acessibilidade */
#acessibilidade {
	position:absolute;
	margin:90px 0 0 730px;
	list-style-type:none}
	
#acessibilidade LI {
	float:left;
	display:block;
	width:20px; height:22px;
	padding:0 3px;}

#acessibilidade LI A:link,
#acessibilidade LI A:visited,
#acessibilidade LI A:hover,
#acessibilidade LI A:active {
	display:block;
	width:22px; height:22px;
	text-indent:-9000px;
	overflow:hidden;}
	
#acessibilidade .mais A:LINK,
#acessibilidade .mais A:VISITED,
#acessibilidade .mais A:ACTIVE { background:url(/_images/ico/aMaior_on.gif) no-repeat; }
#acessibilidade .mais A:HOVER { background:url(/_images/ico/aMaior_off.gif) no-repeat; }

#acessibilidade .menos A:LINK,
#acessibilidade .menos A:VISITED,
#acessibilidade .menos A:ACTIVE { background:url(/_images/ico/aMenor_on.gif) no-repeat; }
#acessibilidade .menos A:HOVER { background:url(/_images/ico/aMenor_off.gif) no-repeat; }

#acessibilidade .print A:LINK,
#acessibilidade .print A:VISITED,
#acessibilidade .print A:ACTIVE { background:url(/_images/ico/print_on.gif) no-repeat; }
#acessibilidade .print A:HOVER { background:url(/_images/ico/print_off.gif) no-repeat; }

#acessibilidade .twitter A:LINK,
#acessibilidade .twitter A:VISITED,
#acessibilidade .twitter A:ACTIVE { background:url(/_images/ico/twitter_on.gif) no-repeat; }
#acessibilidade .twitter A:HOVER { background:url(/_images/ico/twitter_off.gif) no-repeat; }


/* INDEX ----------------------------------------------------------------------------------------------------------------- */
/* CSS que mostra o efeito da área do último trabalho */
.mostra_ultimoTrabalho { margin-bottom:25px; }
.mask {
	border:10px solid #E6F3FF;
	width:830px; height:260px;
	overflow:hidden;
	position:relative;}
	
#box { position:absolute; }

#box UL LI { display:block; float:left }

.saibaMais {
	display:block;
	position:absolute;
	width:70px;
	text-transform:uppercase; text-align:center;
	padding:5px 5px 6px 5px ;
	background:/*url(/_images/bkg/fundo_link_ultimoTrabalho.png) repeat*/ #0C0;
	margin:-40px 0 0 755px;
	border:1px dotted #87920A;
	font-size:11px; font-weight:bold }

.saibaMais SPAN { text-indent:-9000px; display:none }

#prev3, #next3 {
	display:block;
	position:absolute;
	text-indent:-9000px;
	overflow:hidden;
	width:28px; height:62px;}
	
#prev3 {
	background:url(/_images/btn/btn_anterior.png) no-repeat;
	margin-top:-170px; margin-left:-20px; }
	
#next3 {
	background:url(/_images/btn/btn_proximo.png) no-repeat;
	margin-top:-170px; margin-left:842px; }

/* Formatação dos conteúdos da coluna esquerda */
#sobre #coluna_esquerda { width:480px; text-align:justify }

#sobre #coluna_esquerda UL { padding-top:5px; }

#sobre #coluna_esquerda UL LI {
	color:#483939;
	list-style-type:square;
	margin-left:15px; }
	
/* Formatação dos conteúdos da coluna direita */
#sobre #coluna_direita { width:340px; text-align:justify; }

#lista_trabalho_index UL { padding-left:4px;}

#lista_trabalho_index UL LI { float:left; padding-left:10px; padding-bottom:15px; }

#lista_trabalho_index UL LI IMG { border:3px solid #E6F3FF; }

#lista_trabalho_index .ver_todos {
	clear:both; 
	float:right;
	font-size:11px;
	background:url(/_images/blt/seta_preta_direita.gif) 0 3px no-repeat;
	padding-left:10px }
	
/* contatos_rapidos */
.contatos_rapidos { 
	clear:both;
	margin-top:60px;
	border-top:#E6F3FF 5px solid;
	margin-left:10px; }

.contatos_rapidos LI {
	display:block;
	text-align:right;
	padding:7px 25px 7px 0;
	/*font-size:11px;*/
	color:#483939;
}
.contato_email { background:url(/_images/ico/contato_email.gif) no-repeat right}
.contato_fone { background:url(/_images/ico/contato_fone.gif) no-repeat right}
.contato_msn { background:url(/_images/ico/contato_msn.gif) no-repeat right}

.contatos_rapidos STRONG { display:none }


/* FORMULÁRIO DE CONTATO ----------------------------------------------------------------------------------------------------------------- */
#formContato {
	border:none;
	/*margin-top:7px;*/}
#formContato LABEL {
	display:block;
	color:#95C1CA;
	font-size:17px; font-weight:bold;
	padding-top:15px }
	
.fundo_input, .fundo_textarea {	
	width:520px;	
	font-family: "lucida grande", arial, sans-serif; font-size:13px;
	color:#483939;
	padding:0 13px 0 13px }
	
.fundo_input {
	background:url(../_images/bkg/fundo_contato_input.gif) no-repeat;
 	height:30px;
	padding-top:12px;}
	
.fundo_textarea {
	background:url(../_images/bkg/fundo_contato_textarea.gif) no-repeat;
	height:140px;
	padding-top:12px;
	overflow:auto }

.btnEnviar, .btnLimpar { 
	width:142px; height:36px;
	font-family: "lucida grande", arial, sans-serif; font-size:13px;
	color:#483939;
	margin-right:15px; }
	
.btnEnviar {
	background:url(../_images/btn/enviar_form.gif) no-repeat; }
.btnLimpar {
	background:url(../_images/btn/limpar_form.gif) no-repeat; }
	
.btn_acoes { text-align:right; padding-top:10px; }


/* DETALHA PORTIFÓLIO ----------------------------------------------------------------------------------------------------------------- */
.container_portifolio {
	width:530px;
	background:#F5F8FB;
	float:left;
	padding:0 10px 30px 10px;
	margin-bottom:25px; }

.container_portifolio SPAN {
	display:block;
	background:url(/_images/bkg/aba_portifolio.png) no-repeat;
	width:54px; height:25px;
/*	float:right;*/
	position:absolute;
	padding:8px 0 0 12px;
	margin:-3px 0 0 465px;
	font-weight:bold; font-size:11PX;
	color:#fff }
	
.container_portifolio H3 { 
	color:#95C1CA;
	font-size:17px; font-weight:bold;
	padding-top:25px; }

.container_portifolio UL LI { float: left}

.container_portifolio UL LI.thumbEsquerda { margin-right:10px }

.container_portifolio A {
	display:block;
	width:250px;
	border:5px solid #CBE0E4 }
	
.especificao_projeto {
	width:290px;
	float:right;}
	
.especificao_projeto { 	font-size:11px; }

.especificao_projeto DT, .especificao_projeto DD { padding-bottom:5px; }
.especificao_projeto DT { 
	width:90px;
	text-align:right;
	padding-right:5px;
	float:left;
	color:#483939 }
.especificao_projeto DD { 
	width:192px;
	float:left; }

.ferramentas LI {
	float:left;
	width:25px; height:25px;
	text-indent:-9000px;
	margin-right:5px;}

.dw { background:url(/_images/ico/portifolio_dw.gif) no-repeat; }
.fw { background:url(/_images/ico/portifolio_fw.gif) no-repeat; }
.fl { background:url(/_images/ico/portifolio_fl.gif) no-repeat; }
.ps { background:url(/_images/ico/portifolio_ps.gif) no-repeat; }
.cd { background:url(/_images/ico/portifolio_cd.gif) no-repeat; }

/* RODAPÉ ----------------------------------------------------------------------------------------------------------------- */
#rodape { /*border-top: 5px solid #E6F3FF;*/ height:90px; clear:both; margin-top:30px;
background:url(../_images/bkg/bg_rodape_sandrOoliveira.jpg) no-repeat center top }

#rodape UL { width:850px; margin:auto; display:table; padding-bottom:25px; }
#rodape UL LI { text-indent:-9000px; height:12px; float:right; margin:0 10px 0 0; }

#rodape UL LI.validade_acessibilidade { 
	background:url(/_images/ico/valida_acessibilidade.gif) no-repeat center;
	width:87px; }
#rodape UL LI.validade_xhtml { 
	background:url(/_images/ico/valida_xhtml.gif) no-repeat center;
	width:73px; }
#rodape UL LI.validade_css { 
	background:url(/_images/ico/valida_css.gif) no-repeat center;
	width:54px; }