:root {
    --miColor01: #1b86dd;
    --miColor01Over: #2595e0;
    --miColor02: #df6d0f;
    --miColor02Over: #be6013;
  }



body {
  
    background-color: #e7e7e7;
 
 }
 






a:link, a:visited{
    color: var(--miColor01);
    text-decoration: none;
}

a:hover, a:active{
    color: var(--miColor01Over);
    text-decoration: none;
}


.table {
    border-color: #2b2b2b;
}

.table td {
    background-color: #eee5e5;

}

.table th {

}

#bu-whatsapp {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 2000;
    
}

#bu-whatsapp img:hover {
    opacity: 0.8;
    
}

.bu-panelPrincipal {
    background-color: #ffffff; 
    border-radius: 5px; 
    padding: 0.6rem; margin-top: 0.6rem;
    
}

/* btn-primary -------------------------------------- */
.btn-primary  {
    background-color: var(--miColor01);
    border-color: var(--miColor01);
    color: #ffffff;
}


.btn-primary:visited {
    background-color: var(--miColor01);
    border-color: var(--miColor01);
    color: #ffffff;
}


 .btn-primary:hover,
 .btn-primary:active,
 .btn-primary:focus,
 .btn-primary:focus:active,
 .btn-primary:focus:hover  {
     background-color: var(--miColor01Over);
     border-color: var(--miColor01Over);
     color: #ffffff;
 }
 
a.btn-primary:link, a.btn-primary:visited{
    color: #ffffff;
    text-decoration: none;
}

a.btn-primary:hover, a.btn-primary:active{
    color: #ffffff;
    text-decoration: none;
}

/* FIN btn-primary -------------------------------------- */


@media (max-width: 991.98px) {


}

 /******************************************************************************************************/
 /******************* FORMULARIOS    *******************************************************************/
  /*****************************************************************************************************/
 .bu-formulario {
     background-color: darkgoldenrod;
     padding-top:1rem;
 }
 
 .bu-rowFormulario {
    margin-bottom: 0.5rem;
 }

 .bu-labelFormulario {
     font-weight: bold;
 }

 #captcha {
     width: 200px;
     margin-top: 0.3rem;
 }



 

 /******************************************************************************************************/
 /******************* MENU PRINCIPAL *******************************************************************/
  /******************************************************************************************************/

#wk-enlace-menu-alta-empresa:link, #wk-enlace-menu-alta-empresa:visited {
    color: white !important;
    background-color: var(--miColor02);
    padding:0.3rem;
    border-radius: 10px;
}

#wk-enlace-menu-alta-empresa:hover, #wk-enlace-menu-alta-empresa:active {
    color: white !important;
    background-color: var(--miColor02Over);
    padding:0.3rem;
    border-radius: 10px;
}

#bu-menuPrincipal-colapsable .navbar-item{
display: flex;
align-items: center;
justify-content: center;
}

 
 .bu-menuPrincipal-barra {
    /* background-image: linear-gradient(red, yellow);*/
    background-color: #f8f8f8;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
    height: 50px;
   
   
 }


 .bu-menuPrincipal-fluid{
  /*  padding-left: 0; 
    padding-right: 0.4rem;*/
 }



/* LOGO ----------------------------------- */ 
 .bu-conjuntoLogo {
    min-width: 200px;
}

 .bu-textoLogo1 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1.2rem;
    color:rgb(139, 139, 139);
    
    display: inline;
 }
 .bu-textoLogo2 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1.2rem;
    color:rgb(78, 78, 78);
    
    display: inline;
 }
 
/* BOTON MENU ----------------------------------- */ 

 .bu-menuPrincipal-boton {
    background-color: #535353; 
    height: 40px; 
    font-size: 1.4rem;
  
 
 
 }
 .bu-menuPrincipal-boton:focus {
    box-shadow: none;
 
 
 }

 .bu-menuPrincipal-boton.open {
    background-color: #888888; 
 
 
 }
 


 .bu-icono-boton-menu {
    color: white;
    
    
}
 
/* BOTON SESION ----------------------------------- */ 
 
.bu-menuPrincipalSesion-boton {
    background-color: #cccccc; 
    height: 40px; 
    width: 40px; 
    font-size: 1.4rem; 
    box-shadow: none;
    border-radius:50px;
    border: 1px solid #aaaaaa ;
    color: #ffffff;
  
    display: inline-flex; 
    justify-content: center;
    align-items: center; padding: 0px;
 
 }



 
 /*
 .bu-menuPrincipal-fijos {
     
    list-style: none;
     margin:0;
    padding-left: 0;
    padding-right: 0;
     
    
     font-size:1.1rem;
     
     
 }



 .bu-menuPrincipal-fijos li {
    padding:0 0.2rem;
    
}

 .bu-menuPrincipal-fijos a:link, .bu-menuPrincipal-fijos a:visited{
    color: #ffffff;
    text-decoration: none;
    font-size:1.1rem;

    
}

.bu-menuPrincipal-fijos a:hover, .bu-menuPrincipal-fijos a:active{
    color: #c0c0c0;
    text-decoration: none;
    font-size:1.1rem;

    
}
 
 */
 

 

 
 

 
/* MENU COLAPSABLE ----------------------------------- */  

 #bu-menuPrincipal-colapsable {
    
    /*justify-content: flex-end;*/
   /* padding:1rem;*/
 }


 #bu-menuPrincipal-colapsable li{
 

    /*  border-bottom: 1px solid #ffffff;
  text-align: center;*/
 
 }


 #bu-menuPrincipal-colapsable a {
    padding: 0.1rem 0.5rem;
}

 #bu-menuPrincipal-colapsable a:link,  #bu-menuPrincipal-colapsable a:visited{
    
    
    color: #333333;
    text-decoration: none;
    
}

#bu-menuPrincipal-colapsable a:hover,  #bu-menuPrincipal-colapsable a:active{
   
    
    color: #555555;
    text-decoration: none;
   
}


/* boton cerrar */
.bu-menuPrincipal-botonCerrar  {
    display: none;
   

}


.wk-menuPrincipal-botonCerrar:visited {
    

}


.wk-menuPrincipal-botonCerrar:hover,
.wk-menuPrincipal-botonCerrar:active,
.wk-menuPrincipal-botonCerrar:focus,
.wk-menuPrincipal-botonCerrar:focus:active,
.wk-menuPrincipal-botonCerrar:focus:hover  {

 }

/* fin boton cerrar */



/* SESION COLAPSABLE ----------------------------------- */  

#bu-menuPrincipalSesion-colapsable {
    position: fixed;
    top: 0px;  /*Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-top:1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #222222;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    z-index: 2000;
    visibility: collapse;
   
}

#bu-menuPrincipalSesion-colapsable.open {
    visibility: visible;
    transform: translateX(-100%);
}


#bu-menuPrincipalSesion-colapsable li{
 

    border-bottom: 1px solid #ffffff;
    text-align: center;
 
 }


#bu-menuPrincipalSesion-colapsable a {
    padding: 0.1rem 0.5rem;
}

#bu-menuPrincipalSesion-colapsable a:link,  #bu-menuPrincipalSesion-colapsable a:visited{
    
    
    color: #ffffff;
    text-decoration: none;
    
}

#bu-menuPrincipalSesion-colapsable a:hover,  #bu-menuPrincipalSesion-colapsable a:active{
   
    
    color: #ffffff;
    text-decoration: none;
   
}





@media (max-width: 991.98px) {

   
/* MENU COLAPSABLE ----------------------------------- */     
    .offcanvas-collapse {
        position: fixed;
        top: 0px;  /*Height of navbar */
        bottom: 0;
        right: 100%;
        width: 100%;
        padding-top:1rem;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #343a40;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        z-index: 2000;
    }
    .offcanvas-collapse.open {
        visibility: visible;
        transform: translateX(100%);
    }

    #bu-menuPrincipal-colapsable li{
 

        border-bottom: 1px solid #ffffff;
      
        text-align: center;
     
     }

     #bu-menuPrincipal-colapsable a:link,  #bu-menuPrincipal-colapsable a:visited{
    
    
        color: #ffffff;
        text-decoration: none;
        
    }
    
    #bu-menuPrincipal-colapsable a:hover,  #bu-menuPrincipal-colapsable a:active{
       
        
        color: #ffffff;
        text-decoration: none;
       
    }

     .bu-menuPrincipal-botonCerrar {
        display: block;
     }

     .bu-conjuntoLogo {
       text-align: center;
    }
 
  }




/******************************************************************************************************/
/******************* CONTENIDO      *******************************************************************/
/******************************************************************************************************/




/*
.bu-bloqueCentral {
    background-color: #ffffff;
}

.bu-contenidoPagina {
    padding:1rem;
    text-align: justify;
}

.bu-contenidoPagina::after {
    content: "";
    clear: both;
    display: table;
  }



.bu-galeria {
    text-align: center;
}

.bu-galeria::after {
    content: "";
    clear: both;
    display: table;
}  


.bu-imagenPrincipal {
    color: #88292b;
    margin-left:1rem;
    margin-bottom:0.5rem;
    float:right;

    text-align: right;
    font-size:0.9rem;
    
}

.bu-galeria {
    margin-top: 1rem;
}

.bu-imagenGaleria{
      
    text-align:center;
}

.bu-textoDeImagenGaleria {
   
    
    color: #88292b;
}

*/

/*
.bu-imagenGaleria {
    color: #88292b;
    
    margin-bottom:0.5rem;
    
   
    margin:1rem;
    font-size:0.9rem;
    text-align: center;
}

.bu-imagenGaleria div {
    max-width: 250px;
}
*/

@media (max-width: 991.98px) {
/*


    .bu-imagenPrincipal {

       float: none;
       text-align: center;
       margin-left:0;
   }
*/
    .bu-contenidoCentral {
    padding: 0;
    }

    .bu-contenidoCentral .row {
        --bs-gutter-x:0;


}

}

/******************************************************************************************************/
/******************* PIE            *******************************************************************/
/******************************************************************************************************/

#bu-contenedorPie {
    background-color: #202020;
    padding-top: 1rem;
    padding-bottom: 1rem; 
    margin-top: 1rem;
} 

#bu-pie {
    text-align: center;
    color: #aaaaaa;
}


#bu-pie a:link, #bu-pie a:visited{
    color: #ffffff
}

#bu-pie a:hover, #bu-pie a:active{
    color: #c0c0c0
}



#bu-enlaces-legales ul {
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    font-size: 0.9rem;
} 

#wk-menu-pie-general ul {
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    font-size: 0.9rem;
} 



#bu-copyright{
 
    font-size: 0.9rem;
} 


 /******************************************************************************************************/
 /******************* MIGAS          *******************************************************************/
 /******************************************************************************************************/
 #wk-contenedorMigasPan {
    background-color: #eeeeee;

    border-bottom: 1px solid #dddddd ;
    height: 57px;
 }

 #wk-migasPan {

 
 }

 #wk-migasPan ul {
        overflow: auto;
    white-space: nowrap; 
    list-style-type: none;
    margin: 0;
    padding: 0 0.75rem 0 0;

}

/* oculta el scrollbar para chrome safari y opera */
#wk-migasPan ul::-webkit-scrollbar {
      display:none;
}
/* oculta el scrollbar para ie, edge, firefox */
#wk-migasPan ul {
    -ms-overflow-style: none; /*ie, edge*/
    scrollbar-width: none; /*firefox*/
}
  
#wk-migasPan li {
    
    margin: 0;
    padding: 0;
    display:inline-block;
  }
  
#wk-migasPan li a {
    display: block;
    color: #666666;
    text-align: center;
    padding: 0.4rem 0.4rem;
    text-decoration: none;
    background-color: #dddddd;
    border-radius: 5px;
    margin:0.4rem 0.2rem;
    height: 40px;
  }
  

#wk-migasPan li a:hover {
    background-color: #cccccc;
  }

#wk-migasPan .wk-migasPan-active {
    
    color: #222222;
    text-align: center;
    padding: 0.4rem 0.4rem;
    text-decoration: none;
    margin:0.4rem 0.2rem;
    font-weight: bold;
  }
    


 /******************************************************************************************************/
 /******************* EMPRESAS       *******************************************************************/
 /******************************************************************************************************/
 
 .swiper-slide {
    font-size: 18px;
    height: auto;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   
}

.swiper-button-disabled {
  display: none;
}

.swiper-container {
    overflow-x: hidden;
}
 
 
  /**************************************** TAGS *****************************************************/
  #wk-contenedorEmpresasFiltroTag {
    background-color: #efefef;
    border-bottom: 1px solid #dddddd ;

    height: 57px;

 }

 #wk-empresasFiltroTag {

 
 }

 #wk-empresasFiltroTag ul {
        overflow: auto;
    white-space: nowrap; 
    list-style-type: none;
    margin: 0;
    padding: 0 0.75rem 0 0;

}

/* oculta el scrollbar para chrome safari y opera */
#wk-empresasFiltroTag ul::-webkit-scrollbar {
      display:none;
}
/* oculta el scrollbar para ie, edge, firefox */
#wk-empresasFiltroTag ul {
    -ms-overflow-style: none; /*ie, edge*/
    scrollbar-width: none; /*firefox*/
}
  
#wk-empresasFiltroTag li {
    
    margin: 0;
    padding: 0;
    display:inline-block;
  }
  
  #wk-empresasFiltroTag li a {
    display: inline-block;
    color: #666666;
    text-align: center;
    padding: 0.4rem 0.4rem;
    text-decoration: none;
    background-color: #dddddd;
    border-radius: 5px;
    margin:0.4rem 0.1rem;
    height: 40px;
  }
  

  #wk-empresasFiltroTag li a:hover {
    background-color: #cccccc;
  }

 

  
#wk-empresasFiltroTag li span {
    
    color: #888888;
    text-align: center;
    padding:  0.4rem;
    height: 40px;
    text-decoration: none;
    background-color: #dfdfdf;
    border-radius: 5px;
    
    font-size: 0.6rem;
  }

/**************************************** FIN TAGS *****************************************************/





#bu-contEmpresas {
   /* margin: 0.5rem;*/
}
 
 #bu-tituloListadoEmpresas {
    font-size: 1.4rem;
    background-color: var(--miColor01); 
    color: #ffffff; 
    padding: 0.4rem; 
   
 }


 .bu-cardFicha {
    margin-bottom: 1rem;
    /*border: 2px solid #3063c2;*/
    border-radius: 5px;
    padding:0.5rem;
    background-color: white;
    /*box-shadow: 0 2px 4px 0 rgba(154, 154, 154, 0.2), 0 3px 10px 0 rgba(154, 154, 154, 0.19);*/
}

.bu-cardFichaHeader {

}

.bu-cardFichaContenedorImagen {
    border-radius: 5px;
    height:200px;
    width:100%;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.bu-cardFichaImagen {
    
    width:100%;
}

.bu-cardFichaTitulo {

}

.bu-cardFichaLogo {
    /*margin-right: 0.5rem;*/
    /*width:150px;*/
    
}

.bu-cardFichaDireccion {
    font-size: 0.9rem;
    color: rgb(153, 153, 153);
}

.bu-cardFichaBody {

}

.bu-cardFichaTags {
    font-size: 0.8rem;
    color: #aaaaaa;
}

#bu-empresasTotales {
    text-align: center;
    color: #aaaaaa;
    font-size: 0.8rem;
    padding: 0.5rem;
}

#bu-empresasPaginacion .pagination{
    justify-content: center;
   
}



#bu-contEmpresasDcha {
   
}



#bu-contEmpresasDcha h2 {
    font-size: 1.2rem;
    background-color: var(--miColor01); 
    color: #ffffff; 
    padding: 0.4rem; 
    
}

@media (min-width: 992px) {
    #bu-tituloListadoEmpresas {
        border-radius: 5px;
    }

    #bu-contEmpresasDcha h2 {
        border-radius: 5px;
        
    }

}
 /******************************************************************************************************/
 /******************* PORTADA              *************************************************************/
 /******************************************************************************************************/
#bu-contenedorImagenPortada {
    background: url(../img/foto-portada1.jpg) fixed center no-repeat;
    background-size: cover;
    height: 350px;
}



#bu-portada h2 {
    background-color: var(--miColor01);
    color:#ffffff;
    padding:4px;
    margin-bottom: 0;
    font-size: 1.4rem;
}


#bu-portadaTags {
  /*  background-color: #dddddd;*/

}

#bu-portadaTags ul {
  /*  list-style-type: none;
    margin: 0;*/
}



#bu-portadaTags li span, #bu-portadaLocalidades li span {
    
    color: #888888;
    text-align: center;
    padding:  0.4rem;
    height: 40px;
    text-decoration: none;
    background-color: #dfdfdf;
    border-radius: 5px;
    margin-left:0.2em;
    font-size: 0.6rem;
  }


.bu-portadaPagina {
    background-color: #ffffff; 
    border-radius: 5px; 
    padding: 0.6rem; margin-top: 0.6rem;
}

.bu-portadaPaginaResumen {
    margin-top: 0.5rem;
}

.bu-portadaPaginaTag {
    background-color: #dddddd;
    padding: 0.3rem;
    border-radius: 5px; margin:0.1rem;
    display: inline-block;
    color: #777777;
    font-size: 0.8rem;
}

.bu-portadaPaginaTag a {
    color: #777777;
    
    font-size: 0.8rem;
}




 /******************************************************************************************************/
 /******************* FICHA EMPRESA        *************************************************************/
 /******************************************************************************************************/

 #wk-swiperGaleria {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem; background-color: #dcdcdc;
     height: auto;
  
 }

 #wk-swiperGaleria .img-thumbnail {
    height: 250px;
 
}







.bu-panelSeccionEmpresa {
    background-color: #ffffff;
    border-radius: 10px; padding: 0.5rem;
    margin-top: 1rem;
}



#bu-empresaPanelPrincipal h1 {
    font-size: 1.4rem;
    background-color: #aaaaaa;
    color:#ffffff;
    border-radius:5px;
    padding: 0.2rem; 
    margin-top:0.2rem;
    margin-bottom: 0.1rem;
    text-align: center;

    
}


#bu-empresaPanelPrincipal h2 {
    font-size: 1.1rem;
    color: #666666;
    
}



#bu-empresaTags ul {


    list-style-type: none;
    margin: 0; padding: 0;



}

#bu-empresaTags li {
    display: inline-block;
background-color: #dddddd;
padding: 0.3rem;
border-radius: 5px; margin:0.1rem;

}

#bu-empresaTags li a{
   display: block;
    color: #777777;
    
    font-size: 0.7rem;

    }

 /******************* direccion       *************************************************************/
 #bu-empresaDireccion {
    background-color:#efefef; border-radius:10px;
 }



 /******************* Datos contacto, rrss, ...        *************************************************************/
    #bu-empresaDatosContacto > div {
        margin-bottom: 0.2rem;
        overflow-x: hidden;
        border-bottom: 1px solid #eeeeee;
        padding: 0.2rem;
        font-size:0.9rem;
    }

#bu-empresaDatosContacto  span {
    margin-right: 0.5rem;
    border-radius:50px;
    width: 35px; height: 35px;
    
    font-size: 1.2rem;
    display: inline-flex; 
    justify-content: center;
    align-items: center;
    color: white;
}

#bu-empresaDatosContacto i {


}


 /******************************************************************************************************/
 /******************* PAGINAS              *************************************************************/
 /******************************************************************************************************/
.bu-paginaImagen {
    margin-bottom: 1rem;
}

.bu-paginaImagenPie {
    font-size: 0.8rem;
}

.bu-paginaRelacionada {
    background-color: #ffffff; 
    border-radius: 5px; 
    padding: 0.6rem; margin-top: 0.6rem;
}


 /******************************************************************************************************/
 /******************* CHOLLOS              *************************************************************/
 /******************************************************************************************************/


.di-publicacion {
    background-color: #ffffff; 
    border: 2px solid #dddddd;
    border-radius: 5px; 
    padding: 0.6rem;
    
}

.di-publicacion .di-imagenPublicacion {
    float: right;
    margin: 0 0 0.2rem 0.2rem;

}

.di-publicacion .di-imagenPublicacion img{
    max-width: 120px;
    max-height: 120px;

}


.di-publicacion .di-publicacionTitulo{
    font-weight: bold;
    color: var(--miColor02);
    
}

.di-publicacion .di-publicacionCategoria{
    color: #666666;
    font-weight: bold;
    font-size: 0.8rem;
    
}



.di-publicacion .di-publicacionTienda span{
    color: #777777;
    font-weight: bold;
    font-size: 0.8rem;
    
}

.di-publicacion .di-publicacionTienda{
    color: #666666;
    
    font-size: 0.8rem;
    
}

.di-publicacion .di-publicacionPrecio span{
    color: #666666;
    font-weight: bold;
    font-size: 0.8rem;
    
}


.di-publicacion .di-publicacionPrecio{
    color: var(--miColor02);
    font-weight: bold;
    font-size: 1.3rem;
    
}

.di-publicacion .di-publicacionDescripcion{
    color: #888888;
 
    font-size: 0.8rem;
    margin-top: 0.5rem;
    padding-top: 1rem;
    border-top: 1px dotted #aaaaaa;
    
}