/* service navigation styles */
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#nav-lnav li { 
        margin-right:15px;
       }
#nav-lnav a { 
        color:#FFF;
        font-size:120%;
	}
/* Unless you know what you do, do not touch this */ 
#nav-lnav, #nav-lnav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
        
	}
#nav-lnav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#nav-lnav ul ul { 
	left: 100%; 
	top: 0px; 
	}
	
#nav-lnav li { 
	float: left; 
	}
#nav-lnav li li { 
	float: none; 
	position: relative; 
	}
/* Styling the basic apperance of the menu elements */
#nav-lnav a { 
	display: block; 
	margin: 0px; 
	padding:0;
	text-decoration: none; 
	}
#nav-lnav li.menuactive a { 
        font-weight:normal;
	}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#nav-lnav ul li.menuparent, 
#nav-lnav ul li.menuparent:hover, 
#nav-lnav ul li.menuparenth { 
	background-image: url(uploads/simple/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}
#nav-lnav li:hover a, 
#nav-lnav li.menuh a, 
#nav-lnav li.menuparenth a, 
#nav-lnav li.menuactiveh a { 
        color:#D8D582;
	}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#nav-lnav ul, #nav-lnav li:hover ul, #nav-lnav li:hover ul ul, 
#nav-lnav li.menuparenth ul, #nav-lnav li.menuparenth ul ul { 
	display: none; 
	}
#nav-lnav li:hover ul, #nav-lnav ul li:hover ul, #nav-lnav ul ul li:hover ul, 
#nav-lnav li.menuparenth ul, #nav-lnav ul li.menuparenth ul, #nav-lnav ul ul li.menuparenth ul { 
	display: block; 
	}
/* IE Hacks */
#nav-lnav li li { 
	float: left; 
	clear: both; 
	}
#nav-lnav li li a { 
	height: 1%; 
	}
/* basic styles */
a:link { color: #4D4D4D; }
a:visited { color: #7F7F7F; } 
a:hover { color:#4D4D4D; text-decoration:none; }
body { 
  background-color:#4D4D4D; 
  margin: 0em;
  padding: 1em;
  text-align: left;
  font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
  font-size:12px;
  line-height: 1.3em;
}
/* header */
h1.logo a {
  float:left;
  background:  url(uploads/images/system/default/Imagem4.png) no-repeat 0px 0px; 
  text-indent:-700em; 
  text-decoration:none;    /* added, to avoid the underlined link on the logo */
  height: 60px;
  width: 300px;
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
#xlsicon {
  background:url(uploads/images/system/default/icon-xls.gif) no-repeat 0px 0px;
  padding:1px 0px 2px 20px;
}
#printicon {
  background:url(uploads/images/system/default/icon-print.gif) no-repeat 0px 0px;
  padding:1px 0px 2px 20px;
}
#closeicon {
  background:url(uploads/images/system/default/icon-close.gif) no-repeat 0px 0px;
  padding:1px 0px 2px 20px;
}
h1.logo {
  margin: 0;
  padding: 0;
}
/* Service navigation  - more styles in separate stylesheet */
div#servicemenu {
/*   float:left;*/
   padding:0px 0px 0px 0px;
   margin:15px 0px 0px 0px;
}
div#languagemenu {
   float: right;
   padding:0px;
   margin:0px;
   text-align: right;
}
/* picture bar */
div#picturebar {
  position:relative;
  clear: both;
  width: 100%;
  padding-top:10px;
  padding-left:10px;
  z-index:2;
}
div#picturebar img {
  position:relative;
  border: 1px solid #fff;
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 5px;
  z-index:3;
}
div#colorbar {
  position:relative;
  margin-top:-70px;
  height:70px;
  background-color: #D8D582;
  z-index:1;
}
div#poweredby {
  float:right;
  padding:6px 17px;
  font-weight:bold;
}
div#poweredby a:hover {
  color: #4D4D4D;
} 
img.poweredbyimg {
  position:relative; 
  top:4px; 
  padding-right:4px;
}
/* Horizontal menu bar - more styles in a separate stylesheet */
div#menubar { 
  clear:both;
  height: 60px;
  background-color:#9f9f9f;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 15px;
  font-weight:bold;
  font-size:0.9em;
  border: 1px solid #fff;
  position:relative;
  z-index:10;
}
/* Content block */
#main { 
  clear: both;
  background-color:#E6E6E6; 
  margin:0px; 
  padding:15px 15px; 
  border:1px solid #FFF;
}
div#breadcrumbs {
  margin: 0px;
  padding: 2px;
}
#content { 
  background-color:#FFF; 
  margin:0px; 
  padding:10px 10px; 
  border:1px solid #BABABA;
  height:auto;
}
h2#title{ 
  margin:15px 0px 18px 0px; 
  padding:0px; 
  line-height:1.2em;
}
div#relatedpages {
  margin-left: 3em;
  font-size: 100%;
  margin-bottom:16px;
}
div#footer {
  clear: both;
}
.sitemap {
 margin-left: 10px;
 text-indent: -1em;
 font-size: 1.2em;
 line-height: 1.5em;
}
.sitemap li {
  margin-left: 0;
  list-style: none;
}
ul.sitemap li:before {
  content: "\00BB \0020";
}
ul.sitemap li ul {
  margin-left: 0;
  padding-left: 1.4em;
  font-size: 95%;
}
ul.sitemap li ul li:before {
  content: "\00BA \0020";
}
/* service navigation styles */
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#nav-snav li { 
        margin-right:15px;
       }
#nav-snav a { 
        color:#D8D582;
        font-size:120%;
	}
/* Unless you know what you do, do not touch this */ 
#nav-snav, #nav-snav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
        
	}
#nav-snav ul { 
             position: absolute;
	top: auto; 
	display: none; 
	}
#nav-snav ul ul { 
	right: 100%; 
	top: 0px; 
	}
	
#nav-snav li { 
	float: right; 
	}
#nav-snav li li { 
	float: none; 
	position: relative; 
	}
/* Styling the basic apperance of the menu elements */
#nav-snav a { 
	display: block; 
	margin: 0px; 
	padding:0;
	text-decoration: none; 
	}
#nav-snav li.menuactive a { 
        font-weight:normal;
	}
/**/
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#nav-snav ul li.menuparent, 
#nav-snav ul li.menuparent:hover, 
#nav-snav ul li.menuparenth { 
	background-image: url(uploads/simple/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}
#nav-snav li:hover a, 
#nav-snav li.menuh a, 
#nav-snav li.menuparenth a, 
#nav-snav li.menuactiveh a { 
	color: #fff; 
	}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#nav-snav ul, #nav-snav li:hover ul, #nav-snav li:hover ul ul, 
#nav-snav li.menuparenth ul, #nav-snav li.menuparenth ul ul { 
	display: none; 
	}
#nav-snav li:hover ul, #nav-snav ul li:hover ul, #nav-snav ul ul li:hover ul, 
#nav-snav li.menuparenth ul, #nav-snav ul li.menuparenth ul, #nav-snav ul ul li.menuparenth ul { 
	display: block; 
	}
/* IE Hacks */
#nav-snav li li { 
	float: left; 
	clear: both; 
	}
#nav-snav li li a { 
	height: 1%; 
	}
/* navigation styles */
/* Set the width of the menu elements */
#nav-prodnav li { 
        width: 122px; 
        margin-right:9px;
        margin-left:0px;
       }
#nav-prodnav li li { 
        width: 122px; 
       }
/* Unless you know what you do, do not touch this */ 
#nav-prodnav, #nav-prodnav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#nav-prodnav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#nav-prodnav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#nav-prodnav li { 
	margin-left: -1px;
	float: left; 
	}
#nav-prodnav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}
/* Styling the basic apperance of the menu elements */
#nav-prodnav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 5px; 
	text-decoration: none; 
        color:#FFFFFF;
        font-size:1.2em;
	}
#nav-prodnav li a { 
	border-right: 0px;
	border-left: 0px;
	}
#nav-prodnav li li a { 
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	}	
#nav-prodnav li, #nav-prodnav li.menuparent { 
/*	background-color: #9f9f9f;    */
	}
#nav-prodnav li li, #nav-prodnav li li.menuparent { 
	background-color: #7f7f7f;    
	}
/* Styling the basic apperance of the active page elements */
/* (shows what page in the menu is being displayed) */
#nav-prodnav li.menuactive { 
	background-color: #7F7F7F; 
	}
#nav-prodnav li.menuactive li.menuactive { 
	background-color: #9F9F9F; 
	}
/* Styling the basic apperance of the menuparents - */
/* here styled the same on hover (fixes IE bug) */
#nav-prodnav li.menuparent:hover {
	background-color: #4D4D4D; 
}
#nav-prodnav ul li.menuparent, #nav-prodnav ul li.menuparent:hover, #nav-prodnav ul li.menuparenth { 
	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}
/* Styling the apperance of menu items on hover */
#nav-prodnav li:hover, #nav-prodnav li.menuh, #nav-prodnav li.menuparenth, #nav-prodnav li.menuactiveh { 
	background-color: #4D4D4D; 
	}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#nav-prodnav ul, 
#nav-prodnav li:hover ul, 
#nav-prodnav li:hover ul ul, 
#nav-prodnav li:hover ul ul ul, 
#nav-prodnav li.menuparenth ul, 
#nav-prodnav li.menuparenth ul ul, 
#nav-prodnav li.menuparenth ul ul ul { 
	display: none; 
	}
#nav-prodnav li:hover ul, 
#nav-prodnav ul li:hover ul, 
#nav-prodnav ul ul li:hover ul, 
#nav-prodnav ul ul ul li:hover ul, 
#nav-prodnav li.menuparenth ul, 
#nav-prodnav ul li.menuparenth ul, 
#nav-prodnav ul ul li.menuparenth ul, 
#nav-prodnav ul ul ul li.menuparenth ul { 
	display: block; 
	}
<!--
/* IE Hacks */
#nav-prodnav li li { 
	float: left; 
	clear: both; 
	}
#nav-prodnav li li a { 
	height: 1%; 
	}
-->