body {
	/*background-color:#D1D4EB;*/
	margin:0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222222;
}

table { border-collapse:collapse }
p { margin:0; padding:0 }
a { text-decoration:underline; color:#000000 }
a.x1{ text-decoration:underline; color:#818284 }
a.x2{ text-decoration:underline; color:#000000 }
a.x3{ text-decoration:underline; color:#818284 }
a:hover { text-decoration:underline; color:#818284 }
ul { margin:0; padding:0 }
li { list-style-type:none }
a img { border:0 }
form, h1, h2 { margin:0; padding:0 }

#centraliza {
	background-color:#fff;
	width:1002px;
	position:absolute;
	margin:0 0 0 -501px;
	left:50%;
	padding:0;
	border:1px solid #DDDDDC;
}

#centraliza2 {
	background-color:#fff;
	width:1002px;
	position:absolute;
	margin:0 0 0 -301px;
	left:50%;
	padding:0;
	border:1px solid #DDDDDC;
}


#login {
	background-color:#E7E7E8;
	width:400px;
	height:400px;
	position:absolute;
	left:50%;
	margin-left:-200px;
	top:50%;
	margin-top:-200px;
}
/*
#login div.left {
	float:left;
	width:128px;
	padding:10px;
	height:278px;
	border:1px solid #C4BCDB;
	background-color:#EFECF5;
	font-size:11px;
	cursor:default
}

#login div.left a { color:#F48000; text-decoration:none }
#login div.left a:hover { color:#F48000; text-decoration:underline }

#login div.right {
	float:right;
	width:220px;
	padding:10px;
	height:278px;
	border:1px solid #C4BCDB;
	background-color:#EFECF5;
	cursor:default
}
*/
#login ul {
	margin:5px 5px 0 5px;
}

#topo {
	padding:1px;
	background-color:#fff;
	background-position:bottom;
	float:left;	
}

#topo img.cbm { float:left; width:1000px; height:106px }
#topo a { text-decoration:underline; color:red }
#topo a:hover { text-decoration:underline; color:#71706E }
#topo p { float:right; color:#71706E;}

#topo div.barra_navegacao {
	position:absolute;
	width:845px;
	padding:3px 0 0 10px;
	height:20px;
	top:92px;
	left:2px;
	color:#71706E;
	z-index:2;
}

#topo div.barra_navegacao a { color:#000000 }
#topo div.barra_navegacao a:hover { color:#000000 }

#topo div.sair {
	position:absolute;
	padding:3px 0 0 10px;
	height:20px;
	text-align:right;
	top:88px;
	left:700px;
	color:#818284;
	z-index:2;
	font-size:14px; 
	letter-spacing:0.8px; 
	font-weight:bold;	
}

#topo div.sair a { color:#fff }
#topo div.sair:hover { color:#fff }

#menu_left {
	width:172px;
	padding:1px;
	background-color:#E7E7E8;
	height:422px;
	float:left;
	margin:0 0 0 8px;
	cursor:default
}

#menu_left li.title { font-size:14px; letter-spacing:0.8px; font-weight:bold; color:#000000; padding:5px }
#menu_left li.item { padding:0; border-bottom:1px solid #000000 }
#menu_left li.item a { text-decoration:none; width:160px; padding:3px 7px 3px 7px; display:block; color:#000000 }
#menu_left li.item a:hover { text-decoration:none; background-color:#fff }
#menu_left li.item img { width:16px; height:16px; float:left; margin-right:5px }

#conteudo {
	width:980px;
	background-color:#fff;
	float:left;
	padding:10px 10px 0 10px;
}

#conteudo2 {
	width:460px;
	background-color:#fff;
	/*float:left;*/
	margin-left:100px;
	padding:10px 10px 0 10px;
}

#lateral {
	float:left;
	width:340px
}

#noticias {
	width:209px;
	background-color:#E7E7E8;
	float:left;
	margin-top:30px;
	margin-left:25px;
	padding:0 0 11px 0;
	height:250px;
}

#noticias li.noti{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:5px;
}

#servicos {
	width:209px;
	background-color:#E7E7E8;
	float:left;	
	margin-left:25px;
	padding:0 0 11px 0;
	height:123px;
}

#servicos li.serv{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:5px;
}

#chat {
	width:209px;
	background-color:#E7E7E8;
	float:left;	
	margin-left:0px;
	padding:0 0 11px 0;
	height:70px;
	overflow: auto;
}

#rodape {
	width:1000px;
	float:left;
	margin:5px 0 0 0;
	padding:3px 0 5px 0;
	text-align:center;
	color:#000;
	font-size:10px;
	border-top:1px solid #E7E7E8;
	background-color:#E7E7E8;
	/*background-color:#fff;
	background-image:url(../img/back-rodape.gif);
	background-repeat:repeat-x;
	background-position:bottom;*/
	clear:both;
	cursor:default
}

li.modulo { font-weight:bold; color:#E7E7E8; font-size:14px; padding:0 0 3px 0; margin-bottom:10px; margin-left:15px }
li.aba { font-weight:bold; color:#F48000; font-size:14px; border-bottom:1px solid #ccc; padding:0 0 3px 0; margin-bottom:10px }
li.disc { font-weight:bold; color:#F48000; font-size:12px; padding:0 0 3px 0; margin-bottom:10px }
tr.aba td { font-weight:bold; color:#F48000; font-size:14px; border-bottom:1px solid #ccc; padding:0 0 3px 0 }
tr.aba a { font-weight:normal; color:#333; font-size:12px }
tr.aba a:hover { font-weight:normal; color:#333; font-size:12px }

/** FORMATAÇÃO PARA DADOS ONDE EXISTE APENAS CONSULTA DE 1 ITEM ESPECÍFICO **/
li.d_titulo{width: 100%; font-weight: bold; background: #EAEAEA; height: 15px; margin: 10px 0 0 0; float: left}
li.d_dados_nl{font-weight: bold; float: left; padding: 5px 10px 0 0; width: 98%}
li.d_dados{font-weight: bold; float: left; padding: 5px 10px 0 0;}
li.d_dados span{font-weight: normal;}
li.d_dados_nl span{font-weight: normal;}
/**************************/


/* TABELA DE FORMULÁRIO 
table.form { margin:10px 0 10px 0 }
table.form td { padding:3px 0 3px 0 }
table.form td span.desc { font-size:10px }
table.form td.label { font-weight:bold; text-align:right; padding-right:4px }
table.form td.top { padding-top:5px; vertical-align:top }
*/

/** TABELA DE FORMULÁRIO **/
li.form { background-color:#F4F4F4; padding:10px 0 10px 0 }
table.form td { padding:3px 0 3px 0 }
table.form td span.desc { font-size:10px }
table.form td.label { font-weight:bold; text-align:right; padding-right:4px }
table.form td.label2 { font-weight:bold; padding-right:4px }
table.form td.top { padding-top:5px; vertical-align:top }
table.form td.button { padding-top:10px }
table.form tr.header td { background-color:#e4e4e4; font-weight:bold; cursor:default; border-bottom:1px solid #ccc }
table.form tr.header2 td { background-color:#fdfbd9; font-weight:bold; cursor:default; border-bottom:1px solid #ccc; padding-left:20px }
table.form td.pergunta { padding-left:40px }
/**************************/

/** DIV QUE MOSTRA A LÂMPADA COM UMA MENSAGEM AO USUÁRIO **/
div.warning { border:1px solid #AAA; padding:7px; line-height:17px }
div.warning td.img { width:25px; vertical-align:top; padding-top:3px }
div.warning td.img img { width:19px; height:19px }
/**********************************************************/

.hint {
   	display:none;
    position:absolute;
	margin-left:20px;
    width:200px;
    margin-top:-4px;
    border:1px solid #c93;
    padding:5px 6px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background:#FFFFCC url(../img/pointer.gif) no-repeat -10px 5px;
	font-size:11px
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position:absolute;
    left:-10px;
    top:5px;
    width:10px;
    height:19px;
    background:url(../img/pointer.gif) left top no-repeat;
}

/** DIV DAS PÁGINAS DE RELATÓRIO **/
#relatorio {
	padding:5px;
	width:700px;
	/*background-color:#fff;*/
	float:left;
	font-family:Tahoma;
	font-size:11px;
	cursor:default
}
#relatorio h1 {
	float:none;
	font-size:20px;
	font-family:Arial;
}
#relatorio h2 {
	float:none;
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
	font-family:Arial;
}
#relatorio p.user {
	float:none;
	margin-top:5px;
	padding:10px 0 15px 0;
	font-size:10px;
	font-style:italic;
	border-top:1px solid #999
}
#relatorio ul.title { margin-bottom:15px }
#relatorio ul.title li { padding:2px 0 2px 0 }
/**********************************/