@CHARSET "ISO-8859-1";

/**
/*
/* SERPRO - 2011
/*
/* SUPDE/DEBHE/DE6DG
/*
/* Folha de esitlo de interface de usuário
/*
**/


/**
/* Normaliza o outline para todos os elementos do sistema
**/
	
* {
	outline: none;
	outline-width:none;
	outline-style:none;
}

html {
	background: transparent;
}


/**
/* Regra body
/*
**/

body {	
	color: #333;
	font-size: 12px;
	font-family: Trebuchet MS;
}


/* Bordas e Margens */
/**
/* Conjunto de Regras para Margens e Bordas
/* Elimina margens e bordas, usando a declaração !important.
**/

.nm {
	margin: 0px !important;
}

.nb {
	border: none !important;
}


/* Formatação e texto */
/**
/* Conjunto de Regras para formatação de tags para texto
/* As tags de título tem formatação definida para fonte 
**/

h1 {
	font-size: 14px;
	font-weight: bold;
}

h2 {
	font-size: 13px;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	font-weight: bold;
}

h4 {
	font-size: 10px;
}

h5 {
	font-size: 9px;
}

h6 {
	font-size: 8px;
}

strong,
.bold {
	font-weight: bold;
}

em,
.italic {
	font-style: italic;
}

a {
	cursor: pointer;
}

a:link { }

a:visited { }

a:hover { }

a:active { }

/* Medidas de Comprimento */
/**
/* Conjunto de Regras para determinar tamanhos; cada unidade = 20px
/* Estas tags podem ser usadas em diversos elementos. Valores intermediários podem ser criados, mas
/* recomenda-se fazer isso apenas em último caso pois um nome para um novo seletor não encaixaria-se
/* junto aos já existentes.
**/

.w1 { width: 20px !important; }
.w2 { width: 40px !important; }
.w3 { width: 60px !important; }
.w4 { width: 80px !important; }
.w5 { width: 100px !important; }
.w6 { width: 120px !important; }
.w7 { width: 140px !important; }
.w8 { width: 160px !important; }
.w9 { width: 180px !important; }
.w10 { width: 200px !important; }
.w11 { width: 220px !important; }
.w12 { width: 240px !important; }
.w13 { width: 260px !important; }
.w14 { width: 280px !important; }
.w15 { width: 300px !important; }
.w20 { width: 400px !important; }
.w25 { width: 500px !important; }
.w30 { width: 600px !important; }
.w40 { width: 800px !important; }
.w50 { width: 1000px !important; }

.h1 { height: 20px !important; }
.h5 { height: 100px !important; }
.h10 { height: 200px !important; }
.h15 { height: 300px !important; }
.h20 { height: 400px !important; }

/*--------------------------------------------------------------
    Tamanho
----------------------------------------------------------------*/
.t10 { width: 10%; } 
.t15 { width: 15%; }
.t20 { width: 20%; }
.t25 { width: 25%; }
.t30 { width: 30%; }
.t35 { width: 35%; }
.t40 { width: 40%; }
.t45 { width: 45%; }
.t50 { width: 50%; }
/* Alinhamento */
/**
/* Conjunto de Regras alinhamento de texto

**/

.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}


/* Posicionamento, flutuação */

/**
/* Conjunto de Regras de posição e flutuação
/* 08/03/2010
/* Regras simples para posicionamento/flutuação
**/

.pa {
	position: absolute;
}

.pr {
	position: relative;
}

.ps {
	position: static;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.fn {
	float: none !important;
}

.cl {
	clear: both;
}

.oh {
	overflow: hidden;
}


/* Visibilidade/Renderização */

/**
/* Conjunto de Regras de visibilidade
/* Regra para esconder(.hidden) e mostrar elementos .
/* de acordo com a necessidade(se bloco ou em linha: .block, .inline)
**/

.inline {
	display: inline;
}

.block {
	display: block;
}

.hidden {
	display: none;
}

.contentRight img {
	display: inline;
}