/*
CSS DAS PÁGINAS INTERNAS DO PSB
==================================
QUANDO FOR MECHER NESTA FOLHA DE ESTILO, IR VERIFICANDO OS ID'S DAS DIVS PARA TER CERTEZA DE QUE A DIV CORRETA ESTÁ SENDO MODIFICADA
==================================
OS ESTILOS DE TEXTO ESTÃO EM UMA FOLHA SEPARADA

OBSERVAÇÕES:

*A PROPRIEDADE MARGIN, CASO UTILIZADA EM UM DIV COM FLOAT, TEM SEU VALOR DUPLICADO NO INTERNET EXPLORER ANTIGO
*CASO UMA COR DE FUNDO NÃO APAREÇA CORRETAMENTE NO FIREFOX, VOCÊ DEVE ADICIONAR A DIV "LIMPA" DEPOIS DESSA DIV QUE O FUNDO NÃO APARECE
*NO ROOT DO SITE EXISTE UM ARQUIVO mapaDIV PARA MAPEAR A ESTRUTURA 

*/

BODY {
	margin-top: 0px;
	background: #C8C8C8;
	PADDING: 0px;
	MARGIN: 0px;
	COLOR: black;
	text-align:left;
	font-family: sans-serif, Arial, Verdana, Helvetica;
	font-size: 10pt;
	border:0;
}




/*CAIXA DOS ELEMENTOS PRICIPAIS, SEGURANDO A COLUNA ESQUERDA E O CONTAINER (CENTRO + RODAPPÉ + COLUNA DIREITA) */
#tudo {
	position: relative;
	width:1000px;
	margin: 0 auto;
	bottom:0;
	text-align: left;
	z-index:auto;
	overflow:visible;
	top: 0;
	position: relative;
	background-color: #FFF;
	background-image: url(../images/dgd1.gif);
}
/*FIM DA CAIXA*/


/*COLUNA ESQUERDA, IGUAL TANTO NA PRINCIPAL QUANTO NA INTERNA, POR ISSO O CSS ABAIXO DEVE ESTAR IGUAL EM AMBAS FOLHAS DE ESTILO*/
#esquerda {
	width:150px;
	float:left;
	}
#esqCima{
	width:130px;
	background-color:#CC0000;
	display:block;
	padding: 10px 10px 0px 10px;
	
}
#esqMenu{
	width:150px;
	background-color:#CC0000;
	display:block;
	float:left;
	padding: 0px 0px 10px 0px;
	
}
#esqBaixo{
	width:130px;
	padding: 10px 10px 0px 10px;
	display:block;
	line-height:18px;
	background-color: #FDB901;
}	
/*FIM DA COLUNA ESQUERDA*/



/*============= ELEMENTOS DO CONTAINER =======================*/


/*CONTAINER: CAIXA CENTRAL + COLUNA DIREITA + RODAPÉ */
#container {
	position: relative;
	width:850px;
	text-align: left;
	z-index:auto;
	overflow:visible;
	top: 0;
	position: relative;
	background-color: #FFF;
	float: left;
}



/*ELEMENTOS CENTRAL*/	
#elementos{
	width:555px;
	padding:0px 55px 30px 20px;
	float:left;
	
	}
#menuTopo{
	width:555px;
	padding:10px 0px 20px 0px;
	float: left;
	}
#caixaMenu{
	height:20px;
	padding: 0px 20px 0px 0px;
	width: auto;
	float: left;
	overflow: visible;
	display: block;
}	
#categoria{
	width:555px;
	padding:0px 0px 30px 0px;
	}
#titulo {
	width:555px;
	}
#data {
	width:555px;
	padding:0px 0px 15px 0px;
	}	
#texto {
	width:555px;
	float: left;
	}
#foto {
	width:173px;
	padding:0px 10px 20px 0px;
	float:left;
	}
		
/*CONFIGURAÇÃO DO INVENTÁRIO*/	
#inventario{
	width:555px;
	padding: 0px 0px 20px 0px;
	}					


/*COLUNA DIREITA*/	
#dirInterna{
	width:190px;
	float:right;
	padding:10px 10px 10px 0px;
	
	}
#dirFlash{
	width:200px;
	padding: 0px 0px 10px 0px;
	
	}
#dirOutras{
	width:170px;
	background-color: #F3F3F3;
	padding: 10px;
	
	}	



/*RODAPÉ*/
#rodape {
	width:850px;
	/*left: 50%;*/
	margin: 0 auto;
	bottom:0;
	text-align: left;
	z-index:auto;
	overflow:visible;
	top: 0;
	position: relative;
	background-color: #F3F3F3;
	padding-left: 150px;
	background-image: url(../images/rodaBg.gif);
	background-repeat:repeat-y;
	
}

#rodaEsq {
	width:395px;
	height:65px;
	float:left;
	padding: 10px 0px 0px 20px;
}
#rodaDir {
	width:395px;
	padding:10px 0px 0px 20px;
	height:65px;
	float:left;
}


/*============= FIM DOS ELEMENTOS DO CONTAINER =======================*/
 
 
 
#limpa{clear:both;}

HTML > BODY #rodape {
	/*MARGIN-BOTTOM:0px;
	background-color: #F3F3F3;*/
}