.servicios{
        /*font-family: arial;*/
        
        width: 99%;
        box-sizing: border-box;
        font-family: Agency FB;
        /*color: #777;*/
                color: #773;
        font-weight: 900;
        font-size: 48px;
        text-shadow: 2px 2px 2px #000;
        letter-spacing: 4px;
        text-align: center;
        
        /*margin: 50px 0 50px 0;*/
        /*margin-bottom: 50px;*/
        float: left;
    }



/*  matices de ROJO */

        .franjaStyleAR{
            padding: 75px 0 75px 0;
            background: #a00;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;

            height: 500px;
        }
    
        .franjaStyleBR{
            padding: 75px 0 75px 0;
            background: #a22;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;

            height: 500px;
        }
    
        .franjaStyleCR{
            padding: 75px 0 75px 0;
            background: #a33;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;

            height: 500px;
        }
    
        .franjaStyleDR{
            padding: 75px 0 75px 0;
            background: #a44;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;

            height: 500px;
        }
    
        .franjaStyleER{
            padding: 75px 0 75px 0;
            background: #a55;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;

            height: 500px;
        }
    
        .franjaStyleFR{
            padding: 75px 0 75px 0;
            background: #a77;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;

            height: 500px;
        }
    
        .franjaStyleGR{
            padding: 75px 0 75px 0;
            background: #a88;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;

            height: 500px;
        }
    
        .franjaStyleHR{
            padding: 75px 0 75px 0;
            background: #a99;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleIR{
            padding: 75px 0 75px 0;
            background: #aaa;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleJR{
            padding: 75px 0 75px 0;
            background: #abb;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleKR{
            padding: 75px 0 75px 0;
            background: #acc;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleLR{
            padding: 75px 0 75px 0;
            background: #add;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleMR{
            padding: 75px 0 75px 0;
            background: #aee;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
/*  matices de VERDE */

        .franjaStyleAV{
            padding: 75px 0 75px 0;
            background: #0a0;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleBV{
            padding: 75px 0 75px 0;
            background: #2a2;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleCV{
            padding: 75px 0 75px 0;
            background: #3a3;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleDV{
            padding: 75px 0 75px 0;
            background: #4a4;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleEV{
            padding: 75px 0 75px 0;
            background: #5a5;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleFV{
            padding: 75px 0 75px 0;
            background: #7a7;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleGV{
            padding: 75px 0 75px 0;
            background: #8a8;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleHV{
            padding: 75px 0 75px 0;
            background: #9a9;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleIV{
            padding: 75px 0 75px 0;
            background: #aaa;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleJV{
            padding: 75px 0 75px 0;
            background: #bab;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleKV{
            padding: 75px 0 75px 0;
            background: #cac;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleLV{
            padding: 75px 0 75px 0;
            background: #dad;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
    
        .franjaStyleMV{
            padding: 75px 0 75px 0;
            background: #eae;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .accionFormativa{
            text-align: center;
        }
        
/*  matices de AZUL */

        .franjaStyleAB{
            padding: 75px 0 75px 0;
            background: #00a;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleBB{
            padding: 75px 0 75px 0;
            background: #22a;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleCB{
            padding: 75px 0 75px 0;
            background: #33a;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleDB{
            padding: 75px 0 75px 0;
            background: #44a;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleEB{
            padding: 75px 0 75px 0;
            background: #55a;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleFB{
            padding: 75px 0 75px 0;
            background: #77a;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleGB{
            padding: 75px 0 75px 0;
            background: #88a;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleHB{
            padding: 75px 0 75px 0;
            background: #99a;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleIB{
            padding: 75px 0 75px 0;
            background: #aaa;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleJB{
            padding: 75px 0 75px 0;
            background: #bba;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }
        
        .franjaStyleKB{
            padding: 75px 0 75px 0;
            background: #cca;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }

        .franjaStyleLB{
            padding: 75px 0 75px 0;
            background: #dda;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }

        .franjaStyleMB{
            padding: 75px 0 75px 0;
            background: #eea;
            box-sizing: border-box;
            float: left;
            width: 31%; margin: 1%; border-radius: 15px;
        }




/*  títulos apartados */


    .tituloApartado{
        box-sizing: border-box;
        /*width: 31%;*/ margin: 1%; border-radius: 15px;
            width: 98%;
        text-align: center;
        font-size: 72px;
        color: #000;
        margin-top: 50px;
        float: left;
    }
    
    .tituloSeccion{
        box-sizing: border-box;
        /*width: 31%;*/ margin: 1%; border-radius: 15px;
            width: 98%;
        text-align: center;
        font-size: 48px;
        color: #000;
        /*margin-top: 25px;*/
        float: left;
    }

    @media(max-width: 681px){
        .tituloSeccion{
            width: 100%;
            float: left;
            
            background: #f00;
            border: 1px solid red;
        }
        
    }