@charset "utf-8";

/*--- RESET CSS ---*/
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
    strong, sub, sup, tt, var, legend, fieldset {
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
    }
     
    img, fieldset {
        border: 0;
    }
    img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
        margin: 0;
    }

/*--- FONTS ---*/
        /**
        * Thin 
        * ThinItalic 
        * Extralight 
        * ExtralightItalic 
        * Light 
        * LightItalic 
        * Regular 
        * Italic 
        * Medium 
        * MediumItalic 
        * Bold 
        * BoldItalic 
        * Extrabold 
        * ExtraboldItalic 
        * Variable (Variable font)
        * VariableItalic (Variable font)
        **/
        
        @font-face {
          font-family: 'Thin';
          src: url('fonts/Supreme-Thin.woff2') format('woff2'),
               url('fonts/Supreme-Thin.woff') format('woff'),
               url('fonts/Supreme-Thin.ttf') format('truetype');
          font-weight: 100;
          font-display: swap;
          font-style: normal;
        }
        @font-face {
          font-family: 'ThinItalic';
          src: url('fonts/Supreme-ThinItalic.woff2') format('woff2'),
               url('fonts/Supreme-ThinItalic.woff') format('woff'),
               url('fonts/Supreme-ThinItalic.ttf') format('truetype');
          font-weight: 100;
          font-display: swap;
          font-style: italic;
        }
        @font-face {
          font-family: 'Extralight';
          src: url('fonts/Supreme-Extralight.woff2') format('woff2'),
               url('fonts/Supreme-Extralight.woff') format('woff'),
               url('fonts/Supreme-Extralight.ttf') format('truetype');
          font-weight: 200;
          font-display: swap;
          font-style: normal;
        }
        @font-face {
          font-family: 'ExtralightItalic';
          src: url('fonts/Supreme-ExtralightItalic.woff2') format('woff2'),
               url('fonts/Supreme-ExtralightItalic.woff') format('woff'),
               url('fonts/Supreme-ExtralightItalic.ttf') format('truetype');
          font-weight: 200;
          font-display: swap;
          font-style: italic;
        }
        @font-face {
          font-family: 'Light';
          src: url('fonts/Supreme-Light.woff2') format('woff2'),
               url('fonts/Supreme-Light.woff') format('woff'),
               url('fonts/Supreme-Light.ttf') format('truetype');
          font-weight: 300;
          font-display: swap;
          font-style: normal;
        }
        @font-face {
          font-family: 'LightItalic';
          src: url('fonts/Supreme-LightItalic.woff2') format('woff2'),
               url('fonts/Supreme-LightItalic.woff') format('woff'),
               url('fonts/Supreme-LightItalic.ttf') format('truetype');
          font-weight: 300;
          font-display: swap;
          font-style: italic;
        }
        @font-face {
          font-family: 'Regular';
          src: url('fonts/Supreme-Regular.woff2') format('woff2'),
               url('fonts/Supreme-Regular.woff') format('woff'),
               url('fonts/Supreme-Regular.ttf') format('truetype');
          font-weight: 400;
          font-display: swap;
          font-style: normal;
        }
        @font-face {
          font-family: 'Italic';
          src: url('fonts/Supreme-Italic.woff2') format('woff2'),
               url('fonts/Supreme-Italic.woff') format('woff'),
               url('fonts/Supreme-Italic.ttf') format('truetype');
          font-weight: 400;
          font-display: swap;
          font-style: italic;
        }
        @font-face {
          font-family: 'Medium';
          src: url('fonts/Supreme-Medium.woff2') format('woff2'),
               url('fonts/Supreme-Medium.woff') format('woff'),
               url('fonts/Supreme-Medium.ttf') format('truetype');
          font-weight: 500;
          font-display: swap;
          font-style: normal;
        }
        @font-face {
          font-family: 'MediumItalic';
          src: url('fonts/Supreme-MediumItalic.woff2') format('woff2'),
               url('fonts/Supreme-MediumItalic.woff') format('woff'),
               url('fonts/Supreme-MediumItalic.ttf') format('truetype');
          font-weight: 500;
          font-display: swap;
          font-style: italic;
        }
        @font-face {
          font-family: 'Bold';
          src: url('fonts/Supreme-Bold.woff2') format('woff2'),
               url('fonts/Supreme-Bold.woff') format('woff'),
               url('fonts/Supreme-Bold.ttf') format('truetype');
          font-weight: 700;
          font-display: swap;
          font-style: normal;
        }
        @font-face {
          font-family: 'BoldItalic';
          src: url('fonts/Supreme-BoldItalic.woff2') format('woff2'),
               url('fonts/Supreme-BoldItalic.woff') format('woff'),
               url('fonts/Supreme-BoldItalic.ttf') format('truetype');
          font-weight: 700;
          font-display: swap;
          font-style: italic;
        }
        @font-face {
          font-family: 'Extrabold';
          src: url('fonts/Supreme-Extrabold.woff2') format('woff2'),
               url('fonts/Supreme-Extrabold.woff') format('woff'),
               url('fonts/Supreme-Extrabold.ttf') format('truetype');
          font-weight: 800;
          font-display: swap;
          font-style: normal;
        }
        @font-face {
          font-family: 'ExtraboldItalic';
          src: url('fonts/Supreme-ExtraboldItalic.woff2') format('woff2'),
               url('fonts/Supreme-ExtraboldItalic.woff') format('woff'),
               url('fonts/Supreme-ExtraboldItalic.ttf') format('truetype');
          font-weight: 800;
          font-display: swap;
          font-style: italic;
        }
        /**
        * This is a variable font
        * You can control variable axes as shown below:
        * font-variation-settings: wght 800.0;
        *
        * available axes:
        'wght' (range from 100.0 to 800.0
        */
        @font-face {
          font-family: 'Variable';
          src: url('fonts/Supreme-Variable.woff2') format('woff2'),
               url('fonts/Supreme-Variable.woff') format('woff'),
               url('fonts/Supreme-Variable.ttf') format('truetype');
          font-weight: 100 800;
          font-display: swap;
          font-style: normal;
        }
        /**
        * This is a variable font
        * You can control variable axes as shown below:
        * font-variation-settings: wght 800.0;
        *
        * available axes:
        'wght' (range from 100.0 to 800.0
        */
        @font-face {
          font-family: 'VariableItalic';
          src: url('fonts/Supreme-VariableItalic.woff2') format('woff2'),
               url('fonts/Supreme-VariableItalic.woff') format('woff'),
               url('fonts/Supreme-VariableItalic.ttf') format('truetype');
          font-weight: 100 800;
          font-display: swap;
          font-style: italic;
        }
    
/*--- COLORES ---*/
    /*--- AZUL: 0e1a26 ---*/
    /*--- GRIS: 666 ---*/
    /*--- AMARILLO: ffcc00 ---*/

/*--- CLERAFIX MENU RESPONSIVO ---*/
    /* Clearfix */
        .clear:before, .clear:after {
            content: " ";
            display: table;
        }
         
        .clear:after {
            clear: both;
        }
         
        .clear {
            *zoom: 1;
        }
         
        a#pull {
            display: none;
        }

/*--- CAJAS GENERALES ---*/
            #flotante{
                display: inline-block;
                float: none;
                position: fixed;
                top: 100px;
                right: 20px;
                height: auto;
                width: auto;
                z-index: 200;
                }
            #flotante img{
                margin: 0px 0px 2px 0px;
                }
            #flotante a {
                text-decoration: none;
                bottom: 0px;
                transition: all .20s;
                -moz-transition:transition: all .20s;
                -ms-transition:transition: all .20s;
                -webkit-transition:transition: all .20s;
                -o-transition:transition: all .20s;
                }
            #flotante a:hover, nav li a:active {
                bottom: 3px;
                position: relative;
                }

            #volver{
                z-index: 110;
                display: inline-block;
                float: right;
                width: 100%;
                position: fixed;
                bottom: 35px;
                right: 5%;
                width: auto;
                margin: 0px 0px 20px 0px;
                }
            #volver img{
                float: none;
                margin: 0px 0px 0px 0px;
                }
            #volver a{
                text-decoration: none;
                bottom: 0px;
                transition: all .15s;
                -moz-transition:transition: all .20s;
                -ms-transition:transition: all .20s;
                -webkit-transition:transition: all .20s;
                -o-transition:transition: all .20s;
                }
            #volver a:hover{
                bottom: 4px;
                position: relative;
                }

            #contenedor{
              display: inline-block;
              background-color: #FFF;
              float: none;
              width: 100%;
              margin: 0px 0px 0px 0px;
              padding: 0px;
              }

            #cajasecciones{
              display: inline-block;
              float: none;
              width: 100%;
              max-width: 1100px;
              margin: 40px 0px 60px 0px;
              }
            #cajasecciones h1{
              font-family: "Thin";
              font-size: 2.5em;
              color: #000;
              text-align: center;
              margin: 0px 0px 40px 0px;
              }
            #cajasecciones h2{
              font-family: "Thin";
              font-size: 1.1em;
              line-height: 1.5em;
              color: #232323;
              text-align: justify;
              margin: 0px 0px 0px 0px;
              }

            #cajaizq{
              display: inline-block;
              float: left;
              width: 48%;
              }
            #cajaizq h1{
                font-family: "Thin";
                font-size: 1.5em;
                color: #666;
                text-align: left;
                margin: 0px 0px 20px 0px;
                }
            #cajaizq h2{
                font-family: "Medium";
                font-size: 1.5em;
                color: #666;
                text-align: left;
                margin: 0px 0px 0px 0px;
                }
            #cajaizq h3{
                font-family: "Medium";
                font-size: 1.2em;
                line-height: 1em;
                color: #000;
                text-align: justify;
                margin: 0px 0px 15px 0px;
                }
            #cajaizq h4{
                font-family: "Thin";
                font-size: 1em;
                line-height: 1.5em;
                color: #666;
                text-align: justify;
                margin: 0px 0px 0px 0px;
                }

            #cajader{
              display: inline-block;
              float: right;
              width: 48%;
              }
            #cajader h1{
                font-family: "Thin";
                font-size: 1.5em;
                color: #666;
                text-align: left;
                margin: 0px 0px 20px 0px;
                }
            #cajader h2{
                font-family: "Medium";
                font-size: 1.5em;
                color: #666;
                text-align: left;
                margin: 0px 0px 0px 0px;
                }
            #cajader h3{
                font-family: "Medium";
                font-size: 1.2em;
                line-height: 1em;
                color: #000;
                text-align: justify;
                margin: 0px 0px 15px 0px;
                }
            #cajader h4{
                font-family: "Thin";
                font-size: 1em;
                line-height: 1.5em;
                color: #666;
                text-align: justify;
                margin: 0px 0px 0px 0px;
                }

            #cajamedio{
              display: inline-block;
              float: none;
              width: 100%;
              }
            #cajamedio h1{
                font-family: "Thin";
                font-size: 1.5em;
                color: #666;
                text-align: left;
                margin: 0px 0px 20px 0px;
                }
            #cajamedio h2{
                font-family: "Medium";
                font-size: 1.5em;
                color: #666;
                text-align: left;
                margin: 0px 0px 0px 0px;
                }
            #cajamedio h3{
                font-family: "Medium";
                font-size: 1.2em;
                line-height: 1em;
                color: #000;
                text-align: justify;
                margin: 0px 0px 15px 0px;
                }
            #cajamedio h4{
                font-family: "Thin";
                font-size: 1em;
                line-height: 1.5em;
                color: #666;
                text-align: justify;
                margin: 0px 0px 0px 0px;
                }
            #cajamedio h5{
                font-family: "Medium";
                font-size: 1.5em;
                color: #FFCC00;
                text-align: left;
                margin: 0px 0px 0px 0px;
                }

/*--- MENU ---*/

            #menu{
                background: rgba(255,204,0,0.8);
                display: inline-block;
                float: none;
                position: fixed;
                left: 0;
                top: 0;
                right: 0;
                width: 100%;
                height: 80px;
                z-index: 100;
                border-bottom: 5px #666 solid;
                }
            nav {
                display: inline-block;
                position: relative;
                width: 100%;
                max-width: 1200px;
                height: auto;
                margin: 0px 0px 0px 0px;
                }
            nav img{
                display: inline-block;
                float: left;
                width: auto;
                max-height: 68px;
                margin: 10px 0px 0px 0px;
                }            
            nav ul {
                display: inline-block;
                float: right;
                list-style: none;
                width: auto;
                height: auto;
                margin: 0px;
                }
            nav li {
                position: relative;
                display: inline-block;
                float: none;
                width: auto;
                height: auto;
                margin: 0px;
                padding: 0px;
                }
            nav li:last-child img{
                margin: 28px 0px 0px 5px;
                }
            nav li a {
                text-decoration: none;
                font-family: 'Light';
                font-size: 1.1em;
                line-height: 4.5em;
                color: #444;
                margin: 0px 10px; 
                bottom: 0px;
                transition: all .20s;
                -moz-transition:transition: all .20s;
                -ms-transition:transition: all .20s;
                -webkit-transition:transition: all .20s;
                -o-transition:transition: all .20s;
                }
            nav li a:hover, nav li a:active {
                color: #000;
                bottom: 4px;
                position: relative;
                }

/*--- BANNER FIJO ---*/

        #bannerfijo{
            display: inline-block;
            background-color: #FFF;
            float: none;
            width: 100%;
            margin: 0px 0px 0px 0px;
            }
        #bannerfijo img{
            width: 100%;
            }

/*--- NOSOTROS ---*/
        #cajagral{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 90px 0px 70px 0px;
            }
        #cajagral h1{
            font-family: "Thin";
            font-size: 2.5em;
            color: #000;
            text-align: center;
            margin: 0px 0px 10px 0px;
            }
        #cajagral h2{
            font-family: "Thin";
            font-size: 1.1em;
            line-height: 1.5em;
            color: #232323;
            text-align: justify;
            margin: 0px 0px 0px 0px;
            }

/*--- PORQUE ELEGIRNOS ---*/

        #contenedorcolor{
            display: inline-block;
            background-color: rgba(0,0,0,0.7);
            float: none;
            width: 100%;
            margin: 0px 0px 0px 0px;
            padding: 0px;
            }
        #contenedorcolor h1{
            font-family: "Thin";
            font-size: 2.5em;
            color: #FFCC00;
            text-align: center;
            margin: 60px 0px 0px 0px;
            }
        #contenedorcolor h2{
            font-family: "Thin";
            font-size: 2em;
            color: #FFF;
            text-align: center;
            margin: 0px 0px 70px 0px;
            }

        #cajagralcolor{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1280px;
            margin: 40px 0px 40px 0px;
            }
        #cajagralcolor ul{
            display: inline-block; 
            width: 100%;
            list-style-type: none;
            margin: 0px 0px 0px 0px;
            }
        #cajagralcolor li{
            display: inline-block;
            float: none;
            width: 30%;
            margin: 1.5%;
            }
        #cajagralcolor li h1 {
            font-family: 'Light';
            font-size: 1.3em;
            text-align: center;
            color: #FFCC00;
            margin: 0px 0px 10px 0px;
            }
        #cajagralcolor li h2 {
            font-family: 'Thin';
            font-size: 1em;
            text-align: center;
            color: #ccc;
            margin: 0px 0px 20px 0px;
            }
        #cajagralcolor img {
            display: inline-block;
            float: none;
            width: auto;
            margin: 0px;
            }

/*--- INSTITUCIONAL ---*/

        #contenedorcolor2{
            display: inline-block;
            background-color: #666;
            float: none;
            width: 100%;
            max-width: 100%;
            margin: 0px 0px 0px 0px;
            }
        #cajainstitucional{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 60px 0px 60px 0px;
            }
        #cajainstitucional h1{
            font-family: "Thin";
            font-size: 2.5em;
            color: #FFCC00;
            text-align: center;
            margin: 0px 0px 0px 0px;
            }
        #cajainstitucional section{
            display: inline-block;
            float: center;
            width: 100%;
            margin: 0px 0px 25px 0px;
            }
        #cajainstitucional section img {
            display: inline-block;
            float: left;
            width: auto;
            margin: 0px 20px 0px 0px;
            }
        #cajainstitucional section h1 {
            font-family: 'Light';
            font-size: 1.5em;
            text-align: left;
            color: #FFCC00;
            margin: 0px 0px 5px 0px;
            }
        #cajainstitucional section h2 {
            font-family: 'Thin';
            font-size: 1em;
            text-align: left;
            color: #FFF;
            margin: 0px 0px 0px 0px;
            }
        #cajainstitucional section:last-child{
            margin: 0px 0px 0px 10px;
            }

/*--- FOOTER ---*/
        #footer {
            background: rgba(0,0,0,0.8);
            display: inline-block;
            float: none;
            width: 100%;
            max-height: auto;
            margin: 0px;
            }
        #footercontenedor{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 30px 0px 30px 0px;
            }

        #footerizq{
            display: inline-block; 
            float: left;
            width: 25%;
            }
        #footerizq h1{
            font-family: "Thin";
            font-size: 1.25em;
            color: #ffcc00;
            text-align: left;
            margin: 0px 0px 10px 0px;
            }

        #footermedio{
            display: inline-block; 
            float: none;
            width: 55%;
            }
        #footermedio h1{
            font-family: "Thin";
            font-size: 1.25em;
            color: #ffcc00;
            text-align: left;
            margin: 0px 0px 10px 0px;
            }
        #footermedio h2{
            font-family: "Thin";
            font-size: 1em;
            color: #fff;
            text-align: left;
            margin: -3px 0px 0px 0px;
            }     

        #footerder{
            display: inline-block; 
            float: right;
            width: 20%;
            }
        #footerder h1{
            font-family: "Thin";
            font-size: 1.25em;
            color: #ffcc00;
            text-align: right;
            margin: 0px 0px 10px 0px;
            }
        #footerder ul{
            list-style-type: none;
            float: right;
            }
        #footerder ul li{
            display: inline-block;
            float: none;
            width: 100%;
            margin: 0px;
            text-align: right;
            }
        #footerder a{
            font-family: "Thin";
            font-size: 1em;
            color: #CCC;
            text-align: right;
            text-decoration: none;
            bottom:0;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s;
            -o-transition:transition: all .25s;
            }
        #footer a:hover {
            color: #ffcc00;
            bottom: 3px;
            position: relative;
            }

        #footerabajo{
            background-color: #000;
            display: inline-block; 
            float: none;
            width: 100%;
            height: auto;
            }
        #footerabajo p{
            font-family: "Medium";
            font-size: 1em;
            color: #ffcc00;
            text-align: center;
            margin: 20px 0px;
            }
        #footerabajo a{
            font-family: "Medium";
            font-size: 1em;
            color: #CCC;
            text-align: right;
            text-decoration: none;
            bottom:0;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s;
            -o-transition:transition: all .25s;
            }
        #footerabajo a:hover {
            color: #ffcc00;
            bottom: 3px;
            position: relative;
            }            

        #mapa{
            display: inline-block;
            float: left;
            width: 90%;
            margin: 0px 0px 10px 0px;
            }        


/*------------- P A G I N A S -------------*/
      

/*--- BANNER CHICO ---*/

        #contenedorbanner{
            display: inline-block;
            background-color: rgba(255,255,255,0.5);
            float: none;
            width: 100%;
            margin: 0px 0px 0px 0px;
            padding: 0px;
            }
        #contenedorbanner h1{
            font-family: "Bold";
            font-size: 2.5em;
            color: #000;
            text-align: center;
            margin: 60px 0px 0px 0px;
            }
        #contenedorbanner h2{
            font-family: "Light";
            font-size: 2em;
            color: #333;
            text-align: center;
            margin: 0px 0px 70px 0px;
            }

        #contenedoragroads{
            display: inline-block;
            background-color: rgba(255,255,255,0.5);
            float: none;
            width: 100%;
            margin: 0px 0px 0px 0px;
            padding: 30px 0px 0px 0px;
            }
        #contenedoragroads h1{
            font-family: "Bold";
            font-size: 2.2em;
            color: #000;
            text-align: center;
            margin: 30px 0px 0px 0px;
            }
        #contenedoragroads h2{
            font-family: "Light";
            font-size: 1.5em;
            color: #333;
            text-align: center;
            margin: 0px 0px 30px 0px;
            }
        #contenedoragroads a{
            background-color: #FFCC00;
            border-radius: 10px;
            padding: 10px 50px;
            margin: 0px 0px; 
            color: #000;
            text-decoration: none;
            bottom:0;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s;
            -o-transition:transition: all .25s;
            }
        #contenedoragroads a:hover {
            background-color: #D5D5D5;
            color: #000;
            bottom: 3px;
            position: relative;
            }

/*--- ACORDEON ---*/
        @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap');
            *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Thin';
            }
        .contenedor-acordeon{
            width: 100%;
            max-width: auto;
            margin: auto;
            margin-top: 0px;
            }
        .acordeon{
            background: none;
            }
        .acordeon h1{
            font-family: "Light";
            font-size: 1em;
            line-height: 1em;
            color: #FFF;
            text-align: left;
            margin: 0px 0px 0px 0px;
          }
        .acordeon img{
            display: inline-block;
            margin: 0px 0px 20px 0px;
          }
        .acordeon label{
            display: block;
            padding: 20px;
            background: #666;
            cursor: pointer;
            margin-bottom: 2px;
            transition: all 300ms ease;
            }
        .acordeon label:hover{
            background: #000;
            }
        .acordeon .contenido-acordeon{
            padding: 0px;
            margin: 0px 0px;
            max-height: 0px;
            overflow: hidden;
            transition: all 300ms ease;
            color: #AAA;
            }
        .btn-acordeon:checked ~ .contenido-acordeon{
            max-height: 600px;
            padding: 20px 0px;
            }
        .btn-acordeon{
            display: none;
            }

        .contenido-acordeon ul{
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            width: 100%;
            list-style-type: none;
            margin: 0px 0px 0px 0px;
            }
        .contenido-acordeon li{
            display: inline-block;
            float: none;
            width: 30%;
            margin: 1.5%;
            }
        .contenido-acordeon li a{
            margin: 0px 0px; 
            color: #666;
            text-decoration: none;
            bottom:0;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s;
            -o-transition:transition: all .25s;
            }
        .contenido-acordeon li a:hover {
            color: #000;
            bottom: 3px;
            position: relative;
            }

/*--- PRODUCTOS y EQUIPO ---*/

        #cajamarcas{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 40px 0px 40px 0px;
            }
        #cajamarcas h1{
            font-family: "Thin";
            font-size: 2.5em;
            color: #000;
            text-align: center;
            margin: 0px 0px 20px 0px;
            }
        #cajamarcas h2{
            font-family: "Thin";
            font-size: 1.2em;
            line-height: 1.5em;
            color: #666;
            text-align: center;
            margin: 0px 0px 0px 0px;
            }
        #cajamarcas h3{
            font-family: "Medium";
            font-size: 1.5em;
            line-height: 1.25em;
            color: #000;
            text-align: center;
            margin: 20px 0px 5px 0px;
            }
        #cajamarcas a{
            background-color: #FFCC00;
            border-radius: 10px;
            padding: 10px 15px;
            margin: 0px 10px; 
            color: #666;
            text-decoration: none;
            bottom:0;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s;
            -o-transition:transition: all .25s;
            }
        #cajamarcas a:hover {
            background-color: #D5D5D5;
            color: #000;
            bottom: 3px;
            position: relative;
            }

        #ico_marcas{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 0px 0px 40px 0px;
            border-bottom: 1px solid #000;
            }
        #ico_marcas img{
            display: inline-block;
            float: left;
            width: auto;
            margin: 0px 0px 0px 0px;
            }

        #ico_marcas_txt{
            display: inline-block;
            float: right;
            width: 82%;
            margin: 0px 0px 40px 0px;
            }
        #ico_marcas_txt img{
            display: inline-block;
            float: left;
            width: auto;
            margin: 0px 0px 20px 0px;
            }
        
        #ico_marcas h1{
            font-family: "Medium";
            font-size: 2em;
            color: #ffcc00;
            text-align: left;
            margin: 0px 0px 5px 0px;
            }
        #ico_marcas h2{
            font-family: "Thin";
            font-size: 1em;
            line-height: 1.5em;
            color: #666;
            text-align: left;
            margin: 0px 0px 20px 0px;
            }
        #ico_marcas h3{
            font-family: "Bold";
            font-size: 1.25em;
            line-height: 1.5em;
            color: #000;
            text-align: left;
            margin: 0px 0px 0px 0px;
            }

/*--- USADOS ---*/

        #cajausados{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 0px 0px 40px 0px;
            }
        #cajausados h1{
            font-family: "Medium";
            font-size: 2.5em;
            color: #000;
            text-align: center;
            margin: 0px 0px 20px 0px;
            }
        #cajausados a{
            background-color: #FFCC00;
            border-radius: 10px;
            padding: 10px 15px;
            margin: 0px 10px; 
            color: #666;
            text-decoration: none;
            bottom:0;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s;
            -o-transition:transition: all .25s;
            }
        #cajausados a:hover {
            background-color: #D5D5D5;
            color: #000;
            bottom: 3px;
            position: relative;
            }

        #cajausados ul{
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            width: 100%;
            list-style-type: none;
            margin: 0px 0px 20px 0px;
            }
        #cajausados li{
            display: inline-block;
            float: none;
            width: 30%;
            margin: 1.5%;
            }
        #cajausados li h1 {
          background-color: #666;
            font-family: 'Light';
            font-size: 1.3em;
            text-align: center;
            color: #FFCC00;
            margin: 0px 0px 10px 0px;
            padding: 5px;
            }
        #cajausados li h2 {
            font-family: 'Thin';
            font-size: 1em;
            text-align: center;
            color: #000;
            margin: 0px 0px 20px 0px;
            }
        #cajausados li img{
            display: inline-block;
            float: none;
            width: 33%;
            margin: 0px 0px 0px 0px;
            }
        
/*--- INSTITUCIONAL ---*/

        #cajainstitucional{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 0px 0px 40px 0px;
            }
        #cajainstitucional h1{
            font-family: "Medium";
            font-size: 2.5em;
            color: #000;
            text-align: center;
            margin: 0px 0px 20px 0px;
            }
        #cajainstitucional a{
            background-color: #FFCC00;
            border-radius: 10px;
            padding: 10px 15px;
            margin: 0px 10px; 
            color: #666;
            text-decoration: none;
            bottom:0;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s;
            -o-transition:transition: all .25s;
            }
        #cajainstitucional a:hover {
            background-color: #D5D5D5;
            color: #000;
            bottom: 3px;
            position: relative;
            }

        #cajainstitucional ul{
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            width: 100%;
            list-style-type: none;
            margin: 0px 0px 20px 0px;
            }
        #cajainstitucional li{
            display: inline-block;
            float: none;
            width: 20%;
            margin: 0px 0px 0px 0xp;
            }
        #cajainstitucional li h1 {
            font-family: 'Light';
            font-size: 1.3em;
            text-align: center;
            color: #000;
            margin: 0px 5px 10px 5px;
            padding: 5px;
            }
        #cajainstitucional li img{
            display: inline-block;
            float: none;
            width: 65%;
            margin: 0px 0px 0px 0px;
            }

/*--- LOGROS ---*/

        #cajalogros{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 40px 0px 40px 0px;
            }
        #cajalogros h1{
            font-family: "Thin";
            font-size: 2.5em;
            color: #000;
            text-align: center;
            margin: 0px 0px 20px 0px;
            }
        #cajalogros h2{
            font-family: "Thin";
            font-size: 1.2em;
            line-height: 1.5em;
            color: #666;
            text-align: center;
            margin: 0px 0px 0px 0px;
            }
        #cajalogros h3{
            font-family: "Medium";
            font-size: 1.5em;
            line-height: 1.25em;
            color: #000;
            text-align: center;
            margin: 20px 0px 5px 0px;
            }

        #ico_logros{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 0px 0px 40px 0px;
            border-bottom: 1px solid #000;
            }
        #ico_logros img{
            display: inline-block;
            float: left;
            width: auto;
            margin: 0px 40px 0px 0px;
            }
        #ico_logros h1{
            font-family: "Medium";
            font-size: 2em;
            color: #000;
            text-align: left;
            margin: 0px 0px 15px 0px;
            }
        #ico_logros h2{
            font-family: "Thin";
            font-size: 1em;
            line-height: 1.5em;
            color: #666;
            text-align: left;
            margin: 0px 0px 0px 0px;
            }

/*--- EQUIPO ---*/
        #cajaequipo{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 90px 0px 70px 0px;
            }
        #cajaequipo h1{
            font-family: "Thin";
            font-size: 2.5em;
            color: #000;
            text-align: center;
            margin: 0px 0px 10px 0px;
            }
        #cajaequipo h2{
            font-family: "Thin";
            font-size: 1.1em;
            line-height: 1.5em;
            color: #232323;
            text-align: justify;
            margin: 0px 0px 0px 0px;
            }
        #cajaequipo ul{
            background-color: #F00;
            display: inline-block; 
            width: 100%;
            list-style-type: none;
            margin: 0px 0px 0px 0px;
            }
        #cajaequipo li{
            display: inline-block;
            float: none;
            width: 10%;
            margin: 1.5%;
            }
        
        #cajaequipo img {
            display: inline-block;
            float: none;
            width: auto;
            margin: 0px;
            }

/*--- COMPROMISO ---*/

      #cajacompromiso{
        display: inline-block;
        float: none;
        width: 100%;
        max-width: 1100px;
        margin: 40px 0px 40px 0px;
        }
      #cajacompromiso h1{
        font-family: "Thin";
        font-size: 2.5em;
        color: #000;
        text-align: center;
        margin: 0px 0px 20px 0px;
        }
      #cajacompromiso h2{
        font-family: "Thin";
        font-size: 1.2em;
        line-height: 1.5em;
        color: #666;
        text-align: center;
        margin: 0px 0px 0px 0px;
        }
      #cajacompromiso h3{
        font-family: "Medium";
        font-size: 1.5em;
        line-height: 1.25em;
        color: #000;
        text-align: center;
        margin: 20px 0px 5px 0px;
        }
      #cajacompromiso a{
        background-color: #FFCC00;
        border-radius: 10px;
        font-family: "Thin";
        font-size: 0.6em;
        padding: 8px 15px;
        margin: 0px 10px; 
        color: #666;
        text-decoration: none;
        bottom:0;
        transition: all .25s;
        -moz-transition:transition: all .25s;
        -ms-transition:transition: all .25s;
        -webkit-transition:transition: all .25s;
        -o-transition:transition: all .25s;
        }
      #cajacompromiso a:hover {
        background-color: #D5D5D5;
        color: #000;
        bottom: 3px;
        position: relative;
        }

      #cajacompromiso ul{
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            width: 100%;
            list-style-type: none;
            margin: 0px 0px 0px 0px;
            }
        #cajacompromiso li{
            display: inline-block;
            float: none;
            width: 30%;
            margin: 1.5%;
            }
        #cajacompromiso li h1 {
          background-color: #666;
            font-family: 'Light';
            font-size: 1.3em;
            text-align: center;
            color: #FFCC00;
            margin: 0px 0px 10px 0px;
            padding: 5px;
            }
        #cajacompromiso li h2 {
            font-family: 'Thin';
            font-size: 1em;
            text-align: left;
            color: #666;
            margin: 0px 0px 10px 0px;
            }

/*--- CONTACTO ---*/

        #cajacontacto{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1100px;
            margin: 40px 0px 0px 0px;
            }
        #cajacontacto h1{
            font-family: "Thin";
            font-size: 2.5em;
            color: #000;
            text-align: center;
            margin: 0px 0px 20px 0px;
            }
        #cajacontacto h2{
            font-family: "Thin";
            font-size: 1.2em;
            line-height: 1.5em;
            color: #666;
            text-align: center;
            margin: 0px 0px 0px 0px;
            }
        #cajacontacto h3{
            font-family: "Medium";
            font-size: 1.5em;
            line-height: 1.25em;
            color: #000;
            text-align: left;
            margin: 20px 0px 5px 0px;
            }
        #cajacontacto h4{
            font-family: "Thin";
            font-size: 1em;
            line-height: 1.25em;
            color: #666;
            text-align: left;
            margin: 20px 0px 5px 0px;
            }
        #cajacontacto h5{
            font-family: "Thin";
            font-size: 1.2em;
            line-height: 1.5em;
            color: #FFCC00;
            text-align: center;
            margin: 0px 0px 0px 0px;
            }
        
        #cajacontacto a{
            background-color: #FFCC00;
            border-radius: 10px;
            font-family: "Medium";
            font-size: 0.8em;
            padding: 10px 40px;
            margin: 0px 10px; 
            color: #666;
            text-decoration: none;
            bottom:0;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s;
            -o-transition:transition: all .25s;
            }
        #cajacontacto a:hover {
            background-color: #D5D5D5;
            color: #000;
            bottom: 3px;
            position: relative;
            }

        #mapacontacto{
            display: inline-block;
            float: none;
            width: 100%;
            margin: 0px 0px 40px 0px;
            }

/*--- ACORDEON CONTACTO---*/
            @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap');
                          *{
                          margin: 0;
                          padding: 0;
                          box-sizing: border-box;
                          font-family: 'Thin';
                          }
            .contenedor-acordeon_contacto{
                          width: 100%;
                          max-width: auto;
                          margin: auto;
                          margin-top: -80px;
                          }
            .acordeon_contacto{
                          background: none;
                          }
            .acordeon_contacto h1{
                          font-family: "Light";
                          font-size: 1em;
                          line-height: 1em;
                          color: #FFF;
                          text-align: left;
                          margin: 0px 0px 0px 0px;
                        }
            .acordeon_contacto label{
                          display: block;
                          padding: 20px;
                          background: #666;
                          cursor: pointer;
                          margin-bottom: 2px;
                          transition: all 300ms ease;
                          }
            .acordeon_contacto label:hover{
                          background: #000;
                          }
            .acordeon_contacto .contenido-acordeon_contacto{
                          padding: 0px;
                          margin: 0px 0px;
                          max-height: 0px;
                          overflow: hidden;
                          transition: all 300ms ease;
                          color: #AAA;
                          }
            .btn-acordeon_contacto:checked ~ .contenido-acordeon_contacto{
                          max-height: 600px;
                          padding: 20px 0px;
                          }
            .btn-acordeon_contacto{
                          display: none;
                          }
            .contenido-acordeon_contacto table{
                display: inline-block;
                float: none;
                background-color: #CCC;
                width: 100%;
                font-family: "Light";
                font-size: 1.2em;
                line-height: 2em;
                color: #000;
                text-align: left;
                margin: 0px 0px 0px 0px;
                }
            .contenido-acordeon_contacto table th{
                background-color: #ffcc00;
                display: inline-block;
                float: none;
                width: 250px;
                border-bottom: 1px solid #000;
                padding: 10px 0px 10px 20px;
                font-family: "Bold";
                font-size: 1.15em;
                line-height: 1em;
                color: #000;
                text-align: left;
                }
            .contenido-acordeon_contacto table td{
                background-color: #f1f1f1;
                display: inline-block;
                float: none;
                width: 250px;
                border-bottom: 1px solid #CCC;
                padding: 0px 0px 0px 20px;
                }



/*--- R E S P O N S I V O S ---*/

    /*--- PANTALLA 950  (probar hasta 851)...*/
        @media only screen and (max-width: 950px) {

        }

    /*--- PANTALLA 850  (probar hasta 769)...*/
        @media only screen and (max-width: 850px) {

        }

    /*--- PANTALLA 768  (probar hasta 641)...*/
        @media only screen and (max-width: 768px) {

    		}

    /*--- PANTALLA 640  (probar hasta 481)...*/
        @media only screen and (max-width: 640px) {

        	  /*--- MENU ---*/
                
                #menu{
                    height: auto;
                    }
                nav img{
                    max-height: 50px;
                    margin: 15px 20px 10px 20px;
                    } 
                nav ul {
                    background: rgba(0,0,0,0.85);
                    display: none;
                    float: right;
                    height: auto;
                    width: 100%;
                    margin: 0px 0px 0px 0px;
                    padding: 5%;
                    }
                nav ul li {
                    display: inline-block;
                    float: left;
                    width: 100%;
                    margin: 0px 0px 0px 0px;
                    padding: 10px;
                    position: relative;
                    text-align: right;
                    border-bottom: 1px #333 solid;
                    }
                nav li:last-child img{
                    float: right;
                    margin: 0px 0px 0px 0px;
                    }
                nav ul li a {
                    text-decoration: none;
                    font-family: 'regular';
                    font-size: 1em;
                    line-height: 1em;
                    text-align: right;
                    color: #FFF;
                    margin: 0px 0px; 
                    }
                nav a#pull {
                    display: inline-block;
                    float: right;
                    width: auto;
                    position: relative;
                    margin: 10px 0px 0px 0px;
                    }

            /*--- CAJAS GENERALES ---*/
                #flotante{
                    display: inline-block;
                    float: none;
                    position: fixed;
                    top: 100px;
                    right: 85%;
                    height: auto;
                    width: auto;
                    z-index: 200;
                    }
                #flotante img{
                    margin: 0px 0px 0px 0px;
                    max-width: 65%;
                    }
                #flotante a {
                    text-decoration: none;
                    bottom: 0px;
                    transition: all .20s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #flotante a:hover, nav li a:active {
                    bottom: 3px;
                    position: relative;
                    }

                #volver{
                    z-index: 110;
                    display: inline-block;
                    float: right;
                    width: 100%;
                    position: fixed;
                    bottom: 15px;
                    right: 5%;
                    width: auto;
                    margin: 0px 0px 20px 0px;
                    }
                #volver img{
                    float: none;
                    margin: 0px 0px 0px 0px;
                    }
                #volver a{
                    text-decoration: none;
                    bottom: 0px;
                    transition: all .15s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #volver a:hover{
                    bottom: 4px;
                    position: relative;
                    }

                #contenedor{
                  display: inline-block;
                  background-color: #FFF;
                  float: none;
                  width: 100%;
                  margin: 0px 0px 0px 0px;
                  padding: 0px;
                  }

                #cajasecciones{
                  display: inline-block;
                  float: none;
                  width: 85%;
                  max-width: 1100px;
                  margin: 20px 0px 60px 0px;
                  }
                #cajasecciones h1{
                  font-family: "Thin";
                  font-size: 2em;
                  color: #000;
                  text-align: center;
                  margin: 0px 0px 20px 0px;
                  }
                #cajasecciones h2{
                  font-family: "Thin";
                  font-size: 1.1em;
                  line-height: 1.5em;
                  color: #232323;
                  text-align: justify;
                  margin: 0px 0px 0px 0px;
                  }

                #cajaizq{
                  display: inline-block;
                  float: none;
                  width: 100%;
                  }
                #cajaizq h1{
                    font-family: "Thin";
                    font-size: 1.5em;
                    color: #666;
                    text-align: left;
                    margin: 0px 0px 20px 0px;
                    }
                #cajaizq h2{
                    font-family: "Medium";
                    font-size: 1.5em;
                    color: #666;
                    text-align: left;
                    margin: 0px 0px 0px 0px;
                    }
                #cajaizq h3{
                    font-family: "Medium";
                    font-size: 1.2em;
                    line-height: 1em;
                    color: #000;
                    text-align: justify;
                    margin: 0px 0px 15px 0px;
                    }
                #cajaizq h4{
                    font-family: "Thin";
                    font-size: 1em;
                    line-height: 1.5em;
                    color: #666;
                    text-align: justify;
                    margin: 0px 0px 0px 0px;
                    }
                #cajaizq a{
                  display: inline-block;
                  float: none;
                  padding: 0px 0px 20px 0px;
                  }

                #cajader{
                  display: inline-block;
                  float: none;
                  width: 100%;
                  }
                #cajader h1{
                    font-family: "Thin";
                    font-size: 1.5em;
                    color: #666;
                    text-align: left;
                    margin: 0px 0px 20px 0px;
                    }
                #cajader h2{
                    font-family: "Medium";
                    font-size: 1.5em;
                    color: #666;
                    text-align: left;
                    margin: 0px 0px 0px 0px;
                    }
                #cajader h3{
                    font-family: "Medium";
                    font-size: 1.2em;
                    line-height: 1em;
                    color: #000;
                    text-align: justify;
                    margin: 0px 0px 15px 0px;
                    }
                #cajader h4{
                    font-family: "Thin";
                    font-size: 1em;
                    line-height: 1.5em;
                    color: #666;
                    text-align: justify;
                    margin: 0px 0px 0px 0px;
                    }

                #cajamedio{
                  display: inline-block;
                  float: none;
                  width: 100%;
                  }
                #cajamedio h1{
                    font-family: "Thin";
                    font-size: 1.5em;
                    color: #666;
                    text-align: left;
                    margin: 0px 0px 20px 0px;
                    }
                #cajamedio h2{
                    font-family: "Medium";
                    font-size: 1.5em;
                    color: #666;
                    text-align: left;
                    margin: 0px 0px 0px 0px;
                    }
                #cajamedio h3{
                    font-family: "Medium";
                    font-size: 1.2em;
                    line-height: 1em;
                    color: #000;
                    text-align: justify;
                    margin: 0px 0px 15px 0px;
                    }
                #cajamedio h4{
                    font-family: "Thin";
                    font-size: 1em;
                    line-height: 1.5em;
                    color: #666;
                    text-align: justify;
                    margin: 0px 0px 0px 0px;
                    }

            /*--- NOSOTROS ---*/
                #cajagral{
                    display: inline-block;
                    float: none;
                    width: 85%;
                    max-width: 1100px;
                    margin: 40px 0px 60px 0px;
                    }
                #cajagral h1{
                    font-family: "Thin";
                    font-size: 2.5em;
                    color: #000;
                    text-align: center;
                    margin: 0px 0px 10px 0px;
                    }
                #cajagral h2{
                    font-family: "Thin";
                    font-size: 1.1em;
                    line-height: 1.5em;
                    color: #232323;
                    text-align: justify;
                    margin: 0px 0px 0px 0px;
                    }

            /*--- PORQUE ELEGIRNOS ---*/

                #contenedorcolor{
                    display: inline-block;
                    background-color: rgba(0,0,0,0.7);
                    float: none;
                    width: 100%;
                    margin: 0px 0px 0px 0px;
                    padding: 0px;
                    }
                #contenedorcolor h1{
                    font-family: "Thin";
                    font-size: 2.2em;
                    color: #FFCC00;
                    text-align: center;
                    margin: 40px 0px -20px 0px;
                    }
                #contenedorcolor h2{
                    font-family: "Thin";
                    font-size: 2em;
                    color: #FFF;
                    text-align: center;
                    margin: 0px 0px 70px 0px;
                    }

                #cajagralcolor{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    max-width: 1280px;
                    margin: 40px 0px 40px 0px;
                    }
                #cajagralcolor ul{
                    display: inline-block; 
                    width: 100%;
                    list-style-type: none;
                    margin: 0px 0px 0px 0px;
                    }
                #cajagralcolor li{
                    display: inline-block;
                    float: none;
                    width: 85%;
                    margin: 1.5%;
                    }
                #cajagralcolor li h1 {
                    font-family: 'Light';
                    font-size: 1.4em;
                    text-align: center;
                    color: #FFCC00;
                    margin: 0px 0px 5px 0px;
                    }
                #cajagralcolor li h2 {
                    font-family: 'Thin';
                    font-size: 1.2em;
                    line-height: 0.8em:;
                    text-align: center;
                    color: #ccc;
                    margin: 0px 0px 40px 0px;
                    }
                #cajagralcolor img {
                    display: inline-block;
                    float: none;
                    width: auto;
                    margin: 0px;
                    }

            /*--- BANNER CHICO ---*/

                #contenedorbanner{
                    display: inline-block;
                    background-color: rgba(255,255,255,0.5);
                    float: none;
                    width: 100%;
                    margin: 0px 0px 0px 0px;
                    padding: 0px;
                    }
                #contenedorbanner h1{
                    font-family: "Bold";
                    font-size: 2em;
                    line-height: 1em;
                    color: #000;
                    text-align: center;
                    margin: 20px 0px 10px 0px;
                    }
                #contenedorbanner h2{
                    font-family: "Light";
                    font-size: 1.7em;
                    line-height: 1em;
                    color: #333;
                    text-align: center;
                    margin: 0px 0px 70px 0px;
                    }

                #contenedoragroads{
                    display: inline-block;
                    background-color: rgba(255,255,255,0.5);
                    float: none;
                    width: 100%;
                    margin: 0px 0px 0px 0px;
                    padding: 20px 0px 0px 0px;
                    }
                #contenedoragroads h1{
                    font-family: "Bold";
                    font-size: 2em;
                    color: #000;
                    text-align: center;
                    margin: 20px 0px 0px 0px;
                    }
                #contenedoragroads h2{
                    font-family: "Light";
                    font-size: 1.5em;
                    color: #333;
                    text-align: center;
                    margin: 0px 0px 30px 0px;
                    }
                #contenedoragroads a{
                    background-color: #FFCC00;
                    border-radius: 10px;
                    padding: 10px 50px;
                    margin: 0px 0px; 
                    color: #000;
                    text-decoration: none;
                    bottom:0;
                    transition: all .25s;
                    -moz-transition:transition: all .25s;
                    -ms-transition:transition: all .25s;
                    -webkit-transition:transition: all .25s;
                    -o-transition:transition: all .25s;
                    }
                #contenedoragroads a:hover {
                    background-color: #D5D5D5;
                    color: #000;
                    bottom: 3px;
                    position: relative;
                    }
                #contenedoragroads img {
                    display: inline-block;
                    float: none;
                    width: 30%;
                    margin: 0px 0px 10px 0px;
                    }

            /*--- BANNER FIJO ---*/

              #bannerfijo{
                  display: inline-block;
                  background-color: #FFF;
                  float: none;
                  width: 100%;
                  margin: 85px 0px 0px 0px;
                  }
              #bannerfijo img{
                  width: 100%;
                  }

            /*--- USADOS ---*/

                #cajausados{
                    display: inline-block;
                    float: none;
                    width: 90%;
                    max-width: 1100px;
                    margin: 0px 0px 40px 0px;
                    }
                #cajausados h1{
                    font-family: "Medium";
                    font-size: 2.25em;
                    line-height: 1em;
                    color: #000;
                    text-align: center;
                    margin: 0px 0px 20px 0px;
                    }
                #cajausados a{
                    background-color: #FFCC00;
                    border-radius: 10px;
                    padding: 10px 15px;
                    margin: 0px 0px 0px 0px;
                    width: 100%; 
                    color: #666;
                    text-decoration: none;
                    bottom:0;
                    transition: all .25s;
                    -moz-transition:transition: all .25s;
                    -ms-transition:transition: all .25s;
                    -webkit-transition:transition: all .25s;
                    -o-transition:transition: all .25s;
                    }
                #cajausados a:hover {
                    background-color: #D5D5D5;
                    color: #000;
                    bottom: 3px;
                    position: relative;
                    }

                #cajausados ul{
                    display: flex;
                    align-items: flex-start;
                    flex-wrap: wrap;
                    width: 100%;
                    list-style-type: none;
                    margin: 0px 0px 20px 0px;
                    }
                #cajausados li{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    margin: 1.5%;
                    }
                #cajausados li h1 {
                  background-color: #666;
                    font-family: 'Light';
                    font-size: 1.3em;
                    text-align: center;
                    color: #FFCC00;
                    margin: 0px 0px 10px 0px;
                    padding: 5px;
                    }
                #cajausados li h2 {
                    font-family: 'Thin';
                    font-size: 1em;
                    line-height: 1.2em;
                    text-align: center;
                    color: #000;
                    margin: 0px 0px 10px 0px;
                    }
                #cajausados li img{
                    display: inline-block;
                    float: none;
                    width: 33%;
                    margin: 0px 0px 0px 0px;
                    }

            /*--- PRODUCTOS y EQUIPO ---*/

              #cajamarcas{
                  display: inline-block;
                  float: none;
                  width: 85%;
                  max-width: 1100px;
                  margin: 40px 0px 40px 0px;
                  }
              #cajamarcas h1{
                  font-family: "Thin";
                  font-size: 2em;
                  line-height: 1em;
                  color: #000;
                  text-align: center;
                  margin: 0px 0px 20px 0px;
                  }
              #cajamarcas h2{
                  font-family: "Thin";
                  font-size: 1.2em;
                  line-height: 1.5em;
                  color: #666;
                  text-align: center;
                  margin: 0px 0px 0px 0px;
                  }
              #cajamarcas h3{
                  font-family: "Medium";
                  font-size: 1.5em;
                  line-height: 1.25em;
                  color: #000;
                  text-align: center;
                  margin: 20px 0px 5px 0px;
                  }
              #cajamarcas a{
                  background-color: #FFCC00;
                  border-radius: 10px;
                  padding: 10px 15px;
                  margin: 0px 10px; 
                  color: #666;
                  text-decoration: none;
                  bottom:0;
                  transition: all .25s;
                  -moz-transition:transition: all .25s;
                  -ms-transition:transition: all .25s;
                  -webkit-transition:transition: all .25s;
                  -o-transition:transition: all .25s;
                  }
              #cajamarcas a:hover {
                  background-color: #D5D5D5;
                  color: #000;
                  bottom: 3px;
                  position: relative;
                  }

              #ico_marcas{
                  display: inline-block;
                  float: none;
                  width: 100%;
                  max-width: 1100px;
                  margin: 0px 0px 40px 0px;
                  border-bottom: 1px solid #000;
                  }
              #ico_marcas img{
                  display: inline-block;
                  float: none;
                  width: auto;
                  margin: 0px 0px -25px 0px;
                  }

              #ico_marcas_txt{
                  display: inline-block;
                  float: none;
                  width: 100%;
                  margin: 0px 0px 40px 0px;
                  }
              #ico_marcas_txt img{
                  display: inline-block;
                  float: left;
                  width: auto;
                  margin: 0px 0px 20px 0px;
                  }
              
              #ico_marcas h1{
                  font-family: "Medium";
                  font-size: 2em;
                  color: #ffcc00;
                  text-align: left;
                  margin: 0px 0px 5px 0px;
                  }
              #ico_marcas h2{
                  font-family: "Thin";
                  font-size: 1em;
                  line-height: 1.5em;
                  color: #666;
                  text-align: left;
                  margin: 0px 0px 20px 0px;
                  }
              #ico_marcas h3{
                  font-family: "Bold";
                  font-size: 1.25em;
                  line-height: 1.5em;
                  color: #000;
                  text-align: left;
                  margin: 0px 0px 0px 0px;
                  }

            /*--- INSTITUCIONAL ---*/

                #cajainstitucional{
                    display: inline-block;
                    float: none;
                    width: 85%;
                    max-width: 1100px;
                    margin: 0px 0px 40px 0px;
                    }
                #cajainstitucional h1{
                    font-family: "Medium";
                    font-size: 2em;
                    line-height: 1em;
                    color: #000;
                    text-align: center;
                    margin: 0px 0px 30px 0px;
                    }
                #cajainstitucional a{
                    background-color: #FFCC00;
                    border-radius: 10px;
                    padding: 10px 15px;
                    margin: 0px 10px; 
                    color: #666;
                    text-decoration: none;
                    bottom:0;
                    transition: all .25s;
                    -moz-transition:transition: all .25s;
                    -ms-transition:transition: all .25s;
                    -webkit-transition:transition: all .25s;
                    -o-transition:transition: all .25s;
                    }
                #cajainstitucional a:hover {
                    background-color: #D5D5D5;
                    color: #000;
                    bottom: 3px;
                    position: relative;
                    }

                #cajainstitucional ul{
                    display: flex;
                    align-items: flex-start;
                    flex-wrap: wrap;
                    width: 100%;
                    list-style-type: none;
                    margin: 0px 0px 20px 0px;
                    }
                #cajainstitucional li{
                    display: inline-block;
                    float: none;
                    width: 50%;
                    margin: 0px 0px 0px 0xp;
                    }
                #cajainstitucional li h1 {
                    font-family: 'Light';
                    font-size: 1.3em;
                    text-align: center;
                    color: #000;
                    margin: 0px 5px 30px 5px;
                    padding: 5px;
                    }
                #cajainstitucional li img{
                    display: inline-block;
                    float: none;
                    width: 60%;
                    margin: 0px 0px 0px 0px;
                    }

            /*--- LOGROS ---*/

                #cajalogros{
                    display: inline-block;
                    float: none;
                    width: 85%;
                    max-width: 1100px;
                    margin: 20px 0px 30px 0px;
                    }
                #cajalogros h1{
                    font-family: "Thin";
                    font-size: 2em;
                    line-height: 1em;
                    color: #000;
                    text-align: center;
                    margin: 0px 0px 20px 0px;
                    }
                #cajalogros h2{
                    font-family: "Thin";
                    font-size: 1.2em;
                    line-height: 1.5em;
                    color: #666;
                    text-align: center;
                    margin: 0px 0px 0px 0px;
                    }
                #cajalogros h3{
                    font-family: "Medium";
                    font-size: 1.5em;
                    line-height: 1.25em;
                    color: #000;
                    text-align: center;
                    margin: 20px 0px 5px 0px;
                    }

                #ico_logros{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    max-width: 1100px;
                    margin: 0px 0px 20px 0px;
                    border-bottom: 1px solid #000;
                    }
                #ico_logros img{
                    display: inline-block;
                    float: none;
                    width: auto;
                    margin: 0px 0px 0px 0px;
                    }
                #ico_logros h1{
                    font-family: "Medium";
                    font-size: 2em;
                    color: #000;
                    text-align: left;
                    margin: 0px 0px 15px 0px;
                    }
                #ico_logros h2{
                    font-family: "Thin";
                    font-size: 1em;
                    line-height: 1.5em;
                    color: #666;
                    text-align: center;
                    margin: -30px 0px 20px 0px;
                    }

            /*--- EQUIPO ---*/
              #cajaequipo{
                  display: inline-block;
                  float: none;
                  width: 100%;
                  max-width: 1100px;
                  margin: 90px 0px 70px 0px;
                  }
              #cajaequipo h1{
                  font-family: "Thin";
                  font-size: 2.5em;
                  color: #000;
                  text-align: center;
                  margin: 0px 0px 10px 0px;
                  }
              #cajaequipo h2{
                  font-family: "Thin";
                  font-size: 1.1em;
                  line-height: 1.5em;
                  color: #232323;
                  text-align: justify;
                  margin: 0px 0px 0px 0px;
                  }
              #cajaequipo ul{
                  background-color: #F00;
                  display: inline-block; 
                  width: 100%;
                  list-style-type: none;
                  margin: 0px 0px 0px 0px;
                  }
              #cajaequipo li{
                  display: inline-block;
                  float: none;
                  width: 10%;
                  margin: 1.5%;
                  }
              
              #cajaequipo img {
                  display: inline-block;
                  float: none;
                  width: auto;
                  margin: 0px;
                  }

            /*--- COMPROMISO ---*/

              #cajacompromiso{
                display: inline-block;
                float: none;
                width: 85%;
                max-width: 1100px;
                margin: 20px 0px 20px 0px;
                }
              #cajacompromiso h1{
                font-family: "Thin";
                font-size: 2em;
                color: #000;
                text-align: center;
                margin: 0px 0px 20px 0px;
                }
              #cajacompromiso h2{
                font-family: "Thin";
                font-size: 1em;
                line-height: 1.5em;
                color: #666;
                text-align: center;
                margin: 0px 0px 20px 0px;
                }
              #cajacompromiso h3{
                font-family: "Medium";
                font-size: 1.5em;
                line-height: 1.25em;
                color: #000;
                text-align: center;
                margin: 20px 0px 5px 0px;
                }
              #cajacompromiso a{
                background-color: #FFCC00;
                border-radius: 10px;
                font-family: "Thin";
                font-size: 0.6em;
                padding: 8px 15px;
                margin: 0px 10px; 
                color: #666;
                text-decoration: none;
                bottom:0;
                transition: all .25s;
                -moz-transition:transition: all .25s;
                -ms-transition:transition: all .25s;
                -webkit-transition:transition: all .25s;
                -o-transition:transition: all .25s;
                }
              #cajacompromiso a:hover {
                background-color: #D5D5D5;
                color: #000;
                bottom: 3px;
                position: relative;
                }

              #cajacompromiso ul{
                    display: flex;
                    align-items: flex-start;
                    flex-wrap: wrap;
                    width: 100%;
                    list-style-type: none;
                    margin: 0px 0px 0px 0px;
                    }
              #cajacompromiso li{
                  display: inline-block;
                  float: none;
                  width: 100%;
                  margin: 0px 0px 20px 0px;
                  }
              #cajacompromiso li h1 {
                  background-color: #666;
                  font-family: 'Light';
                  font-size: 1.3em;
                  text-align: center;
                  color: #FFCC00;
                  margin: 0px 0px 10px 0px;
                  padding: 5px;
                  }
              #cajacompromiso li h2 {
                  font-family: 'Thin';
                  font-size: 1em;
                  text-align: center;
                  color: #666;
                  margin: 0px 0px 10px 0px;
                  }

            /*--- CONTACTO ---*/

              #cajacontacto{
                  display: inline-block;
                  float: none;
                  width: 95%;
                  max-width: 1100px;
                  margin: 20px 0px 0px 0px;
                  }
              #cajacontacto h1{
                  font-family: "Thin";
                  font-size: 2em;
                  line-height: 1em;
                  color: #000;
                  text-align: center;
                  margin: 0px 0px 20px 0px;
                  }
              #cajacontacto h2{
                  font-family: "Thin";
                  font-size: 1.2em;
                  line-height: 1.5em;
                  color: #666;
                  text-align: center;
                  margin: 0px 0px 20px 0px;
                  }
              #cajacontacto h3{
                  font-family: "Medium";
                  font-size: 1.5em;
                  line-height: 1.25em;
                  color: #000;
                  text-align: left;
                  margin: 20px 0px 5px 0px;
                  }
              #cajacontacto h4{
                  font-family: "Thin";
                  font-size: 1em;
                  line-height: 1.25em;
                  color: #666;
                  text-align: left;
                  margin: 20px 0px 5px 0px;
                  }
              #cajacontacto h5{
                  font-family: "Thin";
                  font-size: 1.2em;
                  line-height: 1.5em;
                  color: #FFCC00;
                  text-align: center;
                  margin: 0px 0px 20px 0px;
                  }
              
              #cajacontacto a{
                  background-color: #FFCC00;
                  border-radius: 10px;
                  font-family: "Medium";
                  font-size: 0.8em;
                  padding: 10px 40px;
                  margin: 0px 10px; 
                  color: #666;
                  text-decoration: none;
                  bottom:0;
                  transition: all .25s;
                  -moz-transition:transition: all .25s;
                  -ms-transition:transition: all .25s;
                  -webkit-transition:transition: all .25s;
                  -o-transition:transition: all .25s;
                  }
              #cajacontacto a:hover {
                  background-color: #D5D5D5;
                  color: #000;
                  bottom: 3px;
                  position: relative;
                  }

              #mapacontacto{
                  display: inline-block;
                  float: none;
                  width: 100%;
                  margin: 0px 0px 40px 0px;
                  }

            /*--- ACORDEON CONTACTO---*/
                @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap');
                              *{
                              margin: 0;
                              padding: 0;
                              box-sizing: border-box;
                              font-family: 'Thin';
                              }
                .contenedor-acordeon_contacto{
                              width: 100%;
                              max-width: auto;
                              margin: auto;
                              margin-top: -80px;
                              }
                .acordeon_contacto{
                              background: none;
                              }
                .acordeon_contacto h1{
                              font-family: "Light";
                              font-size: 1em;
                              line-height: 1em;
                              color: #FFF;
                              text-align: left;
                              margin: 0px 0px 0px 0px;
                            }
                .acordeon_contacto label{
                              display: block;
                              padding: 20px 0px 1px 0px;
                              background: #666;
                              cursor: pointer;
                              margin-bottom: 1px;
                              transition: all 300ms ease;
                              }
                .acordeon_contacto label:hover{
                              background: #000;
                              }
                .acordeon_contacto .contenido-acordeon_contacto{
                              padding: 0px;
                              margin: 0px 0px;
                              max-height: 0px;
                              overflow: hidden;
                              transition: all 300ms ease;
                              color: #AAA;
                              }
                .btn-acordeon_contacto:checked ~ .contenido-acordeon_contacto{
                              max-height: 600px;
                              padding: 0px 0px;
                              }
                .btn-acordeon_contacto{
                              display: none;
                              }
                .contenido-acordeon_contacto table{
                    display: inline-block;
                    float: none;
                    background-color: #FFF;
                    width: auto;
                    font-family: "Light";
                    font-size: 1em;
                    line-height: 1.5em;
                    color: #000;
                    text-align: center;
                    margin: 0px 0px 0px 0px;
                    }
                .contenido-acordeon_contacto table th{
                    background-color: #ffcc00;
                    display: none;
                    width: 100%;
                    border-bottom: 1px solid #000;
                    padding: 10px 0px 10px 0px;
                    font-family: "Bold";
                    font-size: 1em;
                    line-height: 1em;
                    color: #000;
                    text-align: center;
                    }
                .contenido-acordeon_contacto table td{
                    background-color: #f1f1f1;
                    display: inline-block;
                    float: none;
                    width: 100%;
                    border-bottom: 1px solid #CCC;
                    padding: 0px 0px 0px 0px;
                    }

                .contenido-acordeon_contacto table tr td:first-child {
                    margin-top: 20px;
                    background-color: #FFCC00;
                    }
                .contenido-acordeon_contacto table tr td:last-child {
                    margin-bottom: 20px;
                    }

            /*--- FOOTER ---*/
                
                #footer {
                    background: rgba(0,0,0,0.8);
                    display: inline-block;
                    float: none;
                    width: 100%;
                    max-height: auto;
                    margin: 0px;
                    }
                #footercontenedor{
                    display: inline-block;
                    float: none;
                    width: 85%;
                    max-width: 1100px;
                    margin: 30px 0px 30px 0px;
                    }

                #footerizq{
                    display: inline-block; 
                    float: none;
                    width: 100%;
                    }
                #footerizq h1{
                    font-family: "Thin";
                    font-size: 1.25em;
                    color: #ffcc00;
                    text-align: center;
                    margin: 0px 0px 10px 0px;
                    }

                #footermedio{
                    display: inline-block; 
                    float: none;
                    width: 100%;
                    }
                #footermedio h1{
                    font-family: "Thin";
                    font-size: 1.25em;
                    color: #ffcc00;
                    text-align: center;
                    margin: 0px 0px 10px 0px;
                    }
                #footermedio h2{
                    font-family: "Thin";
                    font-size: 1em;
                    color: #fff;
                    text-align: justify;
                    margin: -3px 0px 0px 0px;
                    }     

                #footerder{
                    display: inline-block; 
                    float: none;
                    width: 100%;
                    }
                #footerder h1{
                    font-family: "Thin";
                    font-size: 1.25em;
                    color: #ffcc00;
                    text-align: center;
                    margin: 20px 0px 10px 0px;
                    }
                #footerder ul{
                    list-style-type: none;
                    float: none;
                    }
                #footerder ul li{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    margin: 0px;
                    text-align: center;
                    }
                #footerder a{
                    font-family: "Thin";
                    font-size: 1.2em;
                    color: #CCC;
                    text-align: center;
                    text-decoration: none;
                    bottom:0;
                    transition: all .25s;
                    -moz-transition:transition: all .25s;
                    -ms-transition:transition: all .25s;
                    -webkit-transition:transition: all .25s;
                    -o-transition:transition: all .25s;
                    }
                #footer a:hover {
                    color: #ffcc00;
                    bottom: 3px;
                    position: relative;
                    }

                #footerabajo{
                    background-color: #000;
                    display: inline-block; 
                    float: none;
                    width: 100%;
                    height: auto;
                    }
                #footerabajo p{
                    font-family: "Medium";
                    font-size: 1em;
                    color: #ffcc00;
                    text-align: center;
                    margin: 20px 0px;
                    }
                #footerabajo a{
                    font-family: "Medium";
                    font-size: 1em;
                    color: #CCC;
                    text-align: right;
                    text-decoration: none;
                    bottom:0;
                    transition: all .25s;
                    -moz-transition:transition: all .25s;
                    -ms-transition:transition: all .25s;
                    -webkit-transition:transition: all .25s;
                    -o-transition:transition: all .25s;
                    }
                #footerabajo a:hover {
                    color: #ffcc00;
                    bottom: 3px;
                    position: relative;
                    }            

                #mapa{
                    display: inline-block;
                    float: left;
                    width: 100%;
                    margin: 0px 0px 15px 0px;
                    }

        }

    /*--- PANTALLA 480  (probar hasta 361)...*/
        @media only screen and (max-width: 480px) {

        }