html, body {
    font: 10px verdana;
    margin: 2px;
    padding: 0;
    border: 0;
    height: 100%;
    overflow: hidden;
    alignment-adjust: central;
    background: #C7E8EF;
}

.botoes {
    height: 10%;
}

.garantia {
    overflow: auto;
    height: 55%;
}

.lbgar {
    font: 20px verdana;
    color: green;
}

.awesome{
    background: #222 url(img/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    border-bottom: 1px solid #222;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.awesome:hover{ 
    background-color: #111; 
    color: #fff; 
}

.awesome:active{ 
    top: 1px; 
}

.botao {
    font-size: 20px;
    height: 75%;
    width: 180px;
    background-color: #000080; 
}

.botao:hover { 
     background-color: #000080; 
     color: aqua;
     top: 2px;
      
}

.yellow {
    font-size: 20px;
}

.yellow.awesome:active{ 
    top: 1px; 
}

.yellow.awesome, .yellow.awesome:visited{ 
    background-color: #ffb515; 
    height: 75%;
    width: 180px;
}

.yellow.awesome:hover { 
    background-color: #fc9200; 
    width: 180px;
     top: 2px;
}

.aplica {
    font: 18px verdana;
    font-weight: bold;
    color: red;
    background-color: #EAEAEA;
}

.gp {
    color: navy;
    font: 15px verdana;
    font-weight: bold;
}

.gp30 {
    color: purple;
    font: 15px verdana;
    font-weight: bold;
}

.fab {
    height: 80%;   
    position: relative;
}

.fabr {
    height: 20%;
    position: relative;
    padding-top: 20px;
    font: 20px verdana;
    color: navy;
}

.btnInc{
    background-color: #CCFFCC;
    border: 1px;
    color: green;
    font: 20px verdana;
    font-weight: bold;
}

.btnDel{
    background-color: #FFCC99;
    border: 1px;
    color: maroon;
    font: 20px verdana;
    font-weight: bold;
}

.btnExt{
    background-color: #800000;
    border: 1px;
    color: yellow;
    font: 20px verdana;
    font-weight: bold;
}

.btnAtv{
    background-color: #CCFFCC;
    border: 1px;
    color: green;
    font: 20px verdana;
    font-weight: bold;
}

.btnDtv{
    background-color: #FFCC99;
    border: 1px;
    color: maroon;
    font: 20px verdana;
    font-weight: bold;
}

.empresa {
    color: maroon;
    text-align: right;
    font: 30px verdana;
    font-weight: bold;
    display:  inline;
}

.header {
}

.conversao {
    color: red;
    text-align: left;
    font: 18px verdana;
    font-weight: bold;
    float: left;
    width: 40%;
}

.disponivel {
    color: maroon;
    text-align: right;
    font: 18px verdana;
    font-weight: bold;
    float: right;
    width: 60%;
}

input {
    color: navy;
    font: 15px verdana;
    font-weight: bold;
    background: #CCFFCC;
    border-color: navy;
    border-collapse: collapse;
    border-width: 1px;
    text-transform: uppercase;
}

.tbedicao {
    color: navy;
    font: 12px verdana;
    font-weight: bold;
    
}

.edt {
    color: navy;
    font: 12px verdana;
    font-weight: bold;
    width: 100%;
    background: #C0C0C0; 
    
}

.qtdedt {
    color: yellow;
    background: maroon;
    text-align: center;
    font: 22px verdana;
    font-weight: bold;
}

.codigo {
    color: blue;
    font: 18px verdana;
    font-weight: bold;
}

.seucodigo {
    color: green;
    font: 18px verdana;
    font-weight: bold;
}

.descricao {
    color: purple;
    font: 18px verdana;
    font-weight: bold;
}

.edtobr {
    color: red;
    font: 12px verdana;
    font-weight: bold;
    width: 100%;
    border-color: red;
    background: #C0C0C0;
}

.obr {
    color: red;
}

.numero {
    text-align: right;
}

.bemvindo {
    color: maroon;
    font: 20px verdana;
    font-weight: bold;
}