body         { color: #000000; background-color: #ffffff; font-family: Arial Narrow; 
               text-align: left; font-weight: bold; border-style: none; 
               border-width: 0; margin: 0; padding: 0 }
h1           { font-family: Berlin Sans FB; font-size: 170%; background-color: #ffffff;
               color: #003300; font-weight: bold; margin-left: 5px; margin-top: 10px; margin-bottom: 2px }
h2           { font-family: Berlin Sans FB; font-size: 120%; background-color: #FFFFFF; 
               color: #663300; margin-left: 5px; margin-top: 5px; margin-bottom: 0px; font-weight: bold; }
h3           { font-family: Arial Narrow; font-size: 120%; background-color: #FFFFFF; 
               color: #003300; font-weight: bold; margin-left: 5px; margin-top: 0px; margin-bottom: 5px }
h4           { font-family: Arial Narrow; font-size: 100%; background-color: #FFFFFF; 
               color: #003300; font-weight: normal; margin-left: 5px; margin-top: 0; margin-bottom: 5px  }
ul           { margin:0 0 0.3em 1em;border:0;padding:0;}
li           { margin:0 0.5em 0.1em 0.5em;font-size:95%;padding:0;}

a:link       { font-family: inherit; text-decoration: underline; color: #003300; font-weight:bold }
a:active     { font-family: inherit; text-decoration: underline; color: #003300 }
a:visited    { font-family: inherit; text-decoration: underline; color: #003300 }
a:hover      { font-family: inherit; text-decoration: underline; color: #663300 }

/*TITLE STARTS HERE*/
div.title	body         { color: #FFFFFF; font-family: Arial Narrow; 
               text-align: left; font-weight: bold; border-style: none; 
               border-width: 0; margin: 0; padding: 0 }
div.title	h1 { font-family: Berlin Sans FB; font-size: 170%; background-color: #003300; color: #CC9900; 
				 font-weight: bold; margin-left: 5px; margin-top: 0; margin-bottom: 5px;}
div.title	h2 { font-family: Berlin Sans FB; font-size: 120%; background-color: #003300; 
                 color: #FFFFFF; margin-left: 5px; margin-top: 0; margin-bottom: 5px }
div.title	h3 { font-family: Arial Narrow; font-size: 120%; background-color: #003300; color: #FFFFFF; 
                 font-weight: bold; margin-left: 5px; margin-top: 0; margin-bottom: 5px;}
div.title	h4 { font-family: Arial Narrow; font-size: 100%; background-color: #003300; color: #CC9900; 
				 font-weight: normal; margin-left: 5px; margin-top: 0; margin-bottom: 5px;}
div.title	h5 { font-family: Arial Narrow; font-size: 85%; font-style: italic; color: #CC9900; 
				 font-weight: bold; text-align: right;}
div.title	h6 { font-family: Arial Narrow; font-size: 70%; font-style: italic; color: #FFFFFF; text-align: right;}
div.title	a:link {color:#FFFFFF; font-family: Arial Narrow; font-weight: bold}
div.title	a:active {color:#FFFFFF; font-family: Arial Narrow; background-color: #003300}
div.title	a:visited {color:#FFFFFF; font-family: Arial Narrow; background-color: #003300}
div.title	a:hover {color:#CC9900; font-family: Arial Narrow; background-color: #003300}

/*MENU STARTS HERE*/
div.menu     { float: right; margin-left: 0; margin-right: 0; margin-top: 0.5em; margin-bottom: 0.5em; 
               padding-left: 0.5em; padding-right: 0.5em; padding-top: 0; left; top; 
               padding-bottom: 0; color: #FFFFFF }
div.menu ul{margin:0;padding:0; }

div.menu li{margin:0;padding-top:0px;border:0;list-style-type: none; }

div.menu p   { text-align: left; font-size: 125%; font-family: Berlin Sans FB; color: #CC9900; 
               font-weight: bold; text-decoration: none; background-color: #008000; 
               border-left: 0 solid #E8E8E8; border-right: 0 solid #E8E8E8; margin: 0px; padding-left: 0px; 
               padding-right: 0px; padding-top: 1px; padding-bottom: 1px }
div.menu a   { display: block; width: 130px; font-size: 80%; text-decoration: none; 
               text-align: left;  color: #FFFFFF; font-family: Arial Narrow; border-left: 0 solid #E8E8E8; 
               border-right: 0 solid #E8E8E8; border-top: 0 solid #E8E8E8; 
               border-bottom: 1px solid #E8E8E8; margin: 0; padding-left: 0px; 
               padding-right: 0px; padding-top: 0px; padding-bottom: 0px }
div.menu a:link { color: #FFFFFF; font-family: Arial Narrow; text-decoration: none ; background-color: #033000;}
div.menu a:active{ color: #FFFFFF; font-family: Arial Narrow; text-decoration: none ; background-color: #033000;}
div.menu a:visited{ color: #FFFFFF; font-family: Arial Narrow; text-decoration: none ; background-color: #033000;}
/*This sets the behaviour when the mouse goes over a link.*/
div.menu a:hover { background-color: #FFFFFF; font-family: Arial Narrow; font-size: 80%; color: 
               #008000; text-align: Left; text-decoration: none; border-bottom: 1px solid #000000; 
               padding-left: 0px; padding-right: 0px; padding-top: 0px; 
               padding-bottom: 0px }

/*TOPBAR STARTS HERE*/
div.topbar{float:left;width:100%;}

div.topbar h1  {font-size:150%; font-weight:normal; border-bottom:1px solid color = #00008b;/*blue4*/
				padding:0.25em 0 0.25em 0; margin:0;}
div.topbar h2  {font-size:120%; font-weight:normal; font-style:italic; letter-spacing:0.1em; 
				border-bottom:1px dotted color = #00008b;/*blue4*/ padding:0.5em 0.5em 0.5em 0;
				margin:0 0 0.5em 0; text-align:left; color:#00008b;/*blue4*/}

/*PAGEHEAD STARTS HERE*/
div.pagehead{float:left;text-align:left;}
div.pagehead h1 {Font-family: Berlin Sans FB; color: #FFFFFF; background-color: #008000; font-size: 180%; font-weight: 
               bold; margin: 0; padding: 0.5em }

/*LEGENDA STARTS HERE*/
div.legenda	    {float:left; width:100%; margin:0 0 10px 0; border:0; padding:10px 0 0 0; text-align:left;}
div.legenda h1,h2,h3,h4{font-weight:normal;}
div.legenda h1  {margin:0 0.5em 0.25em 0; padding:0; border:0; font-size:150%;}
div.legenda h2  {margin:0.5em 0.5em 0.25em 0; padding:0; border:0; font-size:130%;}
div.legenda h3  {margin:0.3em 0.5em 0 0; padding:0; border:0; font-size:110%;}
div.legenda h4  {margin:0.25em 0.5em 0 0; padding:0; border:0; font-weight:bold; font-size:85%;}
div.legenda h5  {margin:0 0.5em 0 0; font-weight:bold; padding:0 0.5em 0 0.5em;}
div.legenda h6  {margin:0 0.5em 0 0; padding:0 0.5em 0 0.5em; }
div.legenda p   {margin:0 1em 0.8em 0; padding:0; border:0; font-size:75%;}
div.legenda ol  {margin:0 0 0.3em 1em; border:0; padding:0;}
div.legenda ul  {margin:0 0 0.3em 1em;border:0; padding:0;}
div.legenda li  {margin:0 0.5em 0.1em 0.5em; font-size:100%;font-weight:normal; padding:0;}
div.legenda a   {margin:0;padding:0;border:0;font-size:100%;}
div.legenda blockquote{margin:0 2em 0.8em 2em;padding:0;border:0;font-size:75%;}

/*BOX STARTS HERE*/
div.box      { float: right; width: 170px; border-style: solid; border-width: 1px; 
               margin-left: 8px; margin-right: 8px; margin-top: 8px; 
               margin-bottom: 8px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; 
               padding-right: 20px; }
div.box h2,h3,p,ul,li{padding:0 0.5em 0 0;margin:0;}
div.box h2   { margin:5px 0 5px 0;padding:0 0.5em 0.25em 0;border-style:solid;border-width:0 0 1px 0;
			   border-color:#003300;font-size:120%;font-weight:normal;}
div.box h3   { margin:0.3em 0 0.25em 0;font-size:100%;font-weight:bold;}
div.box p    { margin:0 0 0.2em 0;font-size:70%;}
div.box ul   { font-size:90%;list-style-type:none;margin:0;border:0;}
div.box li   { margin:0;padding:0.15em 0 0.15em 0;border-style:dotted;border-width:0 0 1px 0;}
div.box a    { text-decoration:none;}
div.box a:hover{text-decoration:underline;}

/*PES STARTS HERE*/
div.pes      { clear:both;background-color:#e8e8e8;/*grey 91*/margin:0;padding:0;border:0;text-align:center;}
div.pes p    { font-size:70%;padding:0.25em 0 0.25em 0;margin:0;}