.text-color-contenido {
    color: #87868a;
}

.bordes-espacio {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}


@media  (min-width:0px) and (max-width:611px) {
  .text-size-grande {
    font-size: 18px;
  }
}


@media  (min-width:612px) and (max-width:990px) {
  .text-size-grande {
    font-size: 17px;
  }
}

@media  (min-width:991px) and (max-width:1100px) {
  .text-size-grande {
    font-size: 19px;
  }
}


@media  (min-width:1101px) and (max-width:1259px) {
  .text-size-grande {
    font-size: 20px;
  }
}

@media  (min-width:1260px) and (max-width:2000px) {
  .text-size-grande {
    font-size: 21px;
  }
}

@media  (min-width:2001px) {
  .text-size-grande {
    font-size: 25px;
  }
}
@media  (min-width:0px) and (max-width:990px) {
  .text-size-mediano{
    font-size: 15px;
  }
}

@media  (min-width:991px) and (max-width:1100px) {
  .text-size-mediano{
    font-size: 15.6px;
  }
}


@media  (min-width:1101px) and (max-width:1259px) {
  .text-size-mediano{
    font-size: 19px;
  }
}

@media  (min-width:1260px) and (max-width:2000px) {
  .text-size-mediano{
    font-size: 19px;
  }
}

@media  (min-width:2001px) {
  .text-size-mediano{
    font-size: 20px;
  }
}





.image-header{
  background-color:rgba(255,255,255,0.6); /* rgbA */

}
.rgba{
  background-color:rgba(128,128,128,0.6); /* rgbA */
}

.fondo_oscuro {
  background-color:rgba(105,105,105,0.9); /* rgbA */
}

.font-color-grey {
  color : #808080; 
}
.font-color-blue {
  color : #3c5184; 
}

.font-color-light {
  color: #ffffff;   
}
@media  (min-width:0px) and (max-width:611px) {
  .titulo-size-grande {
    font-size: 20px !important;
  }
}
@media  (min-width:612px) and (max-width:990px) {
  .titulo-size-grande {
    font-size: 20px !important;
  }
}

@media  (min-width:991px) and (max-width:1100px) {
  .titulo-size-grande {
    font-size: 22px !important;
  }
}


@media  (min-width:1101px) and (max-width:1259px) {
  .titulo-size-grande {
    font-size: 22px !important;
  }
}

@media  (min-width:1260px) and (max-width:2000px) {
  .titulo-size-grande {
    font-size: 26px !important;
  }
}
    
@media  (min-width:2001px) {
  .titulo-size-grande {
    font-size: 32px !important;
  }
}

@media  (min-width:0px) and (max-width:567px) {
  .text-margin-cont-ofer-titulo {
    padding:1.0rem;
    font-size: 12px;
    line-height: 1.5;
    min-height: 80px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  }
}


@media  (min-width:568px) and (max-width:639px) {
  .text-margin-cont-ofer-titulo {
    padding-top:1.0rem;
    padding-bottom:1.0rem;
    padding-left:1.0rem;
    padding-right:1.0rem;
    font-size: 13px;
    line-height: 1.5;
    min-height: 210px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  }
}


@media  (min-width:640px) and (max-width:754px) {
  .text-margin-cont-ofer-titulo {
    padding-top:1.0rem;
    padding-bottom:1.0rem;
    padding-left:1.0rem;
    padding-right:1.0rem;
    font-size: 13px;
    line-height: 1.5;
    min-height: 180px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  }
}



@media  (min-width:755px) and (max-width:830px) {
  .text-margin-cont-ofer-titulo {
    padding-top:1.0rem;
    padding-bottom:1.0rem;
    padding-left:1.0rem;
    padding-right:1.0rem;
    font-size: 13px;
    line-height: 1.5;
    min-height: 160px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  }
}


@media  (min-width:831px) and (max-width:1049px) {
  .text-margin-cont-ofer-titulo {
    padding-top:2.0rem;
    padding-bottom:2.0rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
    font-size: 13px;
    line-height: 1.5;
    min-height: 160px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  }
}


@media  (min-width:1050px) and (max-width:1185px) {
  .text-margin-cont-ofer-titulo {
    padding-top:2.0rem;
    padding-bottom:2.0rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
    font-size: 13.5px;
    line-height: 1.5;
    min-height: 140px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);


  }
}



@media  (min-width:1186px) and (max-width:1319px) {
  .text-margin-cont-ofer-titulo {
    padding-top:2.5rem;
    padding-bottom:2.0rem;
    padding-left:2.5rem;
    padding-right:2.5rem;
    font-size: 14px;
    line-height: 1.5;
    min-height: 150px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);


  }
}


@media  (min-width:1320px) and (max-width:1595px) {
  .text-margin-cont-ofer-titulo {
    padding-top:2.5rem;
    padding-bottom:2.0rem;
    padding-left:2.5rem;
    padding-right:2.5rem;
    font-size: 14px;
    line-height: 1.7;
    min-height: 150px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  }
}

@media  (min-width:1596px) and (max-width:2000px) {
  .text-margin-cont-ofer-titulo {
    padding-top:2.5rem;
    padding-bottom:2.0rem;
    padding-left:2.5rem;
    padding-right:2.5rem;
    font-size: 14px;
    line-height: 1.7;
    min-height: 150px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  }
}

@media  (min-width:2001px) {
  .text-margin-cont-ofer-titulo {
    padding-top:3.0rem;
    padding-bottom:2.0rem;
    padding-left:3.5rem;
    padding-right:3.5rem;
    font-size: 14px;
    line-height: 1.7;
    min-height: 170px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);

  }
}



.fondo-color-blue {
  background-color : #3c5184; 
}

.text-color-contenido{
    color: #87868a;
}



@media  (min-width:0px) and (max-width:567px) {
  .text-margin-cont-bl-titulo {
    padding:1.0rem;
    font-size: 11.5px;
    line-height: 1.5;
  }
}

@media  (min-width:567px) and (max-width:713px) {
  .text-margin-cont-bl-titulo {
    padding:1.0rem;
    font-size: 11px;
    line-height: 1.5;
  }
}


@media  (min-width:714px) and (max-width:1595px) {
  .text-margin-cont-bl-titulo {
    padding:1.0rem;
    font-size: 12px;
    line-height: 1.5;
  }
}

@media  (min-width:1596px) and (max-width:2000px) {
  .text-margin-cont-bl-titulo {
    padding:0.5rem;
    font-size: 15px;
    line-height: 1.5;
  }
}

@media  (min-width:2001px) {
  .text-margin-cont-bl-titulo {
    padding:0.5rem;
    font-size: 19px;
    line-height: 1.5;
  }
}

@media  (min-width:0px) and (max-width:990px) {
  .text-margin-cont-ofer-edu {
    padding:1.0rem;
  }
}

@media  (min-width:991px) and (max-width:1595px) {
  .text-margin-cont-ofer-edu {
    padding:2.0rem;
  }
}

@media  (min-width:1596px) and (max-width:2000px) {
  .text-margin-cont-ofer-edu {
    padding:3.0rem;
  }
}

@media  (min-width:2001px) {
  .text-margin-cont-ofer-edu {
    padding:3.0rem;
  }
}



@media  (min-width:0px) and  (max-width:635px) {
  .padding-page {
    padding-right: 12px;
    padding-left: 12px;
  }
}


@media  (min-width:636px) and  (max-width:1000px) {
  .padding-page {
    padding-right: 15px;
    padding-left: 15px;
  }
}


@media  (min-width:1001px) and (max-width:1200px) {
  .padding-page {
    padding-right: 30px;
    padding-left: 30px;
  }
}


@media  (min-width:1201px) {
  .padding-page {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media  (min-width:0px) and  (max-width:635px) {
  .paddig-white {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px
  }
}


@media  (min-width:636px) and  (max-width:1000px) {
  .paddig-white {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px
  }
}


@media  (min-width:1001px) and (max-width:1200px) {
  .paddig-white {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px
  }
}


@media  (min-width:1201px) {
  .paddig-white {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px
  }
}



@media  (min-width:0px) and (max-width:562px) {
  .text-padding-bases-legales {
    padding-left:0px;
  }
}

@media  (min-width:563px) and (max-width:813px) {
  .text-padding-bases-legales {
    padding-left:36px;
  }
}


@media  (min-width:814px) and (max-width:1595px) {
  .text-padding-bases-legales {
    padding-left:35px;
  }
}

@media  (min-width:1596px) and (max-width:2000px) {
  .text-padding-bases-legales {
    padding-left:35px;
  }
}

@media  (min-width:2001px) {
  .text-padding-bases-legales {
    padding-left:35px;
  }
}


/*

Extra small
<576px  Small
≥576px  Medium
≥768px  Large
≥992px  Extra large
≥1200px
*/



/*
oferta educativa
*/

@media (min-width: 0px) and (max-width: 362px) {
    .logo-ofer-edu {
        background-image: url("imagenes/1-Encabezado-OfertaEducativa-760x180.png");
        background-size: 100%;
        width: 100%;
        padding-top: 23.5%;
        height: 0;
        width: auto;
        height: auto;
        align-content: center;
        align-self: center;
        align-items: center;
    }
}

@media (min-width: 363px) and (max-width: 1000px) {
    .logo-ofer-edu {
        background-image: url("imagenes/1-Encabezado-OfertaEducativa-760x100.png");
        background-size: 100%;
        width: 100%;
        padding-top: 13%;
        height: 0;
        width: auto;
        height: auto;
        align-content: center;
        align-self: center;
        align-items: center;
    }
}

@media (min-width: 1001px) and (max-width: 1200px) {
    .logo-ofer-edu {
        background-image: url("imagenes/1-Encabezado-OfertaEducativa-1200x100.png");
        background-size: 100%;
        width: 100%;
        padding-top: 8%;
        height: 0;
        width: auto;
        height: auto;
        align-content: center;
        align-self: center;
        align-items: center;
    }
}

@media (min-width: 1201px) {
    .logo-ofer-edu {
        background-image: url("imagenes/1-Encabezado-OfertaEducativa-1900x120.png");
        background-size: 100%;
        width: 100%;
        padding-top: 6%;
        height: 0;
        width: auto;
        height: auto;
        align-content: center;
        align-self: center;
        align-items: center;
    }
}

@media (min-width: 0px) and (max-width: 593px) {
    .text-padding-ofer-edu {
        padding-left: 20px;
    }
}

@media (min-width: 594px) and (max-width: 839px) {
    .text-padding-ofer-edu {
        padding-left: 50px;
    }
}

@media (min-width: 840px) and (max-width: 1595px) {
    .text-padding-ofer-edu {
        padding-left: 50px;
    }
}

@media (min-width: 1596px) and (max-width: 2000px) {
    .text-padding-ofer-edu {
        padding-left: 100px;
    }
}

@media (min-width: 2001px) {
    .text-padding-ofer-edu {
        padding-left: 35px;
    }
}

.text-color-contenido {
    color: #87868a;
}

.inscriptions {
    background-color: #3c5184;
}