@CHARSET "UTF-8";

** /*
/* SERPRO - 2013
/*
/* SUPDE/DEBHE/DE6DG
/*
/* Folha de esitlo de interface de usuário
/*
**/
	/**
/* Reset de CSS usado pelo Yahoo!
**/      

html {
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

h1,h2 {
	background: transparent
		url("/sigepe-seguranca-web/javax.faces.resource/images/h-bullet.png.jsf?ln=sigepe-template") left center
		no-repeat;
	color: #608b94;
	padding-left: 13px;
}

h3,h4,h5,h6 {
	color: #727272;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select {
	*font-size: 100%;
}

legend {
	color: #000;
}
/* fonts */
body {
	font: 12px/1.231 'Roboto', sans-serif;
	*font-size: small;
	*font: x-small;
}

select,input,button,textarea,legend,a {
	font: 99% 'Roboto', sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

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

/**
/* Regras html, body
/*
**/
html {
	background: transparent;
	height: 100%;
}

body {
	color: #414040;
	background: #e9f3f1;
}

/**
/* Bordas e Margens
/*
/* Conjunto de Regras para Margens e Bordas
/* Elimina margens e bordas, usando a declaração !important.
**/
.nm {
	margin: 0px !important;
}

.np {
	padding: 0px !important;
}

.nb {
	border: none !important;
}
/* TODO - colocar bordas como no OOCSS */

/**
/* 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: 1.67em;
}

h2 {
	font-size: 1.33em;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size: 0.94em;
}

h5 {
	font-size: 0.84em;
}

h6 {
	font-size: 0.72em;
}

b,strong {
	font-weight: bold;
}

i,em {
	font-style: italic;
}

a {
	cursor: pointer;
}

/**
/* 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;
}

.w16 {
	width: 320px !important;
}

.w17 {
	width: 340px !important;
}

.w18 {
	width: 360px !important;
}

.w19 {
	width: 380px !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;
}

.h2 {
	height: 40px !important;
}

.h3 {
	height: 60px !important;
}

.h4 {
	height: 80px !important;
}

.h5 {
	height: 100px !important;
}

.h6 {
	height: 120px !important;
}

.h7 {
	height: 140px !important;
}

.h8 {
	height: 160px !important;
}

.h9 {
	height: 180px !important;
}

.h10 {
	height: 200px !important;
}

.h15 {
	height: 300px !important;
}

.h20 {
	height: 400px !important;
}

.h25 {
	height: 500px !important;
}

.h30 {
	height: 600px !important;
}

.h40 {
	height: 800px !important;
}

.h50 {
	height: 1000px !important;
}

.size1of1 {
	float: none;
	margin: 0 !important;
}

.size1of2 {
	width: 50%;
	float: left;
	margin: 0 !important;
}

.size1of3 {
	width: 33.33333%;
	float: left;
	margin: 0 !important;
}

.size2of3 {
	width: 66.66666%;
	float: left;
	margin: 0 !important;
}

.size1of4 {
	width: 25%;
	float: left;
	margin: 0 !important;
}

.size2of4 {
	width: 20%;
	float: left;
	margin: 0 !important;
}

.size3of4 {
	width: 75%;
	float: left;
	margin: 0 !important;
}

.size4of4 {
	width: 35%;
	float: left;
	margin: 0 !important;
}

.size1of5 {
	width: 20%;
	float: left;
	margin: 0 !important;
}

.size2of5 {
	width: 40%;
	float: left;
	margin: 0 !important;
}

.size3of5 {
	width: 60%;
	float: left;
	margin: 0 !important;
}

.size4of5 {
	width: 80%;
	float: left;
	margin: 0 !important;
}

/**
/* Conjunto de Regras alinhamento de texto
**/
.center {
	text-align: center !important;
}

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

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

/**
/* Conjunto de Regras de posição e flutuação
**/
.pa {
	position: absolute;
}

.pr {
	position: relative;
}

.ps {
	position: static;
}

.pf {
	position: fixed;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.fn {
	float: none !important;
}

.cl {
	clear: both !important;
}

.oh {
	overflow: hidden !important;
}

/**
/* Conjunto de Regras de visibilidade
/* Regra para esconder(.hidden) e mostrar elementos de acordo com a necessidade; bloco (.block) ou em linha (.inline).
**/
.inline {
	display: inline !important;
}

.block {
	display: block !important;
}

.hidden {
	display: none !important;
}