/* CSS Document */

body {
	margin: 0;
	background: url(images/bar1.jpg)  repeat-x;
	background-color:#C4C8D3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

.bt_opcao {
	color:#999999;
	text-decoration:none;
}

.bt_opcao:hover {
	color:#333333;
	text-decoration:underline;
}

.title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:600;
	color:#333333;
}

ul#menu_horizontal {
	background: #f7f7f7;
  	list-style: none;
  	margin: 0;
  	padding: 0;
  	width: 770px;
}

ul#menu_horizontal li{
  	float: left;
  	/*
  	display: inline; testar se no final vai dar na mesma por causa desse comando!!!
  	margin-right: 2px;*/
}

ul#menu_horizontal li a{
  	display: block;
  	background: #ccc;
  	width: 89px;
  	height: 17px;
  	_height: 20px;
  	font: 11px Verdana;
  	text-decoration: none;
  	text-align: center;
  	color: #fff;
  	padding-top: 2px;
  	border: 1px solid #F2F2F2;
}
  
ul#menu_horizontal li a:hover{
  	font-weight: bold;
  	color: #FFFFFF;
  	background:#485B82;
  	/* border: 1px solid silver; */
}