/********************************************************************************************
	Copyright 2008 EICON Controles Inteligentes. Todos os direitos reservados.
	Dev.: Andréa Zambrana [c3]
	CSS base para qualquer coisa [SCREEN] 
********************************************************************************************/
* {
	font-family:Arial, Helvetica, sans-serif;
	}
*, body, ul, li, fieldset, legend {
	margin:0px;
	}
html, body { /* para que o site fique com height 100% se tem pouco conteudo */
	height:100%;
	}
body {
	background:#fff;
	color:#555;
	}
input, select, textarea {
	color:#555;
	}
body, table, tr, td, th, ul, li {
	padding:0px;
	}
body, input, select, textarea, table, tr, td, th {
	font-size:11px;
	}
table, tr, td, th {
	border-collapse:collapse;
	}
td img, th img {
	vertical-align:middle;
	}
ul, li {
	list-style:none;
	}
img, table, tr, td, th {
	border:0px;
	}
caption, input, select, textarea, table, tr, td, th, div {
	text-align:left;
	}
fieldset {
	border:solid 1px #ccc;
	padding:0 5px 5px 5px;
	}
legend {
	color:#006;
	padding:0 5px;
	}
label {
	line-height:1.8em;
	}
a:link, a:visited, a:active {
	color:#555;
	text-decoration:none;
	}
a:hover {
	color:#ff8d13;
	text-decoration:none;
	}
p {
	margin:10px 0 70px 0;
	}
h1 {
	font-size:1.6em;
	}
h2 {
	font-size:1.5em;
	}
h3 {
	font-size:1.4em;
	}
h4 {
	font-size:1.3em;
	}
h5 {
	font-size:1.2em;
	}
h6 {
	font-size:1.1em;
	}
/* especificar id para objetos unicos e class para objetos gerais */
/********************************************************************************************
								GERAL [contem todo o site]
********************************************************************************************/
.geral {
	min-height:100%; /* fazer com que o ie 7 e o firefox coloquem o height em 100% */
	width:760px; /* tamanho ideal para site */
	position:relative;
	}
* html .geral {
	height:100%; /* hack para IE6 hq trata height como min-height */
	}
/********************************************************************************************
											TOPO
********************************************************************************************/
.topo {
	clear:both;
	width:100%; /* tamanho ideal para site */
	height:108px;
	position:relative;
	background:url(../imagens/bg_meutopo.gif) top left repeat-x;
	}
.logogiss{
	position:absolute;
	left:0;
	background:url(../imagens/logo_giss.gif) top left no-repeat;
	width:197px;
	height:106px;
	}
.menutopo{
	margin:0 17px 0 0;
	height:47px;
	float:right;
	}
.menutopo ul li{
	list-style:none;
	display: inline;
	}
.menutopo img{
	padding:4px 3px 0 3px;
	}
.titulo_topo{
	background:url(../imagens/bg_titulo-topo.gif) top left repeat-x;
	height:50px;
	width:560px;
	position: absolute;
	right: 0px;
	top: 47px;
	vertical-align:middle;
	}
.info_topo{
	clear:both;
	background:url(../imagens/bg_infotopo.gif) top left repeat-x;
	width:100%;
	position:absolute;
	top:106px;
	text-align:center;
	}
/********************************************************************************************
											CORPO
********************************************************************************************/
.corpo {
	clear:both;
	padding-bottom:30px; /* do mesmo tamanho do rodape se ele for ficar sempre em baixo */
	width:100%; /* tamanho ideal para site */
	position:relative;
	}
/********************************************************************************************
											RODAPE
********************************************************************************************/
.rodape {
	clear:both;
	width:100%; /* tamanho ideal para site */
	height:30px;
	position:absolute; /* posiciona o rodape sempre em baixo, seja no final da janela, seja no final do conteudo */
	bottom:0px;
	}
/********************************************************************************************
										CLASSES GERAIS
********************************************************************************************/
.azul{
color:#0b4e91;
}
.laranja{
color:#ff8d13;
}
.input_txt_area { /* estilo para qualquer textarea */
	border:solid 1px #ccc;
	background:#fff;
	padding:2px;
	line-height:16px;
	}
.input_txt { /* estilo para qualquer input text */
	border:solid 1px #ccc;
	background:#fff;
	padding:2px;
	line-height:14px;
	height:14px;
	}
.botao {
	padding:2px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:#999;
	border:0;
	}
.some { /* para fazer desaparecer algum elemento */
	display:none;
	visibility:hidden;
	}
.aparece { /* para fazer aparecer algum elemento q esta escondido de forma default */
	display:block;
	visibility:visible;
	}
.txt_al_left, .txt_al_left td {
	text-align:left;
	}
.txt_al_right, .txt_al_right td {
	text-align:right;
	}
.txt_al_center, .txt_al_center td {
	text-align:center;
	}
.txt_bold, .txt_bold td {
	font-weight:bold;
	}
.al_left {
	float:left;
	}
.al_right {
	float:right;
	}
.al_center {
	margin:0 auto;
	}
.clear, .clear_bug {
	clear:both;
	}
.clear_bug {
	line-height:0px;
	height:0px;
	}
.tabela_formulario, .tabela_padrao {
	margin:0 0 1em 0;
	} 
.tabela_formulario td {
	padding:2px 4px;
	}
.tabela_padrao {
	border:solid 1px #ccc;
	}
.tabela_padrao caption {
	font-weight:bold;
	font-size:1.2em;
	line-height:1.7em;
	}
.tabela_padrao thead th {
	background:#666;
	color:#fff;
	text-transform:uppercase;
	}
.tabela_padrao tfoot td {
	background:#e0e0e0;
	}
.tabela_padrao td, .tabela_padrao th {
	padding:3px 4px;
	border:solid 1px #ccc;
	}
.box{
	border: solid 1px #a8a8a8;
	width:191px;
	padding-bottom:8px;
	margin: 0 0 10px 0;
	}
.box_cent{
	border: solid 1px #a8a8a8;
	width:352px;
	padding-bottom:8px;
	margin-bottom:10px;
	}
.box_dir{
	border: solid 1px #a8a8a8;
	width:191px;
	margin: 0 0 18px 0;
	}
.titulo_pq{
	padding:10px 0 0 0;
	}
.clique{
	font-weight:bold;
	margin:6px 0 0 10px;
	text-transform:uppercase;
	line-height: 12px;
	}
.materia_destaque{
	margin:10px 0 50px 0;
}
.noticia{
	margin:5px 0 5px 0;
	color:#000000;
}
.separador{
background:url(../imagens/separador_ponto.gif) left repeat-x;
}
.ver_noticias{
	text-align:right;
	font-weight:bold;
	color:#000000;
	margin: 5px 0 15px 0;
}
/**************************** COLUNA ESQUERDA *****************************/
.coluna_esq{
	position:relative;
	top:18px;
	left:0;
	width:195px;
	padding:0 4px 0 6px;
	float:left;
	}

/**************************** COLUNA DO MEIO *****************************/
.coluna_cent{
	float:left;
	width:352px;
	position:relative;
	top:200px;
	left:3px;
	}
.coluna_top{
	width:580px;
	position:absolute;
	top:18px;
	left:204px;
	}
/**************************** COLUNA DIREITA *****************************/
.coluna_dir{
	float:left;
	width:195px;
	padding:12px 3px 0 3px;
	position:relative;
	top:200px;
	left:10px;
	height:100%;
	}
/********************************************************************************************
colocar aqui todas as classes e/ou id´s q precisem aparecer somente no momento da impressão 
é so separar com uma virgula (,)  sintaxe: .nomeDaClasse, .outroNomeDeClasse, etc {}
********************************************************************************************/
.aparece_impressao
	{
	display:none;
	visibility:hidden;
	}
/**************************** fim das classes q devem aparecer *****************************/