@charset "utf-8";
/* importar css para resoluciones */
@import url('bootstrap-3.3.2.min.css');
@import url('https://use.fontawesome.com/releases/v5.0.9/css/all.css');
@import url('jquery.fancybox.css');
@import url('jquery-ui.css');
/*@import url('jquery.mobile-1.4.5.css');*/

body {
  background: #fff;
  color: #666666;
  font-family: "Lato", sans-serif;
  font-size: 14px;
}
nav {
    display: flex;
}
.cajatextocheck {
    
}
.pagination li { border:0px; background-color:transparent;
}
.precios_tabla {
    font-size: 16px;
    border: 2px;
    border-style: solid;
}

    .precios_tabla td {
        padding: 5px;
        border: 1px;
        border-style: solid;
    }
.precios_tabla2 {
    font-size: 12px;
    border: 2px;
    border-style: solid;
    
}
    .precios_tabla2 td {
        padding: 5px;
        border: 1px;
        border-style: solid;
        
    }
#txt_cli_nom {
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #ff00ff;
}
#filtros ul li {
    z-index:999;
}
#div-detalles {
    z-index:0;
}
#div-pendiente {
    display: inline;
    color: red;
    text-transform: uppercase;
}
#limpiar_familia {
    cursor:pointer;
}
.color-permanente {
    color: red;
}
.selVerde {
    background-color: green;
    color: white;
}
.lectura {
}
h1 {
    font-size: 28px;
}
.clas_per {
    background-color: #c70034;
    color: #ffffff;
}
h1 img { display:inline; padding:10px; }
header { background-color:#ececec;}
main{background-color:#f3f3f3;}
footer { background-color:#414144; color:#fff; padding:20px;}
footer a {color: #fff;   transition: 0.5s;}
footer a:hover {color: #fff;   transition: 0.5s;}
footer a:hover {color: #fff;   transition: 0.5s;}
a {color: #666666;   transition: 0.5s;}
#div-pedido {
    display:inline-block;
    width:350px;
}
.padding_top_10 {
    padding-top: 10px;
}
.text_detalles{ font-size:12px; height:30px;}
.ls-invisible { visibility:hidden; display:none;}
.ls-visible { visibility:visible; display:inline-block;}
.padding_right_10 {padding-right: 10px;}
.padding_right_15 {padding-right: 15px;}
.padding_right_20 {padding-right: 20px;}
.padding_right_25 {padding-right: 25px;}
.caja_fieldset { border:1px; border-color:#ccc; border-style:solid;}
.pulsar {
    font-size: 16px;
    background-color: #414144;
    color: #fff;
    padding: 5px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}
.btn {
    background-color: #414144;
    border-color: #333336;
    color: #fff;
}
.btn:hover{ color:#ffffff;}
.btn:active{ color:#ffffff;}
.btn:focus{ color:#ffffff;}
.btn1 {
    background-color: #414144;
    border-color: #333336;
    color: #fff;
    font-size:11px;
}
.btn1:hover{ color:#ffffff;}
.btn1:active{ color:#ffffff;}
.btn1:focus{ color:#ffffff;}

.imagen_ventana { width:0px; height:0px; background-image:url('../images/ventana.png'); background-repeat:no-repeat; background-position:center; background-color:#414144;}
.imagen_mostrar { width:22px; height:22px; background-image:url('../images/up.png'); background-repeat:no-repeat;}
.imagen_ocultar { width:22px; height:22px; background-image:url('../images/down.png'); background-repeat:no-repeat;}
#footer { background: #414144; padding: 30px 0; color: #fff; }
#footer a { color:#fff; }
.totales{ font-size:22px;}
.alto_min_250{ min-height:250px;}
.alto_1_color{ height:1px; background-color:#414144;}
.alto_2_color{ height:2px; background-color:#414144;}
.alto_5{ height:5px;}
.alto_10{ height:10px;}
.alto_15{ height:15px;}
.alto_20{ height:20px;}
.alto_25{ height:25px;}
.alto_30{ height:30px;}
.alto_35{ height:35px;}
.alto_40{ height:40px;}
.alto_45{ height:45px;}
.alto_50{ height:50px;}
.alto_55{ height:55px;}
.alto_60{ height:60px;}
.alto_65{ height:65px;}
.alto_70{ height:70px;}
.alto_75{ height:75px;}
.alto_80{ height:80px;}
.alto_85{ height:85px;}
.alto_90{ height:90px;}
.alto_95{ height:95px;}
.alto_100{ height:100px;}
.alto_105{ height:105px;}
.alto_110{ height:110px;}
.alto_115{ height:115px;}
.alto_120{ height:120px;}
.alto_125{ height:125px;}
.alto_130{ height:130px;}
.alto_135{ height:135px;}
.alto_140{ height:140px;}
.alto_145{ height:145px;}
.alto_150{ height:150px;}
.alto_155{ height:155px;}
.alto_160{ height:160px;}
.alto_165{ height:165px;}
.alto_170{ height:170px;}
.alto_175{ height:175px;}
.alto_180{ height:180px;}
.alto_185{ height:185px;}
.alto_190{ height:190px;}
.alto_195{ height:195px;}
.alto_200{ height:200px;}
.alto_205{ height:205px;}
.alto_210{ height:210px;}
.alto_215{ height:215px;}
.alto_220{ height:220px;}
.alto_225{ height:225px;}
.alto_230{ height:230px;}
.alto_235{ height:235px;}
.alto_240{ height:240px;}
.alto_245{ height:245px;}
.alto_250{ height:250px;}
.alto_300{ height:300px;}
.alto_350{ height:350px;}
.alto_400{ height:400px;}
.alto_450{ height:450px;}

.alto_max_50{ max-height:50px; vertical-align:bottom; text-align:center; }
.alto_max_75{ max-height:75px; vertical-align:bottom; text-align:center; }
.alto_max_100{ max-height:100px; vertical-align:bottom; text-align:center; }
.alto_max_100{ max-height:100px; vertical-align:bottom; text-align:center; }
.alto_max_200{ max-height:200px; vertical-align:bottom; text-align:center; }
.alto_max_300{ max-height:300px; vertical-align:bottom; text-align:center; }
.ancho_max_40{ max-width:40px; vertical-align:bottom; text-align:center; }
.ancho_max_45{ max-width:45px; vertical-align:bottom; text-align:center; }
.ancho_max_50{ max-width:50px; vertical-align:bottom; text-align:center; }
.ancho_max_60{ max-width:60px; vertical-align:bottom; text-align:center; }
.ancho_max_75{ max-width:75px; vertical-align:bottom; text-align:center; }
.ancho_max_80{ max-width:80px; vertical-align:bottom; text-align:center; }
.ancho_max_100{ max-width:100px; vertical-align:bottom; text-align:center; }
.ancho_max_110{ max-width:110px; vertical-align:bottom; text-align:center; }
.ancho_max_120{ max-width:120px; vertical-align:bottom; text-align:center; }
.ancho_max_130{ max-width:130px; vertical-align:bottom; text-align:center; }
.ancho_max_140{ max-width:140px; vertical-align:bottom; text-align:center; }
.ancho_max_150{ max-width:150px; vertical-align:bottom; text-align:center; }
.ancho_max_200{ max-width:200px; vertical-align:bottom; text-align:center; }
.ancho_max_300{ max-width:300px; vertical-align:bottom; text-align:center; }
.ancho_max_400{ max-width:400px; vertical-align:bottom; text-align:center; }
.ancho_max_500{ max-width:500px; vertical-align:bottom; text-align:center; }
.ancho_max_600{ max-width:600px; vertical-align:bottom; text-align:center; }
.alto_min_100{ min-height:100px; vertical-align:bottom; text-align:center; }
.alto_min_200{ min-height:200px; vertical-align:bottom; text-align:center; }
.alto_min_300{ min-height:300px; vertical-align:bottom; text-align:center; }
.alto_min_400{ min-height:400px; vertical-align:bottom; text-align:center; }
.ancho_min_5 { min-width:5px; vertical-align: bottom; text-align: center; font-size:1px;}
.ancho_min_10 { min-width:10px; vertical-align: bottom; text-align: center; font-size:1px;}
.ancho_min_15 { min-width:15px; vertical-align: bottom; text-align: center; font-size:1px;}
.ancho_min_40 { min-width:40px; vertical-align: bottom; text-align: center;}
.ancho_min_50 { min-width:50px; vertical-align: bottom; text-align: center;}
.ancho_min_60 { min-width:60px; vertical-align: bottom; text-align: center;}
.ancho_min_65 { min-width:65px; vertical-align: bottom; text-align: center;}
.ancho_min_70 { min-width:70px; vertical-align: bottom; text-align: center;}
.ancho_min_80 { min-width:80px; vertical-align: bottom; text-align: center;}
.ancho_min_90{ min-width:90px; vertical-align:bottom; text-align:center; }
.ancho_min_100{ min-width:100px; vertical-align:bottom; text-align:center; }
.ancho_min_110{ min-width:110px; vertical-align:bottom; text-align:center; }
.ancho_min_120{ min-width:120px; vertical-align:bottom; text-align:center; }
.ancho_min_130{ min-width:130px; vertical-align:bottom; text-align:center; }
.ancho_min_140{ min-width:140px; vertical-align:bottom; text-align:center; }
.ancho_min_150{ min-width:150px; vertical-align:bottom; text-align:center; }
.ancho_min_160{ min-width:160px; vertical-align:bottom; text-align:center; }
.ancho_min_170{ min-width:170px; vertical-align:bottom; text-align:center; }
.ancho_min_180{ min-width:180px; vertical-align:bottom; text-align:center; }
.ancho_min_200{ min-width:200px; vertical-align:bottom; text-align:center; }
.ancho_min_300{ min-width:300px; vertical-align:bottom; text-align:center; }
.ancho_min_400{ min-width:400px; vertical-align:bottom; text-align:center;}

.ancho_60 { width:60px; }
.ancho_75 { width:75px; }
.ancho_100 { width:100px; }
.ancho_150 { width:150px; }
.ancho_200 { width:200px; }
.ancho_250 { width:250px; }

.padding_0{padding:0px;}
.padding_5{padding:5px;}
.padding_10{padding:10px;}
.padding_15{padding:15px;}
.padding_20{padding:20px;}
.padding_25{padding:25px;}
.padding_30{padding:30px;}
.div_ju{ text-align:justify;    }
.div_ju a { font-style:normal; text-decoration:none;	}
.div_ju img {   text-align:justify; }
.div_iz {   text-align:left;    }
.div_iz a { font-style:normal; text-decoration:none;	}
.div_iz img{   text-align:left; }
.div_ce{   text-align:center;   }
.div_ce a { font-style:normal; text-decoration:none;	}
.div_ce img{   text-align:center;   }
.div_ce select{   text-align:center;   }
.div_de{   text-align:right;}

.div_de img{   text-align:right;   }
.div_de input{   float:right; text-align:right;  }
.div_de table{   text-align:right;   }
.div_de a { font-style:normal; text-decoration:none;	}
.mensajecookies{z-index:11; padding:10px;display:block;position:fixed;bottom:0;height:40px;width:100%;background-color:#666666;color:#fff;font-size:11px; text-align:center;}
.mensajecookies p{margin:0 auto;padding:10px; display:inline;font-size: 11px;}
.mensajecookies p a:link,.mensajecookies p a:active,.mensajecookies p a:visited,.mensajecookies p a:hover{color:#fff;font-size: 11px;}
.mensajecookies a.cerrar{float:right;display:block; overflow:hidden; color:#fff; font-size: 11px;}
.cerrar { color: #fff; cursor: pointer; background-color: #666666; border: 1px; border-color: #fff; border-style: solid; margin: 0 auto; font-size: 11px; display: inline;}
.masinfo {color: #fff;cursor: pointer;margin: 0 auto;font-size: 11px;display: inline;padding: 5px;}
.cursores { cursor:pointer;}
.masinfo a {color: #fff;    }
.masinfo:hover{color: #fff;    }
.table_boton {
    display:inline-table;
}
.cargando {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../images/cargando.gif') 50% 25% no-repeat;
}
.maquetacion_productos {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    min-height:300px;
}
.maquetacion_productos_detalles {
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    min-height: 300px;
}

.cuadrado_borde {
    padding: 5px 5px 1px 5px;
    display: inline-block;
    border: 1px solid #eeeeee;
    vertical-align: middle;
    margin: 3px;
    cursor: pointer;
}

.cuadrado_borde_sombra {
    padding: 4px 4px 0px 4px;
    display: inline-block;
    border: 2px solid #424242;
    vertical-align: middle;
    margin: 3px;
    cursor: pointer;
}

.cuadrado_interior {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #eeeeee;
}
.fondo_linea {
    background-image: url('../Images/fondolinea.png');
    background-position: center;
    background-repeat: no-repeat;
}
.fondoLista {
    background-color:#fff;
}
.lista_tabla {
    font-size:14px;
}
.detalles_tabla {
    font-size: 14px;
}
.titulo_detalles {
    font-size:22px;
}
.titulo_detalles2 {
    font-size: 18px;
}
.precio_detalles {
    font-size: 20px;
}
.vertical_medio { vertical-align:middle;
} 
@media screen and (max-width: 600px) {
    .lista_tabla {
        font-size: 11px;
    }
    .ancho_min_400 {
        min-width: 300px;
    }
    .ancho_min_200 {
        min-width: 100px;
    }
    .ancho_min_70 {
        min-width: 30px;
    }
    .ancho_min_120 {
        min-width: 80px;
    }
    .ancho_min_130 {
        min-width: 80px;
    }
    .ancho_min_150 {
        min-width: 100px;
    }
    .ancho_min_180 {
        min-width: 120px;
    }
    .ancho_min_100 {
        min-width: 60px;
    }
    .ancho_min_110 {
        min-width: 70px;
    }
    .ancho_min_90 {
        min-width: 60px;
    }
    .form-control {
        display: block;
        width: 100%;
        
        padding: 0px;
        
    }
    .titulo_detalles {
        font-size: 16px;
    }
    .precio_detalles {
        font-size: 14px;
    }
}

.gallery {
}

    .gallery input[name$="control"] {
        display: none;
    }

    .gallery .carousel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
        height: 70vh;
        width: 100%;
    }

    .gallery .wrap {
        width: 100%;
        height: 100%;
        position: static;
        margin: 0 auto;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .gallery .wrap figure {
            padding: 10px;
            height: 100%;
            min-width: 100%;
            -webkit-transition: opacity 0.25s ease-in-out 0.05s;
            transition: opacity 0.25s ease-in-out 0.05s;
            position: relative;
            left: 0;
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
            box-sizing: border-box;
            text-align: center;
            margin: 0;
            display: block;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            opacity: 1;
        }

            .gallery .wrap figure label {
                cursor: zoom-in;
                height: auto;
                width: 100%;
                height: 100%;
                position: relative;
                display: block;
            }

            .gallery .wrap figure img {
                cursor: inherit;
                height: auto;
                max-width: 100%;
                max-height: 100%;
                border-radius: 3px;
                margin: 0 auto;
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

    .gallery .thumbnails {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 100px;
        max-height: 100%;
        height: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-item-align: center;
        align-self: center;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        overflow-y: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 10px;
    }

        .gallery .thumbnails .thumb {
            min-width: 100px;
            height: 100px;
            background-position: center center;
            background-size: contain;
            box-sizing: border-box;
            margin: 5px 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            left: 0;
            border-radius: 3px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            background-repeat: no-repeat;
        }

        .gallery .thumbnails .slider {
            position: absolute;
            display: block;
            width: 5px;
            height: calc(100px + 10px);
            z-index: 2;
            margin: 0;
            left: 0;
            -webkit-transition: all 0.33s cubic-bezier(0.3, 0, 0.33, 1);
            transition: all 0.33s cubic-bezier(0.3, 0, 0.33, 1);
        }

            .gallery .thumbnails .slider .indicator {
                width: 100%;
                height: 100px;
                max-height: calc(100% - 10px);
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                background: #ff00ff;
                border-radius: 1px;
            }

    .gallery input#fullscreen:checked ~ .wrap figure {
        position: fixed;
        z-index: 10;
        height: 100vh;
        width: 100vw;
        padding: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        .gallery input#fullscreen:checked ~ .wrap figure label {
            cursor: zoom-out;
        }

            .gallery input#fullscreen:checked ~ .wrap figure label img {
                -webkit-animation: shadow 0.2s;
                animation: shadow 0.2s;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
                -webkit-animation-direction: forwards;
                animation-direction: forwards;
                -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
                border-radius: 0;
            }



    .gallery input#image1:checked ~ .wrap figure {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

        .gallery input#image1:checked ~ .wrap figure:not(:nth-of-type(1)) {
            opacity: 0;
        }

    .gallery input#image1:checked ~ .thumbnails .slider {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .gallery input#image1:checked ~ .thumbnails .thumb:nth-of-type(1) {
        opacity: 1;
        cursor: default;
    }

    .gallery input#image2:checked ~ .wrap figure {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

        .gallery input#image2:checked ~ .wrap figure:not(:nth-of-type(2)) {
            opacity: 0;
        }

    .gallery input#image2:checked ~ .thumbnails .slider {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    .gallery input#image2:checked ~ .thumbnails .thumb:nth-of-type(2) {
        opacity: 1;
        cursor: default;
    }

    .gallery input#image3:checked ~ .wrap figure {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }

        .gallery input#image3:checked ~ .wrap figure:not(:nth-of-type(3)) {
            opacity: 0;
        }

    .gallery input#image3:checked ~ .thumbnails .slider {
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
    }

    .gallery input#image3:checked ~ .thumbnails .thumb:nth-of-type(3) {
        opacity: 1;
        cursor: default;
    }

    .gallery input#image4:checked ~ .wrap figure {
        -webkit-transform: translateX(-300%);
        transform: translateX(-300%);
    }

        .gallery input#image4:checked ~ .wrap figure:not(:nth-of-type(4)) {
            opacity: 0;
        }

    .gallery input#image4:checked ~ .thumbnails .slider {
        -webkit-transform: translateY(300%);
        transform: translateY(300%);
    }

    .gallery input#image4:checked ~ .thumbnails .thumb:nth-of-type(4) {
        opacity: 1;
        cursor: default;
    }

    .gallery input#image5:checked ~ .wrap figure {
        -webkit-transform: translateX(-400%);
        transform: translateX(-400%);
    }

        .gallery input#image5:checked ~ .wrap figure:not(:nth-of-type(5)) {
            opacity: 0;
        }

    .gallery input#image5:checked ~ .thumbnails .slider {
        -webkit-transform: translateY(400%);
        transform: translateY(400%);
    }

    .gallery input#image5:checked ~ .thumbnails .thumb:nth-of-type(5) {
        opacity: 1;
        cursor: default;
    }

    .gallery input#image6:checked ~ .wrap figure {
        -webkit-transform: translateX(-500%);
        transform: translateX(-500%);
    }

        .gallery input#image6:checked ~ .wrap figure:not(:nth-of-type(6)) {
            opacity: 0;
        }

    .gallery input#image6:checked ~ .thumbnails .slider {
        -webkit-transform: translateY(500%);
        transform: translateY(500%);
    }

    .gallery input#image6:checked ~ .thumbnails .thumb:nth-of-type(6) {
        opacity: 1;
        cursor: default;
    }

    .gallery input#image7:checked ~ .wrap figure {
        -webkit-transform: translateX(-600%);
        transform: translateX(-600%);
    }

        .gallery input#image7:checked ~ .wrap figure:not(:nth-of-type(7)) {
            opacity: 0;
        }

    .gallery input#image7:checked ~ .thumbnails .slider {
        -webkit-transform: translateY(600%);
        transform: translateY(600%);
    }

    .gallery input#image7:checked ~ .thumbnails .thumb:nth-of-type(7) {
        opacity: 1;
        cursor: default;
    }

@-webkit-keyframes full {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes full {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}

@-webkit-keyframes shadow {
    from {
        box-shadow: 0 0 0 100vmin rgba(24, 33, 45, 0), 0 0 10vmin rgba(13, 21, 31, 0);
    }

    to {
        box-shadow: 0 0 0 100vmin rgba(24, 33, 45, 0.6), 0 0 10vmin rgba(13, 21, 31, 0.6);
    }
}

@keyframes shadow {
    from {
        box-shadow: 0 0 0 100vmin rgba(24, 33, 45, 0), 0 0 10vmin rgba(13, 21, 31, 0);
    }

    to {
        box-shadow: 0 0 0 100vmin rgba(24, 33, 45, 0.6), 0 0 10vmin rgba(13, 21, 31, 0.6);
    }
}


.galerias_imagen img {
    min-width: 285px;
}

.galerias_imagen {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    float: left\9;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.scrollup {
    font-size: 20px;
    color: #fff;
    background-color: #414144;
    border: 1px solid #414144;
    text-align: center;
    padding: 0px;
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 999;
}
ul {
    height: 30px;
    width: 100%;
    
}
ul li {
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;                
    z-index: 100;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor:auto;
    min-width:250px;
}
.tarifas_li { display:none; }
.familias_li { display: none;}
.subfamilias_li { display: none;}
.subsubfamilias_li { display: none;}
#select_clientes {
    z-index: 1400;
    display: grid;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
}
#select_tarifas {
    display: grid;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    z-index: 1300;
}
#select_familias {
    display: grid;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    z-index: 100;
}
#select_subfamilias {
    display: grid;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    z-index: 100;
}
#select_subsubfamilias {
    display: grid;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    z-index: 100;
}




.detail ul li {
    background-color: transparent;
}

.detail li {
    background-color: transparent;
    padding: 15px;
    border: 0px;
}

ul {
    /*height: 30px;*/
    width: 100%;
}

    ul li {
        /*height: 34px;*/
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        z-index: 100;
        border: 1px solid #ccc;
        border-radius: 0px;
        background-color: #fff;
        cursor: auto;
    }
        ul li:nth-child(even) {
            background-color: #f2f2f2;
        }