/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(img/bg.jpg);
	background-color:#08306b;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:top;
}
/* menu */
a.scrollover {
	/* Default Colour/Styles here */
	font-family: tahoma;
	font-size:11px;
	font-weight:bold;
	color: #666;
	text-decoration:none;
}
a.scrollover em:first-line {
  /* Rollover Colour/Styles here */
	color: #ff0000;
}
/* slide */
#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('images/bg_shadow.gif') no-repeat top; position: relative; padding: 14px 0 15px; width: 565px; height: 240px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('img/loading1.gif'); display: block; top: 120px; left: 190px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('../files/destaque/bg.jpg'); width: 390px; height: 240px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 390px; }
#slideshow #menu { background: url('images/bg_side.jpg'); background-repeat:no-repeat; list-style-type: none; width: 166px; height: 240px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; }
#slideshow #menu li a { display: block; font: 11px "arial", "arial"; text-decoration: none; padding: 7px 0 7px 18px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 15px "arial"; color: #fff; padding: 5px 0 5px 18px; line-height: 18px; }
#slideshow #menu li.background { background: url('images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }


/* Global Links
=====================================================================*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,embed,object{margin:0;padding:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }
html { overflow-x: auto; height:100%;}
input[type="text"] { 
}



div.hidden, a.hidden
{
	display: none;
	margin: 0;
}


ul li 
{
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

li a {
	padding-top: 0px;
	padding-bottom: 0px;
}

li a:hover {
	background-color: #eeeeee;
}



a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active
{
	background: transparent;
	color: #2575ad;
	text-decoration: none;
	
}

a:hover
{
	background: transparent;
	color: #ff0000;	
	text-decoration: none;
}

/* Feature Block -------------------------------------------------------------- */

#feature_block { background: url('images/bg_shadow.gif') no-repeat top; position: relative; padding: 14px 0 15px; width: 565px; height: 240px;  }
#feature_block #news_area { float: left; line-height:0px; }
#feature_block #news_area.flash { background: url('../files/destaque/bg.jpg'); float: left; height:240px; width:390px; text-align:center; padding:10px; line-height:0px; }

#feature_block .news_area { float: left; line-height:0px; }
#feature_block .news_area.flash { float: center; height:240px; width:390px; text-align:center; padding-top:30px; line-height:0px; }


#feature_block #right_column 
{
	position: absolute;
	top: 15;
	right: 0;
	float: left;
	width: 171px;
	height:240px;
	background-image: url(destaque/news_list_bg.gif);
}

#feature_block #right_column h3 { color: #6FA3DC; margin: 10px 20px 0 20px; font-size: 14px; }
#feature_block #right_column #arrow { position: absolute; }
#feature_block #right_column #news_items { width: 140px; margin: 20px; }
#feature_block #right_column #news_items li { margin: 10px 0 10px 0; }

#feature_block #right_column #news_items a
{
	font: 11px arial;
	color: #19669C;
	outline: none;
	position: relative;
}

#feature_block #right_column #news_items a:hover { color: white; background: transparent;}
#feature_block #right_column #news_items a.selected { color: white; font: 16px Georgia; padding: 0px; }
#feature_block #right_column #news_foot { position: absolute; bottom: 0; }











/* botão forms */

.bot100 {
	background-image: url(img/bt_100.gif);
	border:0px;
	color: #000;
	font-size: 11px;
	font-weight:bold;
	height:25px;
	margin: 3px 1px;
	text-transform:uppercase;
	width:100px;
	cursor:pointer;
	text-align:center;
	}
.bot120 {
	background-image: url(img/bt_120.gif);
	border:0px;
	color: #000;
	font-size: 11px;
	font-weight:bold;
	height:25px;
	margin: 3px 1px;
	text-transform:uppercase;
	width:120px;
	cursor:pointer;
	text-align:center;
	}
.bot140 {
	background-image: url(img/bt_140.gif);
	border:0px;
	color: #000;
	font-size: 11px;
	font-weight:bold;
	height:25px;
	margin: 3px 1px;
	text-transform:uppercase;
	width:140px;
	cursor:pointer;
	text-align:center;
	}
.bot160 {
	background-image: url(img/bt_160.gif);
	border:0px;
	color: #000;
	font-size: 11px;
	font-weight:bold;
	height:25px;
	margin: 3px 1px;
	text-transform:uppercase;
	width:160px;
	cursor:pointer;
	text-align:center;
	}
.bot180 {
	background-image: url(img/bt_180.gif);
	border:0px;
	color: #000;
	font-size: 11px;
	font-weight:bold;
	height:25px;
	margin: 3px 1px;
	text-transform:uppercase;
	width:180px;
	cursor:pointer;
	text-align:center;
	}
.bot200 {
	background-image: url(img/bt_200.gif);
	border:0px;
	color: #000;
	font-size: 11px;
	font-weight:bold;
	height:25px;
	margin: 3px 1px;
	text-transform:uppercase;
	width:200px;
	cursor:pointer;
	text-align:center;
	}
.bot220 {
	background-image: url(img/bt_220.gif);
	border:0px;
	color: #000;
	font-size: 11px;
	font-weight:bold;
	height:25px;
	margin: 3px 1px;
	text-transform:uppercase;
	width:220px;
	cursor:pointer;
	text-align:center;
	}
.bot240 {
	background-image: url(img/bt_240.gif);
	border:0px;
	color: #000;
	font-size: 11px;
	font-weight:bold;
	height:25px;
	margin: 3px 1px;
	text-transform:uppercase;
	width:240px;
	cursor:pointer;
	text-align:center;
	}


.tituloSisBranca16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
.divdisplay {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border:solid 2px;
	border-color:#669999;
	background-color:#e5eff1;
	width:400px;
}
.divdisplay2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border:solid 2px;
	border-color:#669999;
	background-color:#e5eff1;
	width:600px;
}
.tituloMenuPreto11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
.textoNormalPreto11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-decoration:none;
}
.textoBoldVermelha11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	text-decoration:none;
}
.textoBoldPreto11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
.textoNormalPreto12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-decoration:none;
}
.textoNormalAzul12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #07316b;
	font-weight: normal;
	text-decoration:none;
}
.textoNormalAzul16bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #07316b;
	font-weight: bold;
	text-decoration:none;
}
.textoNormalAzulBold12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #07316b;
	font-weight: bold;
	text-decoration:none;
}
.textoBoldPreto12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
.textoBoldPreto13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
.textoBoldPreto16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
.textoBoldVermelho13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	font-weight: bold;
	text-decoration:none;
}
.relogio {
	background:none;
	width:50px;
	font-family: arial;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	text-decoration:none;
	margin: 0px;
	padding: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}

/* início tooltip */
.formata { /* esta classe é somente 
               para formatar a fonte */
  font: 11px tahoma; 
  }
  a.menuModulos{
  position:relative; 
  padding:0;
  text-decoration:none;
  cursor:hand; 
  z-index:24;
  }
  a.menuModulos:hover{
  background:transparent;
  z-index:25; 
  }
  a.menuModulos span{display: none}
  a.menuModulos:hover span{ 
  display:block;
  position:absolute;
  /*width:180px; */
  top:5p;
  text-align:justify;
  left:-3px;
  font: 11px tahoma;
  font-weight:normal; 
  padding:2px 2px;
  border-bottom:1px dotted #999;
  background:#E2E9EF;
  color:#000;
  }
/*fim tool tipo*/

/*inicio menu modulos*/

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: bold;
text-decoration:none;
background: url(silvergradient.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 5px; /*header text is indented 10px*/
cursor: hand;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(silvergradientover.gif);*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
text-decoration:none;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
text-decoration:none;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
text-decoration:none;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
text-decoration:none;
}

.arrowlistmenu ul li a{
color: #000;
background: url(ico_service.gif) no-repeat center left top; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px dotted #4646ab;
font-size: 11px;
font-weight:normal;
text-decoration:none;
}

.arrowlistmenu ul li a:visited{
/*color: #ff0000;*/
text-decoration:none;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #252554;
text-decoration:none;
/*background-color: #F3F3F3;*/
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
text-decoration:none;
/*background: lightblue;*/
}

/*fim menu modulos*/

/*Example CSS for the two demo scrollers*/

#pscroller2{
width: 186px;
height: 80px;
border: 0px solid #EDEDED;
padding-left: 20;
padding-right: 20;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #061E5A;
font-weight:bold;
background-image:url(img/bg_motivos.gif); background-repeat:no-repeat; 
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

