@font-face {
    font-family: 'neosansstd-regular-opentype';
    src: url('../fonts/neosansstd-regular-opentype.otf') format('opentype');
}

/*COLORES:
    Anterior Amarillo: #FAD540
    Amarillo: #ffd800
    Azul: #007ebb
*/

* {
    font-family: 'neosansstd-regular-opentype';
}

.background-blanco {
    background-color: white !important;
}

.celular-espacio {
    margin-bottom: 5px;
}

.contenedor-resultado-arte {
    width: auto !important;
}

.carousel-inner div img {
    margin: 0 auto;
}

.imagen-anuncios {
    max-width: 100% !important;
}

.img-menu-principal {
    margin-top: 2% !important;
    max-height: 100% !important;
    text-align: right;
}

    .img-menu-principal img {
        max-height: 25px !important;
        min-height: 20px !important;
        max-width: 100% !important;
        width: auto !important;
    }

.tituloClasificacion {
    display: inline-block !important;
    background-color: #FED100 !important;
    text-align: left !important;
    vertical-align: middle !important;
    padding: 2% 0px 0px 0px !important;
}

    .tituloClasificacion span {
        font-size: 25px !important;
        font-stretch: semi-expanded !important;
        font-weight: 800 !important;
        color: white;
        text-shadow: 5px -2px 4px #929292;
    }

    .tituloClasificacion img {
        max-height: 50px !important;
        padding-left: 2% !important;
    }

.raya-divisoria-horizontal-blanca {
    border-bottom: 5px solid white;
    padding-top: 1% !important;
    max-height: inherit !important;
    padding-left: 0px !important;
}

.raya-divisoria-horizontal-amarilla {
    border-bottom: 5px solid #FED100;
    max-height: inherit !important;
    padding-left: 0px !important;
}

.row-arte-mapa {
    display: inline-block !important;
    padding-top: 1% !important;
    text-align: center !important;
    vertical-align: middle !important;
}

    .row-arte-mapa img {
        height: 50px !important;
        max-height: 130px !important;
        max-width: inherit !important;
        text-align: center !important;
        vertical-align: middle !important;
    }

.estilo-espacio-entre-resultados {
    padding-bottom: 40px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 15px !important;
}

.row-publicidad-empresa-peque {
    vertical-align: middle !important;
    text-align: center !important;
    /*font-size: 15px;*/
    background-color: #F9E729;
    vertical-align: middle !important;
    max-width: inherit !important;
    min-height: 50% !important; /*75px*/
    padding-top: 5% !important;
    padding-left: 0px !important;
    height: 90px !important;
}

    .row-publicidad-empresa-peque img {
        max-width: inherit !important;
        max-height: 40px !important;
        float: left !important;
        padding-left: 12% !important;
    }

.row-publicidad-empresa-ampliar-peque {
    vertical-align: middle !important;
    color: black !important;
    text-decoration: none !important;
}

    .row-publicidad-empresa-ampliar-peque .glyphicon {
        /*font-size: 15px;*/
    }

.row-mapa-empresa-peque {
    vertical-align: middle !important;
    text-align: left !important;
    margin-left: 10px !important;
    padding-right: 0px !important;
}

    /*En caso de usar google maps*/
    .row-mapa-empresa-peque .mapa-datos-empresa img {
        max-height: 70px;
        width: 100% !important;
    }

    .row-mapa-empresa-peque #map-place {
        height: 90px !important;
        max-width: 125px;
    }

.estilo-mapa {
    height: 300px !important;
    max-width: 500px;
    min-width: 100%;
}

.titulo-ancho-minimo {
    min-height: 0px;
}

.row-info-grl {
    overflow-y: unset;
    display: inline !important;
    padding-top: 7px !important;
    padding-left: 4% !important;
    /*font-size: 13px !important;*/
    color: white !important;
}

    .row-info-grl img {
        height: auto !important;
        max-width: 10px !important;
        /*margin-top: 10px !important;*/
        /*margin-right: 8px !important;*/
    }

.row-info-titulo {
    font-weight: 900 !important;
    font-size: 19px !important;
    padding-top: 15px !important;
    text-align: left !important;
}

    .row-info-titulo a {
        /*color: #FFE62C;*/
        color: #ffd800;
        text-decoration: none;
        cursor: auto;
    }

.row-info-titulo-blancas {
    font-weight: 900 !important;
    font-size: 19px !important;
    padding-top: 15px !important;
    text-align: left !important;
}

    .row-info-titulo-blancas a {
        color: #9ACCF3;
        text-decoration: none !important;
        cursor: auto;
    }

        .row-info-titulo-blancas a hover {
            color: green;
        }

.row-info-telf {
    display: inline !important;
    padding-top: 7px !important;
    padding-left: 0px !important;
    font-weight: 900 !important;
    /*font-size: 15px !important;*/
}

    .row-info-telf img {
        height: 20px !important;
        width: 20px !important;
        padding-bottom: 3px !important;
    }

    .row-info-telf p {
        margin-bottom: 5px !important;
    }

.container-galeria {
    margin-top: 20px;
    float: right;
    background-color: #D9D9DB;
    border-radius: 20px;
}

.container-redes {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    max-width: 960px !important;
}

.container-redes-interno {
    background-color: #D9D9DB !important;
    margin-left: 2% !important;
    padding-left: 20px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    max-width: 96% !important;
}

    .container-redes-interno a img {
        max-height: 20px !important;
        max-width: 20px !important;
        text-align: left !important;
        vertical-align: middle !important;
    }

.modal-dialog {
    max-width: 700px !important;
    width: auto !important;
    height: 100% !important;
}

.btn-menu-principal {
    margin-right: inherit;
    margin-top: 20px;
    float: right;
    width: auto;
}

    .btn-menu-principal a {
        background-color: #D9D9DB;
        border-radius: 10px;
        padding: 5px 10px 5px 10px;
        /*font-size: 15px;*/
    }

.btn-menu-principal-clas {
    margin-right: inherit;
    margin-top: 1.5% !important;
    float: right;
    width: auto;
}

    .btn-menu-principal-clas a {
        background-color: #D9D9DB;
        border-radius: 10px;
        padding: 5px 10px 5px 10px;
        /*font-size: 15px;*/
    }

.raya-divisoria-horizontal-ploma {
    border-top: 3px solid #373636 !important;
}

.raya-divisoria-horizontal-amarilla-busquedas {
    /*border-top: 3px solid #FFE62C !important;*/
    /*border-top: 3px solid #ffd800 !important;*/
    border-top: 3px solid #9ACCF3 !important;
}

.altura-contenido-busqueda {
    height: auto !important;
}

.estilo-img-tabla-resultado-busqueda {
    text-align: right;
    padding: 0px !important;
}

.estilo-img-telf-fila-info {
    text-align: left;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 10px !important;
    vertical-align: middle !important;
    min-width: 110px !important;
}

.estilo-img-fila-info {
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 20px !important;
    max-height: 20px !important;
}

.estilo-txt-fila-info {
    padding: 10px 15px 0 0px;
    text-align: left;
    vertical-align: middle !important;
    /*min-width: 250px;*/
}

.estilo-geo-txt-busqueda {
    margin-top: 10px !important;
    margin-right: 20px !important;
}

.estilo-tlf-txt-busqueda {
    margin-right: 8px !important;
}

.estilo-mail-txt-busqueda {
    margin-top: 10px !important;
}

.estilo-web-txt-busqueda {
    margin-top: 10px !important;
}

.estilo-img-fila-correoWeb {
    text-align: left;
    vertical-align: text-top;
    padding: 0px !important;
}

.estilo-txt-fila-correoWeb {
    padding: 10px 15px 0 0;
    text-align: justify;
    min-width: 250px;
}

.estilo-contenedor-arteMapa {
    height: 150px !important;
    max-height: 150px !important;
    padding-top: 15px !important;
    height: auto !important;
    max-height: 100% !important;
    max-width: 100% !important;
    padding-left: 0px;
    padding-right: 0px;
}

    .estilo-contenedor-arteMapa div {
        min-height: inherit !important;
    }

        .estilo-contenedor-arteMapa div img {
            width: auto !important;
            height: auto !important;
            /*max-height: 100% !important;*/
            max-width: 100% !important;
            cursor: pointer;
        }

.sin-padding {
    padding: 0px !important;
}

.imagen-portada-artes {
    max-height: 65px !important;
    margin-left: 15px;
}

.imagen-portada-mapa {
    max-height: 65px !important;
}

.border-radius-superior {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.border-radius-inferior {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.contenedor-artes {
    background-color: hsla(52, 100%, 49%, 0.5) !important;
    text-align: center !important;
}

.contenedor-mapa {
    background-color: hsla(0, 0%, 0%, 0.5) !important;
    text-align: center !important;
    padding-top: 1%;
    padding-bottom: 1%;
}

.texto-centrado {
    text-align: center !important;
}

.logo-blancas {
    text-align: center !important;
    padding-top: 15px;
}

    .logo-blancas img {
        width: auto !important;
        height: auto !important;
        max-height: 80px !important;
        max-width: 100% !important;
    }

/*MODIFICANDO CLASE DE JQUERY UI*/
.ui-dialog-titlebar-close {
    border: none !important;
    min-height: 25px !important;
    max-height: 25px !important;
}

.ui-dialog-titlebar {
    background-color: transparent !important;
    border: none !important;
}

.ui-dialog {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    min-width: 500px !important;
    max-width: 800px !important;
    text-align: center !important;
    padding-bottom: 40px !important;
    top: 15% !important;
}

.ui-dialog-title {
    vertical-align: middle !important;
    text-align: left !important;
    /*font-size: 20px;*/
    width: 100% !important;
    font-size: 17px !important;
    /*color: #FFE62C;*/
    color: #ffd800;
}

.ui-icon {
    left: 25% !important;
    top: 26% !important;
    width: 30px !important;
    height: 30px !important;
    background-image: none !important;
    background-color: transparent !important;
}

.ui-button {
    width: 30px !important;
    height: 30px !important;
    top: 30% !important;
}

.ui-button-text {
    color: black !important;
    text-indent: 1% !important;
}

/*------------------------------------------------*/

.title-busqueda-amarillas {
    /*color: #ffd800;*/
    /*font-size: 18px !important;*/
    color: #9ACCF3;
}

.subtitle-busqueda-amarillas {
    color: white !important;
    font-size: 12px !important;
}

.icono-mas-info {
    margin-top: 3%;
    padding: 15px;
}

    .icono-mas-info img {
        max-height: 25px;
        cursor: pointer;
    }


.icono-mas-info-blancas {
    margin-bottom: 3%;
    padding: 15px;
}

    .icono-mas-info-blancas img {
        max-height: 25px;
        cursor: pointer;
    }


.img-modal-menu-principal {
    margin-top: 1% !important;
    max-height: 100% !important;
    text-align: center;
}

    .img-modal-menu-principal img {
        max-height: 25px !important;
        min-height: 20px !important;
        max-width: 100% !important;
        width: auto !important;
    }


/* MODIFICANDO EL SCROLL*/
::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    background: transparent; /* optional: just make scrollbar invisible */
}


/* PARA EL CAROUSEL CON LOS ARTES*/
#carousel-example-generic {
    margin: 20px auto;
    width: 400px;
}

#carousel-artes {
    margin: auto;
    /*width: 400px;*/
}

    #carousel-artes .carousel-indicators {
        margin: 10px 0 0;
        overflow: auto;
        position: static;
        text-align: center;
        /*white-space: nowrap;*/
        width: 100%;
    }

        #carousel-artes .carousel-indicators li {
            background-color: transparent;
            -webkit-border-radius: 0;
            border-radius: 0;
            display: inline-block;
            height: auto;
            margin: 0 !important;
            width: auto;
        }

            #carousel-artes .carousel-indicators li img {
                display: block;
                opacity: 0.5;
                max-height: 70px;
                width: auto;
            }

            #carousel-artes .carousel-indicators li.active img {
                opacity: 1;
            }

            #carousel-artes .carousel-indicators li:hover img {
                opacity: 0.75;
            }

    #carousel-artes .carousel-outer {
        position: relative;
    }

.left {
    z-index: 1;
}