body{
	background: url(../imagens/bg_geral.gif) no-repeat top center;
	margin: 0px;
}

*{
	margin: 0;
	padding: 0 
}

ul{ margin: 0px; }
a{ outline: none; }

#page{
	width: 780px;
	height: auto;
	margin: 0 auto;
}

	#header{
		width: 771px;
		height: 285px;
		height: 285px;
		margin: 0 0 0 9px;
	}

	#header h1 a{
		width: 188px;
		height: 98px;
		background: url(../imagens/logo_sindisfac.gif) no-repeat;
		text-indent: -9000px;
		display: block;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	/* Busca e Acesso Restrito */
	.info_topo{
		width: 460px;
		height: 54px;
		float: left;
		padding: 17px 0 0 123px;
	}
	
	.info_topo span.busca{
		width: 202px;
		height: auto;
		float: left;
		margin: 0 0 0 7px;
	}
	
	.info_topo span.acesso_restrito{
		width: 235px;
		height: auto;
		float: left;
		margin: 0 0 0 16px;
	}
	
		.info_topo span.busca label, .info_topo span.acesso_restrito span label{
			height: 10px;
			background: url(../imagens/seta.gif) no-repeat 3px 4px;
			display: block;
			font-family: "Verdana", Arial, Helvetica;
			font-size: 10px;
			padding: 0 0 0 9px;
			margin: 0 0 3px 0;
			color: #08376a;
		}
		
		.info_topo span.acesso_restrito label a{
			width: 150px;
			display: block;
			float: left;
			clear: both;
			font-family: "Verdana", Arial, Helvetica;
			font-size: 10px;
			text-decoration: none;
			color: #08376a;
		}
		
		/* Input e Submit Busca */
		.info_topo span.busca input[type="text"]{
			width: 144px;
			height: 15px;
			background: url(../imagens/bg_input.gif) repeat-x;
			border: solid 1px #bcbcbc;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			font-family: "Verdana", Arial, Helvetica;
			font-size: 11px;
			padding: 2px 0 0 1px;
			float: left;
		}
		
		.info_topo span.busca input[type="submit"]{
			width: 51px;
			height: 19px;
			background: url(../imagens/bt_buscar.gif) no-repeat;
			display: block;
			text-indent: -9000px;
			border: none;
			cursor: pointer;
			margin: 0 0 0 3px;
			float: left;
			/* IE */
			font-size: 0px;
			line-height: 0px;
		}
		
		/* Input, Password e Submit Acesso Restrito */
		.info_topo span.acesso_restrito span.acesso_usuario, .info_topo span.acesso_restrito span.acesso_senha{
			width: 90px;
			height: auto;
			float: left;
		}
		
		.info_topo span.acesso_restrito span input[type="text"], .info_topo span.acesso_restrito span input[type="password"]{
			width: 84px;
			height: 15px;
			background: url(../imagens/bg_input.gif) repeat-x;
			border: solid 1px #bcbcbc;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			font-family: "Verdana", Arial, Helvetica;
			font-size: 11px;
			padding: 2px 0 0 1px;
			float: left;
		}
		
		.info_topo span.acesso_restrito button[type="button"]{
			width: 55px;
			height: 19px;
			background: url(../imagens/bt_acessar.gif) no-repeat;
			display: block;
			text-indent: -9000px;
			border: none;
			cursor: pointer;
			margin: 13px 0 0 0;
			float: left;
			/* IE */
			font-size: 0px;
			line-height: 0px;
		}

	/* Menu Principal - Topo */
	.menu_topo ul{
		height: 27px;
		list-style: none;
		float: left;
		display: block;
	}
	
		.menu_topo ul li{
			float: left;
		}
		
		.menu_topo ul li.institucional a{
			width: 108px;
			height: 27px;
			background: url(../imagens/bt_institucional.gif) no-repeat;
			text-indent: -9000px;
			display: block;
			float: left;
			margin: 0 3px 0 18px;
		}
			
			.menu_topo ul li.institucional a:hover{
				background: url(../imagens/bt_institucional_over.gif) no-repeat;
			}
		
		.menu_topo ul li.informacao a{
			width: 103px;
			height: 27px;
			background: url(../imagens/bt_informacao.gif) no-repeat;
			text-indent: -9000px;
			display: block;
			float: left;
			margin: 0 3px 0 0;
		}
		
			.menu_topo ul li.informacao a:hover{
				background: url(../imagens/bt_informacao_over.gif) no-repeat;
			}
			
		.menu_topo ul li.empresasfiliadas a{
			width: 138px;
			height: 27px;
			background: url(../imagens/bt_empresasfiliadas.gif) no-repeat;
			text-indent: -9000px;
			display: block;
			float: left;
			margin: 0 3px 0 0;
		}
		
			.menu_topo ul li.empresasfiliadas a:hover{
				background: url(../imagens/bt_empresasfiliadas_over.gif) no-repeat;
			}
		
		.menu_topo ul li.servicos a{
			width: 88px;
			height: 27px;
			background: url(../imagens/bt_servicos.gif) no-repeat;
			text-indent: -9000px;
			display: block;
			float: left;
			margin: 0 3px 0 0;
		}
		
			.menu_topo ul li.servicos a:hover{
				background: url(../imagens/bt_servicos_over.gif) no-repeat;
			}
		
		.menu_topo ul li.faleconosco a{
			width: 116px;
			height: 27px;
			background: url(../imagens/bt_faleconosco.gif) no-repeat;
			text-indent: -9000px;
			display: block;
			float: left;
		}
		
			.menu_topo ul li.faleconosco a:hover{
				background: url(../imagens/bt_faleconosco_over.gif) no-repeat;
			}
		
	/* Menu Acesso Rapido */
	.menu_acesso_rapido{
		width: 188px;
		height: 137px;
		float: left;
		padding: 37px 0 0 0;
		margin: 3px 0 0 0;
		background: url(../imagens/tit_acesso_rapido.gif) no-repeat 90px 13px;
	}
	
	.menu_acesso_rapido ul{
		width: 160px;
		height: auto;
		list-style: none;
		float: right;
	}
	
		.menu_acesso_rapido ul li{
			width: 145px;
			height: 15px;
			background: url(../imagens/bg_li_acesso.gif) no-repeat right top;
			text-align: right;
			font-family: "Verdana", Arial, Helvetica;
			font-size: 11px;
			padding: 1px 15px 0 0;
			margin: 0 0 2px 0;
			/* IE */
			line-height: 13px;
		}
		
			.menu_acesso_rapido ul li a{
				text-decoration: none;
				color: #000;
			}
			
			.menu_acesso_rapido ul li a:hover{
				text-decoration: underline;
			}

	.banner_geral{
		width: 565px;
		height: 185px;
		background: url(../imagens/lateral_banner_geral.gif) no-repeat 0 3px;
		display: block;
		float: left;
		padding: 2px 0 0 12px;
		margin: 0 0 0 6px;
	}
	
	/* Corpo do Site */
	#page-body{
		width: 771px;
		height: auto;
		margin: 0 0 0 9px;
	}
		
		/* Indices e Noticias Economicas */
		#indice{
			width: 771px;
			height: auto;
			float: left;
			margin: 6px 0 10px 0;
			background: url(../imagens/tit_info_indices.gif) no-repeat top right;
		}
		
			.box_grafico{
				width: 188px; 
				height: 197px; 
				float: left;
				overflow: hidden;
				margin: 0 3px 0 0;
			}
			
				.box_grafico object{
					width:190px;
					height:235px;
					margin: -25px 0 0 0;
					display: block;
				}
		
		.box_indice{
			width: 375px;
			height: 174px;
			float: left;
			margin: 23px 5px 0 0;
			background: url(../imagens/fonte.gif) no-repeat 200px 155px;
		}
		
			#indices_financeiros table{
				width: 350px;
				height: auto;
				font-family: "Verdana", Arial, Helvetica;
				font-size: 11px;
				border: none;
				float: left;
				text-align: left;
				margin: 13px 0 0 15px;
				font-weight: normal;
			}
			
			#indices_financeiros table tr td{
					border: none;
					padding: 2px 0 2px 12px;
			}
			
				#indices_financeiros table tr th, #indices_financeiros table tr td{
					border-bottom: dashed 1px #CCC;
				}
				
				#indices_financeiros table tr.alta  td {
					background: url(../imagens/seta_positivo.gif) no-repeat 1px 5px;
					color: #009900;
				}
				
				#indices_financeiros table tr.baixa td {
					background: url(../imagens/seta_negativo.gif) no-repeat 1px 5px;
					color: #ff0000;
				}
				
				#indices_financeiros table tr.estavel  td {
					background: url(../imagens/ico_nulo.gif) no-repeat 1px 5px;
				}
			
			.box_noticias_economicas{
				width: 200px;
				height: auto;
				float: left;
				margin: 23px 0 0 0;
				padding: 2px 0 0 0;
			}
			
			
			
		/* Geral (Enquetes, Noticias, Eventos,...) */
		#info_index{
			width: 771px;
			height: auto;
			background: url(../imagens/bg_body_bottom.gif) no-repeat;
			float: left;
			padding: 10px 0 0 0;
		}
			
			/* Box Parceiros */
			.box_parceiros{
				width: 182px;
				height: auto;
				display: block;
				padding: 0 0 0 5px;
				float: left;
			}
			
				.box_parceiros h1{
					width: 183px;
					height: 13px;
					display: block;
					background: url(../imagens/tit_parceiros.gif) no-repeat;
					text-indent: -9000px;
					float: left;
				}
				
				.box_infor{
					width: 183px;
					height: 67px;
					font-family: "Verdana", Arial, Helvetica;
					font-size: 11px;
					padding: 0px;
					margin: 0px;
					display: block;
					
				}
				
					.box_infor a{
						text-decoration: none;
						color: #08376a;
						padding: 0 0 0 12px;
						background: url(../imagens/ico_seta_infor.gif) no-repeat 0 2px;
					}
			
			/* Formato Geral Noticias - Index */
		
			span.titulo_not a{
				width: 100%;
				font-family: "Verdana", Arial, Helvetica;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;
				margin: 8px 0 2px 0;
				color: #08376a;
				float: left;
				clear: both;
			}
			
				span.titulo_not a:hover{
					text-decoration: underline;
				}
			
			span.cont_not{
				width: 100%;
				font-family: "Verdana", Arial, Helvetica;
				font-size: 11px;
				color: #000;
				display: block;
				float: left;
				clear: both;
			}
			
			/* Box Cursos */
			.box_cursos{
				width: 178px;
				height: auto;
				float: left;
				margin: 0 0 0 11px;
			}
            
                .box_cursos a{
                    color:#08376A!important;
                    font-family:"Verdana",Arial,Helvetica;
                    font-size:11px;
                    font-weight:bold;
                    text-decoration:none;
                }
            
				.box_cursos h1{
					width: 178px;
					height: 13px;
					background: url(../imagens/tit_cursos.gif) no-repeat;
					text-indent: -9000px;
					display: block;
					float: left;
				}
				
				.box_cursos ul.conteudo{
					list-style: none;
					font-family: "Verdana", Arial, Helveica;
					font-size: 11px;
					margin: 10px 0 0 0;
					float: left;
				}
				
					.box_cursos ul.conteudo li{
						margin: 0 0 7px 0;
						padding: 0;
					}
				
						.box_cursos ul.conteudo li a{
							text-decoration: none;
							color: #000;
						}
					
						.box_cursos ul.conteudo li a:hover{
							text-decoration: underline;
						}
					
			/* Box Enquete */
			.box_enquete{
				width: 178px;
				height: auto;
				float: left;
				margin: 0 0 0 13px;
			}
			
				.box_enquete h1{
					width: 178px;
					height: 13px;
					background: url(../imagens/tit_enquete.gif) no-repeat;
					text-indent: -9000px;
					display: block;
					float: left;
				}
				
				.box_enquete span{
					width: 168px;
					height: auto;
					padding: 0px;
					display: block;
					float: left;
					margin: 5px 0 0 0;
				}
				
				.box_enquete span input[type="radio"]{
					width: 13px;
					height: 13px;
					padding: 0px;
					margin: 1px 2px 0 0;
					float: left;
				}
				
				.box_enquete p{
					font-family: "Verdana", Arial, Helvetica;
					font-size: 11px;
					margin: 8px 0 2px 0;
					float: left;
				}
				
				.box_enquete form{
					font-family: "Verdana", Arial, Helvetica;
					font-size: 11px;
					padding: 0 0 5px 0;
					float: left;
					display: block;
				}
				
			/* Box Eventos */
			.box_eventos{
				width: 178px;
				height: auto;
				float: left;
				margin: 10px 0 0 0;
			}
			
				.box_eventos h1{
					width: 178px;
					height: 13px;
					background: url(../imagens/tit_eventos.gif) no-repeat;
					text-indent: -9000px;
					display: block;
					float: left;
				}
				
				.box_eventos span.titulo_not, .box_eventos span.cont_not{
					margin-left: 3px;
					margin-right: 4px;
					float: left;
				}
				
			.box_news{
				width: 174px;
				height: auto;
				float: left;
				margin: 0 0 0 10px;
			}
			
				.box_news h1{
					width: 174px;
					height: 13px;
					background: url(../imagens/tit_news.gif) no-repeat;
					text-indent: -9000px;
					display: block;
					float: left;
				}
				
			.box_news p{
				font-family: "Verdana", Arial, Helvetica;
				font-size: 10px;
			}
			
				.box_news span label{
					width: 157px;
					height: 10px;
					background: url(../imagens/seta.gif) no-repeat 3px 4px;
					display: block;
					font-family: "Verdana", Arial, Helvetica;
					font-size: 10px;
					padding: 0 0 0 9px;
					margin: 0 0 3px 0;
					color: #08376a;
					float: left;
				}
				
				.box_news form{
					margin: 3px 0 0 6px;
				}
				
				.box_news span input[type="text"]{
					width: 157px;
					height: 15px;
					background: url(../imagens/bg_input.gif) repeat-x;
					border: solid 1px #bcbcbc;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					font-family: "Verdana", Arial, Helvetica;
					font-size: 11px;
					padding: 2px 0 0 1px;
					float: left;
				}
				
				.box_news span input[type="submit"]{
					width: 51px;
					height: 19px;
					background: url(../imagens/bt_enviar.gif) no-repeat;
					text-indent: -9000px;
					border: none;
					display: block;
					cursor: pointer;
					float: left;
					clear: both;
					margin: 3px 0 0 0;
					/* IE */
					font-size: 0px;
					line-height: 0px;
				}
				
				.box_news img{
					margin: 5px 0 3px 0;
				}
				
			span.titulo_news{
				width: 100%;
				font-family: "Verdana", Arial, Helvetica;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;
				margin: 0 0 2px 0;
				display: block;
				color: #08376a;
				clear: both;
			}
			
			/* Box Noticias Sindisfac */
			.box_noticias_sindisfac{
				width: 193px;
				height: auto;
				float: left;
				margin: 0 0 0 8px;
			}
			
				.box_noticias_sindisfac h1{
					width: 193px;
					height: 13px;
					background: url(../imagens/tit_noticias.gif) no-repeat;
					text-indent: -9000px;
					display: block;
					float: left;
				}
				
			/* Logado */
			span.logado{
				height: 10px;
				background: url(../imagens/seta.gif) no-repeat 3px 4px;
				display: block;
				font-family: "Verdana", Arial, Helvetica;
				font-size: 10px;
				padding: 0 0 0 9px;
				margin: 0 0 3px 0;
				color: #08376a;
			}
				
			/* Box Esqueci minha senha */
			#esqueciSenha{
				width: 187px;
				background-color: #DADADA;
				border:1px solid #CCC;
			}

			#topoSenha{
				width: 187px;
				height: 18px;
				background-color: #08376A;
			}

			#conteudoSenha{
				width: 187px;
				text-align: left;
				padding-left:5px;
				padding-right:5px;
			}
			
				#conteudoSenha p{
					font-family: "Verdana", Arial, Helvetica;
					font-size: 11px;
				}
			
			#conteudoSenha table tr td{
				font-family: "Verdana", Arial, Helvetica;
				font-size: 10px;
			}
			
			#conteudoSenha table tr td a{
				text-decoration: none;
				color: #ed1d25;
			}
			
			#conteudoSenha table tr td input[type="text"]{
				width: 80px;
				height: 15px;
				background: url(../imagens/bg_input.gif) repeat-x;
				border: solid 1px #bcbcbc;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				font-family: "Verdana", Arial, Helvetica;
				font-size: 11px;
				padding: 2px 0 0 1px;
				float: left;
			}
			
			#conteudoSenha table tr td input[type="image"]{
				width: 51px;
				height: 19px;
				background: url(../imagens/bt_enviar.gif) no-repeat;
				text-indent: -9000px;
				border: none;
				display: block;
				cursor: pointer;
				clear: both.
				/* IE */
				font-size: 0px;
				line-height: 0px;
			}
			
	/* Rodape Geral */
	#footer{
		width: 771px;
		height: 80px;
		background: url(../imagens/fundo_rodape.gif) no-repeat 0 24px;
		border-top: dashed 1px #bfbfbf;
		margin: 10px 0 0 9px;
		float: left;
	}
	
		.menu_footer ul{
			width:  614px;
			height: 19px;
			list-style: none;
			margin: 0 auto;
			padding: 4px 0 0 171px;
		}
		
			.menu_footer ul li{
				font-family: "Verdana", Arial, Helvetica;
				font-size: 11px;
				float: left;
				padding: 0 11px;
				border-left: solid 1px #a6a6a6;
			}
			
				.menu_footer ul li a{
					text-decoration: none;
					color: #000;
				}
				
				.menu_footer ul li a:hover{
					text-decoration: underline;
				}
			
			.menu_footer ul li:first-child{
				border-left: none;
				padding: 0 11px 0 0;
			}
			
			.menu_footer ul li:last-child{
				padding: 0 0 0 11px;
			}
			
	.address{
		width: 650px;
		height: auto;
		float: left;
		font-family: "Verdana", Arial, Helvetica;
		font-size: 11px;
		color: #000;
		padding: 10px 0 0 10px;
	}
	
	#footer a.assinatura{
		width: 65px;
		float: right;
		text-align: right;
		margin: 10px;
		font-family: "Verdana", Arial, Helvetica;
		font-size: 11px;
		text-decoration: none;
		color: #000;
	}
	
		#footer a.assinatura:hover{
			text-decoration: underline;
		}
