* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    html,
    body {
        font-family: 'Roboto Condensed', sans-serif !important;
        -webkit-font-smoothing: antialiased;
        font-size: 1em;
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
        height: 100%;
    }
    
    header {
        background-color: #004A7b;
        /*min-height: 118px;*/
        align-items: flex-end;
        padding-top: 0px;
        width: 0 auto;
    }
    
    main {
        width: 100%;
        min-height: calc(100vh - 107px - 58px);
        padding-top: 5px;
        margin: 0 auto;
        ;
    }
    
    body h1 {
        color: grey;
        margin: 10px;
        margin-left: 390px;
    }
    
    hr {
        border: 1px solid #eaeaea
    }
    
    .container {
        max-width: 920px;
        margin: 0px auto;
    }
    
    .col-md-3 {
        float: left;
        margin-top: 10px;
    }
    
    .hidden {
        display: none;
    }
    
    #topo {
        background: #eeeeee;
    }
    
    #conteudo {
        background: #fff;
        text-align: center;
    }
    
    #conteudo #cabecalho {
        /*min-height: 118px;*/
        align-items: center;
        padding-top: 0;
        width: 0 auto;
    }
    
    #logo {
        margin: 0px auto;
    }
    
    #conteudo #content {
        margin: 20px 0px;
        text-align: center;
    }
    
    #conteudo a.item {
        text-decoration: none;
        width: 160px;
        height: 195px;
        display: block;
        margin: 0px 35px;
    }
    
    #conteudo .item .centraliza {
        width: 110px;
        margin: 0 auto;
        vertical-align: middle;
    }
    
    #conteudo .item .circulo {
        background-color: #004A7B;
        width: 110px;
        height: 110px;
        display: table-cell;
        vertical-align: middle;
        border-radius: 110px;
        -moz-border-radius: 80px;
        -webkit-border-radius: 80px;
    }
    
    #conteudo .item .titulo {
        color: #004A7B;
        width: 150px;
        margin: 0 auto;
        margin-top: 5px;
    }
    
    #conteudo .item .seta {
        background: url("assets/img/seta.jpg") no-repeat;
        background-position: bottom center;
        position: absolute;
        width: 18px;
        height: 10px;
        margin-left: 65px;
        margin-top: -8px;
    }
    
    #conteudo .item .borda {
        background: #FFF;
        border: 1px solid #004A7B;
        padding: 5px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        margin: 5px;
        height: 65px;
    }
    
    #conteudo .item .nomes {
        justify-content: center;
    }
    
    #conteudo a.item:hover .circulo {
        background-color: #1989be;
    }
    
    #conteudo a.item:hover .borda {
        background-color: #1989be;
        border: 1px solid #1989be;
        color: #FFF;
    }
    
    #conteudo a.item:hover .seta {
        background: url("img/seta_hover.jpg");
    }
    
    .logo_menor {}
    
    #footer {
        text-align: center;
        background: url("assets/img/bg_rodape.jpg") #004A7B repeat-x;
        color: #FFF;
        padding: 2px;
        bottom: 0;
        position: relative;
        width: 100%;
    }
    
    .bibilivre {
        width: 100px;
        height: 57px;
        padding-left: 2px;
    }
    
    .sga {
        width: 110px;
        height: 85px;
    }
    
    .drive {
        width: 100px;
        height: 48px;
    }
    
    .carro_agendamento {
        width: 100px;
        height: 85px;
    }
    
    span #nomes {
        padding-top: 30px !important;
    }
    
    .smp {
        width: 99px;
        height: 90px;
    }
    /* css antigo*/
    
    code {
        margin: 0;
        color: #006600;
        font-size: 1.1em;
        font-weight: bold;
    }
    
    .config_source code {
        font-size: .8em;
        color: #000000;
    }
    
    pre {
        margin: 0;
        font-size: 1.4em;
        word-wrap: break-word;
    }
    
    ul,
    ol {
        margin: 10px 0 10px 40px;
    }
    
    ul.first,
    ol.first {
        margin-top: 5px;
    }
    
    fieldset {
        padding: 0 15px 10px 15px;
    }
    
    .summary-container fieldset {
        padding-bottom: 5px;
        margin-top: 4px;
    }
    
    legend.no-expand-all {
        padding: 2px 15px 4px 10px;
        margin: 0 0 0 -12px;
    }
    
    legend {
        color: #333333;
        padding: 4px 15px 4px 10px;
        margin: 4px 0 8px -12px;
        _margin-top: 0px;
        border-top: 1px solid #EDEDED;
        border-left: 1px solid #EDEDED;
        border-right: 1px solid #969696;
        border-bottom: 1px solid #969696;
        background: #E7ECF0;
        font-weight: bold;
        font-size: 1em;
    }
    
    a:link,
    a:visited {
        color: #007EFF;
        font-weight: bold;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    h1 {
        font-size: 2.4em;
        margin: 0;
        color: #FFF;
    }
    
    h2 {
        font-size: 1.7em;
        margin: 0;
        color: #CC0000;
    }
    
    h3 {
        font-size: 1.4em;
        margin: 10px 0 0 0;
        color: #CC0000;
    }
    
    h4 {
        font-size: 1.2em;
        margin: 10px 0 5px 0;
    }
    
    #header {
        width: 96%;
        margin: 0 0 0 0;
        padding: 6px 2% 6px 2%;
        font-family: "trebuchet MS", Verdana, sans-serif;
        color: #FFF;
        background-color: #5C87B2;
    }
    
    #content {
        margin: 0 0 0 2%;
        position: relative;
    }
    
    .summary-container,
    .content-container {
        background: #FFF;
        width: 96%;
        margin-top: 8px;
        padding: 10px;
        position: relative;
    }
    
    .config_source {
        background: #fff5c4;
    }
    
    .content-container p {
        margin: 0 0 10px 0;
    }
    
    #details-left {
        width: 35%;
        float: left;
        margin-right: 2%;
    }
    
    #details-right {
        width: 63%;
        float: left;
        overflow: hidden;
    }
    
    #server_version {
        width: 96%;
        height: 1px;
        min-height: 1px;
        margin: 0 0 5px 0;
        padding: 11px 2% 8px 2%;
        color: #FFFFFF;
        background-color: #5A7FA5;
        border-bottom: 1px solid #C1CFDD;
        border-top: 1px solid #4A6C8E;
        font-weight: normal;
        font-size: 1em;
        color: #FFF;
        text-align: right;
    }
    
    #server_version p {
        margin: 5px 0;
    }
    
    table {
        margin: 4px 0 4px 0;
        width: 100%;
        border: none;
    }
    
    td,
    th {
        vertical-align: top;
        padding: 3px 0;
        text-align: left;
        font-weight: bold;
        border: none;
    }
    
    th {
        width: 30%;
        text-align: right;
        padding-right: 2%;
        font-weight: normal;
    }
    
    thead th {
        background-color: #ebebeb;
        width: 25%;
    }
    
    #details-right th {
        width: 20%;
    }
    
    table tr.alt td,
    table tr.alt th {
        background-color: #ebebeb;
    }
    
    .highlight-code {
        color: #CC0000;
        font-weight: bold;
        font-style: italic;
    }
    
    .clear {
        clear: both;
    }
    
    .preferred {
        padding: 0 5px 2px 5px;
        font-weight: normal;
        background: #006633;
        color: #FFF;
        font-size: .8em;
    }