@charset "utf-8";
body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../imagens/mosaico.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.estilo #header {
	width: 760px;
	height: 125px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
} 

.estilo #container {
	width: 760px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	opacity:.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	height: 550px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.estilo #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 720px;
}

.estilo #footer {
	height: 18px;
	width: 760px;
	background-color:#000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	color: #999999;
	text-align:right;
	font:.1em;
	border-bottom: #000000 5px solid;
    border-top: #000000 10px solid;
	
}

/*layout da DIV #menu*/
.estilo #menu {
	width: 760px;
	height: 33px;
	margin: 0 auto;
}

ul.menu {
	list-style-type:none;
	width:760px;
	position:relative;
	display:block;
	height:33px;
	font-size:.6em;
	background:url(../imagens/bg.jpg) repeat-x top left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	margin:0 auto;
	padding:0;
}

ul.menu li {
	display:block;
	float:left;
	margin:0 auto;
	padding:0;
}

ul.menu li a {
	float:left;
	color:#A79787;
	text-decoration:none;
	height:24px;
	padding:9px 15px 0;
}

ul.menu li a:hover,.current {
	color:#fff;
	background:url(../imagens/bg.jpg) repeat-x top left;
}

ul.menu .current a {
	color:#fff;
	font-weight:700;
}


/*RED*/
ul.menu.red{
	background-color:#000000;
}
ul.menu.red li a:hover, .menu.red li.current {
	background-color: #FF0000;
}