/************************************************************************/
/* Desenvolvido por Flex Soluções - Soluções em Web e Software          */
/* www.flexsolucoes.com.br										        */
/* contato@flexsolucoes.com.br											*/
/* (48)3632-3178												        */
/************************************************************************/


/* -------- Principal ---------- */
html, body, div, p, h1, h2, h3, h4, li, ul { padding:0; margin:0; } 

body {
	background:#fff url("../jpg/fundo_topo.jpg") top center repeat-x;
	margin:0 auto; 
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif; 
	font-size: 11px;
	color: #7B7676;
}

td,th {
	margin:0 auto; 
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif; 
	font-size: 11px;
	color: #7B7676;
}


/* -------- Fontes ---------- */
.tit { font-size: 14px; font-family: Tahoma; text-decoration: none; font-weight: bold; color:#477EAE; }

.data_not { font-size: 11px; font-family: Verdana; text-decoration: none; font-weight: bold; color:#7B7676; }

h1 span{ display:none; }

.titulo{
		color: #666666;
		font-size: 13pt;
		background-image: url("../gif/ico_draw.gif");
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 15px;
		padding-top: 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #cccccc;
	}

/* -------- Links ---------- */
a {	font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }
a:visited {	font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }
a:hover { font-size: 11px; font-family: Tahoma; color: #315393; text-decoration: underline; }
a:active { font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }

a.noticia { font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }
a.noticia:visited { font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }
a.noticia:hover { font-size: 11px; font-family: Tahoma; color: #315393; text-decoration: underline; background-color:#DDF3FF; padding:5px; }
a.noticia:active { font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }


/* -------- Formulário ---------- */
input, select, textarea { border-style: solid; font-face: verdana; font-size: 12; color: #000000; background-color: #F2F2F2; border-color: #D5D5D5; border-width: 1px; }
option { font-family: verdana; font-size: 10; color: #000000;}
.button{ cursor:pointer;  margin-top:0px;  border:outset 1px #ccc; background:#999; font-size:.9em; color:#666; font-weight:bold; padding:5px;  background:url("../gif/button-bg.gif") repeat-x left top; padding:1px;  }


/* -------- Topo ---------- */
#topo { }
	#logomarca{ background:url("../jpg/logo_topo.jpg") top left no-repeat;  }
	#logomarca a{ width:193px; height:117px; display:block; }

	/* -------- Botões no topo ---------- */
	#navegacao{ position:absolute; top:0px; right:20px; }
	#navegacao ul{ list-style:none; }
	#navegacao li{ float:left; margin-left:5px; }
	#navegacao a{ width:20px; height:20px; display:block; }
	#navegacao span{ display:none; }
	#navegacao li.pagina-inicial a{ background:url("../gif/navegacao_pagina-inicial.gif") top center no-repeat; }
	#navegacao li.atendimento a{ background:url("../gif/navegacao_atendimento.gif") top center no-repeat; }
	#navegacao li a:hover{ background-position:bottom center; }	
	

	/* -------- Menu ---------- */
	#menu { margin:18px 0px 0px 13px; width:195px; text-align:left; padding:0px 0 0 0 !important; padding:10px 0 0 0; font-size:0.85em;}
	#menu ul { list-style:none; }
	#menu ul li { background:url("../gif/fundo_menu.gif") top center repeat-y; width:185px; }
	#menu ul li a { background:url("../gif/fundo_menu_li.gif") top left no-repeat; text-decoration:none; color:#222; padding-left:40px; display:block; height:27px; line-height:27px; }
	#menu ul li a:hover { background:url("../gif/fundo_menu_li.gif") bottom left no-repeat; color:#fff; }
	#menu ul li.ativo a{ background:url("../gif/fundo_menu_li.gif") center left no-repeat; text-decoration:none; color:#000; padding-left:40px; display:block; height:27px; line-height:27px; }
	#menu ul li.ativo a:hover{ background:url("../gif/fundo_menu_li.gif") bottom left no-repeat; color:#fff; }
	
	
	/* -------- Fundo degrade do conteúdo geral ---------- */
	.caixa-arredondada{ background:url('../gif/main_direita.gif') top right no-repeat; border-bottom:none; height:100%; margin-right:25px; padding-right: 7px; }
	.canto-caixa-arredondada { background: url('../gif/main_esquerda.gif') top left no-repeat; height:100%; margin-left:20px; padding:15px 20px; height:100%;  }

	/* -------- efeito que faz abrir imagem em forma dinâmica (abre apenas uma imagem, semelhante ao efeito que parece flash) ---------- */
	#lightbox{
		background-color:#eee;
		padding: 10px;
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;
		}
	#lightboxDetails{
		font-size: 0.8em;
		padding-top: 0.4em;
		}	
	#lightboxCaption{ float: left; }
	#keyboardMsg{ float: right; }
	#closeButton{ top: 5px; right: 5px; }
	
	#lightbox img{ border: none; clear: both;} 
	#overlay img{ border: none; }
	
	#overlay{ background-image: url(overlay.png); }
	
	* html #overlay{
		background-color: #333;
		back\ground-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gif/overlay.png", sizingMethod="scale");
		}

		
	/* -------- Efeito clientes ---------- */
	div#clientes { /* formatacao do clientes */
		margin: 0px 0 0 0;		
		float:left;
		width:100%;
		text-align:left;
	}
	/* retira o link pagina principal da index */
	div#clientes.pp .pp {display:none;}
	
		div#clientes .itemclientes { /* formatacao dos botoes do clientes */
			font:11px trebuchet, verdana, arial, helvetica, sans;
			border-bottom:dashed 1px #b1ebff;
		}

			.itemclientes a, .itemclientes a:visited { /* comportamento do link dentro do clientes */
				color:#069;
				text-decoration:none;
				width:100%;
				height: 25px;
				display:block;
				padding: 5px 0 0 5px;
			}
			.itemclientes a:hover { /* comportamento do link dentro do clientes ao passar do mouse */
				color:#069;
				width:100%;
				height: 25px;
				display:block;
				padding:5px 0 0 5px;
				border-left:solid 5px #069;
			}


	/* -------- Efeito para data em notícias ---------- */
	.art_date{
		width:48px;
	}
	.art_date_m{
		width:14px;
	}
	.art_date_dh{
		background-color:#C1DBF5;
	}
	.art_date_d{
		font:bold 18px Arial,Helvetica,sans-serif;
		color:#000000;
		text-align:center;
		display:block;
		line-height:17px;
	}
	.art_date_h{
		font:normal 10px Arial,Helvetica,sans-serif;
		color:#000000;
		text-align:center;
		display:block;
	}