/*

#
#      Developed by 2007 José António Carreira dos Santos Reis <jreis[at]gmail.com>
#      For CITI <http://www.citi.com/>.
#      All Rights Reserved
#

*/

/*
  tags: general design  
  every time you whant adjust or add a new tag
  do it in here.
  it should be avaible for all the site
*/

html {
	background:#ffffff;
	color: #ebf0f3;
	font-family:Tahoma, Arial, Verdana, Lucida,"Lucida Grande", Helvetica, sans-serif;
	font-size: .9em;
	line-height: .9em;
}

body{
	margin: 0;
	padding: 0;
}


div, img, br, h1, h2, h3, h4, h5, h6, p, a{
	margin: 0;
	padding: 0;
}

h2{
  color:#06C5DC;
  font-size:.9em;
  margin:0 0 6px 0;/*space after tag end*/
}

h3{
  color:#685e4d;
  font-size:.9em;
  margin:0 0 3px 0;/*space after tag end*/
}

p{
  color:#007D90;
  font-size:.7em;
  margin:0 0 3px 0;/*space after tag end*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
	
}

a{
  color:#0099CC;
  font-size:.9em;
  margin:0;
  padding:0;
}

a:link{color:#0099CC;text-decoration:underline}
a:visited{color:#0099CC;;text-decoration:underline}
a:hover{color:#00000;text-decoration:none}
a:active{color:#00000;text-decoration:underline}

/*end tags

############################################################

blocks*/
.hidme{
  display:none;
}
/*background block*/
#html_top_bg{
  position:absolute;
  background:650px url(../img/background.jpg) repeat-x;
  height:auto700px;
  width:100%;
  text-align:center;/*Makes the IE6 center the stage*/
  height:auto;
  width:100%;
  text-align:center;/*Makes the IE6 center the stage*/
}

.stage{
/*
  this is where all with appear
  this is the back layer
  it can be adjusted just to make the fancy shadows
  and background effects
  use the width to adjust to the image
*/
  width:800px;
  height:620px;/*just to give a relative height or fixed, as you wish*/
  background:#B9D4D9;
  position:absolute;
  top:0;
  left:50%;
  margin:0 0 0 -400px;/* IE6 Bug */
  padding:0;
  
}
/*end*/



/*data block*/
.areas{ /*class element 4 all areas*/
  background:transparent;
  margin:5px 20px;
  padding:0;
}

/* header */
#top{
  height:44px;
  background: url("../img/header.png") no-repeat;
  width:auto;
}

#top br{
  margin:0;
  padding:0;
  
  
}

#lang_menu {
  position: relative;
  width:auto;
  padding:5px 0;
  margin: 0 px;
  
}

#lang_menu ul{
  margin: 0;
  padding: 0;
  text-align:right;
}

#lang_menu ul li {
  margin: 0;
  padding:2px 7px;
  display: inline;
  list-style-type: none;
}

#lang_menu ul li a{
  margin: 0;
  padding:0;
}

.pt{
  width:20px;
  height:14px;
  background:transparent url("../img/pt.gif") no-repeat;
}

.eng{
  width:20px;
  height:14px;
  background:transparent url("../img/eng.gif") no-repeat;
}

#lang_menu ul li a:link, #lang_menu ul li a:visited {
        font-weight: bold;
        text-decoration: none;
        color: #708491;
        background:#000000;
}

#lang_menu ul li a:link.active, #lang_menu ul li a:visited.active, #lang_menu ul li a:hover {
        padding:0;
        color: #000000;
        background:#ffffff;
}

/* end header*/

/* banner */
#banner{
  height:162px;/*adjust me*/
  background:transparent  url("../img/banner.png") no-repeat;
}
/* end banner */

/*middle block*/
#middle{
  background:#ebf0f3;
  height:auto;
}
/*menu*/
#navigation{
  background:#ebf0f3;
  margin:0;
  padding: 0.6em 0 0;
  width:auto;
}

#navigation ul, #navigation ul li {
        list-style: none;
        margin: 0;
        padding: 0;        
       
}

#navigation ul {
        margin:0px;
        padding: 5px 0 5px 0;
        text-align: left;
}

#navigation ul li {
        display: inline;

}

#navigation ul li a {
        background:transparent url("../img/tableft(1).gif") no-repeat left top;
        color: #FFF;
        text-decoration: none;
        padding: 5px 0;
}

#navigation ul li span {
        background:transparent url("../img/tabright.GIF") no-repeat right top;
        padding: 5px 7px 5px 3px;
        margin: 4px 0 4px 4px;
}

#navigation ul li a:hover span {
        text-decoration: underline;
        background-position: 100% -75px;
}

#navigation ul li a:hover {
        background-position: 0 -75px;
}

#navigation #current a {
        background-position: 0 -150px;
}

#navigation #current a span {
        background-position: 100% -150px;
}

/*- IE...Hack- */

/*\*//*/
#navigation ul li a {
        display: inline-block;
        white-space: nowrap;
        width: 1px;
}

#navigation ul {
        padding-bottom: 0;
        margin-bottom: -1px;
}
/**/

/*\*/
* html #navigation ul li a {
        padding: 0;
}
/**/



/*end menu*/
/*text area*/

/*all css of elements on the txt area should come here*/
#txt_area{
  text-align:left;
  padding:10px 10px;
  margin:5px 0 0 0;
  width:auto;
  height:300px;
  overflow:auto;
}

#txt_area h2{
  font-size:1em;
}
/*end txt area*/

/*end content area*/

/*footer*/
#bottom{
  background:#5199AE;
  height:5px;
  clear:both;
}

#footer {
  padding:5px 0;
  margin:0;
  background-color: #42656D;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #97A3A9;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #86826E;
	text-align: center;
	vertical-align: middle;
}

#footer ul{
  margin: 0;
  padding: 0;
  text-align:center;
}

#footer ul li {
  margin: 0;
  padding:2px 7px;
  color: #ffffff;
  display: inline;
  list-style-type: none;
}

#footer ul li a{
  margin: 0;
  padding:0;
}

#footer ul li a:link, #footer ul li a:visited {
        text-decoration: underline;
        color: #0099CC;
        background:transparent;
}

#footer ul li a:link.active, #footer ul li a:visited.active, #footer ul li a:hover {
        color: #00000;
        text-decoration: none;
        background:transparent;
}

.SplitteHorizontal {
	background-attachment: scroll;
	background-image: url(../img/splitter_horizontal.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.imgleft {
float: left;
padding: 6px 10px 6px 0px;
}

/*#mapa_imagem{
left: 410px;
	position: relative;
  	width:120px;
	height:40px;
	padding:0 px 0;
  	margin: 0;
	top:-30px;
	
}
*/