html, body {
     margin: 0px !important;
     color: #7f8c8d;
     font-size: 16px;
     background-color: #dde1e2;
     width: 100%;
 
     overscroll-behavior-y: contain;
     -webkit-user-select: none;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
 }

/****** Actualizamos el container principal*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90%;
}


#img_loading{
     width:700px; 
     height: 400px; 
     margin: auto;
}


header.headerMenuResultados {
    background-color: transparent;
    width: 100%;
    z-index: 2;
    position: fixed;
}

/*Ocultamos menu responsive*/
div.containerMenuFiltroResponsive {
     display: none;
}
li.linkFiltros {
     display: none; 
}


/* imagen de fondo index.html */
div.background{
     background: url(../img/background.png);
     min-height: 100vh !important;
     height: auto;
     background-position: center;
     width: 100%;
     background-repeat: no-repeat;
     background-size: cover;

}



/* contenedor logos plataformas app */
div.contenedorPlataformasApp{
   
     margin-top: 4rem;
}

/*BTN filtros menu */
li.linkFiltros{
     display: none;
}


button.btnrecuperar{
     background-color: #FDB813;
     padding:15px 50px;
     border-radius: 12px;
     font-size: 0.8em;
     color: #FFF;
     text-decoration: none;
     cursor: pointer;
}

a.btnRegistrarse:hover{
     color: #FFF;
}


a.btnInicioSesion:hover{
     color: #FFF;
}



/* logo principal grande */
img.logoPricipalGrande{
     max-width: 350px;
     width: 15%;
     margin: 30px 0;
}
.owl-carousel .owl-item img{display:block;width:30%}


/* Carousel */
section.owlCarouselSection{
     margin: 50px 0 0 0;
}
/* Carousel imagenes */
img.imgCategoriasSlider{
     width: 40px!important;
     margin: auto;
}

/* botones siguiente anterior */
div.owl-prev, div.owl-next{
     position: absolute;
     top: 40px;
}
div.owl-prev{
     left: -50px;
}
div.owl-next{
     right: -50px;
}

.flechap{
     width: 30px;
     border-radius: 5px;
}
body .owl-stage {
     width: 90%;
     white-space: nowrap;
}
body .owl-stage .owl-item {
     position: static;
     float: none;
     display: inline-block;
     vertical-align: top;
}
/* Texto categorias */
p.textoCateorias{
     color: #595959;
     font-size: 0.8rem;
     text-align: center;
     margin: 10px 0;
     white-space: pre-line;
}
/* div item */
div.item {
    border: 1.5px solid;
    padding: 20px 0px 0px 0px;
    border-radius: 10px;
    height: 130px;
    width: 130px;
    margin: 0px auto;
}
/* hover al div.item */
div.item:hover {
     background-color: #fdb813;
     cursor: pointer;
}
/* hover al parrafo del div.item */
div.item:hover > p.textoCateorias{
     color: white;
}

/* Carousel imagenes */
img.imgCategoriasSliderNegro{
     display: none!important;
     width: 40px!important;
     margin: auto;
}
/* hover al parrafo del div.item aparece imagen negra*/
div.item:hover > img.imgCategoriasSliderNegro{
     display: block!important;
}
/* hover a la imagen amarilla para quitarla */
div.item:hover > img.imgCategoriasSlider{
     display: none!important;
}

/* imagen google play */
img.imgGooglePlay{
     width: 130px;
     
}
/* anchura del dropdown dispositivos grandes */
.dropdown-menu{
     min-width: 79vw  !important;
     background-color: transparent;
     border: 0px;

}

.dropdown-menu-user{
         min-width: 200px  !important;
         background-color: #FFF; 

    }
       

/* div negro de categorias */
div.fondoNegroDropDown{
     background-color: #1e1e1e;
     padding: 0 0 10px 0;
}
/* scrollal dropdown */
div.divScroll{
     height: 75vh;
     /* ocultar scroll horizontal */
     overflow: hidden;
     overflow-y: scroll;
}
/* Fondo blanco de categorias  menu */
div.fondoBlancoDropDown{
     background-color: #ffffff;
     padding: 0 0 10px 0;
}
/* titulo categorias del dropdown */
h1.tituloDropDown{
     font-size: 1rem;
     color: #ffffff;
     margin: 20px 0;
}
/* estilos generales al ul.listaCategorias */
ul.listaCategorias{
     list-style: none;
     color: #595959;
     margin: 0;
     padding: 0;
}
/* estislo a la imagen de los li */
img.imgListaCategorias{
     width: 20px;
     margin-right: 10px;
}
/* estilos a los li margin */
.elementosListaCategorias{
     margin: 10px 0!important;
     color:#FFF;
}

.elementosListaCategoriasSeleccionado{

     color:#FDB813;
}
/* estilo al ul de resultados en categorias */
ul.listaResultadosCategorias{
     list-style: none;
     margin: 0;
     padding: 0;
}
li.resultadosCategorias a{
     color: #595959;
}
/* MODALES */
img.imgLogoModal{
     width: 30%;
}
p.textoIniciaSesion{
     font-size: .9rem;
     color: #595959;
     margin: 20px 0;
}
a.noRecuerdoContraseña{
     color: #595959;
     font-size: .8rem;
     cursor: pointer;
}
button.ingresarBtn{
     background-color: #fdb813;
     margin: 20px 0;
     width: 70%;
     font-weight: bold;
     padding: 5px 0;
     border-radius: 10px;
}
hr.lineaAcceder{
     border: 1px solid #ECECEC;
     width: 30%;
}
img.imgIconoLogin{
     width: 13px;
}
a.loginRedes{
     color: black;
     font-weight: bold;
     font-size: .7rem;
}
a.linkFooter{
     color: #898989;
     font-weight: bold;
     cursor: pointer;
}

hr.style_line {
     padding: 0;
     border: none;
     border-top: medium double #fdb813;
     color: #fdb813;
     text-align: center;
    
}
hr.style_line:after {
     content: "O";
     display: inline-block;
     position: relative;
     top: -0.7em;
     font-size: 1.5em;
     padding: 0 0.25em;
     background: #141412;
    
}


/**PERFIL DE USUARIO**/



h1.tituloDropDownNegro{
     font-size: 1rem;
     color: #1e1e1e;
     margin: 20px 0;
     text-align: center;
}
.container_perfil_menu{
     padding-left: 15px;
     padding-right: 15px;
}

div.fondoBlancoDropDown{
     background-color: #FFF;
     padding: 0 0 10px 0;
     width: 100%;
}

.text_nombre_perfil{
     text-decoration: none;
     color:#FFF; 
     cursor: pointer;
     font-size: 1.2em;
}

.imgflecha_perfil{
     width: 20px;
     margin-left: 0.5rem;
}

a:not([href]):hover {
     color:#FFF;  
    text-decoration: none;
}
.nav-link:focus, .nav-link:hover {
    text-decoration: none;
}
a:not([href]) {
     color:#FFF;  
    text-decoration: none;
}

a.link_perfil{
     color: #1e1e1e;
     text-decoration: none;
}


img.imgListaPerfil{
     width: 15px;
     margin-right: 10px;
}

li.elementosListaPerfil{
     margin: 10px 0!important;
     width: 100%;
}


/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  

     #img_loading{
          width:350px; 
          height: 200px; 
          margin: auto;
     }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 80%;
     }

        /* Menu principal */
     .form-inline .form-control {
         display: inline-block;
         width: 100%;
         min-width: 16vw;
         vertical-align: middle;
     }

     
      img.logoPricipalGrande{
          margin-top: 30%;/* podria cambiar a PX*/
          width: 25%;
     }

     img.imgLogoModal{
          width: 25%;
     }
     div.contenedorPlataformasApp{

          margin-top: 2rem;
     }

}



/********* LOADER*************/
#page-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background: #000 none repeat scroll 0% 0%;
 opacity: 0.8;
z-index: 99999;
}
#page-loader .preloader-interior {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FDB813;
 
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#page-loader .preloader-interior:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFF;
 
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#page-loader .preloader-interior:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
 
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}


.contenedorPublicaNegocio{
    width: auto;
    max-width: 25rem !important;
    margin-top: 10rem;
    margin-left: 10%;
    background-color: #FDB813;
    padding: 5px 35px;
    border-radius: 12px;
    font-size: .7em;
    color: #000000;
    text-decoration: none;
    cursor: pointer;  
}
.contenedorPublicaNegocio:hover{

    background-color: #EBEBEB;
   
}

.textoTotalGratisInicio{
    color: #121213;
}


p.publicarTexto {
    margin: auto;
    text-align: center;
}

p.publicarTexto:hover {
    margin: auto;
    text-align: center;
    color: #FFF;
} 

@media (min-width: 1800px){
     .form-inline .form-control {
         display: inline-block;
         width: auto;
         min-width: 25vw;
         vertical-align: middle;
     }

     /****** Actualizamos el container principal*/
     .container, .container-lg, .container-md, .container-sm, .container-xl {
         max-width: 80%;
     }

      
     /* contenedor logos plataformas app */
     div.contenedorPlataformasApp{
        
          margin-top: 5rem;
     }

     /* logo principal grande */
     img.logoPricipalGrande{
          max-width: 350px;
          width: 12%;
          margin: 50px 0;
     }

}

  .informacionResultadoSingle{
          padding-top:80px;
          padding-bottom: 40px;
          background: red;
     }

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
     .informacionResultadoSingle{
          padding-top:80px;
          padding-bottom: 40px;
          background: red;
     }

     header.headerMenuResultados {
        background-color: transparent;
    }



}


@media (max-width: 991.98px) { 
     .informacionResultadoSingle{
          padding-top:120px;
          padding-bottom: 40px;
     }

     img.logoPricipalGrande{
          width: 30%;
     }

       header.headerMenuResultados {
        background-color: transparent;
    }
    .dropdown-menu-user{
         min-width: 100%  !important;
         background-color: #FFF; 

    }
       


}



/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
     .informacionResultadoSingle{
          padding-top:0px;
          padding-bottom: 0px;
     }

       header.headerMenuResultados {
        background-color: transparent;
    }


.contenedorPublicaNegocio{
     width: auto;
    max-width: 90% !important;
    margin-left: 5%;
    margin-top: 2rem;
     
}

}