@charset "utf-8";
	
	/* -- CORES -- */
	
	a 
	{
		color: #016e7b;
	}
	.janela .titulo, .esq h5, .cen_news .titulo_news, .cen_conteudo h2
	{
		color: #016e7b;
	}
	.cen_bottom 
	{
		background-color: #016e7b;
		text-align: right;
	}
	.admin, .admin a
	{
		color: red;
		font-weight: bold;
		text-decoration: none;
	}
	
	/* -- STARTUP -- */
	
	body 
	{
		background-color: #666;
		background-image: url(../images/body.png);
		background-repeat: repeat-x;
		margin: 0; 
		padding: 0; 
		font-family: Verdana; 
		font-size: 12px;
	}
	
	/* -- ESTRUTURA DO SITE -- */
		
	.principal 
	{
		width: 918px; 
		margin: 50px auto; 
		padding: 0; 
		background-color: white;
	} 
	
		.sombra_topo 
		{
			position: relative; 
			display: inline-block; 
			width: 918px; 
			height: 9px; 
			background-image: url(../images/sombra_topo.png); 
			background-repeat: no-repeat;
		}
		
		.sombra_meio 
		{
			position: relative; 
			display: inline-block; 
			width: 918px; 
			padding: 0 9px 0 9px; 
			background-image: url(../images/sombra_meio.png); 
			background-repeat: repeat-y;
		}
		
		.sombra_baixo 
		{
			position: relative; 
			display: inline-block; 
			width: 918px; 
			height: 9px; 
			background-image: url(../images/sombra_baixo.png); 
			background-repeat: no-repeat;
		}
	
		/* �rea do topo */
		
		.topo 
		{
			position: relative; 
			display: inline-block; 
			width: 900px; 
			height: 160px; 
			border-bottom: 1px solid #CCC; 
			background-image: url(../images/top.png); 
			background-repeat: repeat-x;
		}
		
			/* Caixa de login */
		
			.topo .login 
			{
				position: absolute; 
				right: 0; 
				top: -30px; 
				font-family: Verdana; 
				font-size: 11px;
				color: #ddd;
			}
			
				.topo .login a
				{
					color: #ddd;
					text-decoration: none;
				}
			
			/* Logomarca */
			
			.topo .logo 
			{
				position: absolute; 
				left: 26px; 
				top: 36px;
				z-index: 99999;
			}
			
			/* Imagem decorativa do topo direito */
			
			.topo .imagem 
			{
				position: absolute; 
				right: 0; 
				top: 0; 
				width: 730px; 
				height: 160px; 
				background-image: url(../images/imagem.png);
			}
			
		/* Menus do site */	
			
		.menu 
		{
			position: relative; 
			display: inline-block; 
			width: 900px; 
			padding: 0; 
			background-image: url(../images/menu.png);
			background-repeat: repeat-x;
			border-bottom: 10px solid #53a0a9;
		}
			.menu ul 
			{
				margin: 0; 
				padding: 0;
			}
				.menu li 
				{
					cursor: pointer; 
					width: 90px; 
					text-align: center; 
					margin: 0 0 -10px 0; 
					padding: 4px 10px 4px 10px; 
					list-style: none; 
					float: left; 
					font-size: 14px; 
					font-weight: bold; 
					font-family: Arial; 
					letter-spacing: -1px; 
					border-bottom: 10px solid #ddd;
					overflow: hidden;
					white-space: nowrap;
				}
					.menu a 
					{
						padding: 10px; 
						text-decoration: none;
						color: black;
					}
					
					/* Menu 1 - Laranja */
					
					.menu .l1 
					{
						border-bottom: 10px solid #53a0a9;
					}
						.menu .l1:hover 
						{
							background-color: #53a0a9; 
							color: white;
						}
						.menu .l1 a:hover
						{
							color: white;
						}
						.menu .l1_active 
						{
							border-bottom: 10px solid #53a0a9; 
							background-color: #53a0a9; 
							color: white;
						}
						.menu .l1_active  a
						{
							color: white;
						}
						
					/* Menu 2 - Azul escuro */	
						
					.menu .l2 
					{
						border-bottom: 10px solid #367178;
					}
						.menu .l2:hover 
						{
							background-color: #367178; 
							color: white;
						}
						.menu .l2 a:hover
						{
							color: white;
						}
						.menu .l2_active 
						{
							border-bottom: 10px solid #367178; 
							background-color: #367178; 
							color: white;
						}
						.menu .l2_active  a
						{
							color: white;
						}
						
					/* Menu 3 - Vermelho */
						
					.menu .l3 
					{
						border-bottom: 10px solid #003a42;
					}
						.menu .l3:hover 
						{
							background-color: #003a42; 
							color: white;
						}
						.menu .l3 a:hover
						{
							color: white;
						}
						.menu .l3_active 
						{
							border-bottom: 10px solid #003a42; 
							background-color: #003a42; 
							color: white;
						} 
						.menu .l3_active  a
						{
							color: white;
						}
						
					/* Menu 4 - Laranja */	
						
					.menu .l4 
					{
						border-bottom: 10px solid #025660;
					}
						.menu .l4:hover 
						{
							background-color: #025660; 
							color: white;
						}
						.menu .l4 a:hover
						{
							color: white;
						}
						.menu .l4_active 
						{
							border-bottom: 10px solid #025660; 
							background-color: #025660; 
							color: white;
						}
						.menu .l4_active  a
						{
							color: white;
						}
						
					/* Menu 5 - Cinza */	
						
					.menu .l5 
					{
						border-bottom: 10px solid #016e7b;
					}
						.menu .l5:hover 
						{
							background-color: #016e7b; 
							color: white;
						}
						.menu .l5 a:hover
						{
							color: white;
						}
						.menu .l5_active 
						{
							border-bottom: 10px solid #016e7b; 
							background-color: #016e7b; 
							color: white;
						}
						.menu .l5_active  a
						{
							color: white;
						}
						
					/* Menu 6 - Azul escuro */	
						
					.menu .l6 
					{
						border-bottom: 10px solid #025660;
					}
						.menu .l6:hover 
						{
							background-color: #025660; 
							color: white;
						}
						.menu .l6 a:hover
						{
							color: white;
						}
						.menu .l6_active 
						{
							border-bottom: 10px solid #025660; 
							background-color: #025660; 
							color: white;
						}
						.menu .l6_active  a
						{
							color: white;
						}
					
					/* Menu 7 - Laranja */
					
					.menu .l7 
					{
						border-bottom: 10px solid #53a0a9;
					}
						.menu .l7:hover 
						{
							background-color: #53a0a9; 
							color: white;
						}
						.menu .l7 a:hover
						{
							color: white;
						}
						.menu .l7_active 
						{
							border-bottom: 10px solid #53a0a9; 
							background-color: #53a0a9; 
							color: white;
						}
						.menu .l7_active  a
						{
							color: white;
						}
		
		/* Caixa de buscas */
		
		.busca 
		{
			position: relative; 
			display: inline-block; 
			width: 880px; 
			padding: 10px; 
			background-color: #f0f0f0; 
			background-image: url(../images/busca.png); 
			background-repeat: repeat-x; 
			font-family: Verdana;
		}
			.busca .esq 
			{
				position: relative; 
				float: left; 
				font-family: Trebuchet MS; 
				font-size: 22px; 
				font-weight: bold; 
				color: #666; 
				letter-spacing: -1px;
			}
				.busca .esq img
				{
					margin-right: 10px;	
				}
			.busca .dir 
			{
				position: relative; 
				width: 270px; 
				float: right; 
				text-align: right;
			}
				.busca .dir #buscar 
				{
					position: relative; 
					border: 1px solid #999; 
					background-color: white; 
					background-image: url(../images/campos.png); 
					background-repeat: repeat-x; 
					width: 260px; 
					font-family: Arial; 
					font-size: 16px; 
					font-weight: bold; 
					color: #025660;
				}
				.busca .dir .lupa 
				{
					position: absolute; 
					right: 6px; 
					top: 6px;
				} 		
				
		/* �rea do conte�do */		
				
		.conteudo 
		{
			position: relative; 
			display: inline-block; 
			width: 900px;
			background-image: url(../images/conteudo.png);
			background-repeat: repeat-x;
		}
		
			/* Coluna 1 - Esquerda */
		
			.conteudo .esq 
			{
				position: relative; 
				display: inline-block; 
				width: 200px; 
				float: left;
			}	
				.esq h5 
				{
					margin: 10px; 
					font-family: Arial; 
					font-size: 18px; 
					letter-spacing: -1px;
				}
				.esq p
				{
					margin: 10px 20px 10px 20px;
					font-size: 11px;
					line-height: 18px;
				}
				.esq ol
				{
					margin: 10px 20px 10px 40px;
					padding: 0;
				}
					.esq ol li
					{
						margin: 0 0 10px 0;
						padding: 0;
						font-size: 11px;
						line-height: 18px;
					}
				.esq .lista 
				{
					margin: 10px; 
					padding: 0;
				}
				
					/* Submenus da esquerda */
				
					.lista li 
					{
						list-style: none; 
						margin: 0;
						padding: 4px 0 4px 16px; 
						border-bottom: 1px dotted #b0b0b0; 
						font-family: Verdana; 
						font-size: 11px; 
						background-image: url(../images/seta.png); 
						background-repeat: no-repeat; 
						background-position: 0px 6px;
					}
					.lista a 
					{
						text-decoration: none; 
						color: #333;
					}
						.lista a:hover 
						{
							color: #CC0000;
						}
					
				/* Abas da esquerda */	
					
				.esq #abas 
				{
					position: relative; 
					display: inline-block; 
					width: 200px; 
					margin: 0 10px -1px 10px; 
					padding: 0; 
					z-index: 2;
				}
					#abas li 
					{
						list-style: none; 
						margin: 0 3px 0 0;
						padding: 6px; 
						background-color: #e4e4e4;
						border-left: 1px solid #ddd; 
						border-right: 1px solid #ddd; 
						border-top: 1px solid #ddd; 
						float: left; 
						font-family: Verdana; 
						font-size: 11px;
					}
					#abas li a 
					{
						color: #333; 
						text-decoration: none;
					}
				.esq .abas 
				{
					position: relative; 
					display: inline-block; 
					width: 160px; 
					background-color: #f0f0f0; 
					border: 1px solid #ddd; 
					margin: 0 10px 10px 10px; 
					padding: 10px; 
					z-index: 1;
				}
					.abas .aba ul 
					{
						margin: 0; 
						padding: 10px 0 0 0;
						overflow: hidden;
					}
						.abas .aba li 
						{
							margin: 0 0 10px 20px; 
							padding: 0; 
							font-size: 11px;
						}
					
				/* Janelas de conte�do */	
					
				.janela 
				{
					position: relative; 
					display: inline-block; 
					width: 180px; 
					margin: 0 10px 10px 10px;
					padding: 0; 
					border: 1px solid #ddd;
				}
					.janela .titulo 
					{
						position: relative; 
						margin: 3px; 
						padding: 3px; 
						list-style: none; 
						font-family: Verdana; 
						font-weight: bold;
						background-color: white;
					}
					.janela .conteudo 
					{
						display: inline-block; 
						background-color: #f0f0f0;
						background-image: none;
						width: 160px; 
						padding: 9px; 
						margin: 1px; 
						font-size: 11px;
					}
						.janela .conteudo ul 
						{
							margin: 0 0 0 14px; 
							padding: 0;
						}
							.janela .conteudo li 
							{
								margin: 5px 0 5px 0; 
								padding: 0;
							}
						.janela .conteudo .go 
						{
							position: absolute; 
							right: 13px; 
							top: 13px;
						}
			
			/* Coluna 2 - Centro */
			
			.conteudo .cen 
			{
				position: relative; 
				display: inline-block; 
				width: 495px; 
				float: left; 
				border-right: 1px dotted #b0b0b0; 
				border-left: 1px dotted #b0b0b0;
			}
				
				/* Tabelas */
				
				.cen table
				{
					font-size: 11px;
					margin: 0 10px 10px 10px;
					padding: 10px;
					border: 1px dotted #b0b0b0;
				}
				
					.cen table thead tr td
					{
						font-weight: bold;
					}
				
				/* Área do rodapé de conteúdo */
				
				.cen .cen_bottom 
				{
					position: relative; 
					display: inline-block; 
					width: 699px; 
				}
				
					.cen_bottom button
					{
						border: none;
					}
			
				.cen .cen_conteudo 
				{
					position: relative; 
					display: inline-block; 
					width: 475px; 
					padding: 10px;
				}
					/* T�tulo do centro */
				
					.cen_conteudo h1, .cen_conteudo h2, .cen_conteudo h3, .cen_conteudo h4, .cen_conteudo h5, .cen_conteudo h6
					{
						font-family: Arial; 
						letter-spacing: -1px;
						border-bottom: 1px dotted #b0b0b0;
						margin: 0 0 10px 0; 
						padding: 0 0 10px 0;
					}
					
					.cen_conteudo h1
					{
						font-size: 22px;	
					}
					
					.cen_conteudo h2
					{
						font-size: 18px;	
					}
					
					.cen_conteudo h3
					{
						font-size: 16px;	
					}
					
					.cen_conteudo h4
					{
						font-size: 14px;	
					}
					
					.cen_conteudo h5
					{
						font-size: 12px;	
					}
					
					.cen_conteudo h6
					{
						font-size: 11px;	
					}
					
					.cen_conteudo p
					{
						margin: 0 0 10px 0; 
						padding: 0;
						font-size: 11px;
						line-height: 18px;
					}
					
					.cen_conteudo hr
					{
						margin: 10px 0 10px 0;
						padding: 0;
						border: none;
						background: none;
						border-top: 1px dotted #b0b0b0;
					}
					
					.cen_conteudo blockquote
					{
						margin: 0 0 10px 20px;
						padding: 0 0 0 10px;
						border-left: 10px solid #f0f0f0;
					}
					
					.cen_conteudo ul
					{
						margin: 0 0 0 40px;
						padding: 0;
						font-size: 11px;
						line-height: 18px;
					}
					
						.cen_conteudo ul li
						{
							margin: 0 0 10px 0;
							padding: 0;
						}
					
					/* Slideshow do centro (destaques) */
					
					.cen_conteudo #slider 
					{
						position: relative; 
						width: 474px; 
						height: 180px; 
						overflow: hidden; 
						background-color: #f0f0f0; 
						background-image: url(../images/novidades.png);
					}
						#slider ul 
						{
							margin: 0; 
							padding: 0;
						}
							#slider li 
							{
								list-style: none; 
								margin: 0; 
								padding: 0;
							}
				
				/* Divis�rias do centro */
				
				.cen .cen_div 
				{
					position: relative; 
					display: inline-block; 
					width: 475px; 
					border-top: 1px dotted #b0b0b0; 
					margin: 0 10px 10px 10px; 
					padding-top: 10px; 
					font-size: 11px;
				}
					.cen_div a 
					{
						font-weight: bold;
					}
					
					/* Divis�rias do centro - Esquerda */
					
					.cen_div .cen_div_esq 
					{
						width: 225px; 
						height: 210px; 
						display: inline-block; 
						float: left;
					}
						.cen_div_esq p 
						{
							margin: 0 0 10px 0; 
							padding: 0;
						}  
					
					/* Divis�rias do centro  Direita */
						
					.cen_div .cen_div_dir 
					{
						width: 225px; 
						height: 210px; 
						display: inline-block; 
						float: left; 
						margin-left: 10px; 
						border-left: 1px dotted #b0b0b0; 
						padding-left: 10px;
					}
					.cen_div_dir p 
					{
						margin: 0 0 10px 0; 
						padding: 0;
					}
				
				/* Banner horizontal */
				
				.cen .cen_horz 
				{
					position: relative; 
					display: inline-block; 
					width: 475px; 
					border-top: 1px dotted #b0b0b0; 
					margin: 0 10px 10px 10px; 
					padding-top: 10px; 
					font-size: 11px;
				}
				
				/* Caixa de not�cias */
				
				.cen .cen_news 
				{
					position: relative; 
					display: inline-block; 
					width: 475px; 
					border-top: 1px dotted #b0b0b0; 
					margin: 0 10px 10px 10px; 
					font-size: 11px;
				}
					.cen_news .titulo_news 
					{
						position: relative; 
						display: inline-block; 
						width: 475px; 
						margin: 3px; 
						padding: 3px 0 3px 0; 
						list-style: none; 
						font-family: Verdana; 
						font-weight: bold; 
						font-size: 12px;
					}
					.cen_news ul 
					{
						display: inline-block; 
						background-color: #f0f0f0;
						width: 460px; 
						padding: 9px; 
						margin: 1px; 
						font-size: 11px; 
						margin: 0;
					}
						.cen_news li 
						{
							list-style: none; 
							margin: 0 0 8px 0; 
							padding: 0;
						}
						.cen_news li i 
						{
							color: #999;
						}
						
			/* Coluna 3 - Direita */			
			
			.conteudo .dir 
			{
				position: relative; 
				display: inline-block; 
				width: 200px; 
				float: left; 
				padding: 10px 0 0 0;
			}
			
				/* Caixa de sele��es */
				
				.dir .select 
				{
					margin: 0 10px 10px 10px;
				}
					.select select 
					{
						width: 182px;
					}
			
			/* �rea do rodap� */
			
			.rodape	
			{
				position: absolute; 
				left: 10px; 
				bottom: -44px; 
				width: 900px; 
				font-size: 11px; 
				text-align: right;
				color: #999;
			}	
			
				.rodape a 
				{
					color: #999;	
					text-decoration: none;
				}
				
			.zatec
			{
				position: absolute;
				right: 8px;
				bottom: 0;
			}

			/* Lista de clientes da direita */

			#listaClientes 
			{
				height: 60px;
			}
				#listaClientes img 
				{
					margin: 0 14px 0 14px;
				}
				
			/* Janela do Youtube oculta */
			
			.hiddenWindow
			{
				display: none;	
			}
			
				.hiddenWindow .fechar
				{
					position: absolute;
					right: -30px;
					top: 0;
				}
	
	/* -- FORMUL�RIOS -- */
	
	.campos 
	{
		border: 1px solid #ddd; 
		background-color: white; 
		padding: 2px; 
		font-family: Verdana; 
		font-size: 11px; 
		color: #666666; 
		background-image: url(../images/campos.png); 
		background-repeat: repeat-x;
	}
	
	button 
	{
		border: 1px solid #999; 
		background: none; 
		background-color: #016e7b;
		padding: 2px; 
		font-family: Verdana; 
		font-size: 11px; 
		color: #fff; 
		font-weight: bold; 
		cursor: pointer;
	}