@font-face {
    font-family: 'Generica';
    src: url('../fonts/Tipografia-Generica.eot');
    src: url('../fonts/Tipografia-Generica.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Tipografia-Generica.woff') format('woff'),
         url('../fonts/Tipografia-Generica.ttf') format('truetype'),
         url('../fonts/Tipografia-Generica.svg#Tipografia-Generica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
[class*='icon-']:before{
    display: inline-block;
   font-family: 'Generica';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-A:before{content:'\0041';}
.icon-B:before{content:'\0042';}
.icon-C:before{content:'\0043';}
.icon-D:before{content:'\0044';}
.icon-E:before{content:'\0045';}
.icon-F:before{content:'\0046';}
.icon-G:before{content:'\0047';}
.icon-H:before{content:'\0048';}
.icon-I:before{content:'\0049';}
.icon-J:before{content:'\004a';}
.icon-K:before{content:'\004b';}
.icon-L:before{content:'\004c';}
.icon-M:before{content:'\004d';}
.icon-N:before{content:'\004e';}
.icon-O:before{content:'\004f';}
.icon-P:before{content:'\0050';}
.icon-Q:before{content:'\0051';}
.icon-R:before{content:'\0052';}
.icon-S:before{content:'\0053';}
.icon-T:before{content:'\0054';}
.icon-U:before{content:'\0055';}
.icon-V:before{content:'\0056';}
.icon-W:before{content:'\0057';}
.icon-X:before{content:'\0058';}
.icon-Y:before{content:'\0059';}
.icon-Z:before{content:'\005a';}
.icon-a-min:before{content:'\0061';}
.icon-b-min:before{content:'\0062';}
.icon-c-min:before{content:'\0063';}
.icon-d-min:before{content:'\0064';}
.icon-e-min:before{content:'\0065';}
.icon-f-min:before{content:'\0066';}
.icon-g-min:before{content:'\0067';}
.icon-h-min:before{content:'\0068';}
.icon-i-min:before{content:'\0069';}
.icon-j-min:before{content:'\006a';}
.icon-k-min:before{content:'\006b';}
.icon-l-min:before{content:'\006c';}
.icon-m-min:before{content:'\006d';}

/* Generated by Glyphter (http://www.glyphter.com) on  Thu Mar 11 2021*/
@font-face {
    font-family: 'optima';
    src: url('../fonts/optima.eot');
    src: url('../fonts/optima.eot?#iefix') format('embedded-opentype'),
         url('../fonts/optima.woff') format('woff'),
         url('../fonts/optima.ttf') format('truetype'),
         url('../fonts/optima.svg#optima') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
    display: inline-block;
   font-family: 'optima';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-A:before{content:'\0041';}
.icon-B:before{content:'\0042';}
.icon-C:before{content:'\0043';}
.icon-D:before{content:'\0044';}
.icon-E:before{content:'\0045';}

@font-face {
    font-family: fuente-regular;
    src: url("../fonts/Lato-Regular.ttf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: fuente-bold;
    src: url("../fonts/Lato-Bold.ttf") format("opentype");
    font-display: swap;
}

body{
    font-family: fuente-regular;
    color:#686c6d;
    background-color: #F8F8F8
}

a{
    color:inherit;
    text-decoration: none;
}


.clabs-titulo-principal{
    display: block;
    color:#0063b0;
    font-family: fuente-bold;
    font-size: 25px;
    text-align:left;
}

.clabs-subtitulo{
    display: block;
    color:#0063b0;
    font-family: fuente-bold;
    font-size: 18px;
    text-align: center;
}

.clabs-texto{
    color:#686c6d;
    text-align: justify;
    line-height: 25px;
}


/*HEADER*/

.clabs-header{
    text-align: center;
    padding-top:5px;
    padding-bottom:5px;
    background-color: white;
}

.clabs-redes-sociales{
    font-family:Generica;
    position: absolute;
    right:0px;

}
.clabs-header img{
    height: 100px;
}

.clabs-header span{
    line-height:80px;
    font-size:30px;
    color:#0063b0;
    padding-left: 5px;
}

.clabs-opciones-menu{
        text-align: center;
    }

@media only screen and (max-width: 550px) {
    .clabs-header{
        text-align: left;
    }


}

@media only screen and (max-width: 350px) {
    .clabs-header img{
        height: 40px;
    }

    .clabs-header span{
        line-height:40px;
    }

}

/*MENU PRINCIPAL*/
.clabs-opciones-menu{
    line-height: 30px;
    color:#686c6d;
    margin-top:20px;
}

.clabs-opcion-menu{
    padding-left: 20px;
    padding-right: 20px;
}

.clabs-opcion-menu a:hover{
    color:#0063b0;
}

@media only screen and (max-width: 550px) {
    .clabs-opcion-menu{
        padding-left: 10px;
        padding-right: 10px;
    }
}




/*FOOTER*/

.clabs-footer{
    background-color: white
}

.clabs-footer img{
    height: 80px;
}


.clabs-barra-footer{
    position: absolute;
    right: 0px;
    top:0px;
    background-color: #0063b0;
    height: 165px;
    width:200px;
}

.clabs-contenido-footer{
    padding-top: 30px;
}

.clabs-redes-sociales-footer{
    font-family:Generica;
    color:white;
    text-align: center;
    font-size: 40px;
    position: relative;
    line-height: 40px;
    top:35px;
}

@media only screen and (max-width: 350px) {
    .clabs-contenido-footer img{
        position: relative;
        left: -15px;
    }
}