* { font-family: 'Trebuchet MS'; margin: auto; }
body { background: #F6F6F6; font-size: 9pt; color: #646464; background-image: url(/_shared/images/bg.jpg); background-repeat: repeat-x; }
.hand { cursor: pointer }
a { text-decoration: none; color: #FF3300; }
a:hover { text-decoration: none; color: #006600; }
a:visited {}
#tooltip { position: absolute; border: 1px solid #333; background: #f7f5d1; padding: 2px 5px; color: #333333; display: none; }

/* Data Pager Styles */
.grid .pager { margin: 5px; text-align: center; padding: 5px; } 
span.command, span.current, a.command { color: #006699; padding: 0px 5px; text-decoration: none; border: none; }
a.command:hover { border: 2px solid #3366CC; background-color: #336699; color: #fff; padding: 0px 3px; text-decoration: none; }        
span.current { border: none; font-weight: bold; color: #009900; padding: 0px 6px; font-size: 18px; }

div.pager { padding: 3px 6px 3px 6px; }
span.results1 { float: left; }
span.results2 { float: right; }
/* The following modifies the results per page control which exists under the main table */
div.results { display: inline; position: relative; margin-top: -1.75em; float: right; }
/* Set's the appearance of the drop down control*/
.droplist { padding: 0px;  font-size: .95em; color: #666666; }
/* Fim da Paginação */

.dom { color: #FF0000; }
.sab { color: #0033FF; }
.am { color: #FFFF66; }
.ve { color: #66FF33; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 3px; }
h1 { font-size: 16pt; text-indent: 10px; color: #009933; }

.site { margin: auto; width: 900px; }
    .site .topo {width: 900px; height: 78px;}
    .site .banner {width: 900px; height: 215px;}
    .site .bgSite {width: 900px; height: auto; background-image: url(/_shared/images/_bgSite.png); background-repeat: repeat-y;  overflow: visible;}
    .bgSite .area {width: 900px; height: 100%; background-image: url(/_shared/images/_area.png); background-repeat: no-repeat; display: table; overflow: visible;}
        .area .esq { width: 210px; height: auto; float: left; }
            .esq .menu { width: 186px; height: auto; padding-left: 10px;}
                .menu .topo { width: 186px; height: 14px; background-image: url(/_shared/images/_topoM.png); background-repeat: no-repeat;}
                .menu .cent { width: 186px; background-image: url(/_shared/images/_centroM.png); background-repeat: repeat-y; height: 100%; display: table; }                                        
                .menu .roda { width: 186px; height: 16px; background-image: url(/_shared/images/_rodapeM.png); background-repeat: no-repeat;}
        .area .cen { width: 690px; height: auto; float: right; }
            .cen .recado { height: auto; float: left; padding-right: 20px; }
                .recado .titulo { text-align: left; overflow: auto; width: 100%; }
                    .titulo .data { background-image: url(/_shared/images/_data.png); background-repeat: no-repeat; width: 61px; height: 70px; float: left; color: #FFFFFF; text-align: center; font-weight: bold; padding-top: 2px; }
                    .titulo .tit { color: #003366; font-size: 14pt; font-weight: bold; padding-top: 10px; text-indent: 10px; }
                .recado .texto { text-align: justify; text-indent: 10px; padding-right: 10px; color: #666666; padding-bottom: 10px; }
                .recado a { float: right;}
        .cen .dir { width: 285px; height: auto; float: right; }
        
        .bgSite .gal {width: 900px; height: auto; margin: auto; margin-top:20px;  }
    
    .site .rod { width: 900px; height: auto; background-image: url(/_shared/images/_bgRodape.png); background-repeat: no-repeat; padding-top: 25px;  }
        .rod .esq {width: 400px; height: auto; float: left; text-align: left; padding-left: 20px;}
        .rod .dir { width: 400px; height: auto; float: right; text-align: right; padding-right: 20px; }
        
dl { width: 150px; padding-left: 15px; } 
dl { margin: 0;} 
dt { padding: 5px; margin: 2px; } 
dt a { color: #000000; } 
dd a { color: #000; } 
ul { list-style: none; padding: 5px; }

/*
Author: Craig Erskine
Description: Dynamic Menu System - Vertical
*/ 
ul#navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { /* Menu Width */ margin: 0; list-style: none; } 
ul#navmenu-v li { float: left; position: relative;  width: 100%;}
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ } 
ul#navmenu-v ul { width: 100%; display: none;  position: absolute; margin-left: -5px; margin-top: -4px; top: 0; left: 100%; z-index: 9999; } 
/* Root Menu */
ul#navmenu-v a { text-indent: 15px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 6px; width: 90%; display: block; background: #FFFFFF; color: #666; text-decoration: none; height: 1%; }
/* Root Menu Hover Persistence */
ul#navmenu-v a:hover, ul#navmenu-v li:hover a, ul#navmenu-v li.iehover a { background: #BBB; color: #FFF; }
/* 2nd Menu */
ul#navmenu-v li:hover li a, ul#navmenu-v li.iehover li a { float: none; background: #BBB; }
/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover, ul#navmenu-v li:hover li:hover a, ul#navmenu-v li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover a { background: #999; }
/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li a { background: #999; }
/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover a, ul#navmenu-v li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover a { background: #666; }
/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li.iehover li a { background: #666; }
/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover { background: #333; }
/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }