body{
    background-color: #ffffff;
}

a{
    color:  #dd0055;
    cursor: pointer;
}

a:hover, a:focus {
    color: #bb0077;
}

.default-table thead tr td {
    font-weight: bold;
}

.campo-obligatorio{
    color: #B94A48;
}

.icono-configuracion-titulo{
    font-size: 14px;
    line-height: 14px;
    height: 40px;
    margin-top: 20px;
    vertical-align: middle;
}

.icono-configuracion-titulo a{
    vertical-align: middle;
}

.dl-horizontal dt {
    overflow: visible;
}

.btn.btn-sm {
    font-size: 11px;
    padding: 4px 6px;
    line-height: 14px;
}

.gap-top-sm {
    margin-top: 5px;
}

.full-width {
    display: block;
    width: auto;
}

.thumbnail-more-info .thumbnail {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.thumbnail-more-info .more-info {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.thumbnails-table {
    display: table;
}

.thumbnails-table li {
    display: table-cell;
}

table.properties-table {
    width: 550px;
}

table.properties-table td {
    vertical-align: middle;
}

table.properties-table td.image {
    text-align: center;
    width: 56px;
}

table.properties-table img {
    width: 40px;
    height: auto;
}

table.properties-table td.title {
    color: #777777;
    font-weight: bold;
    width: 200px;
}

table.properties-table td.value {
    font-size: 18px;
}

dt.property,
dd.property {
    padding-top: 15px;
}

dt .icon {
    font-size: 24px;
    line-height: 24px;
}

dt .icon_img {
    height: 45px;
    width: 45px;
}

dt .icon:before {
    background-color: #eee;
    border: solid 1px #555;
    border-radius: 10px;
    color: #555;
    padding: 10px;
    position: relative;
}

dd .title {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
}

dd .value {
    color: #777;
    display: block;
    font-size: 24px;
}

/* Estilos auxiliares */

.centrado{
    text-align: center;
}

.oculto{
    display: none;
}

.oculto-imp {
    display: none !important;
}

.inline{
    display: inline-block;
}

.notice{
    font-size: 12px;
    padding: 15px;
    text-transform: uppercase;
}


/* Contenido */

.contenido{
    min-width: 600px;
    padding: 15px 0px 0px 0px;
}


/* Pie */

.pie{
    background-color: #ffffff;
    border-top: 1px solid #E5E5E5;
    color: #333333;
    display: table;
    padding: 20px 0px 20px 0px;
    width: 100%;
}

.pie label{
    color: #333333;
}

.pie-copyright{
    display: table-cell;
    padding-left: 20px;
}

.pie-idioma{
    display: table-cell;
    padding-right: 20px;
    text-align: right;
}


/* Barra de navegacion */

.nav{
    font-weight: bold;
}

.navbar{
    font-size: 16px;
    margin: 0px;
}

.navbar .nav > li > a {
    color: #999999;
    text-shadow: none;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
    color: #333333;
}

.navbar .navbar-inner .nav-container .nav .active > a, .navbar .navbar-inner .nav-container .nav .active > a:hover {
    color: #333333;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #333333;
    background: #ffffff;
    background-color: #ffffff;
}

.navbar-inner{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-image: none;
    background: #ffffff;
    background-color: #ffffff;
    border: none;
    filter: none;
}

.dropdown-menu a {
    padding: 8px 15px;
}


.navbar .nav {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.navbar .brand {
    display: inline-block;
    float: none;
}

.navbar img{
    display: inline-block;
}

.nav-container{
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}

.menus-container{
    display: table;
    width: 100%;
}

.menus-container .derecha, .menus-container .izquierda{
    display: table-cell;
    vertical-align: bottom;
}

.menus-container .izquierda{
    text-align: left;
}

.menus-container .derecha{
    text-align: right;
}

.nombre-usuario{
    padding: 5px 10px;
}

.icono-usuario{
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}

.icono-usuario:hover, .active .icono-usuario{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}



/* Breadcrumb */

.breadcrumb{
    background: none;
    background-image: none;
    background-color: transparent;
    border: none;
    filter: none;
    margin: 0 0 10px;
    padding: 7px 0px;
}


/* Barra de herramientas */

.barra-herramientas-inferior, .barra-herramientas-inferior-sin-borde,
.barra-herramientas-superior, .barra-herramientas-superior-sin-borde{
    background: #EFEFEF;
    border: solid 1px #D1D1D1;
    margin: 0px;
    padding: 5px;
    vertical-align: middle;
}

.barra-herramientas-inferior {
    border-bottom: solid 3px #555;
}

.barra-herramientas-superior {
    border-top: solid 3px #555;
}

.barra-herramientas-inferior .form-search,
.barra-herramientas-superior .form-search{
    margin: 0px;
}

.barra-herramientas-inferior .contenedor-derecha,
.barra-herramientas-superior .contenedor-derecha{
    text-align: right;
    vertical-align: middle;
}

.barra-herramientas-inferior .contenedor-izquierda,
.barra-herramientas-superior .contenedor-izquierda{
    text-align: left;
    vertical-align: middle;
}

.barra-herramientas-superior-margen{
    margin-bottom: 20px;
}

.barra-herramientas-inferior-sin-borde,
.barra-herramientas-superior-sin-borde{
    border-bottom: solid 1px #D1D1D1;
    border-top: solid 1px #D1D1D1;
}

.separador{
    color: #D1D1D1;
    margin: 0px 5px;
}

.barra-herramientas-desplegable{
    border-top: solid 1px #D1D1D1;
    margin-top: 10px;
    padding: 10px 0px 5px 0px;
}

.barra-herramientas-dropdown {
    display: inline-block;
}

/* Contenido central */

#contenido-central{
    background: #fff;
    min-height: 500px;
    padding-bottom: 20px;
}


/* Listados generales */

.table th, .table td {
    vertical-align: middle;
}

.table th.alineadoDerecha, .table td.alineadoDerecha{
    text-align: right;
}

.contenedor-icono-listado{
    display: inline-block;
    height: 20px;
    padding: 0px 10px;
    text-align: center;
    width: 30px;
}

.icono-listado{
    max-height: 20px;
    max-width: 30px;
}

.google-visualization-table-th {
    text-align: center;
}

.google-visualization-table-th.numeric {
    text-align: right;
}

/* Mapas de google maps */

.contenedor-mapa{
    height: 400px;
    margin: 0px;
    padding: 0px;
    /*width: 500px; */
    width: 100%;
}

.contenedor-mapa label {
    display: inline;
    width: auto;
}

.contenedor-mapa img {
    max-width: none;
}

/* Noticias */

.contenido-noticia{
    padding: 0 0 15px 0;
}

.thumbnail-noticia{
    width: 210px;
    text-align: center;
}

.thumbnail-noticia .caption{
    height: 40px;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
}

.thumbnail-noticia .caption .izquierda{
    width: 140px;
}

.thumbnail-noticia .caption .derecha{
    width: 70px;
}

.imagen-noticia{
    height: 150px;
    width: 200px;
    line-height: 146px;
}

.imagen-noticia img {
    max-height: 150px;
    max-width: 200px;
}

/*
.listado-noticias-row{
    display: table;
}
*/

.listado-noticias-row .imagen{
    display: table-cell;
    height: 112px;
    min-width: 75px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 150px;
}

.listado-noticias-row .imagen img{
    max-height: 112px;
    width: 150px;

}

.listado-noticias-row .contenido-noticia{
    display: table-cell;
    padding: 10px 20px;
    vertical-align: top;
}

.listado-noticias-row .contenido-noticia .fecha{
    display: block;
}

.listado-noticias-acciones{
    min-width: 200px;
}


/* Descargas */

.contenedor-thumbnails-descargas{
    margin: 20px 0px;
}

.thumbnails{
    clear: both;
    display: flex;
    flex-wrap: wrap;
}

.thumbnails > li{
    float: none;
}

.thumbnails .thumbnail-descargas{
    width: 110px;
}

.thumbnails .thumbnail-descargas .thumbnail{
    height: 35px;
    width: 35px;
    margin: auto;
}

.thumbnail-descargas .caption{
    height: 36px;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
}

.visor-pdf{
    margin-top: 10px;
}

/* Loader */

.loader{
    display: block;
    text-align: center;
    width: 100%;
}

/* Formularios */

.form-inline{
    margin: 0px;
}

.form-inline label, .form-search label{
    margin-left: 10px;
    margin-right: 5px;
}

/* Graficas */

.chart-container{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.contenedor-botones-grafica{
    display: table;
    width: 100%;
}

.titulo-grafica{
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
    width: auto;
}

.botones-grafica{
    padding: 10px 0px;
    float: right;
    display: table-cell;
    vertical-align: middle;
    width: auto;
}


/* Calendario */

.date{
    display: inline-block;
}

/* Mi cuenta */

p.ayuda-fieldset {
    color: silver;
}


/* Merchandising */

.titulo-caption{
    height: 35px;
    margin: 5px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: bold;
}


.thumbnail-merchandising{
    height: 200px;
    width: 215px;
    text-align: center;
}

.thumbnail-merchandising .thumbnail{
    height: 200px;
}

.botones-listados{
    margin: 0px 0px 20px 0px;
}

.imagen-mueble{
    max-height: 200px;
}

.thumbnail-expositores{
    width: 180px;
    text-align: center;
}

.expositor{
    width: 170px;
    height: 170px;
    line-height: 166px;
}

.expositor img {
    max-height: 170px;
    max-width: 170px;
    vertical-align: middle;
}

.thumbnail-expositores .caption{
    height: 90px;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
}

.thumbnail-expositores .caption .izquierda{
    width: 140px;
}

.panel{
    height: 200px;
    /*width: 175px;*/
    line-height: 200px;
}

.imagen-panel img{
    max-height: 200px;
    /*max-width: 175px;*/
    vertical-align: middle;
}

.informacion-expositor{
    padding: 10px;
}

.informacion-expositor .imagen{
    border: solid 1px #ddd;
    max-width: 50%;
    height: auto;
}

.informacion-panel{
    padding: 10px;
}

/* Filtros */

.campo-filtro{
    display: inline-block;
    margin: 5px 0px
}

/* Catalogos */

.caption{
    height: 40px;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
}

.caption .derecha{
    float: right;
    text-align: right;
    padding: 5px 0px;
    color: #616161;
    width: 40px;
}

.caption .izquierda{
    float: left;
    text-align: left;
    padding: 5px 0px;
    color: #616161;
}

/* Ambientes */

.thumbnail-ambientes{
    width: 280px;
    text-align: center;
}

.thumbnail-ambientes .caption{
    height: 45px;
}

.thumbnail-ambientes .caption .izquierda{
    float: left;
    text-align: left;
    padding: 5px 0px;
    color: #616161;
    width: 240px;
}

.ambiente{
    height: 202px;
    line-height: 200px;
}

.ambiente img {
    max-height: 202px;
    max-width: 270px;
}


/* Buscador productos */

.thumbnail-modelos{
    width: 180px;
    text-align: center;
}

.thumbnail-modelos .caption{
    height: 40px;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
}

.thumbnail-modelos .caption .izquierda{
    width: 140px;
}

.thumbnail-modelos .caption .izquierda .nombre-modelo{
    width: 140px;
    white-space:nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    line-height: 12px;
}

.modelo{
    height: 170px;
    width: 170px;
    line-height: 166px;
}

.modelo img {
    max-height: 170px;
    max-width: 170px;
    vertical-align: middle;
}


/* Detalle de modelo */

.thumbnail-series{
    width: 180px;
    text-align: center;
}

.serie{
    height: 180px;
    width: 180px;
    line-height: 172px;
}

.serie img {
    max-height: 180px;
    max-width: 180px;
    vertical-align: middle;
}

.imagen-modelo{
    width: 100%;
    text-align: center;
}

.imagen-modelo img{
    max-height: 400px;
}


/* Catalogo series */

.thumbnail-series{
    width: 180px;
    text-align: center;
}

.thumbnail-series .caption{
    height: 40px;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
}

.thumbnail-series .caption .izquierda{
    width: 140px;
}

.serie{
    height: 170px;
    width: 170px;
    background-position: center;
    background-repeat: no-repeat;
}

.serie a{
    display: block;
    width: 100%;
    height: 100%;
}

/* Despieces */

.contenedor-tabs-catalogo{
    padding: 0px;
    margin: 0px;
    display: table;
    margin: 0px auto;
}

.contenedor-modelos{
    border-collapse: separate;
    display: table-cell;
    border-spacing: 15px;
}

.modelo-despiece{
    display: table-cell;
    vertical-align: bottom;
    background: #ffffff;
    padding: 7px 7px 0px 7px;
    width: 245px;
    text-align: center;
    border-bottom-right-radius: 5px;

    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.descripcion-modelo{
    display: table;
    width: 100%;
    font-size: 11px;
    border-spacing: 5px;
}

.descripcion-modelo .izquierda{
    display: table-cell;
    text-align: left;
    padding: 5px 0px;
    color: #616161;
}

.descripcion-modelo .derecha{
    display: table-cell;
    text-align: right;
    padding: 5px 0px;
    color: #616161;
}

.gallery-hidden{
    display: none;
}


/* Colecciones */

.sortable .btn {
    -webkit-transition: none;
    box-shadow: none;
}

.imagen-elemento-coleccion{
    max-width: 400px;
}

/* Ferias */

.thumbnail-ferias{
    width: 280px;
    text-align: center;
}

.thumbnail-ferias .caption{
    height: 45px;
}

.thumbnail-ferias .caption .izquierda{
    float: left;
    text-align: left;
    padding: 5px 0px;
    color: #616161;
    width: 165px;
}

.thumbnail-ferias .caption .derecha{
    width: 110px;
}

.feria{
    height: 202px;
    line-height: 200px;
}

.feria img {
    max-height: 202px;
    max-width: 270px;
}

.informacion-feria img{
    max-height: 175px;
    width: auto;
    float: left;
}

.datos-feria{
    display: inline-block;
    padding: 0px 20px;
    vertical-align: middle;
}

.contenedor-mapa{
    height: 400px;
    width: 500px;
}

.mostrar-filtro {
    position: relative;
    height: 0;
}

.mostrar-filtro a {
    position: absolute;
    text-align: right;
    top: -20px;
    right: 5px;
}

.chart-container {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
}

body .google-visualization-table {
    width: 100%;
    display: block;
}

body .google-visualization-table .google-visualization-table-table {
    width: 100%;
}

.google-visualization-table-th {
    white-space: normal !important;
}

.popover-form,
.popover-form > input,
.popover-form > button {
    display: inline-block;
    margin: 0;
}

.popover-form > button {
    margin-left: 5px;
}

.popover-form > input.percent {
    max-width: 50px;
    text-align: center;
}

.one-line-ellipsis {
    display: block;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-list .series-list-item {
    border-bottom: solid 1px #dddddd;
    padding: 10px 15px;
}

.serie-atributo {
    box-sizing: border-box;
    display: inline-block;
    height: 25px;
    position: relative;
    vertical-align: middle;
    width: 25px;
}

.serie-atributo.empty {
    border: 1px solid #DDD;
    color: #DDD;
    position: relative;
}

.serie-atributo.empty::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.custom-row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    margin: 0 -15px;
}

.custom-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    float: left;
    padding: 0 15px 30px;
}

.custom-col.md-2\.4 {
    width: 20%;
}

.custom-col.md-3 {
    width: 25%;
}

.custom-col.md-4 {
    width: 33.333%;
}

.custom-col.md-6 {
    width: 50%;
}

.custom-col.md-12 {
    width: 100%;
}

.alert-dock {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
    margin: 0;
}

.image-preview {
    margin-top: 15px;
    text-align: center;
}

.image-preview img {
    max-width: 200px;
    max-height: 250px;
}

.video-wrapper {
    position: relative;
    height: 0;
}

.video-wrapper.ratio-16-9 {
    padding-bottom: 56.25%; /* 16:9 */
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.new-label {
    color: #777777 !important;
    font-size: .7em;
    font-weight: 300;
}

.menus-container nav ul li .children li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    color: #333333;
    font-weight: normal;
    line-height: 20px;
    white-space: nowrap;
}

.menus-container nav ul li .children li a:hover,
.menus-container nav ul li .children li a:focus {
    color: white;
}

.controls > input {
    min-height: 30px;
}

@media only screen and (max-width: 768px) {
    .contenido {
        min-width: 1px;
    }
    .menus-container nav > div
    .menus-container .izquierda-responsive,
    .menus-container .derecha-reponsive {
        display: block;
    }

    .menus-container .izquierda-responsive ul.nav,
    .menus-container .izquierda-responsive ul.nav li.dropdown {
        width: 100%;
    }

    .menus-container .centrado-responsive,
    .centrado-responsive {
        text-align: center;
    }

    .menus-container .derecha-responsive {
        text-align: right;
        width: 100%;
    }

    .menus-container .derecha-responsive img {
        max-height: 35px;
        width: auto !important;
    }

    .form-responsive.form-horizontal .control-label {
        text-align: left;
        width: 100%;
    }

    .form-responsive.form-horizontal .controls,
    .form-horizontal .controls.label-large {
        margin-left: 0 !important;
    }

    .form-responsive.form-horizontal .form-actions {
        padding: 20px;
        text-align: center;
    }

    .input-responsive {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
        padding: 18px 14px !important;
        width: 100%;
    }

    input.search-query {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 18px 14px;
        width: 100%;
    }

    .pie-idioma {
        text-align: center;
    }

    .breadcrumb {
        text-align: center;
    }

    .form-search a,
    .form-search button {
        display: block;
        width: 100%;
    }

    .form-search .separador {
        display: none;
    }

    .barra-herramientas-superior {
        margin-bottom: 15px;
    }

    :not(.datepicker-days) > table:not(.google-visualization-table-table) {
        width: 100%;
    }

    :not(.datepicker-days) > table:not(.google-visualization-table-table) thead {
        display: none;
    }

    :not(.datepicker-days) > table:not(.google-visualization-table-table) tr:nth-of-type(2n) {
        background-color: inherit;
    }

    :not(.datepicker-days) > table:not(.google-visualization-table-table) tr td:first-child,
    :not(.datepicker-days) > table:not(.google-visualization-table-table) tr th:first-child {
        background: #efefef;
        font-weight: 700;
        font-size: 1.3em;
        text-align: left;
    }

    :not(.datepicker-days) > table:not(.google-visualization-table-table) tbody td,
    :not(.datepicker-days) > table:not(.google-visualization-table-table) tfoot td,
    :not(.datepicker-days) > table:not(.google-visualization-table-table) tfoot th {
        display: block;
        text-align: right;
        width: 100%;
    }

    :not(.datepicker-days) > table:not(.google-visualization-table-table) tbody td:before,
    :not(.datepicker-days) > table:not(.google-visualization-table-table) tfoot td:before,
    :not(.datepicker-days) > table:not(.google-visualization-table-table) tfoot th:before {
        content: attr(data-th);
        display: block;
        margin-left: -10px;
        margin-bottom: 10px;
        text-align: left;
        text-transform: uppercase;
        font-weight: bold;
    }

    :not(.datepicker-days) > table:not(.google-visualization-table-table).table-striped tbody > tr:nth-child(2n+1) > td:first-child,
    :not(.datepicker-days) > table:not(.google-visualization-table-table).table-striped tfoot > tr:nth-child(2n+1) > td:first-child,
    :not(.datepicker-days) > table:not(.google-visualization-table-table).table-striped tfoot > tr:nth-child(2n+1) > th:first-child {
        background: #efefef;
    }

    :not(.datepicker-days) > table:not(.google-visualization-table-table) td,
    :not(.datepicker-days) > table:not(.google-visualization-table-table) th {
        padding-left: 20px !important;
    }

    .table-container-fixed-position {
        position: initial !important;
        top: auto !important;
    }

    .table-container-fixed-position + div {
        padding-top: 0 !important;
    }

    .modal,
    .modal.large {
        top: inherit;
        left: 0;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .icono-configuracion-titulo {
        float: initial !important;
        text-align: right !important;
    }

    .form-responsive .controls .add-on,
    .date .add-on {
        height: 38px;
    }

    .contenedor-mapa {
        width: 100%;
    }

    .nav-tabs li {
        width: 100%;
    }

    .nav-tabs li a {
        border: 1px solid #ddd;
    }

    .table th.alineadoIzquierda-responsive,
    .table td.alineadoIzquierda-responsive {
        text-align: left;
    }

    .anyadir-favorito-cliente,
    .eliminar-favorito-cliente,
    .anyadir-favorito-ambiente,
    .eliminar-favorito-ambiente,
    .anyadir-favorito-modelo,
    .eliminar-favorito-modelo,
    .anyadir-favorito-mueble,
    .eliminar-favorito-mueble,
    .anyadir-favorito-serie,
    .eliminar-favorito-serie {
        display: block;
        margin-bottom: 15px;
    }

    .barra-herramientas-superior button,
    .barra-herramientas-superior a {
        width: 100%;
        margin-bottom: 0;
    }

    .btn-group,
    .barra-herramientas-superior .btn-group {
        width: 100%;
    }

    .btn-group .btn,
    .barra-herramientas-superior .btn-group .btn {
        width: 100%;
        display: block;
    }

    .row-fluid .span1,
    .row-fluid .span2,
    .row-fluid .span3,
    .row-fluid .span4,
    .row-fluid .span5,
    .row-fluid .span6,
    .row-fluid .span7,
    .row-fluid .span8,
    .row-fluid .span9,
    .row-fluid .span10,
    .row-fluid .span11,
    .row-fluid .span12 {
        width: 100%;
        *width: 100%;
    }

    .row-fluid [class*="span"] {
        margin-left: 0;
    }

    .dl-horizontal dt {
        display: block;
        text-align: left;
        width: 100% !important;
    }

    .dl-horizontal dd {
        display: block;
        margin-left: 0 !important;
        padding-left: 10px;
        text-align: left;
        width: 100% !important;
    }

    .titulo-grafica {
        display: block;
        padding-left: 0;
    }

    .botones-grafica {
        width: 100%;
    }
}

* {
    padding:0;
    margin:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* MENÚ RESPONSIVE */

.menu_bar {
    display:none;
}

.menus-container {
    display: flex;
    width: 100%;
}
.menus-container nav {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    background: #ffffff;
    z-index: 1000;
    max-width: inherit;
    width: 95%;
    margin: 0;
}

.menus-container nav ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

.menus-container nav ul {
    margin-left: 0;
}

.menus-container nav ul li {
    display: inline-block;
    position: relative;
}

.menus-container nav >div ul ul li {
    width: 100%;
}

.menus-container nav ul li.active a {
    color: #ffffff;
    font-weight: bold;
}

.menus-container nav ul li.active li a {
    color: #333333;
    font-weight: normal;
}

.menus-container nav ul li a span {
    margin-right: 10px;
}

.menus-container nav ul li .children {
    display: none;
    position: absolute;
    z-index: 1000;
    overflow: inherit !important;
}

.menus-container nav ul li .children li {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.5);
}

.menus-container nav ul li .children li a {
    display: block;
}

.menus-container nav ul li .children li a span {
    float: right;
    position: relative;
    top: 3px;
    margin-right: 0;
    margin-left: 10px;
}

.menus-container .caret {
    vertical-align: middle;
    margin-top: 0;
    margin-left: 4px;
    opacity: .75;
    border-top-color: #999999;
}

.hidden-responsive {
    display: inherit !important;
}

.hidden-no-responsive {
    display: none !important;
}

@media only screen and (min-width: 769px) {
    .only-mobile {
        display: none;
        visibility: collapse;
    }
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    background-color: inherit;
}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret,
.navbar .nav > .active > a .caret,
.navbar .nav a:hover .caret,
.navbar .nav a:focus .caret {
    border-top-color: #333333;
}

.navbar .nav li.dropdown > a.icono-usuario:hover .caret,
.navbar .nav li.dropdown > a.icono-usuario:focus .caret,
.navbar .nav > .active > a.icono-usuario .caret,
.navbar .nav a.icono-usuario:hover .caret,
.navbar .nav a.icono-usuario:focus .caret {
    border-top-color: white;
}

.dropdown-menu .divider {
    border-bottom-color: #e5e5e5;
}

@media only screen and (max-width: 768px) {
    .hidden-responsive {
        display: none !important;
    }

    .hidden-no-responsive {
        display: inherit !important;
    }

    .navbar-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .menu_bar {
        display:block;
        position: inherit;
        top:0;
    }

    .menu_bar .hamburguer {
        width: 30px;
    }

    .menu_bar .bt-menu {
        display: block;
        padding: 15px;
        /*color: #fff;*/
        overflow: hidden;
        font-size: 25px;
        font-weight: bold;
        text-decoration: none;
    }

    .menu_bar span {
        font-size: 20px;
    }

    .menus-container nav {
        display: block;
        width: 80%;
        height: calc(100% - 80px);
        position: fixed;
        right:100%;
        margin: 55px 0;
        overflow: scroll;
    }

    .menus-container nav ul li {
        display: block;
        border-bottom:1px solid rgba(255,255,255,.5);
        width: 100%;
    }

    .menus-container nav ul li a {
        display: block;
        padding: 10px;
    }

    .menus-container nav ul li:hover .children,
    .menus-container nav ul li:focus .children {
        display: none;
    }

    .menus-container nav ul li .children {
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }

    .menus-container nav ul li .caret {
        float: right;
    }

    .menus-container nav ul li .children li a {
        padding-top: 10px;
        padding-bottom: 10px;
        white-space: normal;
    }
}

.table th.text-right, .table td.text-right {
    text-align: right;
}

table tbody > tr.dark > td, table tbody > tr.dark > th {
    background-color: #f9f9f9;
}

table tbody > tr.subrow > td, table tbody > tr.subrow > th {
    border-top: none;
}

#jquery-overlay {
    z-index: 9000;
}

#jquery-lightbox {
    z-index: 9001;
}

.menus-container .brand,
.menus-container .menu_bar{
    position: relative;
    z-index: 7501;
}

#estridencia-texto-cabecdera {
    position: absolute;
    top: 40px;
    width: 100%;
    text-align: center;
    z-index: 7500;
    color: #333333;
    font-size: 35px;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 768px) {
    #estridencia-texto-cabecdera {
        top: 15px;
        font-size: 25px;
    }
}

.custom-alert-wrapper {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-alert-wrapper .custom-alert {
    width: 550px;
    max-width: 100%;
    height: auto;
    max-height: 95vh;
    overflow: auto;
    background-color: #ffffff;
    box-shadow: 3px 2px 5px #333;
    margin: 15px;
    padding: 2em 3em;
    font-size: .9em;
    position: relative;
}

.custom-alert-wrapper .custom-alert .close-action {
    margin: 2em 1em 0 0;
    text-align: right;
}

.custom-alert-wrapper .custom-alert .close-action span {
    cursor: pointer;
}

.campo-filtro .narrow {
    width: 120px;
}

.campo-filtro .narrow * {
    max-width: 100%;
}

.campo-filtro .narrow.input-append input {
    width: 90px;
}

[data-table-fixed-on-scroll] table {
    background: white;
}

.table-container-fixed-position {
    position: fixed;
    top: 0;
}

.gradient-white-to-transparent {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.barra-herramientas-dropdown {
    width: 100%;
}

.barra-herramientas-dropdown hr {
    margin: 5px 0;
}

@media only screen and (min-width: 1200px) {
    .container.container-big {
        width: 1170px;
    }
}

@media only screen and (max-width: 992px) {
    .container {
        width: 720px;
    }
}

@media only screen and (max-width: 768px) {
    .container {
        width: 500px;
    }
}

@media only screen and (max-width: 540px) {
    .container {
        width: 100%;
    }
}

.pagination-wrapper {
    width: 100%;
}

.pagination-wrapper .pagination {
    display: inline-block;
    margin:  0;
    padding: 0;
}

.pagination-wrapper .pagination > li {
    display: inline-block;
    list-style: none;
}

ul.thumbnails {
    display: flex;
    margin:  0;
}

.row-fluid .thumbnails {
    margin-left: 0;
}

ul.thumbnails > li.thumbnail-descargas {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 6px;
}

ul.thumbnails > li.thumbnail-descargas {
    width: 100%;
    max-width: 250px;
}

ul.thumbnails > li .thumbnail,
ul.thumbnails > li.thumbnail-descargas .thumbnail {
    margin: 0;
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: auto;

    padding: 5px;
    border:  none;
    line-height: 1;
    box-shadow: none;
}

ul.thumbnails > li.thumbnail-descargas .caption {
    margin: 0;
    text-align: left;
    display: block;
    line-height: 1.1;
    flex: 1 1 auto;

    display: flex;
    align-items: center;
}

ul.thumbnails > li.thumbnail-descargas .caption a {
    padding: 5px;
    display: block;
}

ul.thumbnails > li.thumbnail-descargas .caption small {
    display: block;
}

.modal {
    max-height: 85vh;
    overflow:   auto;
}

.modal .modal-body {
    max-height: none;
    overflow-y: hidden;
}

.err.error {
    color: #9c1f2e;
}

.apps .colores .color,
.apps .acabados .acabado {
    display:        inline-block;
    padding:        1em;
    vertical-align: top;
    width:          200px;
}

.apps .colores .color .text,
.apps .acabados .acabado .text {
    margin-top: .5em;
}

[hidden], .hidden {
    display: none !important;
}

.selectable-image {
    cursor: pointer;
    padding: .5em;
    border: solid 1px transparent;
}

.selectable-image.selected {
    border-color: black;
    background:   #e7e7e7;
}

legend + .barra-herramientas-superior {
    margin-top: -20px;
    border: none;
}

.is-hoverable:hover .hoverable-show-if-no-hover {
    display: none;
}

.is-hoverable:not(:hover) .hoverable-show-if-hover {
    display: none;
}

.responsive-table {
    width: 100%;
    max-width: 100%;
    overflow: auto;
}

.documento-pdf.preview {
    background: #e6e6e6;
}

.documento-pdf > .inner {
    padding: 1.5cm 0.5cm .5cm;
}

.documento-pdf.preview > .inner {
    background: #ffffff;
    width: 21cm;
    margin: 3cm auto;
}

.text-center,
.table td.text-center {
    text-align: center;
}

/* Eliminamos la sombra interior del elemento seleccionado del menú */
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    box-shadow: none;
}

form .d-inline-flex .control-group,
form .d-inline-flex .control-group input {
    margin-bottom: 0;
}

.img-square-wrapper {
    display: inline-flex;
    flex-direction: column;
}

.img-square {
    object-fit: cover;
    width: 172px;
    height: 172px;
}

.img-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.img-cover {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    backface-visibility: hidden;
    transition: all 0.2s ease-in-out;
}

.img-wrapper.with-hover:hover .img-cover {
    transform: translate(-50%, -50%) scale(1.1);
}

.img-contain {
    object-fit: contain;
}

.block-img-height {
    height: 100px;
}

.block-img-height.search-img {
    height: 200px;
}

.block-img-height:not(.search-img) img {
    transform: translate(-50%, -50%) scaleX(0.75) scaleY(0.75);
}

.img-wrapper.with-hover.block-img-height:hover .img-cover {
    transform: translate(-50%, -50%) scale(1);
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

form .d-inline-flex .control-group {
    display: inline-flex;
    align-items: baseline;
}

.modal-backdrop {
    z-index: 7502;
}

.modal {
    z-index: 7503;
}

.control-group .control-label {
    font-weight: bold;
}

.control-group .controls .help-block {
    font-size: .9em;
    font-style: italic;
}

label > [type="checkbox"] {
    margin: 0 5px 0 0;
}

.box {
    margin: 15px 0;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.box.box-floating {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.box .box-row {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box .box-row > * + * {
    margin-left: 10px;
    width: auto;
}

.box .box-row > .box-action {
    margin-left: 40px;
}

.box .box-row + .box-row {
    border-top: solid 1px #ddd;
}

.selectable-component {
    cursor: pointer;
}

.selectable-component input[type="checkbox"] {
    margin: 0;
}

.selectable-component.selected {
    background-color: #e6e6e6;
}

.img-overlay-wrapper {
    position: relative;
}

.img-overlay-wrapper .img-overlay-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-overlay-wrapper .img-overlay-bottom {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}