@import url(estilos-principales.css);
@import url(slick-theme.min.css);
@import url(slick.min.css);
@import url(iconos.min.css);

*{color:#666}
.linea-separadora{border-bottom:1px solid #ddd}

input[type=text], textarea, select{padding:4px 1%;border:1px solid #ddd;margin:3px}

span.msj{position:absolute;top:100%;left:0;background-color:#f00;color:#fff;font-size:.9rem;padding:7px 10px;max-width:200px;z-index:10;display:none}
button.btn{padding:7px 0}

header .menu-top a{font-size:.8rem;line-height:1rem;padding:6px 20px}
header .menu-top a:hover, header .menu-top a:focus, header .menu-top a:active{background-color:var(--color-1)}

header .logo{margin:15px 0}

header .menu-bottom a{padding:10px 0}
header .menu-bottom a:hover, header .menu-bottom a:focus, header .menu-bottom a:active{background-color:#fff;color:var(--color-1)}


footer{margin-top:5px;border-top:3px solid var(--color-1)}
footer .linea-separadora{border-color:#fff}
footer .links{padding:12px 0}
footer .links a{font-size:.9rem;line-height:1.1rem}
footer .bottom{padding:6px 0}
footer .bottom .ds-cell{font-size:.9rem;line-height:1rem}

.slick-slider img{width: 100%}
.slick-slider{position:relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
    user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;
    margin-bottom:0}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before, .slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

.slick-slider .slick-prev, .slick-slider .slick-next, .slick-slider .slick-dots{display:none !important}
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next, .slick-slider:hover .slick-dots{display:block !important}

.slick-slider .slick-prev{left:20px;z-index:10}
.slick-slider .slick-next{right:50px}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before{font-size:50px;background-color:rgba(255,255,255,.5);color:rgba(0,0,0,.8);font-family:'iconos-fuente';
    border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}
.slick-prev:before{content:"\e922"}
.slick-next:before{content:"\e923"}
.slick-slider .slick-dots{bottom:15px}
.slick-slider .slick-dots button::before{font-size:12px}
.slick-dotted.slick-slider{margin-bottom:0}

.slick-slider.slider-marcas .slick-prev:before, .slick-slider.slider-marcas .slick-next:before{color:#fff;background-color:rgba(0,0,0,.8)}
.slick-slider.slider-marcas:hover .slick-dots{display:none!important}

h1{font-size:1.5rem;line-height:1.75rem;border-bottom:1px solid #999;padding:0 10px 15px 10px;margin-bottom:10px}

.contenido ul{margin:0 25px}
.contenido ul li{margin:5px 0}

.contenido .drc{border-left:1px solid #999}
.contenido .drc .cuadro{border:1px solid #ccc;padding:10px 1.5%;line-height:1.5rem}

.logos-gobierno{margin-top:10px;padding:15px 2.5%;border-top:1px solid #999}


#home .mensaje-home{padding:10px 15px;margin:10px 0}

.productos{display:grid;grid-template-columns:repeat(3, 1fr)}
.productos .producto img{max-width:180px}


#fondo-fix{top:0;left:0;background-color:rgba(0,0,0,.7);z-index:900}
#menu-resp{top:0;left:0;overflow-y:auto;z-index:910;width:250px;margin-left:-253px}
#menu-resp.visible{margin-left:0}
#menu-resp h3{padding:5px}
#menu-resp a{padding:8px 4%;border-bottom:1px solid #eee}

@media only screen and (max-width: 991px){
    header{position:sticky;top:0;left:0;width:100%;z-index:100;background-color:#fff}
    header .logo{width:190px}
    .contenido .drc{border-left:none;padding:50px 0 10px}
}

@media only screen and (max-width: 768px){
    .productos{grid-template-columns:repeat(2, 1fr)}
}

@media only screen and (max-width: 599px){

}

@media only screen and (max-width: 499px){
    .productos{grid-template-columns:repeat(1, 1fr)}
}

@media only screen and (max-width: 399px){

}