body {
margin:0;
padding:0;
background-color:#FFF;
font: 11px Arial, Helvetica, sans-serif;
color:#666666
}
a:link{ text-decoration:underline; color:#990000}
a:visited { text-decoration:none; color:#999999}
a:hover{ text-decoration:none; color:#666666}
a:active{ text-decoration:none; color:#660000}
/* ------------------------------------------------------------------------------------------ */
#topo{
	width:auto;
	height:155px;
	font-size:10px;
	color:#999999;
	z-index:0;
	background-image: url(img/fundo_topo.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#topoimg{
position:absolute;
top:58px;
right:139px;
z-index:0
}

#top{
width:100%;
height:58px;
position:absolute;
top:0;
background:#EEEEEE;
z-index:1
}
#data{
position:absolute;
top:42px;
right:145px;
color:#999999;
font-size:10px;
z-index:10
}
#flash{
width:140px;
height:155px;
position:absolute;
top:0;
left:0;
z-index:2
}

select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:3px 0 0 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	border:1px solid #BBBBBB;
	font-size:10px;
	color:#666666;
	padding:2px
}


reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	border:1px solid #BBBBBB;
font-size:10px;
width:21px;
height:18px;
margin-left:2px;
margin-bottom:-2px;
color:#CE1912;
padding:0;
background-color:#FFFFFF;
}

submit {
border:1px solid #BBBBBB;
font-size:10px;
color:#CE1912;
width:21px;
height:18px;
margin-left:2px;
margin-bottom:-2px;
padding:0;
background-color:#FFFFFF;
}

submit2 {
border:1px solid #BBBBBB;
font-size:10px;
color:#CE1912;
width:21px;
height:18px;
margin-left:2px;
margin-bottom:-2px;
padding:0;
background-color:#FFFFFF;
margin-left:0
}

fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  padding: 2px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  border:none
}

legend {
	font-size:11px; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	display:none
}

label { 
	/*display: block;  /* block float the labels to left column, set a width */
	/*float: left;*/
	width: 120px;
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	/*text-align: right;*/ 
}

 textarea { overflow: auto;  font:11px verdana,arial,sans-serif; }
 

br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

#navContato{
width:139px;
height:155px;
position:absolute;
top:0px;
right:0px;
background:#FFF;
z-index:10
}
#navContatoBtns{
width:125px;
height:58px;
position:relative;
top:11px;
left:13px;
}
#navContatoBtns span{
display:none;
}
#navContatoImg{
width:139px;
height:97px;
background-image: url(img/img_mouse.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
#conteudoEsq {
position:absolute;
width:140px;
top:155px;
left:0px;
padding-bottom:20px;
}
#login{
width:140px;
height:37px;
padding-top:10px;
padding-bottom:10px;
}
.imputSenha{
width:99px;
height:16px;
border:1px solid #BBBBBB;
font-size:10px;
color:#999999;
margin-left:6px;
padding:0
}

.imputLogin{
width:125px;
height:16px;
border:1px solid #BBBBBB;
font-size:10px;
color:#999999;
margin-left:6px;
margin-bottom:5px;
padding:0
}

.btnOK{
width:21px;
height:18px;
border:1px solid #BBBBBB;
font-size:10px;
color:#CE1912;
padding:0;
margin-left:2px;
margin-bottom:-2px;
background-color:#FFFFFF;
}

.btnNewsletter{
width:21px;
height:18px;
border:1px solid #BBBBBB;
font-size:10px;
color:#CE1912;
padding:0;
margin-left:2px;
margin-bottom:-2px;
background-color:#FFFFFF;
}
* html .btnOK{
width:21px;
height:18px;
border:1px solid #BBBBBB;
font-size:10px;
color:#CE1912;
padding:0;
margin-left:2px;
margin-bottom:0px;
background-color:#FFFFFF;
}
ul.esquerda{
list-style-type:none;
margin:0px;
padding:0px;
margin-left:5px;
}
ul.esquerda2{
list-style-type:none;
margin:0px;
padding:0px;
margin-left:5px;
padding-top:15px;
}
ul.esquerda li, ul.esquerda2 li{
list-style-type:none;
height:44px;
padding:0;
margin-top:8px;
padding-bottom:8px;
}
ul.esquerda pre, ul.esquerda2 pre{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
margin:0;
padding:0;
}
ul.esquerda2 pre{
display:none
}
.ulesquerda2img{
margin-top:10px;
}
ul.direita{
list-style-type:none;
margin:0px;
padding:0px;
margin-left:10px;
padding-top:10px;
}
ul.direita li{
list-style-type:none;
height:44px;
padding:0;
margin-top:8px;
padding-bottom:28px;
}
* html ul.direita li{
list-style-type:none;
height:44px;
padding:0;
margin-top:8px;
padding-bottom:10px;
}
#contEsq{
border-bottom:1px dotted #BBBBBB;
}
#conteudoDir {
position:absolute;
width:138px;
top:155px;
right:0px;
color:#99f;
padding-bottom:20px;
}
#colEsq {
background:#FFF;
z-index:1
}
#sepEsqcolCentral {
margin-left:140px;
padding-left:0px;
background:#FFF;
border-left: 1px dotted #BBBBBB;
clear:both;
}
#colDir {
background:#FFF;
margin:0px;
z-index:1
}
#sepcolCentralDir {
margin-right:138px;
background:#FFF;
border-right: 1px dotted #BBBBBB;
clear:both;
}
#colCentral {
min-height: 450px;
background:#FFF;
padding:15px;
padding-top:30px;
text-align:justify;
font-size:12px;
z-index:0
}

#dvSubNoticia {
min-height: 450px;
background:#FFF;
padding:15px;
padding-top:30px;
text-align:justify;
font-size:12px;
border-bottom:1px solid #CCCCCC;
z-index:0
}
#colCentral p{
margin-left:5px;
margin-right:5px;
line-height:16px;
}
#colCentral a{
color: #990000;
text-decoration:underline;
}
#colCentral a:hover{
color: #6F0000;
text-decoration:none;
}
#colCentral h1{
font-size:14px;
margin-left:5px;
}
#list1, #list2{
margin-left: 5px;
padding-left: 0;
list-style: none;
line-height:18px;
}
#list1 li, #list2 li{
padding-left: 15px;
padding-right: 20px;
background-image: url(img/seta.jpg);
background-repeat: no-repeat;
background-position: 0 3px;
margin-bottom:20px;
}
#list2{
margin-left: 15px;
padding-left: 0;
list-style: none;
line-height:18px;
}
#list2 li{
margin-bottom:5px;
background-position: 0 5px;
}
#list2 li.nivel2{
background-position: 20px 5px;
padding-left: 35px;
}
#rodape{
text-align:center;
color:#999999;
padding:5px;
}

/* -------------------------------------------------------- RODAPE -------------------------------------------------------- */
* {
/*margin: 0;*/
padding: 0;
}
html, body {
height: 100%; /* Required */
}
#container-page {
margin: 0 auto;
position: relative;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
}
#container-content {
padding: 0 0 45px 0;
}
#container-content:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
#container-foot {
width: 100%;
background:#EEEEEE;
position:static;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
height: 30px;
text-align:center
}
#foot {
padding: 5px 1em;
line-height: 18px;
}
#foot a{
color: #333333}
/* -------------------------------------------------------- RODAPE -------------------------------------------------------- */

#noticia{
	width:117px;
	height:55px;
	margin:0 auto;
	color:#666666
}
#btnMais{
width:15px;
height:15px;
background-image: url(img/btn_mais.jpg);
background-repeat: no-repeat;
float:right;
margin-top:-15px;
margin-right:2px;
}
#btnMais span{
display:none;
}
#btnMais a{
width:15px;
height:15px;
display:block;
}
ul.links{
list-style-type:none;
margin:0px;
padding:0px;
line-height:20px;
margin-left:10px;
}
ul.links li{
	list-style-type:none;
	padding:0px;
	margin:0px;
	color:#999999;
}
ul.links li a{
	color:#666666;
	text-decoration:underline;
}
ul.links li a:hover{
text-decoration:none;
}
/* BREAD CRUMBS 
#crumb{
position:absolute;
top:165px;
left:155px;
}
span.crumb a{color:#000000; text-decoration:none}
span.crumb a:hover{text-decoration:underline}
*/

#pagina{
border-bottom:1px solid #BBBBBB;
padding-bottom:2px;
margin-bottom:30px;
font-size:12px;
font-weight:bold
}
#fotoColcentral{
padding:12px;
margin-left:10px;
margin-right:10px;
float:right;
background-color:#f1f1f1;
border:1px solid #BBBBBB;
z-index:0
}

/* ----------------------------- cliente centralizado na vertical ----------------------------- */
#cliente { width:300px; height: 40px; overflow: hidden; position: relative; background-color:#f9f9f9; padding:10px; padding-left:20px; margin-bottom:20px; margin-left:20px; border:1px solid #f1f1f1; z-index:0}
#cliente[id] {display: table; position: static; z-index:0}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
#inner[id] {position: static;} 
/* ----------------------------- cliente centralizado na vertical ----------------------------- */

/* ----------------------------- publicaoes centralizado na vertical ----------------------------- */
#politica { width:auto; height: 60px; overflow: hidden; position: relative; background-color:#f9f9f9; padding:10px; margin-bottom:20px; margin-left:20px; border:1px solid #f1f1f1; z-index:0; line-height:20px}
#politica[id] {display: table; position: static; z-index:0}
#politica a{font-size:10px}

#politicaMiddle {position: absolute; top: 50%;} /* for explorer only*/
#politicaMiddle[id] {display: table-cell; vertical-align: middle; position: static;}

#politicaInner {position: relative; top: -50%} /* for explorer only */
#politicaInner[id] {position: static;} 
/* ----------------------------- publicaoes centralizado na vertical ----------------------------- */
.descPublicacao{ font-size:10px;}
#contato{
background-color:#f9f9f9;
border:1px solid #f1f1f1;
padding-top:15px;
padding-bottom:15px;
z-index:0;
text-align:center
}

#dvNews{
background-color:#f9f9f9;
border:1px solid #f1f1f1;
}

#contatos{
background-color:#f9f9f9;
border:1px solid #f1f1f1;
}

#linkNoticia{
margin-bottom:15px;
background-color:#f9f9f9;
padding:10px;
}
p.noticia{
margin:0;
padding:0;
}
p.noticia a{
font-weight:bold;
color:#000000;
margin:0;
padding:0;
}
p.noticiaSub{
margin:0;
padding:0;
font-size:10px;
color:#333333;
margin-top:5px
}
p.noticiaDesc{
margin:0;
padding:0;
font-size:11px;
color:#333333;
margin-top:5px
}
p.noticiaTexto{
margin-top:5px;
margin-bottom:5px;
font-size:11px;
}
p.faqTopo{
text-align:right;
margin:0;
padding:0;
}
input.submitLogout {
width:70px;
border:1px solid #BBBBBB;
font-size:10px;
color:#CE1912;
padding:0;
background-color:#FFFFFF;
}
#logout{
width:140px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
background-color:#f9f9f9;
border-bottom:1px dotted #BBBBBB;
}
#logout p{
margin:0;
margin-bottom:8px;
}
.sistema{
width:100%;
height:130px;
background-color:#f9f9f9;
border-bottom:1px solid #BBBBBB;
}
h1.sist{clear:both}
.td1{
padding:10px;
}
.td2{
padding-top:8px;
padding-bottom:8px;
padding-right:10px;
text-align:left;
line-height:18px;
}
.td2 a{
padding:0px;
margin:0px;
}
#colCentralSist{
text-align:center
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
ul.demos{
	list-style:none;
}
ul.demos li{
	width:300px;
	float:left;
	margin:.5em;
	display:inline;
}
ul.demos li a{
	text-decoration:none;
	display:block;
}
ul.demos span{
	margin-bottom:.3em;
	display:block;
	font-weight:bold;
	text-decoration:underline;
}