/* ------------- Reseteamos estilos ------------*/
body {
    background-color: #FFF;
    color: #000000;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1rem;
    line-height: 22px;
    padding-top: 5.5rem;
    font-weight: 400;
    font-style: normal;
}
.bg-empresa-color {
    background-color: #490305 !important;
}
a {
    color: #490305;
}
a:hover {
    color: #280304;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    letter-spacing: -1px;
}
.colorEmpresa {
    color: #490305;
}
.colorEmpresa2 {
    color: #FFBA0F;
}
.colorBlanco{
    color: #f2f2f2;
}
.colorEnlace {
    color: #FFBA0F;
}
.colorMenuUsuario {
    color: #FFBA0F !important;
}
.colorNegro {
    color: black;
}
.colorGris {
    color: #CCCCCC !important;
}
.fondoNegro {
    background-color: #0e0e0e;
}
.fondoGris {
    background-color: #d9d9d9;
}
.fondoEmpresa {
    background-color: #490305;
}
.textoChico {
    font-size: 0.8em;
    color: #002c4b;
}
.subTitulos {
    font-weight: 400;
    line-height: 1.4;
    color: #777;
}
hr.tall {
    margin: 44px 0;
}

.bordeBottomEmpresa {
    border-bottom: 1px solid #FFBA0F;
}

.w400 {
    font-weight: 400;
}

.w700 {
    font-weight: 700;
}
.w800 {
    font-weight: 800;
}
.w900 {
    font-weight: 900;
}
/*------------------ HEADER NAVBAR ----------*/
.navbar-nav .nav-link {
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: 400;
}
.activo a {
    color: white !important;
}
.liActivo {
    border-top: 4px solid #FE310F;
    margin-top: -4px;
}
.iconoBurguer {
    color: #FFBA0F;
    font-size: 28px;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>a:after {
    content: "\f0da";
    float: right;
    border: none;
    font-family: 'FontAwesome';
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0;
    margin-left: 0;
}

@media (min-width: 991px) {
    .dropdown-menu {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
}

/* multicolumnas - Usamos el multicolumnas2 */
.dropdown-menu {
    border-radius: 0;
    background-color: rgba(255, 186, 15, 0.9);
    padding: .5rem 0 0;
}
.dropdown-menu.ancho250 {
    width: 260px;
}

.dropdown-menu.columns-2 {
    min-width: 400px;
}
.dropdown-menu li {
    border-bottom: 1px solid white;
}
.dropdown-menu li a {
    font-size: 1rem;
    padding: 5px;
    font-weight: 500;
    line-height: 26px;
    color: #490305;
}

.multi-column-dropdown {
    list-style: none;
}
.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal;
}
.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 360px !important;
        overflow-x: hidden;
    }
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #EDA80E;
    color: #490305;
}
.dropdown-item.active:hover, .dropdown-item:active :hover {
    font-weight: bolder;
    color: #0e0e0e ;
}

/*------------------ Navegación multi-columna2 Genética ----------*/
@media (min-width: 992px){
    .dropdown-menu .dropdown-toggle:after{
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu{
        margin-left:0; margin-right: 0;
    }

    .dropdown-menu li{
        position: relative;
    }
    .nav-item .submenu{
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .nav-item .submenu-left{
        right:100%; left:auto;
    }

    .dropdown-menu > li:hover{
        font-weight: bolder !important;
        color: #0e0e0e !important;
    }
    .dropdown-menu > li:hover > .submenu{
        font-weight: bolder !important;
        color: #0e0e0e !important;
        display: block;
    }
}
.dropdown-menu > li:hover{
    font-weight: bolder;
    color: #0e0e0e;
}
/*------------------ BreadCrumb ----------*/
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.2rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #d9d9d9;
    font-size: 1.2rem;
    font-weight: 500;
}

.breadcrumb-item a {
    color: #490305;
}

@media (max-width: 767px) {
    .breadcrumb-item, .breadcrumb-item.active {
        font-size: 12px;
        font-weight: 400;
    }
}
/*------------------ FOOTER ----------*/
.footer {
    background-color: #22272E;
    color: #FFFFFF;
}
.footer p {
    font-size: .9rem;
    font-weight: 500;
}
.footer a {
    color: #FFBA0F;
}
/*------------------ BOTONES ----------*/
.btn-color1 {
    background-color: #FFBA0F;
    color: white;
}
.btn-color1:hover {
    color: #490305!important;
}
.btn-color2{
    background-color: #490305;
    color: #FFFFFF;
}
.btn-color2:hover {
    color: #cccccc!important;
}
/* ------ slider -------------- */
.carousel-caption {
    display: table-cell;
    vertical-align: middle;
    bottom: 25% !important;
    left: 5%;
    right: 5%;
}
.mgTopNeg {
    margin-top: -10px;
}
.subtituloSlide {
    font-size: 24px;
    font-weight: 400;
}

.titulo2Slide {
    font-size: 38px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .carousel-caption {
        bottom: 5% !important;
    }
    .subtituloSlide {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .titulo2Slide {
        font-size: 18px;
        line-height: 0.7;
        font-weight: 700;
        margin-bottom: 5px;
    }
}

/*----------------------- REMATE --------------*/
.remateTitulos {
    font-size: 1rem;
    font-weight: 700;
}
@media (max-width: 767px) {
    .remateTitulos {
        font-size: 0.8rem!important;
        font-weight: 500;
    }
}
.lotes-remate {
    border: 1px solid #490305;
    border-radius: 10px;
    margin-bottom: 20px;
    min-height: 285px;
    position: relative;
}
.lotes-remate img {
    max-width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.product-item {
    position: relative;
}

.product-container {
    background: #fff;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #490305;
    min-height: 285px;
}

.product-description {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    text-align: right;
    transform: translateY(101%);
    transition: transform 200ms ease-in-out;
}
.product-container:hover .product-description {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.product-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

/* ------------ Módulo ofertas ---------*/
.divOfertar {
    background-color: #ffffff;
}
.divOfertar i.fa {
    border-radius: 0 !important;
}
.btnOferta {
    background-color: #FFBA0F;
    border-color: #FFBA0F;
    color: #000;
    padding: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    width: 100%;
    font-size: 16px;
}
@media (max-width: 767px) {
    .btnOferta {
        letter-spacing: 0;
        font-size: 16px;
    }
}
.pdBtnOfertar {
    padding-left: 7px;
    padding-right: 7px;
}
.btn-negro {
    color: #fff;
    background-color: black;
    border-color: black;
}
.btn-gris {
    color: #fff;
    background-color: #737373;
    border-color: #737373;
}
.btnMasMenos {
    font-size: 1.7em;
    font-weight: 400 !important;
}
.inpBaseOferta {
    border: 1px solid #a7a7a7 !important;
    font-size: 1.5em;
    text-align: center;
    color: #111111;
    font-weight: 700;
}

.instructivoTitulo a {
    color: #FFBA0F;
    font-size: 1.2em;
}

.listaInstrucciones {
    font-size: .8em;
    font-weight: 500;
    color: #444444;
    list-style-type:none;
    padding-inline-start: 0 !important;
}

.listaInstrucciones li{
    padding-inline-start: 5px !important;
    margin-bottom: 5px !important;
}

.marcarLote {
    background-color: #490305;
    color: white;
    border-radius: 2px;
    padding: 5px 0 5px 0;
}
.ocultar{
    display: none;
}
.borderTablaOferta {
    width: 100%;
    font-size: 16px;
}
.borderTablaOferta td{
    border-top: 1px solid #FFBA0F;
    border-bottom: 1px solid #FFBA0F;
    padding: 5px;
}
.btnLotesSigAnt {
    background-color: #490305;
    color: #fff;
}

.btnIrRemate {
    background-color: #AAAEAE;
    color: black;
}
.bordeBottomInstrucciones {
    border-bottom: 1px solid #CCCCCC;
}
.customNavigation {
    margin-top: -5px;
}
#depsSection .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #ffba0f;
    border-color: #dee2e6 #dee2e6 #fff;
    font-weight: bolder;
}
