/* CSS Document */

* {
	margin:0;
	padding:0;
	border:0;
}

html {
	/*scrollbar-stuff*/
   	scrollbar-face-color: #313131; 
	scrollbar-highlight-color: #313131; 
	scrollbar-shadow-color: #313131; 
	scrollbar-3dlight-color: #313131; 
	scrollbar-arrow-color: #fff; 
	scrollbar-track-color: #f9f8f3; 
	scrollbar-darkshadow-color: #313131;

	width:100%;
	height:100%;
	overflow:hidden;
}

body {
	height:100%;
}

/* ------------ */
/* --- HOME --- */
/* ------------ */

#body2_home {
	background:url(imagens/home_html_bg.gif) 0 0 repeat-x;
	height:100%;
}

#body3_home {
	background:url(imagens/home_body_bg.gif) 0 700px repeat-x;
	height:100%;
}

#imagem_background {
	position:absolute;
	z-index:9;
	/*
	100%: PARA FUNCIONAR, BASTA COLOCAR A LARGURA E ALTURA REAL DA IMAGEM NO JS DO HTML (UNICA ALTERACAO MANUAL DESSE SCRIPT)
	QUE O JS FARÁ ISSO AUTOMATICAMENTE DE ACORDO COM O VIEWPORT:
	
	width:100%; ou height100%;
	height:auto;
	*/
	height:100%;
	overflow:hidden;
}

#menu {
	position:absolute;
	z-index:999;
	
	width:657px;
	top:0;
	left:50%;
	margin:0 0 0 -328px; /* METADE LARGURA */
}

#main {
	position:absolute;
	z-index:99;
	
	width:990px;
	height:680px;
	overflow:hidden;
	
	top:50%;
	left:50%;
	margin:-340px 0 0 -495px; /* METADE ALTURA,LARGURA */
}

#rodape {
	position:absolute;
	z-index:999;

	width:823px;
	height:152px;
	overflow:hidden;
	
	bottom:0;
	left:50%;
	margin:0 0 0 -411px; /* METADE LARGURA */
}

/* --------------- */
/* --- INTERNA --- */
/* --------------- */

#body2_int {
	background:url(imagens/int_body_bg.gif) 0 0 repeat;

}

#geral {
	margin:0 auto 0 auto;
	width:970px;
}