header{
    text-align: center;
}

#cabecalho_esq, #cabecalho_meio, #cabecalho_dir{
    display: inline-block;
    *display: inline;
}

#cabecalho{
    width: 90%;
    height: 140px;
    text-align: center;
    padding: 0px;
    color: #434343;
}

#cabecalho_esq{
    width: 20%;
    float: left;
    text-align: center;
}

#cabecalho_meio{
    width: 60%;
    height: 140px;
    text-align: center;
    font-size: medium;
    vertical-align: middle;
}

#cabecalho_dir{
    width: 20%;
    float: right;
    text-align: center;
}

.logo_unicamp{
    width: 130px;
    height: 130px;
}

#principal{
    width: 100%;
}

#conteudo{
    width: 90%;
    background-color: #FFFFFF;
    display: inline-block;
    color: #000;
    text-align: left;
    _text-align: left;
}

#conteudo a {
    color:#116FA2;
    text-decoration:none;
}

#conteudo a:hover {
    color:#333;
    text-decoration:none;
}

.dataTables_wrapper{
    width: 100%;
}

/* css form */
fieldset ol{
    margin-top: 5px;
}

fieldset ul, fieldset li{
    border: 0;
    padding: 6px;
    list-style: none;
}

fieldset li{
    clear:both;
    list-style:none;   
    padding-bottom:5px;
}

fieldset input{
    float: left;
}

fieldset textarea{
    float: left;
}

fieldset select{
    float: left;
}

fieldset label{
    float: left;
    height: 21px;
}

fieldset ol li label{
    margin-top: 4px;
}

fieldset ol li label:first-child{
    font-weight: bold;
    color: #696969;
}

/* css form */

input.error, #error {
    background-color:#ffbcbc;
}

label.error{
    color: #FF0000;
    font-size: 12px;
}

#msg{
    width: 100%;
    text-align: center;
    background-color: rgb(226, 228, 255);
    font-weight: bolder;
}

td{
    font-size: 14px;
}

a{
    cursor: pointer;
    color: #116FA2;
}

#frmLogin input{
    width: 150px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#frmRastreio input{
    width: 60px;
    padding: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#frmLoginError{
    color: #FF0000;
    font-size: 16px;
    text-align: center;
    font-weight: bolder;
}

#frmLoginInfo{
    color: #828282;
    font-size: 16px;
    text-align: center;
    font-weight: bolder;
}

.redondo{
   width: 150px;
   height: 150px;
   border-radius: 50%;
}

.circuloAmarelo{
    font-size: 12.5px;
    border: 5px solid;
    background-color: #CDAD00;
    border-color: #EEDD82;
    color: #FFFFFF;
    width: 135px;
    height: 135px;
    line-height: 130px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.circuloVerde{
    font-size: 12.5px;
    border: 5px solid;
    background-color: #9ACD32;
    border-color: #009900;
    color: #FFFFFF;
    width: 135px;
    height: 135px;
    line-height: 130px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.linha{
    flex: 1;
    width: 100%;
    height: 135px;
    align-items: center;
    display: flex;
}

#liga{
    width: 100%;
    height: 10px;
    background-color: #528CE0;
}

.botao{
    padding: 5px !important;
}

.botaoRastrear{
    padding: 2px !important;
}

#rastreio{
    border: 0px solid;
    width: 98%;
    margin-left: 1%;
    table-layout: fixed;
}

#sistema{
    font: 20px bazooka;
    padding-top: 2px;
}

#inicio{
    width: 90%;
    margin-top: 5px;
    background: #778899;
    text-align: center;    
    color: #FFFFFF;    
    height: 35px;
    padding-top: 20px;
    font: 16px bazooka;
}

#abas{
    margin-top: 3px;
    width: 90%;
    background: #1C86EE;
    text-align: center;    
    height: 50px;
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

#abas li{ 
    float: left;
    height: 50px;
    color: #FFFAFA;
    border-right: 1px solid;
}

#abas li a{
    padding: 18px;
    display: block;
    color: #fff;
    text-decoration: none;
    font: 12px arial, verdana, sans-serif;
}

#abas li:hover{ 
    position: relative;
    background: #FF0000;
}

#menu{
    margin-top: 3px;
    width: 90%;
    background: #1C86EE;
    text-align: center;    
    height: 50px;
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

#menu li{ 
    float: left;
    height: 50px;
    color: #FFFAFA;
    border-right: 1px solid;
}

#menu li a{
    padding: 18px;
    display: block;
    color: #fff;
    text-decoration: none;
    font: 12px arial, verdana, sans-serif;
}

#menu li:hover{ 
    position: relative;
    background: #FF0000;
}

#divIndex{
    padding-top: 100px;
    height: 400px;
    background-color: #E9E9E9;
    text-align: center;
}

#divIndex p{
    color: #1C86EE;
    margin-left: 5px;
    margin-right: 5px;
}

#divLogin{
    width: 66%;
    float: left;
    background-color: #E9E9E9;
    text-align: center;
}

#divContato{
    width: 34%;
    height: 500px;
    float: left;
    color: #778899;
    background-color: #E9E9E9;
    text-align: center;
}

#naoEncontrado{
    color: #CD3700;
    font-size: 18px;
    font-weight: bold;
}