html { height:100% }

body {
	background:url(../img/bg-top.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:center;
	height:100%;
}

* html #centraliza {
	height:100%; /* hack para IE6 q trata height como min-height */
}

table { border-collapse:collapse }
p { margin:0; padding:0 }
a { text-decoration:underline; color:#000000 }
a:hover { text-decoration:underline; color:#000000 }
a.blue { text-decoration:underline; color:#0000CC }
a.blue:hover { text-decoration:underline; color:#0000CC }
a.blue:visited { text-decoration:underline; color:#551A8B }
ul, ol { margin:0; padding:0; text-align:left }
li { list-style-type:none }
a img { border:0 }
form, h1, h2 { margin:0; padding:0 }

#centraliza {
	
	background-color:#FFF; 
	width:1000px; 
	position:relative; 
	border:0; 
	margin:0 auto; 
	min-height:100%;
}

#conteudo {
	width:990px;
	background-color:#fff;
	float:none;
	padding:10px 5px 40px 5px;
	text-align:left;
}

#rodape {
	width:1000px;
	float:left;
	padding:3px 0 3px 0;
	text-align:center;
	color:#666;
	font-size:0.75em;
	border-top:1px solid #ddd;
	clear:both;
	cursor:default;
	position:absolute;
	bottom:0;
	left:0;
}

body.f11  { font-size:11px }
body.f11 td.label { font-size:11px }

table.index { width:100%; float:none }
table.index td { vertical-align:top; text-align:left }

#login {
	width:420px;
	height:300px;
	position:absolute;
	left:50%;
	margin-left:-210px;
	top:50%;
	margin-top:-150px;
}

#login div.left {
	float:left;
	width:148px;
	padding:10px;
	height:278px;
	border:1px solid #C4BCDB;
	background-color:#EFECF5;
	font-size:11px;
	cursor:default;
	text-align:justify;
}

#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:35px 20px 0 20px;
}

#topo {
	padding:0 10px 0 10px;
	background-color:#fff;
	/*background-image:url(../img/back-topo.gif);*/
	background-image:url(../img/topo.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	float:none;
	height:107px;
	margin-bottom:25px;
	font-size:11px;
	width:980px
}

#topo img.iow { float:left; width:150px; height:67px }
#topo a { text-decoration:underline; color:#000 }
#topo a:hover { text-decoration:underline; color:#000 }
#topo p { float:right; color:#F48000; padding:45px 5px 0 0; font-size:1.1em }

#topo div.barra_navegacao {
	position:absolute;
	width:845px;
	padding:3px 0 0 10px;
	height:20px;
	top:95px;
	left:145px;
	background-image:url(../img/barra-topo.gif);
	color:#fff;
	z-index:2;
	font-size:12px;
	text-align:left
}

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

#menu_left, #noticias, #servicos, #msgs {
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}

#menu_left {
	width:218px;
	/*background-image:url(../img/box_menu.png);*/
	background:url('../img/backmenu.jpg') bottom right no-repeat;
	float:left;
	border:1px solid #CCC;
	text-align:left;
	font-size:1em;
	clear:both;
	display:block;
}

#menu_left li.title { font-size:14px; font-weight:bold; color:#000; padding:10px }
#menu_left li.item { padding:0; border-bottom:1px solid #E4E4E4; margin:0; height:21px }
#menu_left li.item a { text-decoration:none; width:204px; padding:3px 7px 3px 7px; display:block; color:#000 }
#menu_left li.item a:active { color:#F48000 }
#menu_left li.item a:hover { text-decoration:none }
#menu_left li.item img { width:16px; height:16px; float:left; margin:0 5px 0 0; padding:0 }

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

#noticias, #servicos {
	width:338px;
	background-color:#fff;
	float:left;
	margin:0;
	padding:0 0 5px 0;
	/*background-image:url(../img/rodape-noticia.gif);
	background-position:bottom;
	background-repeat:no-repeat;*/
	border:1px solid #CCC;
	font-size:12px
}

#noticias p, #servicos p {
	/*background-image:url(../img/topo-noticia.gif);
	background-repeat:no-repeat;
	background-position:top;*/
	margin:0;
	font-size:0;
	padding:3px;
}

#noticias ul, #servicos ul {
	/*border-left:1px solid #ccc;
	border-right:1px solid #ccc;*/
	padding:0 5px 0 5px;
	text-align:left;
}

#noticias a, #servicos a { text-decoration:none }
#noticias a:hover, #servicos a:hover { text-decoration:underline }

div.ultimas_noticias { float:right; background-color:#F4F4F4; width:250px; margin:15px 0 30px 30px; padding:8px }
div.ultimas_noticias li.label { font-weight:bold; border-bottom:1px solid #CCC; border-top:1px solid #CCC; background-color:#E8E8E8; padding:4px; font-size:1.3em; margin-bottom:5px }
div.ultimas_noticias a { text-decoration:none; color:#0000CC }
div.ultimas_noticias a:hover { text-decoration:underline; color:#0000CC }

#servicos img { float:left; margin-right:5px }
#servicos li { padding:2px 0 2px 0 }

#msgs {
	width:338px;
	background-color:#EFECF5;
	float:left;
	margin:15px 0 15px 0;
	padding:0 0 5px 0;
	/*background-image:url(../img/rodape-msg.gif);
	background-position:bottom;
	background-repeat:no-repeat;*/
	border:1px solid #CCC;
	font-size:12px;
	clear:both
}

#msgs p {
	/*background-image:url(../img/topo-msg.gif);
	background-repeat:no-repeat;
	background-position:top;*/
	margin:0;
	font-size:0;
	padding:3px;
}

#msgs ul {
	/*border-left:1px solid #ccc;
	border-right:1px solid #ccc;*/
	padding:0 5px 0 5px;
	text-align:left;
}

label.error {
	color: #CC0033;  
	font-size: 10px;
	font-style: italic;
	margin: 6px 0 -25px 5px;  
	font-size: 0.85em;
	background: url('../img/16x16/unchecked.gif') no-repeat;
	padding: 0 0 0 18px;
	display: block;
}

div.chapeu, li.chapeu { background-color:#C6D7CF; padding:5px; margin-bottom:10px }
div.chapeu2, li.chapeu2 { background-color:#CAD6E8; padding:8px 15px 8px 15px; margin-bottom:15px; }
div.hat, li.hat { background-color:#CAD6E8; padding:8px 15px 8px 15px; margin-bottom:15px; }

span.link { text-decoration:underline; color:blue; cursor:pointer }
span.obrig { color:red; font-weight:bold }

li.subservicos { font-size:11px; padding:0 0 5px 22px }
li.subservicos a { text-decoration:none; color:#666666 }
li.subservicos a:hover { text-decoration:underline; color:#000000 }

li.aba { font-weight:bold; color:#F48000; font-size:14px; border-bottom:1px solid #ccc; padding:0 0 3px 0; margin-bottom:10px }
li.aba2 { padding:4px; background-color:#2D1C85; font-weight:bold; color:#FDCA00; margin-bottom:10px }
li.aba3 { font-weight:bold; color:#3467CC; font-size:14px; border-bottom:1px solid #FFFF8C; padding:20px 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:#000; font-size:12px }
tr.aba a:hover { font-weight:normal; color:#000; font-size:12px }

li.aba_verde{ background:url(../img/ulleft.gif) top left no-repeat #D2E6D2; padding:3px 10px 3px 10px; font-weight:bold }
li.aba_verde_ctd { border:1px solid #D2E6D2; padding:7px }

li.txt { font-size:13.3px }

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

/** TABELA DE FORMUlÁRIO CORES MODIFICADAS **/
li.formC { background-color:#CCCCFF; padding:10px 0 10px 0 }
table.formC td { padding:3px 0 3px 0 }
table.formC td span.desc { font-size:10px }
table.formC td.label { font-weight:bold; text-align:right; padding-right:4px }
table.formC td.label2 { font-weight:bold; padding-right:4px }
table.formC td.top { padding-top:5px; vertical-align:top }
table.formC td.button { padding-top:10px }
/**************************/


/* FIELDSET DE FORM (FORM COM ACESSIBILIDADE) */
fieldset.form { width:100%; border:0; margin:0; padding:0 10px 0 10px }
fieldset.form input, fieldset.form select, fieldset.form textarea { margin:2px 0 5px 0 }
fieldset.form input.b1 { margin:0 }
fieldset.legend { border:1px solid #CCCCCC; margin:5px; padding:10px; background-color:#F9F9F9 }
fieldset.legend legend { font-weight:bold; font-size:12px; color:#C90000 }
fieldset.form label.text { line-height:19px }
fieldset.form strong { float:left; padding:0 5px 0 0; text-align:right; font-weight:bold }
fieldset.form p { font-size:14px; margin:0 4px 20px 4px; border-bottom:1px solid #DDDDDD; padding:0 0 3px 0; font-weight:bold }
fieldset.form div.button { padding:15px 0 5px 0 }
fieldset.form div.divbutton { border:1px solid #B0B0B0; background-color:#DBE6DE; padding:3px }
/* FIM DO FIELDSET DE FORM */


/* TABELA DE FORMULÁRIO NOVA, COM ESPAÇAMENTO E FONTE MAIORES */
table.form_novo { width:100%; font-size:1.11em }
table.form_novo td { padding-top:16px; padding-bottom:1px; border:0; vertical-align:top }
table.form_novo th, table.form_novo td.botoes, table.form_novo td.title, div.btform { background-color:#C6D7CF; border:1px solid #B0B0B0; padding:5px; font-weight:bold; text-align:left }
table.form_novo td.label { padding-left:5px; padding-right:10px }
table.form_novo td.top { vertical-align:top }
table.form_novo td.separador { padding:15px 0 15px 0 }
table.form_novo td.barra { border-bottom:1px solid #DDD }
table.form_novo span.txt { color:#808080; font-size:11px }
table.form_novo span.destaque { background-color:yellow }
table.form_novo input.t1, table.form_novo select { font-size:1em; white-space:nowrap }
table.form_novo textarea { font-size:1em; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; border:1px solid #7F9DB9 }


/** DIV QUE MOSTRA A LÂMPADA COM UMA MENSAGEM AO USUÁRIO **/
div.warning { border:1px solid #AAAAAA; padding:7px; line-height:15px; background-color:#FFFFFF; margin:0 }
div.warning td { font-family:Arial }
div.warning td.img { width:25px; vertical-align:top; padding-top:3px }
div.warning td.img img { width:19px; height:19px }
/**********************************************************/

/** DIV DAS PÁGINAS DE RELATÓRIO **/
#relatorio {
	padding:5px;
	width:660px;
	background-color:#fff;
	float:left;
	font-family:Arial;
	font-size:12px;
	cursor:default;
}
body.relatorio { height:auto; }
#relatorio h1 {
	float:none;
	font-size:20px;
	font-family:Arial;
	text-align:left;
}
#relatorio h2 {
	float:none;
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
	font-family:Arial;
	text-align:left;
}
#relatorio p.user {
	float:none;
	margin-top:5px;
	padding:10px 0 15px 0;
	font-size:10px;
	font-style:italic;
	border-top:1px solid #999999;
	text-align:left;
}
#relatorio ul.title { margin-bottom:15px }
#relatorio ul.title li { padding:2px 0 2px 0 }
#relatorio ul li.aba { font-size:14px; color:black; font-family:Arial; border-bottom:1px solid #333333; background-color:#FFFFFF; font-weight:bold; letter-spacing:-0.3px }
#relatorio div.topo { margin-bottom:20px }

#relatoriop {
	width: 100%;
}

#relatoriop div.topo {
	background-color: #CFCFCF;
	height: auto;
	margin-bottom: 20px;
}

#relatoriop ul {
	margin: 5px;
}

#relatoriop li.title {
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	border-bottom: 1px solid #000;
	text-transform: uppercase;
}
/**********************************/


/** CSS DAS JANELAS DE AJUDA **/
.helpTop {
	font-size:13.3px;
	font-family:Arial;
	color:black;
}

li.msg { background-color:#EEEEEE; padding:4px; height:18px; font-size:11px; font-family:Tahoma; margin-bottom:5px }
li.msg img { float:left; margin-right:8px; width:18px; height:18px }
li.msg p { padding-top:2px }

/*div.texto_ci {
	background-color:#FFFFFF;
	margin:10px 0 10px 15px;
	padding:10px;
	border:1px solid #DDDDDD;
	width:928px;
}*/

div.texto_ci {
	background:url(../img/bkpapel.png);
	line-height:24px;
	padding:0 5px 0 5px;
}

div.fotonoticia { float:left; margin:0 20px 40px 0; display:block }
div.fotonoticia img { display:block }
div.fotonoticia p.creditos { text-align:right; font-size:10px; font-style:italic }
div.fotonoticia p.legenda { text-align:left; font-size:10px; background-color:#E4E4E4; padding:3px; margin:0; display:block }

div.info { border:1px solid #E7E7E7; padding:3px; height:20px; font-size:11px; background:url("../img/gradientes/backinfo.gif") repeat-x }
div.info img { width:20px; height:17px; float:left; margin:0 2px 0 2px }
div.info p { padding-top:3px; text-align:left }
div.info span.link { color:#0000F0 }

div.info2 { border:2px solid #336666; padding:8px; margin:15px; font-size:13px; text-align:left }
div.info2 img { width:14px; height:13px; float:left; margin:0 10px 40px 0 }

div.info3 { padding:12px; border:2px dotted #808080; margin-bottom:10px }
div.info3 img { width:16px; height:16px; margin-right:9px; float:left }

.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.senha { background-color:#FF6D06; width:980px; height:50px; color:#FFFFFF; margin:25px 0 10px 0; text-align:left; margin-left:10px }
div.senha p { padding:7px 0 0 0; line-height:18px }
div.senha img { float:left; width:50px; height:50px }
div.senha a, div.senha a:hover { color:#FFFFFF; text-decoration:underline }

li.sucesso { height:24px; padding:5px; margin-bottom:10px; color:#FFF; font-weight:bold; font-family:Verdana; background-color:green }
li.erro { height:24px; padding:5px; margin-bottom:10px; color:#FFF; font-weight:bold; font-family:Verdana; background-color:#C00000 }
li.warning { height:24px; padding:5px; margin-bottom:10px; color:#444; font-weight:bold; font-family:Verdana; background-color:#FFEE80 }
li.sucesso img, li.erro img, li.warning img { float:left; margin-right:5px; width:24px; height:24px }
li.sucesso p, li.erro p, li.warning p { padding-top:5px }
li.sucesso a { color:#FFFFFF; text-decoration:underline; }

div.quadro_links { float:right; width:250px; padding:0 10px 0 10px }
div.quadro_links div.title { font-weight:bold; background-color:#F4F4F4; padding:7px; border:1px solid #CCC }
div.quadro_links div.links { border:1px solid #CCC; border-top:0; padding:7px }
div.quadro_links ol { padding:0 0 0 20px }
div.quadro_links li { display:list-item; list-style-type:decimal; list-style-position:outside; padding:5px 0 5px 0 }
div.quadro_links a { text-decoration:underline; color:#0000CC }
div.quadro_links a:hover { text-decoration:underline; color:#0000CC }
div.quadro_links a:visited { text-decoration:underline; color:#551A8B }

ul.marcador li { list-style-type:disc; margin-left:15px; padding:2px 0 2px 0 }


/** Css do Novo Layou do IOW **/

#divTop {
	background:url(../img/bg-top.gif) #FFF repeat-x;
	width:980px;
	height:100px;
	margin-bottom:20px;
	padding:10px;
	text-align:left;
}
#divTop a { text-decoration:none; color:#000; }
#divTop a:hover { text-decoration:none; color:#000; }
#divTop ul.links { padding:40px 10px 10px 0; float:right; }
#divTop ul.links li { float:left; }
#divTop ul.links a { background:url(../img/bg-traco.jpg) no-repeat left top; padding:15px; display:inline; }
#divTop div.barraNavegacao {
	position:absolute;
	width:845px;
	padding:3px 0 0 10px;
	height:20px;
	top:107px;
	left:145px;
	background-image:url(../img/barra-topo.gif);
	color:#fff;
	z-index:2;
	font-size:12px;
	text-align:left
}
#divTop div.barraNavegacao a { text-decoration:underline; color:#FFF; }
#divTop div.barraNavegacao a:hover { color:#FFF; }
#divCenter { width:990px; background-color:#fff; float:none; padding:15px 5px 60px 5px; text-align:left; }

/* CSS DAS ABAS DE NAVEGAÇÃO EM JQUERY */

#tabnav {
	width: 80%;	
	margin: 0 auto;
}
 
#tabs {
	height: 26px;
	position: relative;
}
 
#content {
	position: relative;
	padding: 20px;
	border: 2px solid #3366CC;
	border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	-khtml-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
}
 
#content div p {
	font-size: 12px;
}
 
#tabs a, #tabs a:visited {
	background-color: #7F9AE0;
	border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-khtml-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;	
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	display: block;
	min-width: 120px;
	height: 17px;
	_height: 20px;
	margin: 0 1px 0 0;
	text-align: left;
	padding: 5px 5px 5px 10px; 
	float: left;
}