body{
	background-image:url(bg.jpg);
	background-repeat:repeat;
	text-align:center;
}


#geral {
	position:absolute;
	top:0%;
	left:50%;
	width:950px;
	height:934px;
	margin-left:-475px;
	margin-top:0px;
	text-align:center;
}


#paginas {
background-color:#FFFFFF;
background-image:none;
}

.div {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
}

.titulo {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
}

.oi {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#9A0C0F;
}

.texto {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6F2237;
}


/* Accordion*/
ul{margin:0;padding:0;}
ul.container{/* The topmost UL */width:250px;margin:0 auto; padding: 5px; margin-right:5px;}
li{list-style:none;}
li.menu{/* The main list elements */padding:5px 0;width:100%;}
li.button a{/* The section titles */
	display:block; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif font-size:15px;
	height:79px;
	overflow:hidden;
	padding:0px 0px 0;
	position:relative;
	width:270px; 
	text-align:center; 
	color:#7D1827;
}
li.button a:hover{/* Removing the inherited underline from the titles */text-decoration:none;}
li.button a span{/* This span acts as the right part of the section's background */height:79px;position:absolute;right:0;top:0;width:4px;display:block;}

/* Setting up different styles for each section color */
li.button a.red{background:url('red.png') no-repeat top left; padding-top:40px; color:#7D1827; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
/* The hover effects */

.dropdown{/* The expandable lists */display:none;padding-top:5px;width:100%; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #7D1827;}
.dropdown li{/* Each element in the expandable list */background-color:#373128;border:1px solid #40392C;color:#7D1827;margin:5px 0;padding:4px 18px;}
/* accordion */