html,body {
	height: 96%%; /* Stay a bit off top and bottom and stop a scrollbar in IE. */
}
body {
	margin-top: 1%; /* get of that top! */
	margin-bottom: 3%; /* And stay of the bottom as well! */
	background-color: #1a3c76;
	background:url(imagens/fundo3.gif)  repeat fixed;
	background-repeat:repeat-x;
}

#principal {
	width:900px;
	height:auto;
	margin-left: auto;  /* This keeps the template centered. */
	margin-right: auto;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 60%;
	}


#container { /* <DIV #1> */
	width: 900px;
	height:auto;/* Edit this to change the width of your site. Set it to 100% for some fun :-) */
	margin-left: auto;  /* This keeps the template centered. */
	margin-right: auto;
	                    /*border: 1px #0a69eb; */
	border-top: 2px solid #eee;
	border-left:2px solid #eee;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;

	
		
}

#div2 {
	background-color:#d4e6f5;
	height: auto;
	right: 900px;
}


#menu {
	background-color:#d4e6f5;
	right: 900px;
	height: 30px;}





#conteudo { /* <DIV #1> */
	width:auto;
	height:auto;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	 /* Edit this to change the width of your site. Set it to 100% for some fun :-) */
	
	
}
	
	
	
	
#flash {

	background-color:#FFFFFF;
	margin-left: auto;  /* This keeps the template centered. */
	margin-right: auto;
	width: 900px;
	
	
	}
	
#flash2 {
	background-image:url(imagens/fund_flash.gif);
	margin-left: auto;  /* This keeps the template centered. */
	margin-right: auto;
	width: 900px;
	
	
	}

#footer { /* The bottom, with the copyright notice. */
	clear: both; /* Appear UNDER core_right, not next to it. Not even with changed width on #container. */
	width: 896px; /* 680px? Yep, the same width as #container. */
	height: 50px; /* Give it some height! */
	text-align:center;
	margin: 2px;
	background-color:#d4e6f5;
	
	
}

#footer p { /* The <p> within the footer is styled here. */
		text-transform: uppercase; /* ALL CAPS ON THIS LINE OF TEXT */
		background: #FFFFFF url(diags.jpg)  0% 30% repeat-x; /* Those cool diagonal lines in the back. */
		font-size: 60%; /* An even smaller font then the list we just did. */
		color: #000000; /* Ocean blue color... */
		letter-spacing: 1px; /* spread those letters over your screen a bit more */
		font-family: "Trebuchet MS", Verdana, sans-serif;
		background-color:#d4e6f5; /* I love Trebuchet, should've been the standard font! ;-) */
	}
	#footer a { /* The <a href="... tags in the footer are styled here. */
		text-decoration: none; /* No lines under the text. */
		color: #000000; /* Black beauty. */
	}







#div_logo { 
	margin-left:30px;  /* This keeps the template centered. */
	margin-right: auto;
	height:auto;
	right:auto;
	position:static;
	
}
	
#apDiv1 {
	left:382px;
	top:823px;
	width:900px;
	height:32px;
	z-index:2;
	margin:2px #FFFFFF;
	background-image:url(imagens/fundtela.gif);
	background-repeat:repeat-x;
}


		


#div3{
	background-color:#d4e6f5;
	height:40px;
	right: 900px;
	margin:2px #FFFFFF;

	
}
	
h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

/*- Menu Tabs J--------------------------- */

    #tabsJ {
	float:left;
	width:100%;
	height: 40px;
	line-height:normal;
	background-color: #d4e6f5;
	
      }
    #tabsJ ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("imagens/tableftJ.gif") no-repeat left top;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("imagens/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }
		
		
		
.div_menu_principal {
	height: 30px;
	width: 821px;
}