/*Estilos Comunes*/

    /*Reset*/

    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    body{
        font-family: 'Montserrat',sans-serif;
    }
    
    ul{
        list-style: none;
        font-weight: 300;  
    }
    
    a{
        text-decoration: none;
        color: #96c11e;
    }

    /*Fin Reset*/

    /*Textos*/

    .titular,.subtitulo,p{
        margin: 10px 0;
    }

    p,li{
        font-family: 'Roboto',sans-serif;
        font-weight: 300;
    }

    .hero{
        font-size: 40px;
        line-height: 40px;
    }

    .titular{
        font-size: 35px;
    }

    .titular,.hero{
        font-weight: 400;
    }

    .titular a,.hero a{
        color: #545d5c;
    }

    .subtitulo{
        font-family: 'Roboto',sans-serif;
    }

    p,.texto_foto_texto li,.texto_fondo_texto li,.info_ficha li{
        width: 100%;
        text-align: justify;
        text-align-last: left;
        line-height: 26px;
    }

    .texto_foto_texto li,.texto_fondo_texto li,.info_ficha li{
        font-family: 'acumin-pro',sans-serif;
        padding-left: 40px;
        margin: 10px 0;
        position: relative;
    }

    .texto_foto_texto li::before,.texto_fondo_texto li::before,.info_ficha li::before{
        content: '*';
        font-size: 34px;
        font-weight: bold;
        color: #8f28c4;
        top: 3px;
        left: 10px;
        position: absolute;
    }

    /*Fin Textos*/

    /*Botones*/

    .btn{
        height: 40px;
        padding: 0 10px;
        margin: 15px 0;
        display: flex;
        align-items: center;
        font-family: 'Roboto',sans-serif;
        color: #545d5c;
        background-color: transparent;
        border: 1px solid #545d5c;
        border-radius: 3px;
        text-transform: capitalize;
        font-weight: 300;
        font-size: 15px;
        margin-top: 7px;
    }

    .btn i{
        margin-right: 10px;
    }

    .rd{
        border-radius: 3px;
    }

        /*Botones Especiales*/

        #opciones{
            top: 10px;
            left: 10px;
            z-index: 99999999;    
        }

        #set-btn{
            background-color: #454445;
        }

        #fin-btn{
            background-color: rgb(189, 0, 0);
        }

        #retorno-btn{
            font-size: 40px;
            bottom: 10px;
            right: 10px;
            z-index: 9999;
        }

        .editar-btn.btn, .contenedor .editar-btn.btn {
            height: 40px;
            background-color: #e2ab23;
            bottom: -10px;
            color:#fff;
            border:0;
        }

        #fin-btn,#set-btn{
            font-size: 16px;
            color:#FFF;
            padding: 10px;
            margin: 5px 0;
            box-shadow: 0 0 5px #000;
            border-radius: 3px;
        }

        #fin-btn,#set-btn,#retorno-btn,.editar-btn.btn{
            cursor: pointer;
            transition: all .25s ease-in-out;
        }

        #fin-btn:hover,#set-btn:hover,#retorno-btn:hover,.editar-btn.btn:hover{
            transform: scale(1.05);
        }

        #add_ficha{
            padding: 40px 0;
            border-radius: 3px;
            border: 2px solid #222;
        }
        
        #add_ficha span{
            font-size: 20px;
            text-transform: uppercase;
            color: #222;
        }
        
        #add_ficha i{
            font-size: 40px;
            margin-bottom: 15px;
            color: #222;
        }

        /*Fin Botones Especiales*/

    /*Fin Botones*/

    /*Menús*/

    #main-menu{
        height: 100vh;
        padding: 25px 0;
        background-color: rgba(255,255,255,.95);
        left: 0;
        overflow: auto;
        transform: translateX(-100%);
        transition: all .5s ease-in-out;
        z-index: 1;
    }

    #main-menu a,#main-menu span,#menu-bottom .subnivel a,#menu-bottom .subnivel span{
        height: 50px;
        padding: 0;
        font-size: 15px;
        color: #848484;
        cursor: pointer;
    }

    #main-menu>ul{
        padding-left:15px;
    }

    #main-menu i{
        font-size: 22px;
        transition: all .5s ease-in-out;
    }

    #main-menu .subnivel{
        display: none;
    }

    #main-menu>ul>li>.subnivel>li>a,#main-menu>ul>li>.subnivel>li>span{
        padding: 0 15px;
        font-size: 14px;
    }

    #main-menu>ul>li>.subnivel>li>.subnivel>li>a,#main-menu>ul>li>.subnivel>li>.subnivel>li>span{
        padding: 0 20px;
        font-size: 13px;
    }

    #main-menu a.active{
        font-weight: 600;
        color: #FFF;
        background-color: #000;
    }

    #menu-contacto{
        margin: 25px 0;
        padding: 15px 10px;
    }

    #menu-redes,#menu-info{
        margin: 5px 0;
        padding: 10px;
    }

    #menu-redes i{
        font-size: 30px;
    }

    #menu-info p{
        font-size: 14px;
        text-align: center;
        margin: 5px 0;
    }

    #menu-info i{
        font-size: 18px;
        margin-right: 5px;
    }

    #menu-bottom{
        display: none;
    }

    #set-menu{
        width: 50vw;
        padding: 5px;
        background-color: #454445;
        border-radius: 3px;
        bottom: -210px;
        opacity: 0;
        transform: translateX(-110%);
        transition: all .5s ease-in-out;
    }

    #set-menu.active{
        opacity: 1;
        transform: translateX(0);
    }

    #set-menu li,#set-menu a{
        height: 40px;
    }

    #set-menu a{
        font-size: 14px;
        text-transform: uppercase;
        color: #FFF;
    }

    /*Fin Menús*/

    /*Botón Menú Hamburguesa*/

    .hamburger{
        width: 30px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        text-transform: none;
        background-color: transparent;
        overflow: visible; 
    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after{
        background-color: #777;
    }

    .hamburger-box{
        width: 25px;
        height: 20px;
        display: inline-block;
        position: relative;
    }

    .hamburger-inner{
        display: block;
        top: 50%;
        margin-top: -2px;
    }

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
        width: 25px;
        height: 3px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

    .hamburger-inner::before, .hamburger-inner::after{
        content: "";
        display: block;
    }

    .hamburger-inner::before{
        top: -7px;
    }

    .hamburger-inner::after{
        bottom: -7px;
    }

        /*Squeeze*/

        .hamburger--squeeze .hamburger-inner{
            transition-duration: 0.075s;
            transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

        .hamburger--squeeze .hamburger-inner::before{
            transition: top 0.075s 0.12s ease, opacity 0.075s ease;
        }

        .hamburger--squeeze .hamburger-inner::after{
            transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

        .hamburger--squeeze.is-active .hamburger-inner{
            transform: rotate(45deg);
            transition-delay: 0.12s;
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .hamburger--squeeze.is-active .hamburger-inner::before{
            top: 0;
            opacity: 0;
            transition: top 0.075s ease, opacity 0.075s 0.12s ease;
        }

        .hamburger--squeeze.is-active .hamburger-inner::after{
            bottom: 0;
            transform: rotate(-90deg);
            transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        } 

    /*Fin Botón Menú Hamburguesa*/

    /*Elementos Comunes*/

    #cabecera-contacto{
        display: none;
    }

    #cabecera_top{
        display: none;
    }

    #cabecera_top a{
        color:white;
    }

    #cabecera{
        min-height: 60px;
        background-color: #FFF;
    }

    #cabecera.sticky{
        padding-bottom: 0;
        position: sticky;
        top: -60px;
        z-index: 9999;
    }

    #cabecera.slidedown{
        animation: slidedown .5s forwards;
    }

    @keyframes slidedown{
        from{
            top: -60px;
        }to{
            top: 0;
        }
    }

    #cabecera.slideup{
        animation: slideup .5s forwards;
    }

    @keyframes slideup{
        from{
            top: 0;
        }to{
            top: -60px;
        }
    }

    #logo{
        height: 40px;
        margin: 5px auto;
    }

    #logo_2{
        height: 35px;
    }

    #pie_pagina{
        padding: 10px 0;
        background-color: #808080;
    }

    #pie_pagina h2,#pie_pagina p{
        font-size: 12px;
        color: #FFF;
        margin: 2px 0;
    }

    #pie_pagina p{
        text-align-last: center;
    }

    #pie_pagina span{
        text-transform: uppercase;
        font-weight: 600;
    }

    #footer_rrss{
        margin: 5px 0;
    }

    #footer_rrss i{
        font-size: 25px;
        color: #FFF;
    }

    #legal a{
        color: #FFF;
    }

    #datos_contacto i{
        margin-right: 5px;
    }

    /*Fin Elementos Comunes*/

    /*Listas Popup*/

    .lista{
        min-height: 280px;
        margin: 5px 0;
        padding: 3px 5px;
        background-color: #FFF;
        border-radius: 3px;
    }

    .fila{
        min-height: 40px;
        padding: 0 5px;
        margin: 2px 0;
        border-radius: 3px;
        background-color: #CCC;
        cursor: pointer;
    }

    .fila>ul{
        margin: 5px 0;
        padding: 0 5px;
    }

    .lista .fila p{
        margin: 0;
        text-align-last: left;
    }

    .lista .opciones i,.lista .fila i{
        cursor: pointer;
    }

    .lista .opciones .fa-ban.active{
        color: #bf0000;
    }

    .fila i.fa-expand.active{
        color: #007400;
    }

    .fila>.subnivel>.fila{
        background-color: #BBB;
    }

    .fila>.subnivel>.fila>.subnivel>.fila{
        background-color: #CCC;
    }

    /*Fin Listas Popup*/

    /*Media Queries*/

    @media only screen and (min-width: 600px){

        /*Menús*/

        #set-menu{
            width: 35vw;
        }

        /*Fin Menús*/

    }

    @media only screen and (min-width: 800px){

        /*Menús*/

        #set-menu{
            width: 25vw;
        }

        /*Fin Menús*/

    }

    @media only screen and (min-width: 1000px){

        /*Menús*/

        #set-menu{
            width: 20vw;
        }

        /*Fin Menús*/

    }

    @media only screen and (min-width: 1200px){

        #cabecera_top{
            height: 40px;
            color: #FFF;
            background-color: #3caa36;
            display: flex;
            align-items: center;
        }
    
        /*Menús*/
        
        #menu-btn,#carrito-btn,#menu-contacto,#ajuste{
            display: none;
        }
        
        #main-menu{
            height: auto;
            padding: 0;
            background-color: transparent;
            transform: translateX(0);
            overflow: visible;
        }
        
        #main-menu a,#main-menu span{
            text-align: center;
            transition: all .5s ease-in-out;
        }
        
        #main-menu>ul>li>a,#main-menu>ul>li>span{
            height: 60px;
        }
        
        #main-menu i,#menu-bottom i{
            margin-left: 5px;
            transition: all .5s ease-in-out;
        }
        
        #main-menu .subnivel,#menu-bottom .subnivel{
            width: 125%;
            display: flex;
            background-color: #FFF;
            border-radius: 0px 0px 3px 3px;
            box-shadow: 2px 2px 0px #25212240;
            visibility: hidden;
            opacity: 0;
            transition: all .5s ease-in-out;
            left: -12.5%;
        }
        
        #main-menu #subnivelRuta{
            width: 200%;
            left: -50%;
        }
        
        #main-menu>ul>li>.subnivel>li>.subnivel,#menu-bottom>ul>li>.subnivel>li>.subnivel{
            left: 102%;
        }
        
        #main-menu>ul>li>.subnivel>li>span>i,#menu-bottom>ul>li>.subnivel>li>span>i{
            transform: rotate(-90deg);
        }
        
        #main-menu li:hover>.subnivel,#menu-bottom li:hover>.subnivel{
            visibility: visible;
            opacity: 1;
        }
        
        #main-menu li:hover span i,#menu-bottom li:hover span i{
            transform: rotateX(180deg);
        }
        
        #menu-bottom{
            padding: 3px 0;
            background-color: #000;
        }
        
        #menu-bottom a,#menu-bottom span{
            font-size: 15px;
            padding: 0 30px;
            color: #FFF;
            text-transform: uppercase;
            cursor: pointer;
        }

        #set-menu{
            width: 15vw;
        }
        
        /*Fin Menús*/

    }

    @media only screen and (min-width: 1600px){

        /*Menús*/

        #set-menu{
            width: 12.5vw;
        }

        /*Fin Menús*/

    }

    @media only screen and (min-width: 1800px){

        /*Menús*/

        #set-menu{
            width: 10vw;
        }

        /*Fin Menús*/

    }

    /*Fin Media Queries*/

/*Fin Estilos Comunes*/