@charset "utf-8";
/* Documento CSS 
Autora: Eiko Saito de Lima - Data: 29-09-2006 - 1ª Alteração: 22-11-2006  - 2ª Alteração: 28-06-2007*/

/* Geral */
@import url('fontes.css');
* {
/* o asterisco seleciona todos os elementos do HTML. Com este procedimento estou tirando as propriedades que irão atrapalhar no decorrer do trabalho */
	margin: 0;
	padding: 0;
	list-style: 0;
	text-decoration: none;
}
h3 , h3 a{margin:0; padding:0;}
body {
	background:#3089bf url(../images/bkg/bg2.jpg) repeat-x scroll 0 0;
}
#geral{
	/*border:1px solid #039;*/
	margin: 0 auto;
	width: 776px;
	background:#3089bf url(../images/bkg/borda.jpg) repeat-x scroll 0 0;
}
#geral2{
	margin: 0 auto;
	width: 772px;
	background:#ffffff;
}

/* O 'topo' contém o logo da FMO, o menu de serviços e o banner 468x60. Estes 2 últimos estão dentro da div cabecalho.*/
#topo h1{
	float:left;
}
/*Logo FMO*/
#topo h1 a{
	display:block;
	width:105px;
	height:80px;
	background:url(../images/logook.gif) no-repeat top center;
	font:20px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	text-indent: -1000px;
	overflow:hidden;
	margin:8px 32px 7px 32px;
}
/* Dentro do 'cabecalho' estão o menu de serviços e o banner 468x60*/
#cabecalho{
	margin-right:5px;
	float: right;
	width: 596px;
}
/*menu de serviços do Cabeçalho e do Rodapé*/
#cabecalho ul{
	color:#3266CC;
	width:100%;
	display: table;
}

#cabecalho ul li{
	width:100%;
	display:inline;		
}
#cabecalho ul li a{
	display: table;	

	font: 11px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color:#3266CC;	
	margin:2px 0 0 0;	
	padding:2px 10px;	
}
#cabecalho ul li a{float: right; border-left:1px solid #3266CC;}
#cabecalho ul li a:hover{background:#4896FF; color: white;}
#cabecalho ul li.prim-servicos a{border: none;}

/*banner 468x60 */
#banner-486x60{
	clear:both;
	text-align:center;
	margin: 7px auto 13px auto;
	width:468px;
	height:60px;
}
#banner-486x60 a{
	text-indent: -2000px;
	overflow:hidden;
}

/*Menu Principal */
#menuPrincipal{
	clear: both;
	font:12px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	height:35px;
}
#menuPrincipal ul{
	background:#3366cc;
	clear: both;
	width:765px;
	display: table;
	margin:0 auto;
	text-align:center;
}
#menuPrincipal ul li{
	display: inline;
}
#menuPrincipal ul li a{
	display: table;
	float:left;	
	color:#FFF;
	font-weight:bold;
/*	border-top:0.1em solid #3366cc;*/
	border-right: 1px solid #fff;
/*	border-bottom:0.1em solid #fff;*/	
	border-left: 1px solid #fff;
	margin: 0;
	/*border-left: 0.1em solid #CCC;
	border-right: 0.1em solid #004D7B;*/
	padding:9px 1.6em 9px 1.6em;			
}


#menuPrincipal ul li a.direito {
	padding:9px 1.7em 9px 1.71em;
}
#menuPrincipal ul li a.esquerdo {
	padding:9px 1.8em 9px 1.8em;
}
#menuPrincipal ul li a:hover{ 
	background:#B3CFE0;
	color:#036;
}
#menuPrincipal ul li a.selecionado{ 
	background:#CCB98F;
	color:#036;
}
/*Rodapé*/
#rodape{
	border-top:#2376a8 1px solid;
	background:#3089bf;
	clear:both;
	margin:0;
	text-align:center;
	/*width: 772px;*/
	padding:5px 0 10px 5px;
}
#rodape h5{
	margin:0 10px;
	text-align:left;
	color:#fff;
	font: 10px Arial, Georgia, Verdana, Helvetica, sans-serif;	
}
#rodape address{
	text-align:right;
	font: normal 11px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	line-height:normal;
	margin: 10px 3px;
}
#rodape address a.fn{
	font: 800 14px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;	
}

#rodape address a{
	font: 12px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;	
	color:#fff;	
	text-decoration:none;
}
#rodape address a:hover{
	color: #FFAF00;
	text-decoration:underline;
}

/*ir para o topo da página - Solução encontrada no site www.maujor.com*/
div.irtopo img {
	bottom:0pt;
	position:fixed;
	right:0pt;
}#geral #geral2 #conteudo #cttSecao #cttCentral table {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
