﻿htm, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	background: url(../images/bg.jpg);
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #434343;
}

img {
	border: none;
}

form {
	padding: 0 !important;
	margin: 0 !important;
	position: relative;
}

input {
	text-transform: none;
}

h1, h2, h3, h4, h5, h6, h7, .tit_icone {
	font-family: "Trebuchet MS", verdana, tahoma;
	font-weight: bold;
}

h1 {
	font-size: 15px;
	color: #999999;
	text-transform: uppercase;
	background: #d3d3d3;
	height: 27px;
	border-bottom: 20px solid #ffffff;
	padding: 6px 0 0 33px;
	margin: 0;
}

h2 {
	color: #f58430;
	margin-top: 0;
	font-size: 19px;
}

h3 {
	font-family: "Trebuchet MS", verdana, tahoma;
	font-size: 17px;
	color: #f58430;
	margin: 1px 0 0 0;
}

h4 {
	font-size: 15px;
	color: #000000;
	margin: 40px 0 20px 0;
}

.tit_icone {
	font-size: 17px;
	margin: 30px 0 12px 0;
	color: #535353;
}

a {
	color: #f69600;
}

p {
	display: block;
	margin: 0 0 15px 0;
}

input[type=submit], input[type=button] {
	background: #f58430;
	border: 1px solid #dd552a;
	color: #ffffff;
	font-weight: bold;
	outline: 0;
	*padding: 0 5px;
}

#body_container {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	background: url(../images/bg_bodycont.png) repeat-y top center;
}

#layout_container {
	position: relative;
	width: 955px;
	margin: 0 auto;
}


#header {
	border-top: 10px solid #f58430;
	padding: 29px 30px 20px 30px;
	background: #ffffff;
	position: relative;
}

#logo_abep_top {
	position: absolute;
	right: 82px;
	top: 45px;
	font-size: 9px;
	color: #b1b1b1;
}

span.usuario {
	display: block;
	color: #ffffff;
	font-size: 15px;
	text-transform: none;
	position: absolute;
	top: 125px;
	*top: 128px;
	left: 105px;
}

#login {
	position: relative;
	background: url(../images/bg_login.gif);
	width: 627px;
	height: 68px;
	margin: 20px 0 0 0;
	padding: 0 0 0 61px;
}

#login p {
	float: left;
	margin: 15px 15px 0 0;
}

.login_esq {
	position: absolute;
	left: 0;
	top: 0;
}

.login_dir_cont {
	position: absolute;
	right: 0;
	top: 0;
	width: 196px;
	height: 54px;
	background: url(../images/bg_login02.gif);
	font-size: 9px;
	padding: 14px 0 0 18px;
}

.login_dir {
	position: absolute;
	right: 0;
	top: 0;
}


#menu, #menu02 {
	float: left;
	width: 207px;
	margin: 0 25px 0 30px;
}

#conteudo {
	float: left;
	width: 660px;
	line-height: 18px;
	font-family: verdana, tahoma, arial;
	text-align: justify;
}

#conteudo02 {
	float: right;
	width: 182px;
	margin: 0 30px 0 0;
	background: red;
	display: none;
}

#rodape_placeholder {
	clear: both;
	height: 92px;
	display: block;
}

#rodape {
	width: 748px;
	height: 58px;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
	background-color: #ffffff;
	padding: 32px 0 0 207px;
	font-family: arial, Verdana, Tahoma;
	font-size: 10px;
	color: #878787;
	line-height: 15px;
	left: 50%;
	margin-left: -478px;
	z-index: 0;
	*z-index: -1;
}
	
.tit_abep_rodape {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial, tahoma, verdana;
}

.logo_abep_rodape {
	position: absolute;
	top: 35px;
	left: 128px;
}

.logo_digi {
	position: absolute;
	top: 32px;
	right: 70px;
}


/* Classes Menu */

ul.menu, ul.submenu, ul.menu02 {
	margin: 0;
	padding: 0;
}

ul.menu, ul.menu02 {
	margin: 0 0 20px 0;
}

ul.menu > li, h2.navegacao, ul.menu02 > li {
	list-style: none;
	background: #f3f3f3 url(../images/bg_menu01.gif) no-repeat top right;
	min-height: 25px;
	text-indent: 17px;
	margin-bottom: 3px;
}

ul.menu > li, ul.menu > li > a, h2.navegacao, ul.menu02 > li, ul.menu02 > li > a {
	font-family: "Trebuchet MS", Verdana, tahoma;
	font-size: 16px;
	font-weight: bold;
	color: #8b8b8b;
	text-decoration: none;
}

ul.menu02 > li {
	background: #f5a430 url(../images/bg_menu03.jpg) no-repeat top right;
	color: #ffffff;
}

ul.menu02 > li > a {
	color: #ffffff;
}

ul.submenu > li:hover {
	background: #f3f3f3 url(../images/list_icon_menu.gif) no-repeat 19px center;
}

.tree_menu > table:hover {
	background: #f3f3f3 url(../images/list_icon_menu.gif) no-repeat 20px 7px;
}

ul.submenu {
	background: #ffffff url(../images/bg_menu02.gif) repeat-y top right;
	padding: 5px 0 5px 0;
}

ul.submenu > li {
	text-indent: 0;
	padding: 4px 0 4px 30px;
	*padding: 0 0 4px 30px;
	list-style: none;
	background: url(../images/list_icon_menu.gif) no-repeat 19px center;
	border-bottom: 1px solid #eaeaea; 
}

ul.submenu > li, ul.submenu > li > a, a.bt_voltar{
	font-family: verdana, arial, tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #8b8b8b;
	text-decoration: none;
}

ul.submenu > li > a:hover {
	color: #ffa800;
	text-decoration: underline;
}

.fale_conosco01, .fale_conosco02 {
	float: left;
	display: block;
	margin: 0 0 15px 0;
}

.fale_conosco01 {
	line-height: 25px;
	margin: 0 8px 0 0;
}
.fale_conosco02 input {
	margin: 0 0 5px 0;
}

.clear {
	clear: both;
}

.ib {
	display: inline-block;
}


#txtNome, #txtEmail, #txtEmpresa {
	width: 350px !important;
}

#txtTelefone {
	width: 100px;
}

#txtMensagem {
	width: 414px;
	height: 80px;
}


table.menu, td.menu, tr.menu, .tree_menu {
	margin: 0;
	padding: 0;
}

.tree_menu {
	width: 207px;
	margin: 0 0 20px 0;
}

.tree_menu > table {
	width: 100%;
}

.tree_menu > table td:first-child {
	width: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tree_menu > table {
	background: url(../images/list_icon_menu.gif) no-repeat 20px 7px;
	border-bottom: 1px solid #e2e2e2 !important;
	padding: 0 0 0 10px;
}

.tree_menu > table a, .tree_menu > table a {
	font-family: verdana, arial, tahoma !important;
	font-size: 11px !important;
	color: #8b8b8b;
	font-weight: normal;
}

.tree_menu > table a {
	padding: 0 0 0 3px;
}

.tree_menu > table a:hover {
	color: #ffa800;
	text-decoration: underline;
}

h2.navegacao {
	background: #f5a430 url(../images/bg_menu03.jpg) no-repeat top right;
	color: #ffffff;
	margin: 0 0 5px 0;
	padding: 0 !important;
}

/* Configurações BOX AVISO */

div#aviso {
	background: url(../images/aviso_bg.gif);
	height: 84px;
	position: relative;
	padding: 6px 6px 6px 12px;
	margin: 0 0 16px 0;
}

div#aviso .esq, div#aviso .dir {
	width: 6px;
	height: 96px;
	position: absolute;
	top: 0;
}

div#aviso .esq {
	left: 0;
	background: url(../images/aviso_esq.gif) top center;
}

div#aviso .dir {
	right: 0;
	background: url(../images/aviso_dir.gif) top center;
}

#aviso h2 {
	margin: 3px 0 3px 6px;
	color: #f58430;
}

.aviso_cont {
	overflow-y: auto;
	overflow-x: hidden;
	height: 62px;
	border-top: 1px solid #e2e2e2;
}

#aviso table 
{
	border-collapse: collapse;
	border: none !important;
	margin: 0 !important;
	white-space: normal;
}

#aviso td 
{
	padding: 10px 6px !important;
	vertical-align: top;
	white-space: normal;
}

#aviso td:first-child {
	font-weight: bold;
}

#aviso thead tr td {
	font-weight: bold;
	color: #f58430;
	border-bottom: none !important;
}

#aviso tbody tr td {
	border-bottom: none !important;
}

#aviso tfoot tr td {
	border-top: none !important;
	font-weight: bold;
}

.bt_sair {
	position: absolute;
	top: 10px;
	right: 0;
}

#timer {
	width: 81px;
	height: 26px;
	background: url(../images/bg_timer.gif) no-repeat;
	position: absolute;
	top: 120px;
	*top: 122px;
	right: 78px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 7px 0 0 0;
}

.fin_secao {
	position: absolute;
	top: 127px;
	right: 165px;
	color: #949494;
}

.voltar {
	width: auto;
	height: 17px;
	display: block;
	position: relative;
	margin: -21px 0 20px 0;
	border: 1px solid #cdcdcd;
	background: url(../images/list_icon_menu02.gif) no-repeat 10px center;
	font-size: 11px;
	color: #5c5c5c;
	text-decoration: none;
	padding: 3px 0 0 25px;
}

.voltar:hover {
	background: #f3f3f3 url(../images/list_icon_menu02.gif) no-repeat 10px center; 
}

ul.cont_icones {
	width: 661px;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

ul.cont_icones a {
	text-decoration: none;
	color: #5c5c5c;
}

ul.cont_icones a:hover {
	text-decoration: underline;
}

ul.cont_icones li {
	float: left;
	list-style: none;
}

ul.cont_icones li:hover .tit_icone {
	color: #f58430;
	text-decoration: none;
}

ul.cont_icones li:hover .tit_icone a {
	color: #f58430;
	text-decoration: none;
}

li.config, li.gerenc, li.relat, li.proj, li.cadastro {
	width: 203px;
	margin: 0 25px 0 0;
	border-bottom: 1px solid #d3d3d3;
}

li.config {
	width: 210px;
	padding: 15px 8px 17px 80px;
	margin: 0 20px 0 0;
	position: relative;
}

li.cadastro {
	width: 190px;
	padding: 15px 0 17px 120px;
	position: relative;
	min-height: 56px;
}

li.config img, li.cadastro img {
	position: absolute;
	top: 0;
	left: 5px;
}

li.proj h3, li.cadastro h3 {
	font-size: 12px;
	font-family: verdana, arial, tahoma;
}

li.proj, li.gerenc, li.relat {
	padding: 95px 0 17px 0;
	background: url(../images/bg_icone.jpg) no-repeat center 17px;
	min-height: 53px;
	position: relative;
}

li.proj:hover, li.gerenc:hover, li.relat:hover {
	background: url(../images/bg_icone_hover.jpg) no-repeat center 17px;
}

li.proj img, li.gerenc img, li.relat img {
	position: absolute;
	top: 0;
	left: 11px;
}

li.relat {
	margin: 0;
}

ul.cont_icones li.sem_dest {
	background: 0;
	padding: 0;
}

ul.cont_icones h3 {
	margin: 0;
}

li.separator {
	display: inline-block !important;
	width: 100%;
	min-height: 21px !important;
	clear: both;
	float: left;
}

.banner_usuario {
	position: absolute;
	top: 110px;
	right: 30px;
	cursor: pointer;
}

div.hr {
	height: 4px;
	background: #e5e5e5;
	margin: 3px 0 5px 0;
}

.mapa_site, .mapa_site a {
	color: #a2a2a2;
	font-size: 11px;
	text-decoration: none;
}

.mapa_site a:hover {
	text-decoration: underline;
}

.mapa_site {
	margin: 0 0 15px 0;
}

.maior_q {
	color: #f58430;
}

/* classes Componente MENU */

.menu_component {
	width: 100%;
	padding: 0;
	margin: 0 0 22px 0;
	border: none;
}

.menu_component table {
	border-collapse: collapse;
}

.subitem_menu table table {
	border-bottom: 1px solid #eaeaea;
	height: 26px;
	background: url(../images/list_icon_menu.gif) no-repeat 17px center; 
}

.subitem_menu table table:hover {
	background: #f3f3f3 url(../images/list_icon_menu.gif) no-repeat 17px center;
}

.item_menu {
	height: 25px;
	padding: 0 0 0 15px;
	color: #ffffff !important;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	background: #f5a430 url(../images/bg_menu03.jpg) no-repeat top right !important;
}

.item_menu a, .subitem_menu a {
	background: transparent !important;
	color: #8b8b8b;
}

.subitem_menu a:hover {
	color: #ffae2f;
	text-decoration: underline;
}

div.error {
	font-size: 10px;
	margin: 5px 0 0 0;
	color: red;
}

.inpTextBox {
	text-transform: none !important;
}

.float {
	float: left;
	margin-right: 15px;
}

.float02 {
	float: left;
	margin-right: 5px !important;
}

.float03 {
	float: left;
	margin-right: 3px !important;
}

.bt_float {
	float: left;	
	margin: 18px 0 0 0;
}

.clear {
	clear: both;
}

.float_container, .float_container02 {
	margin: 15px 0 25px 0;
	display: inline-block;
	width: 100%;
}

.float_container02 {
	margin: 15px 0 15px 0;
}

.met_value {
	margin: 0 0 0 4px;
}

span.destaque {
	font-weight: bold;
	color: #595959;
}

.modal
{
	background-color: Gray;
	filter:alpha(opacity=80);
	opacity:0.7;
}

.PanelAjax
{
	background-color: White;
	position: relative;
	width: 550px;
	margin: 0 auto;
	padding: 20px;
}

/* Classes das TABS */

.tabs {
	list-style: none;
	margin: 30px 0 -26px 0;
	height: 34px;
	padding: 0;
	position: relative;
	display: block;
}

.tabs li {
	padding: 0;
	position: absolute;
	top: 0;
	height: 34px;
	width: 160px;
}

.tabs input {
	padding: 0 0 0 17px;
	height: 34px;
	width: 140px;
	cursor: pointer;
	background: transparent;
	color: #7b7b7b;
	font-size: 15px;
	text-align: left;
	border: 0;
}

li.andamento, li.fechados, li.novos {
	background: url(../Images/tab.png);
}

li.andamento_hover, li.fechados_hover, li.novos_hover {
	background: url(../Images/tab_hover.png);
	z-index: 4 !important;
}

li.andamento_hover input, li.fechados_hover input, li.novos_hover input {
	color: #f58430;
}

li.andamento {
	left: 0;
	z-index: 3;
}


li.fechados, li.fechados_hover {
	left: 148px;
	z-index: 2;
}

li.novos, li.novos_hover {
	left: 296px;
	z-index: 1;
}

.spnLabelError {
	color: #ff0000;
}

.spnLabelMensagem {
	color: Blue;
}

.spnLabelAviso {
	color: Gray;
}

span.tit_projeto {
	font-size: 15px;
	color: #f58430;
	font-weight: bold;
}

span.nome_projeto {
	font-weight: bold;
	color: #5c5c5c;
	font-size: 15px;
}

.col_projeto p, .col02_projeto p {
	text-align: left;
	margin: 0 0 8px 0;
}

.col_projeto {
	float: left;
	margin: 0 30px 0 0;
	width: 200px;
}

.col02_projeto {
	float: left;
	width: 200px;
	clear: right;
	margin: -30px 0 0 0;
}

.cpf_recrut {
	background: #ededed;
	padding: 9px 12px;
}

.cons_container {
	background: url(../Images/bg_consultas.jpg);
	border: 1px solid #d1d1d1;
	height: 39px;
}

div.sexo {
	border: 1px solid #e5e5e5;
	width: 130px;
	padding: 8px 10px;
	min-height: 28px;
	float: left;
}

.col_consult {
	float: left;
	width: 500px;
}

.bt_fechargrupo {
	position: absolute;
	top: 380px;
	right: 90px;	
}

.tit_consult_realiz {
	margin: 35px 0 15px 0;
}

.consult_rg {
	padding: 10px;
	border: 1px solid #e2e2e2;
	width: 260px;
	margin: 0 8px 0 0;
	float: left;
	height: 46px;
}

/* Classes legendas */

.leg_container {
	border: 1px solid #e2e2e2;
	padding: 10px;
	margin: 0 18px 0 0;
}

.tit_legenda {
	font-weight: bold;
	font-size: 13px;
	color: #8c8c8c;
	margin: 0 0 12px 0;
	display: block;
}

.leg01, .leg02, .leg03, .leg04 {
	padding: 4px 0 0 35px;
	height: 15px;
	margin: 2px 0 0 0;
}

.leg01 {
	background: url(../Images/leg01.gif) no-repeat left top;
}

.leg02 {
	background: url(../Images/leg02.gif) no-repeat left top;
}

.leg03 {
	background: url(../Images/leg03.gif) no-repeat left top;
}

.leg04 {
	background: url(../Images/leg04.gif) no-repeat left top;
}

.row_legenda1 {
	background: #fff3dd;
}

.row_legenda2 {
	background: #ffefb1;
}

.row_legenda3 {
	background: #ffc662;
}

.row_legenda4 {
	background: #ffac5b;
}

.grid_overflow 
{
	overflow:auto;
	height:200px;
	clear: both;
	width: 650px;
}

a.bt_voltar 
{
	display: block;
	border: 1px solid #cdcdcd;
	padding: 4px 4px 4px 29px;
	position: relative;
	margin: -26px 0 25px 0;
	background: url(../images/list_icon_menu02.gif) no-repeat 14px center;
	}
	
a.bt_voltar:hover 
{
	background: #f3f3f3 url(../images/list_icon_menu02.gif) no-repeat 14px center;
	}
	

table.teste 
{
	width: 100%;
	}

table.teste td 
{
	border: 1px solid red !important;
	padding: 5px;
	}
	

div.botoes
{
	float: left;
	margin: 0 15px 0 0;
	}
	
div.msg_erro 
{
	float: left;
	color: #ffffff;
	font-weight: bold;
	}
	
/* classe do Loading de Consulta*/
.ConsultLoad
{
    display:none;
    position:fixed;
    z-index: 99999;
    top: 400px;
    left: 640px;
}

.baixapagamento
{ background-color:#e4e4e4;
  width:260px;
  height:280px;
  border:solid 1px #f58430;
}
.pagdados 
{margin-top:45px;
 margin-left:43px;}