@charset "utf-8";
/* CSS Document */
html, body { 
height : 100%; width: 100%;
padding : 0px; 
margin : 0px; 
border: 0px;
} 
body { 
background-color : #335; 
color : #555; 
font-family: Verdana, Geneva, sans-serif;
font-size: small;
} 
#wrapper { 
display: table ;
width : 960px; 
position : relative; 
height : 100%;
margin : 0 auto; 
text-align : justify; 
background : #fff; 
padding : 0px;
} 
#left_bar { 
position: relative;
float : right; 
width : 220px; 
height : 200px; 
padding : 40px 5px 5px 5px; 
margin: 8px 0px 10px 20px;
background : #fff url("images/notas.jpg") no-repeat top left; 
overflow : hidden; 
z-index: 5;
} 
#header { 
padding : 5px 20px; 
height : 120px; 
border-bottom : 2px groove; 
} 
#logo { 
width : 220px; 
height : 100px; 
float : right; 
padding : 10px 15px; 
} 
#trivial { 
font-family:"Times New Roman", Times, serif;
margin-top : 25px; 
width : 600px; 
height : 55px; 
text-align : center; 
letter-spacing : 3px; 
color : #335; 
font : 14px Times; 
font-style : italic; 
} 
#trivial #nome { 
display : inline; 
font : 30px Times; 
letter-spacing : 5px; 
line-height : 50px; 
font-weight : bold; 
margin-right: 20px;
} 
#menu { 
float : left; 
font-size : 13px; 
line-height : 30px; 
background : #bbb; 
} 
#menu a { 
display : inline; 
padding : 10px; 
text-decoration : none; 
color : #000; 
} 
#menu a:hover { 
background-color : #335; 
color : #bbb; 
} 
h1 { 
clear: left;
display: block;
font-size: small;
color : #fff; 
font-weight : bold; 
background-color : #555; 
padding : 2px; 
margin: 20px;
} 
p, ul { 
font : smaller Verdana; 
color : #555; 
margin : 0px 20px; 
} 
.left { 
float : left; 
margin-right : 20px; 
} 
.right { 
float : right; 
margin-left : 20px; 
} 
.more { 
color : #fff; 
background-color : #555; 
text-decoration : none; 
margin: 0px 20px;
} 
.more:hover { 
text-decoration : underline; 
color : #fff; 
font-weight : bold; 
background-color : #555; 
}