@charset "utf-8";
#header {
    border-style: none;
/* do site original    width: 800px;*/
    width: auto;
    height: auto;
}
#wrapper {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
/* do site original    width: 800px;*/
    /*border: 1px solid red;*/
    width: 100vw;
}
body {
    background-color: #E0E0E0;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 0.9em;
    text-align: justify;
    color: #474747;
}
h1 {
    color: #C0C0C0;
    font-size: 1em;
    text-align: left;
}
h2 {
    color: black;
    font-size: 1.2em;
    text-align: left;
    font-weight: bold;
}
h3 {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 2.0em;
    text-align: center;
    color: #474747;
    font-weight: bold;
}
#footer {
    text-align: center;
    font-size: 0.8em;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    border-top: thin solid #BBBBBB;
    clear: both;
    color: #969696;
}

#nav li {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    font-size: 1em;
    list-style-type: none;
    border-bottom: thin solid #e0e0e0;
    color: #1e9d36;
    left: 0px;
    list-style-position: inside;
    text-align: left;
}

#nav li a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1em;
    list-style-type: none;
    border-bottom: thin solid #e0e0e0;
    color: #1e9d36;
    left: 0px;
    list-style-position: inside;
    text-align: left;
}
#main {
/* do site original    width: 560px;*/
    width: 70%;
/*     float: left; */
/*    float: inline-start; */
    float: left;
/*    margin-right: 20%   */
/*         margin: 0 10px 50px 20px;    */
/*             padding-right: 10px;    */
}
#logo {
/*    padding: 10px;*/
    width: 123px;
    height: 80px;
    padding: 5px;
    float: left;
}
#topbanner{
    min-width: 99vw;
    max-width: 99vw;
    height: auto;
    /*border: 1px solid red;*/

}


/* Add a black background color to the top navigation */
/* codigo preto = 333, mas deixei em branco  */
.menuinvestimentos {
    background-color: #f3f3f3;
    overflow: hidden;
    text-align:center;
}
/* Style the links inside the navigation bar */
.menuinvestimentos a {
    float: none;
/*    display: block; */
    display:inline-block;
    color: #666;
    text-align: center;
/*    padding-top: 30px;
    padding-bottom: 10px;*/
    padding: 30px 15px;
    text-decoration: none;
    font-size: 17px;
} 
/* Change the color of links on hover */
.menuinvestimentos a:hover {
    background-color: #ddd;
    color: #666;
} 
/* Add an active class to highlight the current page */
.menuinvestimentos a.active {
    background-color: #ddd;
    color: #666;
}
.menuinvestimentos a.current {
    background-color: #f3f3f3;
    color: #666;
}
.menuinvestimentos a:current {
    background-color: #f3f3f3;
    color: #666;
}

/* Hide the link that should open and close the topnav on small screens */
.menuinvestimentos .icon {
    display: none;
}




/* Add a black background color to the top navigation */
/* codigo preto = 333, mas deixei em branco  */
.topnav {
    background-color: #FFFFFF;
    overflow: hidden;
} 
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #1e9d36;
    text-align: center;
/*    padding-top: 30px;
    padding-bottom: 10px;*/
    padding: 30px 15px;
    text-decoration: none;
    font-size: 17px;
} 
/* Change the color of links on hover */
.topnav a:hover {
    background-color: #1e9d36;
    color: white;
} 
/* Add an active class to highlight the current page */
.topnav a.active {
    background-color: #32CD32;
    color: white;
}
.topnav a.current {
    background-color: #04AA6D;
    color: white;
}
.topnav a:current {
    background-color: #04AA6D;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

table.month td {
    border: 1px solid rgb(221, 221, 221);
    padding: 20px;
    text-align: center;
}
table.month th {
    padding: 2px 0px;
    text-align: center;
}
th.month {
    display: none;
}

ul li {
    list-style-type: square;
}