body {
margin: 12 0 0 0;
background: #AFE4B8;
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
}
#tudo {
margin: auto;
position: relative;
width: 790;
text-align: left;
}
#topo {
border-bottom: 5px solid #177E25
}
#menu {
position: relative;
float: left;
top: 15;
width: 150;
z-index: 1;
}
#menu ul.nivel2, #menu ul.nivel2 a, #menu ul.nivel2 a:visited, #menu ul.nivel2 a, hover {
font-size: 12;
color: #fff;
text-decoration: none;
font-weight: bold;
}
#menu ul.nivel1, #menu ul.nivel1 a, #menu ul.nivel1 a:visited, #menu ul.nivel1 a, hover {
font-size: 13;
color: #fff;
text-decoration: none;
font-weight: bold;
}
#menu a {
display: block;
height: 100%;
}
/*#menu ul.nivel2 a {
border-bottom: 2px solid #AFE4B8;
}*/
#menu li.nivel1 ul {
border-top: 2px solid #AFE4B8;
border-bottom: 2px solid #AFE4B8;
}
#menu ul, #menu li {
list-style-type: none;
margin: 0;
padding-left: 0;
}
#menu li {
position: relative;
background: #177E25;
}
#menu li.nivel1 {
text-align: center;
height: 25;
border-bottom: 3px solid #AFE4B8;
}
/*
#menu ul.nivel2 li {
border-top: 2px solid #AFE4B8;
}
#menu ul.nivel2 li:first-child, #menu ul.nivel2 li.first-child {
border-top: 0px;
}
*/
#menu li:hover, #menu li.hover {
background: #57BE65;
}
#menu li ul {
display: none;
position: absolute;
width: 150;
top: 0;
left: 150;
}
/*
#menu li.nivel1 ul {
border: 2px solid #AFE4B8;
}
*/
#menu ul.nivel1 li:hover ul.nivel2, #menu ul.nivel1 li.hover ul.nivel2 {
display: block;
}
#menu ul.nivel2 li:hover ul.nivel3, #menu ul.nivel2 li.hover ul.nivel3 {
display: block;
}
#menu ul:hover, #menu ul.hover, #menu li:hover, #menu li.hover, #menu a:hover {
display: block;
}
#conteudo {
position: relative;
float: left;
width:620;
padding: 10;
background: #E2F0E5
}
#rodape {
margin-top: 7;
text-align: center;
}
#rodape a, #rodape a:visited {
color: #177E25;
font-size: 12;
text-decoration: none;
font-weight: bold;
}
#rodape a:hover {
color: #57BE65;
text-decoration: none;
font-weight: bold;
}
.clear {
clear: both;
}
/* HACKS */
* html * {
color: expression( (function(who){
if(who.MXPC){
who.MXPC = '1';
if(who.nodeName = 'A'){
who.onmouseenter=function(){ who.className += ' hover'};
who.onmouseleave=function(){ who.className = who.className.replace(' hover','')};
}
(who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
}
})
(this) , 'auto')
}
