/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background-image:url(../img/fundo.jpg);
	text-align:center;
	font-size:12px;
	font-family:verdana;
}
tr,td{
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:12px;
	font-family:verdana;
}
img{
	border:none;
}
a:link{
	color:#fa0;
}
a:active{
	color:#fa0;
}
a:visited{
	color:#f00;
}
a:hover{
	color:#f70;
}
.titulo{
	font-weight: bold;
	font-size:16px;
	padding-left:140px;
}
.subtitulo{
	padding-left:140px;
	font-size:14px;
}
#tudo{
	margin:auto;
	padding:0px;
	border:none;
	width:760px;
	text-align:left;
}
#topo{
	float:left;
	background-image:url(../img/topo.jpg);
	width:766px;
	height:219px;
	margin:0;
	padding:0px;
}
#conteudo{
	float:left;
	background-image:url(../img/botton.jpg);
	width:735px;
	height:270px;
	margin:0;
	padding:15px;
	padding-top:0px;
}

/* menu doc */
#menu_holder {
	height: 58px;
	width: 760px;
	display: block;
	position: absolute;
	top: -58px;
}
/* configura a direita */
#nav {
	height: 58px;
	width: 442px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(../img/right.png);
	background-repeat: no-repeat;
	background-position: right;
}
/* configura a esquerda */
#nav ul {
	margin: 0px;
	padding: 0px 0px 0px 21px;
	height: 58px;
	list-style-type: none;
	background-image: url(../img/left.png);
	background-repeat: no-repeat;
}
/* configura os links */
#nav li{
	margin: 0px;
	padding: 0px;
	float: left;
}
/* este daqui da o fundo e proporção diferenciada */
#nav li a:link, #nav li a:active, #nav li a:visited {
	background-image: url(../img/middle.png);
	background-repeat: repeat-x;
	height: 58px;
	width: 100px;
	display: block;
	line-height: 58px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 120%;
}
/* este daqui da o efeito de hober */
#nav li a:focus, #nav li a:hover{
	text-decoration : none;
	-moz-outline:0;
	color: #FFFFFF;
	background-color:#000000;
	filter:alpha(opacity=70);
}