body { background:#E5E5E5; }
#geral-topo { border-bottom:1px solid #bfbfbf; padding:10px 0; min-width:1000px; background:#FFF; }
#topo, #central, #rodape { width:1000px; margin:0 auto;  }
#topo { display:flex; align-items:center; justify-content:space-between; }
#geral-central {padding:40px 0 60px 0;  position:relative; min-width:1000px;margin-bottom: 40px;  }
#geral-rodape { height: 60px; position:absolute; bottom:0; left:0; width:100%;min-width: 1000px; background: #FFF;padding:30px 0 0 0; border-top:5px solid #FFF;}
#infoContato { float:left; color:#3B3B3B; }
#logoGranThornton { float:right; }

.box, .boxVideo { width:560px; margin:0 auto; background:#FFF; position:relative; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.06); border-radius:5px; }
.boxVideo { width:750px; }
.pd20 { padding:20px; }
.mgB20 { margin-bottom:20px; }
table { border-collapse:collapse; width:100%; }
.box table thead tr td { border-bottom:1px solid #e7e7e7; height:70px; }
.box table thead tr td h1 { font-size:20px; font-weight:700; color:#3B3B3B; margin-left:20px; float:left; }
.box table tbody tr td { padding:10px 0; } 
.box table tbody tr td strong { float:right; margin-left:20px;}
.box table tbody tr td p {  margin:20px; }
.box table tfoot tr td { padding:10px 20px; border-top:1px solid #e7e7e7; font-size:16px;  } 
.box table tfoot tr td a { color:#808080; }
.box table tbody tr td.erro { padding-bottom: 0; color: maroon }
.box table tbody tr td.erro p { margin-bottom: 0 }
.btnConfirmarAlteraSenha { cursor: pointer; background: var(--petroleo); height: 36px; line-height: 36px; color: #FFF; float: right; 
                           margin: 0 30px 10px 0; border-radius: 3px; padding: 0 15px; font-weight: 700; font-size: 17px; } 

#imgLogoEmpresa { float:right; }
input[type=text],  input[type=password]{ padding:8px 0; width:405px; border:1px solid #c5c3c3; text-indent:8px; margin-right:10px; font-size:14px; margin-left:20px; outline:none; }
textarea { padding:8px 0; border:1px solid #c5c3c3; text-indent:8px; margin-right:10px; font-size:14px; margin-left:20px; font-family:Arial, sans-serif; resize: vertical; }
input[type=submit], input[type=button] { cursor:pointer; background: var(--petroleo); height:36px; line-height:36px; color:#FFF; float:right; 
                                         margin:0 42px 10px 0; border-radius:3px; padding:0 15px; font-weight:600; font-size:17px; transition:all ease 0.2s; }
input[type=submit]:hover, input[type=button]:hover { background: var(--petroleo-hover); }
a { color:#808080; }
a#btnContatar { float:right; }

a#btnSolicitarUser { float:right; color:#3B3B3B; font-weight:bold; font-size:17px; }
a.btnSolEsqueci { font-weight:bold; font-size:17px; color:#900; display:block; margin-top:5px; text-decoration:underline; }
span.erro[style*="inline"] { font-size:14px; color:#900 !important; display:block !important; margin:3px 0 0 20px; }
#rodape #idiomas { float: left; margin: 0 0 0 200px }
#rodape #idiomas a { color: gray; margin-right: 10px }
#rodape #data { margin: 10px 0 0 0; color: #aaa; font-size: 14px; text-align: center; }
.redLink { color:#900; text-decoration:underline; font-weight:bold; }
#divRetorno { width:385px; margin:0 auto; }
#divRetorno input[type="button"] { width:30px; height:30px; line-height:30px; color:#FFF; position:absolute; top:0; right:0; cursor:pointer; margin:5px 10px 0 0!important; text-align:center; text-indent:-4px; }

.listClientes { padding:20px; }
.listClientes ul { margin:20px 0; }
.listClientes li a { display:block; border-bottom:1px solid #c5c3c3; padding:8px 0; }
.listClientes li a:hover { background:#e4e4e4; color:#000000; }

.btnGoogle { background:url('../imagens/icones/logo-google.png') 15px center no-repeat #FFF !important; color:var(--petroleo) !important; border:1px solid #e7e7e7; width:85%; background-size:25px !important; }
.btnGoogle:hover { background-color:#f5f5f5 !important; }

/* GRID */
@media all 
{
    div.tableContainer { clear: both; height: 370px; overflow: auto; width: 520px; margin:20px 0;  }
    html > body div.tableContainer { overflow: hidden; width: 520px }
    div.tableContainer table { float: left; width: 504px; font-size:18px; }
    html > body div.tableContainer table { width: 520px; }
    thead.fixedHeader tr { position: relative }
    html > body thead.fixedHeader tr { display: block }
    html > body tbody.scrollContent { display: block; height: 337px; overflow: auto; width: 100% }
    html > body thead.fixedHeader th { width: 58px; text-align:center; font-size:15px; font-weight:500; }
    html > body thead.fixedHeader th + th { width: 460px; text-align:left !important; }
    html > body tbody.scrollContent td { width: 75px; text-align:center; }
    html > body tbody.scrollContent td + td { width: 460px; text-align: left; }
}

/* DADOS */
@media all 
{
    .box table.tbListagem { width: 100%; }
    .box table.tbListagem thead tr td, 
    .box table.tbListagem thead tr th { background: var(--ardosia); color: #FFF; padding: 8px; border-right: 1px solid #c5c3c3; text-align: center; font-weight: 600; }
    .box table.tbListagem thead tr td.light { background: #eaeaea; color: #3B3B3B; }
    .box table.tbListagem tbody tr td { padding: 0; border-top: 1px solid #c5c3c3; border-right: 1px solid #c5c3c3; border-bottom: 1px solid #c5c3c3; font-size: 15px; }
    .box table.tbListagem tbody tr td a { display:block; color:#000000; padding:8px; }
    .box table.tbListagem tbody tr td a:hover { text-decoration:underline; color:#000; } 
    .box table.tbListagem tbody tr td:last-child { border-right: none; }
    .box table.tbListagem tbody tr:last-child td { border-bottom: none; }
    .box table.tbListagem tbody tr:hover { background: #D9D9D9; }
    .box table.tbListagem tfoot tr td { border-top: 1px solid #c5c3c3; }
    table.zebrada tbody tr:nth-child(even) { background: #f5f5f5; }
    table.zebrada tbody tr:nth-child(odd) { background: #fff; }
}