@charset "utf-8";
/* ----------
	Dimensões e Ajustes Dos Principais Elementos
---------- */
.largTotal {width:982px;}
.largConteudo {width:972px; margin:0px 5px; display:inline;}
.largMiolo {}

/* Elementos do BackGround */
#boxBackGrounds #boxContentBGs .bgrLeft {height:550px; left:-982px;}
#boxBackGrounds #boxContentBGs .bgrRight {height:550px; right:-982px;}

/* Elementos do Rodapé */
#boxBottom {padding-bottom:68px;}
#boxRodape {height:68px; margin-top:-68px;}
#boxRodape #boxRodapeBGs {height:68px;}
#boxRodape .boxAtCenter {height:68px;}

#boxRodape #boxRodapeBGs .bgrLeft {height:68px; left:-982px;}
#boxRodape #boxRodapeBGs .bgrRight {height:68px; right:-982px;}

/* Elementos para Posicionamento Vertical */
.divHMiddle {display:table; width:100%; height:100%; overflow:hidden; position:static; }
.divVMiddle {display:table-cell; vertical-align:middle; position:static;}
.ieDivCenter {/* Setado apenas para IE */}


/* ----------
	Principais Elementos Que Compões Estrutura do Site
---------- */
/* Elementos do Corpo */
#boxPrincipal, .bgrPrincipal {min-height:100%; margin:0px auto; text-align:left; position:relative; bottom:0px; z-index:1;}
#boxBottom {display:table;}
#boxConceitual {}
#boxMenuPrincipal {}
#boxColunaAuxiliar {}
#boxMiolo {}


/* Elementos do BackGround */
#boxBackGrounds {width:100%; height:100%; position:absolute; z-index:1; top:0px; right:0px; bottom:0px; left:0px; overflow:hidden;}
#boxBackGrounds #boxContentBGs {margin:0px auto; text-align:left; position:relative; z-index:1;}
#boxBackGrounds #boxContentBGs .bgrLeft,
#boxBackGrounds #boxContentBGs .bgrRight {display:block; position:absolute; top:0px; z-index:1;}



/* Elementos do Rodapé */
#boxRodape {width:100%; position:relative; z-index:1; overflow:hidden;}
#boxRodape #boxRodapeBGs {margin:0px auto; text-align:left; position:relative; z-index:1;}
#boxRodape #boxRodapeBGs .bgrLeft, 
#boxRodape #boxRodapeBGs .bgrRight {display:block; position:absolute; top:0px;}




/* ----------
	Backgrounds dos Elementos Principais
	- Valores Atuais Setados como Marcação
---------- */
body {background:url(../../img/bgr_site.gif) left top repeat;}

#boxPrincipal {}

#boxBackGrounds {background:url(../../img/bgr_site_top.gif) left top repeat-x;}
#boxBackGrounds #boxContentBGs .bgrLeft {}
#boxBackGrounds #boxContentBGs .bgrRight {}

#boxRodape {}
#boxRodape #boxRodapeBGs {background:url(../../img/bgr_boxRodape.png) left top repeat-y;}
#boxRodape .largConteudo {float:left; width:972px; padding-top:2px; background:url(../../img/fio_rodape_top.gif) left top repeat-x;}
#boxRodape #boxRodapeBGs .bgrLeft {}
#boxRodape #boxRodapeBGs .bgrRight {}


/* ----------
	Definições Básicas e Exemplos
---------- /
	Exemplo de Elementos de Posicionamento Vertical 
<div class="divHMiddle">
	<div class="divVMiddle">
		<div class="ieDivCenter">
			<div class="boxAtCenter" style="background-color:#9900CC;">
				Conteudo
			</div>
		</div>
	</div>
</div>
*/