body{
	
	background-color: #0611a2;
	font: verdana, variant, arial;
}

.topo
{
	margin: 0 auto;
	width: 749px;
	height: 182px;
	background-image: url('imagens/logo.jpg');
}

.meio
{
	margin: 0 auto;
	background-image: url('imagens/meio.jpg');
	width: 749px;
	height: 315px;
}

.esquerda
{
	width: 150px;
	*width: 168px;
	height: 314px;
	
	float: left;
	display: table;
}

.direita
{	
	width: 550px;
	height: 318px;
	float: right;
	display: table;
	text-align: justify;
	padding-left:5px;
	padding-right:10px;

}

.direitatexto
{
	overflow: auto;	
	height: 305px;
}

.direitarodape
{
	text-align: center;
	color: #b3b2b8;
}

.rodape
{
	margin: 0 auto;
	width:749px;
	height: 26px;
	background-image: url('imagens/rodape.jpg');
	clear: both;
	display: table;
}


.representada
{
	border-bottom: 4px;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-collapse: collapse;
}

.tdesquerda
{
	text-align: right;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
	border-bottom: 1px solid #8fbc8f;

	
	}
	
.menu ul li {
	position: relative;
	text-decoration: none;
	background-color: #008ab2;
	color: white;
	
	}
	
.menu ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #008ab2;
	padding: 5px;
	padding-left: 23px;
	border: 3px solid #ccc;
	border-bottom: 0;

	}



li:hover ul ul, li.over ul ul { 
display:none;

}

li:hover ul, li li:hover ul, li.over ul, 
li li.over ul { 
display: block; 

} /* Aqui a magica */





.menu a:hover {
  	 text-decoration: none; 
  	 background-color: #005d78;
	 color: yellow;  
	   }	


.radio
{
	height: 140px;
	width: 168px;
	*width: 168px;
	border-top: 3px solid #ccc;
	border-left: 3px solid #ccc;
	border-right: 3px solid #ccc;
	padding-left: 5px;
	background-color:#008ab2;
	color:white;
	
}

.radio input
{
	background-color: #d3d2d8;
	color: #008ab2;
}

.radio select
{
	background-color: #fff;
	color: #008ab2;
}

a{text-decoration: none;
border-bottom: 0;}

a:hover{
	text-decoration: none;
}