/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10/09/2015, 18:03:33
    Author     : pedro.santos
*/
*, body, h1, h2, h3, h4, h5, h6, p {
    font-family: 'Open Sans Condensed', sans-serif;
}
body {
    background: #E6E6E6;
    font-size: 16px;
}

h1,h2,h3,h4,h5,h6 {
    color: #1D4D61;
}

h1,h4,h3,h2,h4,h5,h6,
.upper,
.leiloeiro{
    text-transform: uppercase;
}
h1,h4,h3,h2,h4,h5,h6,
.link-leilao,
.horario,
.titulo{
    font-weight: bold;
}
h1 {
    font-size: 24px;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}

.logoCabecario {
    margin-left: -13px;
}
.logo{
    width: 100%;
}

.nav, .navbar, .navbar ul, .navbar ul li, .navbar ul li a, .navbar ul li a:hover,.navbar ul li a:focus,.navbar ul li a:visited, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav .open>a:visited {
    background: #1C4E61;
    color: #fff;
}

.navbar ul li a:hover,
.link-leilao:hover {
    text-decoration: none;
    color: #8cc43f;
}
.navbar {
    padding-top: 1em;
    color: #ffffff;
}
.navbar input[type="text"] {
    margin-top: 10px;
    margin-bottom: 1px;
}
.dropdown-menu {
    border: none;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .navbar input[type="text"] {
        min-width: 200px;
    }
    .navbar ul li a img {
        display: block;
    }
    .navbar ul li a.dropdown-toggle {
        text-align: center;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar input[type="text"] {min-width: 450px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .navbar input[type="text"] {min-width: 580px;}
}

#menu-opcoes {
    left: 10px;
}
#menu-perfil {
    left: -57px;
}

.menuCategorias {
    color: #1D4D61;
    margin-top: 48px;
}
.menuCategorias .categorias div {
    background: #FFFFFF;
    padding: 10px 0px 10px 0px;
    text-align: center;
    font-size: 17px;
}
.primeira-categoria{
    border-bottom-left-radius: 5px;
}
.ultima-categoria{
    border-bottom-right-radius: 5px;
}

.menuCategorias .categorias div.item:hover, .menuCategorias .categorias div.item:active {
    background: #f2f2f2;
    cursor: pointer;
}

.box-leilao-painel, .inscricao, .informacao, #descricao {
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(255,255,255,0.1);
    border: solid rgba(0,0,0,0.1) 1px;
    border-radius: 5px;

}

.box-leilao-painel img.logo, #descricao img.logo {
    margin-top: 5px;
    padding: 10px;
    border: solid 1px #ffffff;
    border-radius: 5px;
}

.box-leilao-painel img.categoria {
    margin-right: 20px;
}

.box-leilao-painel {
    font-size: 18px;
}

.horario{
    font-size: 20px;
}

p,
.leiloeiro,
.span-leilao,
.descricao-leilao,
.lance,
.link-leilao, 
.horario,
.observacao{
    color: #5F6160;
}

.status-lote{
    font-size: 85%;
}
.status-leilao{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-top: -20px;
    text-transform: uppercase
}

#botaoLogar {
    color: #1C4E61;
    font-size: 18px;
}

footer {
    padding: 20px 0px 0px 0px;
    color: #1D4D61;
    font-size: 16px;
}
.informacao {
    color: #1C4E61;
    font-size: 18px;
}

/** Cadastro **/

.panel{
    border-radius: 5px;
}
/*#cadastro input, #cadastro select, #cadastro textarea {
    background: #ffffff;
}

#cadastro label {
    color: #1D4D61;
}

#cadastro input::-webkit-input-placeholder {
    color: #1D4D61;
    font-weight: bold;
}

#cadastro input:-moz-placeholder {
    color: #1D4D61;
    font-weight: bold;
}

#cadastro input::-moz-placeholder {
    color: #1D4D61;  
    font-weight: bold;
}

#cadastro input:-ms-input-placeholder {  
    color: #1D4D61;  
    font-weight: bold;
}

#cadastro input#botaoConfirmar {
    color:#1D4D61;
    font-weight: bold;
    background-color:#f2f2f2;
    border-color:#b4b4b4;
}

#cadastro hr, #descricao hr {
    border-color: #c9c9c9;
}*/

#descricao {
    font-size: 16px;
}

.right15 div {
    margin-right: 8px;
    margin-left: 15px;
}

.right15 div :first-child {
    margin-left: 0px;
}

.leiloeiro,
.span-leilao,
.descricao-leilao,
.lance, .lance-atual, .observacao{
    font-size: 19px;
}

.lance-atual{
    font-weight: bold;
    color: #1D4D61;
}

.span-leilao,
.descricao-leilao{
    margin-bottom: 13px;
}

.descricao-leilao{
    font-weight: normal;
    text-align: justify;
}

.lance img {
    margin-top: 10px;
    margin-right: 15px;
    float: left;
}

.imprimir-catalogo{
    color:#1D4D61;
    /*margin-right: 18px;*/
}

#historicoLeiloes {
    font-size: 18px;
    color:#1D4D61;
}

#historicoLeiloes tr {
    margin-bottom: 10px;
}

#historicoLeiloes td {
    height: 100%;
}

#historicoLeiloes div p {
    background: rgba(255,255,255,0.5);
    padding: 16px 10px;
    border-radius: 5px;
    height: 100%;
}

#historicoLeiloes div p.row50 {
    padding-top: 28.5px;
    padding-bottom: 28.5px;
}
#historicoLeiloes div p.row30 {
    padding-top: 15px;
    padding-bottom: 15px;
}

#historicoLeiloes div a, #historicoLeiloes div a:hover, #historicoLeiloes div a:visited, #historicoLeiloes div a.active{
    color:#1D4D61;
} 

#historicoLeiloes hr:last-of-type{
    display:none !important;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
}
body {
    margin-bottom: 302px;
}
.footer1 {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.footer2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
}
.clicavel{
    cursor: pointer;
}
.link-categoria {
    color: inherit !important;
}
.cronometro{
    color: #1D4D61;
    font-size: 25px;
}

.arealogo {
    border-right: solid rgba(0,0,0,0.1) 1px;
    min-height: 87px;
    height: 450px;
}

.como-funciona ol li {
    color: #1D4D61;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #1C4E61;
}

.imagemCliente:hover .overlay {
    opacity: 0.9;
}

.imagemCliente{
    height: 150px;
    width: 150px;
    position: relative;
    margin-bottom: 15px
}

.nomeCliente {
    font-weight: bold;
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 140px;
}

.dropdown-menu li, .dropdown-menu li a {
    white-space: normal;
    word-wrap: break-word;
}

.footer-top{
    padding: 15px 5px 5px 15px
        /*    border-top: solid #ffffff 1px;
            border-bottom: solid #ffffff 1px;*/
}

.footer-bottom{
    padding: 5px 15px 10px 15px;
}

.div-voltar-topo{
    align-self: center;
    text-align: right;
}
.display-flex{
    display: flex;
    flex-direction: row;
    padding: 0px;
}
.text-align-rigth{
    text-align: right;
}

.secaoDeDuvidas{
    padding-bottom: 10px;
}

.icone-rede-social{
    height: 32px;
}
.div-copyright-redesocial{
    display: flex;
    align-items: center;
}
.lista-link-rapido{
    list-style: none;
    padding: 0px;
    font-size: 18px;
}
.conteudo-footer-top{
    width:100%
}
.footer-row{
    border-top: solid #1C4E61 1px;
}
.footer-full-width{
    background-color: #1C4E61;
    color: white;
}
.link-rapido-footer{
    color:white !important;
}
.link-rapido-footer:hover{
    color:#8DC83C!important;
}
#ot-sdk-btn.ot-sdk-show-settings{
    border:none !important;
    padding: 0px !important;
    font-size: 18px !important;
}
.footer-leiloeiro{
    color:white;
    margin: 0px;
}
.footer-jucesp{
    color:white;
    margin: 0px;
    margin-bottom: 10px;
    font-weight:normal;
}
.btn-ir-para-topo{
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    cursor: pointer; /* Add a mouse pointer on hover */
    font-size: 18px; /* Increase font size */
    border-radius: 50%;
    background-color: #358289;
    color: #1D4D61;
    height: 37px;
    width: 37px;
}
.btn-ir-para-topo:hover{
    color:white!important;
}
.div-rede-social{
    float: right;
}

.alinhar-conteudo-box{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.border-spacing-1px{
    border-spacing: 1px;
}

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}
.galeria-clientes {
    position: relative;
    float: left;
    width: 150px;
    height: 150px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.box-leilao-lista{
    min-height: 202px;
    /*max-height: 202px;*/
}
.lance-atual-lote-lista{
    color: #5F6160;
    font-size: 20px;
    margin: 0px 0px 5px 0px;
}
.m-t-0{
    margin-top:0px;
}
.div-acoes-lote-lista{
    border-left: 1px solid #c9c9c9;
    min-height: 150px;
}
.especificacoes-lote-lista{
    text-align: justify;
    height: 150px;
    line-height: 1.35;
    font-size: 16px;
}
.hr-acoes-lote-lista{
    margin-top: 5px;
    margin-bottom: 5px;
}
.p-acoes-lote-lista{
    font-size: 18px;
    line-height: 1.2;
}
.img-acoes-lote-lista{
    width: 20px;
}
.img-lote-lista{
    margin: 0px 0px 10px 0px;
    width: 100%;
    display: block;
    padding-bottom: 0px;
    height: 176px;
}
.carousel-lote-lista {
    margin: 0px 0px 10px 0px;
    width: 100%;
    display: block;
    padding-bottom: 0px;
    height: 176px;
}
.carousel-lote-lista  div{
    height: 176px;
}
.carousel-lote-lista  div div{
    height: 176px;
}
.carousel-lote-lista  div img{
    height: 176px !important;
}
.label-lote-lista{
    margin-top: 15px;
    margin-bottom: 15px;
}
.fluxo-lotes{
    color: #1C4E61;
}

.ativo{
    color: #8CC63F;
}