@font-face {
  font-family:"Free Sans";
  src:url("../fonts/FreeSans.eot?") format("eot"),
  url("../fonts/FreeSans.woff") format("woff"),
  url("../fonts/FreeSans.ttf") format("truetype"),
  url("../fonts/FreeSans.svg#FreeSans") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Free Sans Bold";
  src:url("../fonts/FreeSansBold.eot?") format("eot"),
  url("../fonts/FreeSansBold.woff") format("woff"),
  url("../fonts/FreeSansBold.ttf") format("truetype"),
  url("../fonts/FreeSansBold.svg#FreeSansBold") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Free Sans Bold Oblique";
  src:url("../fonts/FreeSansBoldOblique.eot?") format("eot"),
  url("../fonts/FreeSansBoldOblique.woff") format("woff"),
  url("../fonts/FreeSansBoldOblique.ttf") format("truetype"),
  url("../fonts/FreeSansBoldOblique.svg#FreeSansBoldOblique") format("svg");
  font-weight:normal;
  font-style:normal;
}

#contenedor{
  width:100%;
  overflow:hidden;
  position:relative;
  font-size:20px;
  color: #000;
  font-family:"Free Sans";
}

.pad{
  padding-left:0px;
  padding-right:0px;
}

.clear{
  clear:both;
}

#header{
  background-color: #fff;
  background-image:url(../img/line.webp);
  background-repeat: repeat-x;
  padding: 5px 0px;
}

.link-services{
  float: right;
  position: relative;
  text-decoration: none !important;
  background: url(../img/ico-estado.webp) no-repeat;
  background-position: 205px 2px;
  padding: 19px 0px;
  width: 333px;
  height: 93px;
  margin-top: 2%;
}

.link-services h1{
  color: #000;
  border-radius: 37px;
  display: block;
  padding-bottom: 9px;
  text-decoration: none;
}

.link-services p{
  color: #1D63B9;
  font-size: 24px;
  display: block;
  font-family:"Free Sans Bold Oblique";
  text-decoration: none;
}

.link-services:hover{
  background: url(../img/ico-estado-h.webp) no-repeat;
  background-position: 205px 2px;
}

.logo a {
  position: relative;
  float: left;
  z-index: 99999999;
}

#barra-menu{
  padding: 13px 0px;
  background-color:#0C3D80;
}

#menu{
  background: transparent;
  width: 100%;
  margin-bottom:0;
  border: none;
  min-height: 0px;
  text-align: center;
}

.navbar-inverse{
  background-color: #fff;
}

#navbar li{
  display: inline-block;
  margin: 0px 53px;
}

#navbar a{
  color: #fff;
  position: relative;
  display:block;
  font-family:"Free Sans Bold";
  text-decoration: none;
  padding: 0px 3px;
}

#navbar a:hover{
  color:#fc9847;
}

#navbar .selec{
  color:#fc9847;
}

.navbar-default .navbar-toggle .icon-bar{
  background-color: #000;
}
  
nav .me{
  color:#000;
  font-size: 13px;
  text-transform: uppercase;
}

#banner{
  margin-top:9%;
}

#banner .carousel-indicators{
  bottom: 25px;
  width: 58%;
}

#banner .carousel-indicators li {
  width: 18px;
  height: 18px;
  background-color: #0c3d80;
  border: none;
}

#banner .carousel-indicators .active{
  width: 18px;
  height: 18px;
  background-color: #F57700;
}

#banner .texto {
  position: absolute;
  bottom: 34%;
}

#banner .texto h1{
  color: #fff;
  font-size: 76px;
  font-family:"Free Sans Bold";
  text-shadow: 2px 2px 6px #000;
}

#banner .texto p{
  color: #fff;
  font-size: 53px;
  text-shadow: 2px 2px 6px #000;
}

#h-vinculate{
  padding:80px 0px;
}

.h-vinculate{
  text-align: center;
  margin-bottom: 40px;
}

#h-vinculate h1{
  font-size: 48px;
  color: #0C3C7A;
  font-family:"Free Sans Bold Oblique";
}

.line2 {
  width: 160px;
  height: 4px;
  background-color:#FE7600;
  display: inline-block;
}

.link-vinculate{
  width: 100%;
  float:left;
  position: relative;
  text-decoration: none !important;
  padding:13px 24px;
  margin-top: 2%;
  color: #000;
  border: 1px solid #2662BA;
  border-radius: 12px;
}

.link-vinculate p{
  font-size: 50px;
  padding-top: 19px;
}

.flec {
  background-color: #2864BC;
  color: #fff;
  border-radius: 41px;
  width: 78px;
  height: 78px;
  font-size: 16px;
  float: right;
  font-family:"Free Sans Bold Oblique";
  padding: 23px 18px;
  margin-top: 13px;
  text-align: center;

}

.ico1 {
  float: left;
  width: 103px;
  height: 99px;
  background: url(../img/btn-vinculate/ico-vinculate.webp) no-repeat;
  background-size: contain;
}

.link-vinculate:hover {
  background-color: #FE7600;
  color: #fff !important;
  border: 1px solid #FE7600;
}

.link-vinculate:hover .ico1{
  background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
}

.link-vinculate:hover .flec{
  background-color: #000;
}

.link-actualizar{
  width: 100%;
  float: left;
  position: relative;
  text-decoration: none !important;
  padding: 13px 24px;
  margin-top: 2%;
  color: #000;
  border: 1px solid #2662BA;
  border-radius: 12px;
}

.link-actualizar p{
  font-size: 50px;
  padding-top: 19px;
}

.link-actualizar2{
  width: 100%;
  float: left;
  position: relative;
  text-decoration: none !important;
  padding: 13px 24px;
  margin-top: 2%;
  color: #000;
  border: 1px solid #2662BA;
  border-radius: 12px;
}

.link-actualizar2 p{
  font-size: 32px;
  padding-top: 13px;
}

.link-actualizar2:hover {
  background-color: #FE7600;
  color: #fff !important;
  border: 1px solid #FE7600;
}

.link-actualizar2:hover .ico2 {
  background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
}

.ico2 {
  float: left;
  width: 103px;
  height: 99px;
  background: url(../img/btn-vinculate/ico-actualizar.webp) no-repeat;
  background-size: contain;
}

.link-actualizar:hover {
  background-color: #FE7600;
  color: #fff !important;
  border: 1px solid #FE7600;
}

.link-actualizar:hover .ico2{
  background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
}

.link-actualizar:hover .flec{
  background-color: #000;
}

.ico3 {
  float: left;
  width: 103px;
  height: 99px;
  background: url(../img/btn-vinculate/ico-actualizar2.webp) no-repeat;
  background-size: contain;
}

.link-actualizar:hover .ico3{
  background: url(../img/btn-vinculate/ico-actualizar2-h.webp) no-repeat;
}

#h-portafolio{
  background-color: #0C3D80;
  padding-top: 47px;
  padding-bottom: 288px;
}

#h-portafolio h1{
  font-size: 26px;
  font-family:"Free Sans Bold";
  color: #fff;
  padding-bottom: 23px;
}

#h-portafolio p{
  color: #fff;
  line-height: 25px;
  padding-left: 45px;
}

.h-portafolio a{
  text-decoration: none;
  color: #fff;
  padding: 15px 19px;
  margin-left: 10%;
  background: rgb(255,173,115);
  background: linear-gradient(180deg, rgba(255,173,115,1) 0%, rgba(242,147,81,1) 49%, rgba(195,83,0,1) 100%);
  border-radius: 11px;
}

.h-portafolio a:hover{
  background: rgb(23,228,0);
background: linear-gradient(180deg, rgba(23,228,0,1) 0%, rgba(19,185,0,1) 49%, rgba(15,148,0,1) 100%); 
}

.line3 {
  width: 38px;
  height: 4px;
  display: inline-block;
  position: relative;
  background-color: #FE7600;
}

#lineas-credito{
  margin-top: -5%;
  padding-bottom: 81px;
}

#home-linea{
  padding: 15px 0px;
}

.home-linea {
  width: 100%;
  float: left;
  position: relative;
}

.text_vermas {
  bottom: -3%;
  position: absolute;
  right: -1%;
}

.clic-mas {
  background-color:#1CA233;
  border-radius: 38px;
  width: 75px;
  height: 75px;
  color: #fff;
  float: right;
  font-size: 16px;
  padding: 23px 18px;
  font-family: "Free Sans Bold Oblique";
}

.home-linea:hover .clic-mas {
  background-color:#FE7600;
}

.ahorros{
  display: flex;
  justify-content: right;
}

.text-ahorros{
  background-color: #1CA233;
}

.texto-ahorros{
  margin-top:7%;
  margin-left: 24%;
}

.texto-ahorros h1{
  color: #fff;
}

.texto-ahorros h2{
  color: #fff;
  font-family:"Free Sans Bold";
  font-size: 38px;
}

.texto-ahorros a{
  color: #fff;
  font-size: 16px;
  font-family: "Free Sans Bold Oblique";
  border: 2px solid #fff;
  padding: 8px 15px;
  text-decoration: none;
  float: left;
  margin-top: 5%;
}

.texto-ahorros a:hover{
  background-color:#E36500;
}

.ico-ahorros {
  float: left;
  width: 116px;
  height: 101px;
  background: url(../img/ico-ahorros.webp) no-repeat;
}

#h_convenios{
  padding: 90px 0px;
}

#h_convenios h1{
  font-family: "Free Sans Bold Oblique";
  font-size: 48px;
  color: #0B3B7B;
}

#h_convenios p{
  font-family: "Free Sans Bold";
  padding-bottom: 50px;
  padding-top: 43px;
}

.line4 {
  width: 116px;
  height: 4px;
  display: block;
  position: relative;
  background-color: #FE7600;
}

.line5 {
  width: 56px;
  height: 4px;
  display: block;
  position: relative;
  background-color: #FE7600;
}

footer{
  padding: 30px 0px;
  background-image: url(../img/bg-footer.webp);
  background-position: center;
  background-repeat:repeat;
}

footer h1{
  font-size: 18px;
  color:#0E50AF;
  font-family: "Free Sans Bold";
  padding-bottom: 10px;
}

footer p{
  color: #000;
  font-size: 18px;
  line-height: 29px;
  margin-bottom: 12px;
}

footer span {
  float: left;
  padding-right: 4px;
  padding-top: 3px;
}

#web{
  background: #0C3D80;
  padding:9px 0px;
  text-align: right;
}

#copy a {
  background: url(../img/web.svg) no-repeat right;
  color:#ffffff2e;
  padding-right:123px;
  display: inline-block;
  font-size: 13px;
  text-decoration: none !important;
}

#redes {
  position: relative;
  text-align: left;
}

#fb {
  display: inline-block;
  background: url(../img/redes.webp) left;
  width: 58px;
  height: 56px;
}

#ins {
  display: inline-block;
  background: url(../img/redes.webp) -62px;
  width: 58px;
  height: 56px;
}

#you {
  display: inline-block;
  background: url(../img/redes.webp) right;
  width: 58px;
  height: 56px;
}

.link-convenios{
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.texto-link {
  background-color:#00000069;
  backdrop-filter: blur(10px);
  padding: 12px 60px 12px 27px;
  position: absolute;
  bottom: 0%;
}

.texto-link h2 {
  color: #fff;
  font-family:"Free Sans Bold";
  font-size: 42px;
  padding-bottom: 5px;
}

.texto-link h3{
  padding-bottom: 14px;
  color: #fff;
}

.ampliar {
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  font-family:"Free Sans Bold Oblique";
  font-size: 16px;
  margin-top: 7%;
}

.link-convenios:hover .texto-link {
  background-color: #1ba233a6;
}

#link-convenios{
  margin-top: 6%;
}

.h-galeria{
  display: flex;
}

.naranja{
  background-color: #F57700;
}

.ult-naranja{
  background-color: #F57700C2;
}

.ult-azul{
  background-color: #1152B1C4;
}

.ult-verde{
  background-color:#42BE49BF;
}

.link-hgaleria{
  float: left;
  position: relative;
  width: 100%;
  background: url(../img/galeria-eventos/img.webp) no-repeat;
  background-position: right;
}

.text-hgaleria {
  padding: 12px 60px 12px 27px;
  position: absolute;
  bottom: 15%;
  right: 6%;
}

.text-hgaleria h2 {
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}

.text-hgaleria h3{
  padding-bottom: 14px;
  color: #fff;
  font-size: 38px;
  font-family:"Free Sans Bold";
  line-height: 37px;
  text-shadow: 2px 2px 2px #000;
}

.ampliar-ga {
  color: #fff;
  border: 2px solid #fff;
  display: inline-block;
  font-family:"Free Sans Bold Oblique";
  font-size: 16px;
  margin-top: 7%;
  padding: 8px 15px;
}

.link-hgaleria:hover .ampliar-ga{
  background-color: #fff;
  color: #000;
}

.ico-gal {
  position: absolute;
  right: 223px;
  width: 116px;
  height: 101px;
  background: url(../img/galeria-eventos/ico-gal.webp) no-repeat;
}

.link-hgaleria2{
  position: relative;
  width: 100%;
  /*overflow: hidden;*/
  text-decoration: none !important;
  padding: 76px 0px;
}

.text-hgaleria2 {
  padding: 12px 60px 12px 27px;
  position: relative;
  float: left;
  left: 38%;
}

.text-hgaleria2 h1 {
  color: #fff;
}

.text-hgaleria2 h2{
  padding-bottom: 14px;
  color: #fff;
  font-size: 38px;
  font-family:"Free Sans Bold";
  line-height: 37px;
}

.ampliar-education {
  color: #fff;
  border: 2px solid #fff;
  display: inline-block;
  font-family:"Free Sans Bold Oblique";
  font-size: 16px;
  margin-top: 7%;
  padding: 8px 15px;
}

.link-hgaleria2:hover .ampliar-education{
  background-color: #fff;
  color: #000;
}

.ico-educacion {
  position: absolute;
  right: 222px;
  bottom: 32%;
  width: 116px;
  height: 106px;
  background: url(../img/ico-educacion-solidaria.webp) no-repeat;
  float: left;
}

#titulo {
  padding-top: 139px;
  padding-bottom: 119px;
  background-size: cover;
  margin-top: 8%;
  text-align: left;
}

#titulo h1 {
  color:#fff;
  font-size:76px;
  font-family:"Free Sans Bold";
}

#titulo h2{
  font-size: 53px;
  color: #fff;
}

.bg1a {
  background: url(../img/formatos/bg.webp) no-repeat center top;
  background-size: auto;
  background-size: auto;
}

.bg1b {
  background: url(../img/galeria-eventos/bg.webp) no-repeat center top;
  background-size: auto;
  background-size: auto;
}

.bg1c {
  background: url(../img/educacion-solidaria/bg.webp) no-repeat center top;
  background-size: auto;
  background-size: auto;
}

.bg2 {
  background: url(../img/empresa/bg.webp) no-repeat center top;
  background-size: auto;
  background-size: auto;
}

.bg3 {
  background: url(../img/servicios-ahorro/bg.webp) no-repeat center top;
  background-size: auto;
  background-size: auto;
}

.bg4 {
  background: url(../img/servicios-credito/bg.webp) no-repeat center top;
  background-size: auto;
  background-size: auto;
}

.bg5 {
  background: url(../img/convenios/bg.webp) no-repeat center top;
  background-size: auto;
  background-size: auto;
}

.bg6 {
  background: url(../img/lo-ultimo/bg.webp) no-repeat center top;
  background-size: auto;
  background-size: auto;
}

.bg7 {
  background: url(../img/bg-contacto.webp) no-repeat center top;
  background-size: auto;
  background-size: auto;
}

#formatos{
  padding: 80px 0px;
}

#formatos h1{
  color: #103B7F;
  padding-bottom:9px;
  font-family:"Free Sans Bold Oblique";
}

#formatos h2{
  padding-top: 17px;
  padding-bottom: 77px;
  font-size: 48px;
  font-family:"Free Sans Bold";
}

.link-formatos{
  background-repeat: no-repeat;
  float: left;
  position: relative;
  padding: 13px 13px;
  background-color: #efefef;
  border-radius: 18px;
  margin-bottom: 87px;
  width: 90%;
}

.link-formatos h3{
  font-family: "Free Sans Bold";
  font-size: 30px;
  padding-top: 31px;
  padding-left: 206px;
  color: #0B408C;
  display: inline-block;
  line-height: 38px;
}

.raya{
  width: 5px;
  height: 133px;
  background-color: #FD7605;
  float: right;
}

.raya2{
  width: 5px;
  height: 133px;
  background-color: #008E00;
  float: left;
}

.raya3{
  width: 5px;
  height: 133px;
  background-color: #2864BC;
  float: right;
}

.raya4{
  background-color: #FD7605;
  width: 5px;
  height: 133px;
  float: left;
}


.naran{
  width: 172px;
  height: 209px;
  margin-top: -4%;
  position: absolute;
  right: 16px;
}

.naran2{
  width: 172px;
  height: 209px;
  margin-top: -4%;
  position: absolute;
}

.azul{
  float: left;
  width: 172px;
  height: 209px;
  margin-top: -4%;
  position: absolute;
}

.tres {
  float: left;
  width: 172px;
  height: 209px;
  background: url(../img/formatos/tres.webp) no-repeat;
  margin-top: -4%;
  position: absolute;
}

.cuatro {
  float: left;
  width: 172px;
  height: 209px;
  background: url(../img/formatos/cuatro.webp) no-repeat;
  margin-top: -4%;
  position: absolute;
}

.vermas1{
  background-color:#FE7500;
  color: #fff;
  border-radius: 41px;
  width: 78px;
  height: 78px;
  font-size: 17px;
  float: right;
  font-family:"Free Sans Bold Oblique";
  padding: 23px 18px;
  margin-top: 29px;
  margin-left: 33px;
  margin-right: 18px;
}

.link-formatos:hover .vermas1{
  background-color: #000;
}

.link-formatos2{
  background-repeat: no-repeat;
  float: left;
  position: relative;
  padding: 13px 13px;
  background-color: #efefef;
  border-radius: 18px;
  margin-bottom: 87px;
  width: 90%;
}

.link-formatos2 h3{
  font-family: "Free Sans Bold";
  font-size: 30px;
  padding-top: 31px;
  padding-left: 41px;
  color: #0B408C;
  float: left;
  line-height: 38px;
  text-align: left;
}

.link-formatos4 {
  background-repeat: no-repeat;
  float: left;
  position: relative;
  text-decoration: none !important;
  padding: 13px 13px;
  color: #000;
  background-color: #efefef;
  border-radius: 18px;
  margin-bottom: 87px;
  width: 90%;
}

.link-formatos4 h3{
  font-family: "Free Sans Bold";
  font-size: 30px;
  padding-top: 8px;
  padding-left: 41px;
  color:#0B408C;
  float: left;
  line-height: 38px;
  text-align: left;
}

.verde{
  width: 172px;
  height: 209px;
  margin-top: -4%;
  position: absolute;
  right: 2%;
}

.vermas2{
  background-color:#008E00;
  color: #fff;
  border-radius: 41px;
  width: 78px;
  height: 78px;
  font-size: 17px;
  float: left;
  font-family:"Free Sans Bold Oblique";
  padding: 23px 18px;
  margin-top: 29px;
  margin-left: 18px;
  margin-right: 33px;
}

.link-formatos2:hover .vermas2{
  background-color: #000;
}

.link-formatos:hover .vermas3{
  background-color: #000;
}

.vermas3{
  background-color:#2864BC;
  color: #fff;
  border-radius: 41px;
  width: 78px;
  height: 78px;
  font-size: 17px;
  float: right;
  font-family:"Free Sans Bold Oblique";
  padding: 23px 18px;
  margin-top: 29px;
  margin-left: 33px;
  margin-right: 18px;
}

.vermas4{
  background-color:#FE7500;
  color: #fff;
  border-radius: 41px;
  width: 78px;
  height: 78px;
  font-size: 17px;
  float: left;
  font-family: "Free Sans Bold Oblique";
  padding: 23px 18px;
  margin-top: 29px;
  margin-left: 18px;
  margin-right: 33px;
}

.link-formatos2:hover .vermas4{
  background-color: #000;
}

.link-formatos4:hover .vermas4{
  background-color: #000;
}


#galeria{
  padding: 80px 0px;
}

#galeria h1{
  color: #103B7F;
  padding-bottom:9px;
  font-family:"Free Sans Bold Oblique";
}

#galeria h2{
  padding-top: 17px;
  padding-bottom: 63px;
  font-size: 48px;
  font-family:"Free Sans Bold";
}

.link-galeria{
  border-radius: 11px;
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 32px;
}

.texto-linkgaleria {
  background-color:#0E50AFC4;
  padding:12px 52px 12px 27px;
  position: absolute;
  bottom: 0%;
  width: 85%;
}

.texto-linkgaleria h3{
  color: #fff;
  font-family:"Free Sans Bold";
  font-size: 42px;
  padding-bottom: 5px;
}

.texto-linkgaleria h4{
  padding-bottom: 14px;
  color: #fff;
}

.ampliar-galeria {
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  font-family:"Free Sans Bold Oblique";
  font-size: 16px;
  margin-top: 7%;
}

.link-galeria:hover .texto-linkgaleria {
  background-color:#FE6500AD;
}

#nosotros{
  padding: 80px 0px;
}

#nosotros h1{
  color: #103B7F;
  padding-bottom:9px;
  font-family:"Free Sans Bold Oblique";
}

#nosotros h2{
  padding-top: 17px;
  padding-bottom: 77px;
  font-size: 48px;
  font-family:"Free Sans Bold";
}

#junta-directiva{
  padding: 65px 0px;
}

.junta-directiva{
  border-radius: 10px;
  padding: 106px 6px 104px 162px;
  background-color: #FE7600;
}

.junta-directiva h1{
  color: #fff;
  font-size: 38px;
  font-family:"Free Sans Bold";
}

.junta-directiva h2{
  letter-spacing: 6px;
  color: #fff;
  font-family:"Free Sans Bold Oblique";
  font-size: 115px;
}

.text-junta-directiva{
  border-radius: 10px;
  background-color: #E0E0E0;
  padding-left: 128px;
  padding-top: 45px;
  padding-bottom: 21px;
  padding-right: 100px;
  margin-top: 4%;
}

.text-junta-directiva h1{
  font-size: 48px;
  font-family:"Free Sans Bold Oblique";
  color: #113C80;
}

.text-junta-directiva p{
  font-family:"Free Sans Bold";
  line-height: 29px;
  margin-bottom: 34px;
  margin-top: 24px;
}

.figuras{
  width: 196px;
  height: 568px;
  background: url(../img/empresa/img.webp) no-repeat;
  top: 19%;
  position: absolute;
  background-position: left;
  right: 0;
}

#comites{
  background-color: #F5F5F5;
  padding: 80px 0px;
}

#comites h1{
  color: #103B7F;
  padding-bottom:9px;
  font-family:"Free Sans Bold Oblique";
}

#comites h2{
  padding-top: 17px;
  padding-bottom: 32px;
  font-size: 48px;
  font-family:"Free Sans Bold";
}

#organigrama{
  padding-bottom: 95px;
}

.link-organigrama{
  background-color:#1CA233;
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 76px 0px;
}

.text-organigrama {
  padding: 12px 60px 12px 27px;
  position: relative;
  float: left;
  left: 38%;
}

.text-organigrama h1 {
  color: #fff;
}

.text-organigrama h2{
  padding-bottom: 14px;
  color: #fff;
  font-size: 38px;
  font-family:"Free Sans Bold";
  line-height: 37px;
}

.ampliar-orga {
  color: #fff;
  border: 2px solid #fff;
  display: inline-block;
  font-family:"Free Sans Bold Oblique";
  font-size: 16px;
  margin-top: 7%;
  padding: 8px 15px;
}

.link-organigrama:hover .ampliar-orga{
  background-color: #fff;
  color: #000;
}

.ico-organigrama{
  position: absolute;
  right: 282px;
  bottom: 29%;
  width: 116px;
  height: 106px;
  background: url(../img/empresa/ico-organigrama.webp) no-repeat;
}

#reglamentacion{
  
}

.reglamentacion{
  background-color: #FE7600;
  text-align: center;
  padding: 80px 0px;
}

.reglamentacion h1{
  color: #fff;
  font-size: 38px;
  font-family:"Free Sans Bold";
}

.reglamentacion h2{
  letter-spacing: 6px;
  color: #fff;
  font-size: 114px;
  font-family:"Free Sans Bold Oblique";
}

.item-reglamentacion{
  padding: 65px 0px;
}

.item-reglamentacion ul li a{
  font-family:"Free Sans Bold";
  float: left;
  background-color: #0C3D80;
  color: #fff;
  padding: 28px 27px;
  border-radius: 41px;
  font-size: 18px;
  margin-bottom: 23px;
  text-decoration: none;
  box-shadow: 0px 4px 8px #0000008f;
  width: 100%;
  text-align: center;
}

.item-reglamentacion ul li a:hover{
  background-color: #1CA233;
}

#normatividad{
  background-color: #F5F5F5;
  padding: 97px 0px;
}

.normatividad{
  text-align: center;
}

.normatividad h1{
  font-family:"Free Sans Bold";
  font-size: 38px;
  color: #0C3D80;
}

.normatividad h2{
  color: #000;
  font-size: 115px;
  letter-spacing: 6px;
  font-family:"Free Sans Bold Oblique";
  padding-bottom: 65px;
}

.normatividad h3{
  font-size: 38px;
  color: #0C3D80;
  font-family:"Free Sans Bold";
  padding-bottom: 35px;
}

.normatividad p{
  font-family:"Free Sans Bold";
  margin-bottom: 94px;
}

.normatividad  ul li a{
  width: 100%;
  font-family:"Free Sans Bold";
  float: left;
  background-color: #0C3D80;
  color: #fff;
  padding: 28px 51px;
  border-radius: 41px;
  font-size: 18px;
  margin-bottom: 23px;
  text-decoration: none;
  box-shadow: 0px 4px 8px #0000008f;
}

.normatividad  ul li a:hover{
  background-color: #1CA233;
}

.asociarse_item{
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 60px;
}

.hover{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
}

.asociarse_item:hover .hover{
  display: block;
}

.beneficios{
  padding: 90px 0px;
}

#servicios-ahorro{
  padding: 95px 0px;
  background-color: #F5F5F5;
}

#servicios-ahorro h1{
  color: #103B7F;
  padding-bottom:9px;
  font-family:"Free Sans Bold Oblique";
}

#servicios-ahorro h2{
  padding-top: 17px;
  padding-bottom: 77px;
  font-size: 48px;
  font-family:"Free Sans Bold";
}

.texto-link2{
  width: 100%;
  position: absolute;
  padding: 22px 29px;
  background-color:#FE7600;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.texto-link2 h3{
  font-family:"Free Sans Bold";
  font-size:38px;
  color: #FFF;
  padding-bottom: 14px;
}

.texto-link2 h4{
  color: #fff;
}

.texto-link2 p{
  font-size: 16px;
  padding-top: 11px;
  color: #fff;
  font-family:"Free Sans Bold Oblique";
}

.link2{
  width: 97%;
  margin-bottom: 142px;
  float: left;
  position: relative;
  border-radius: 15px;
}

.link2:hover .texto-link2{
  background-color: #0D3C80;
}

#btn-servicioscredito{
  padding: 65px 0px;
  text-align: center;
}

.btn-linea-credito{
  display: inline-block;
  position: relative;
  text-decoration: none !important;
  background: url(../img/servicios-credito/ico.webp) no-repeat;
  background-position: 56px 9px;
  padding: 20px 83px;
  background-color: #0D3C80;
  box-shadow: 2px 6px 6px #0000004a;
  border-radius: 55px;
  margin-left: 45px;
}

.btn-linea-credito h1{
  color: #fff;
  border-radius: 37px;
  display: block;
  font-size: 30px;
  font-family:"Free Sans Bold";
  text-decoration: none;
  padding-left: 37px;
}

.btn-linea-credito:hover{
  background-color:#1CA233;
}

.selec2{
  background-color:#1CA233;
}

#servicios-credito{
  padding: 85px 0px;
  background-color:#F5F5F5;
}

#servicios-credito h1{
  color: #103B7F;
  padding-bottom: 9px;
  font-family: "Free Sans Bold Oblique";
}


#servicios-credito h2{
  padding-top: 17px;
  padding-bottom: 77px;
  font-size: 48px;
  font-family: "Free Sans Bold";
}

#servicios-credito p{
  color: #6c6c6c;
  font-size: 18px;
  padding-top: 36px;
  line-height: 23px;
  text-align: justify;
}

#lineas-credito{
  margin-top: -130px;
}

.blog{
  display: flex;
  flex-wrap: wrap;
  padding: 9px;
}

.blogs {
  background-color: #fff;
  border-radius: 14px;
  box-shadow:2px 0px 5px #0003;
  padding: 27px 4px;
  border-bottom: 7px solid #C75900;
}

.text_blog {
  padding:26px 13px;
  text-align: center;
}

.text_blog h1 {
  font-family: "Free Sans Bold";
   color: #FD7500;
   font-size: 28px;
   padding-bottom: 20px;
   text-align: center;
}

.text_blog p {
  line-height: 20px;
  color: #6c6c6c;
  font-size: 18px;
  text-align: center;
  padding-bottom: 35px;
}

.text_blog h2 {
  color: #41429C;
  font-family: "Roboto Bold";
  font-size: 18px;
  padding-top: 35px;
  text-transform: uppercase;
  line-height: 27px;
}

.btn-condicion {
  color: #fff;
  background-image: url(../img/blog/ico.webp);
  background-repeat: no-repeat;
  background-color: #1CA233;
  background-position: 117px 12px;
  padding: 12px 22px;
  text-decoration: none;
  border-radius: 9px;
  font-size: 17px;
  margin-left: 33px;
}

.btn-condicion:hover{
  color: #fff;
  text-decoration: none;
  background-color: #FE7600;
}

.btn-solicitelo {
  color: #fff;
  background-image: url(../img/blog/ico.webp);
  background-repeat: no-repeat;
  background-color:#0D3C80;
  background-position: 117px 12px;
  padding: 12px 25px;
  text-decoration: none;
  border-radius: 9px;
  font-size: 17px;
  margin-left: 15px;
}

.btn-solicitelo:hover{
  color: #fff;
  text-decoration: none;
  background-color: #FE7600;
}

.title-blog{
  text-align: center;
  padding-top: 83px;
  padding-bottom: 55px;
}

.title-blog h1{
  text-align: center;
  padding-bottom: 13px;
  font-family: "Raleway Bold";
  font-size: 38px;
  color: #404392;
}

#creditos{
  padding: 75px 0px;
}

.creditos{
  text-align: center;
}

.creditos h1{
  color: #103B7F;
  font-family: "Free Sans Bold Oblique";
}

.creditos h2{
  padding-top: 17px;
  padding-bottom: 16px;
  font-size: 48px;
  font-family: "Free Sans Bold";
}

.creditos p{
  font-size: 18px;
  color: #6c6c6c;
  line-height: 23px;
}

.line6 {
  width:87px;
  height: 4px;
  background-color: #FE7600;
  display: inline-block;
}

.text-creditos{
  background-color: #1CA233;
}

.texto-creditos{
  margin-top:7%;
  margin-left: 22%;
}

.texto-creditos h1{
  color: #fff;
  padding-bottom: 13px;
}

.texto-creditos h2{
  color: #fff;
  font-family:"Free Sans Bold";
  font-size: 38px;
}

.texto-creditos a{
  color: #fff;
  font-size: 16px;
  font-family: "Free Sans Bold Oblique";
  padding: 8px 15px;
  text-decoration: none;
  float: left;
  margin-top: 3%;
  border: 1px solid #1CA233;
}

.texto-creditos a:hover{
  padding: 8px 15px;
  border: 1px solid #fff;
}

#condiciones{
  background-color: #F5F5F5;
}

.condiciones{
  padding: 85px 0px;
  text-align: center;
}

.condiciones h1{
  font-family: "Free Sans Bold";
  font-size: 38px;
  color: #0C3D80;
}

.condiciones h2{
  color: #000;
  font-size: 115px;
  letter-spacing: 6px;
  font-family: "Free Sans Bold Oblique";
  padding-bottom: 65px;
}

.condiciones span{
  text-align: center;
  font-size: 18px;
  font-family: "Free Sans Bold";
}

.item-condiciones {
  display: flex;
  padding: 30px;
}

.items-condiciones {
  background-color: #fff;
  border-radius: 14px;
  box-shadow:2px 0px 5px #0003;
  padding: 27px 15px;
  border-bottom:6px solid #C75900;
}

.text_items-condiciones {
  padding: 16px 0px 39px 0px;
}

.text_items-condiciones h3 {
  font-family: "Free Sans Bold";
  color: #FD7500;
  font-size: 37px;
  padding-bottom: 20px;
  text-align: center;
}

.text_items-condiciones p{
  font-size: 24px;
  color: #6c6c6c;
}

#radicar{
  padding: 65px 0px;
  background-color: #F5F5F5;
}

.radicar{
  text-align: center;
}

.radicar h1{
  font-family: "Free Sans Bold";
  font-size: 38px;
  color: #0C3D80;
}

.radicar h2 {
  color: #000;
  font-size: 115px;
  letter-spacing: 6px;
  font-family: "Free Sans Bold Oblique";
  padding-bottom: 65px;
}

.radicar h3{
  font-family: "Free Sans Bold";
  text-align: left;
  padding-bottom: 10px;
  font-size: 18px;
}

.radicar p{
  font-size: 36px;
  text-align: left;
  font-family: "Free Sans Bold Oblique";
}

#btn-volver {
  background-image: url(../img/servicios-credito/btn-volver.webp);
  background-size: cover;
  text-align: center;
  padding: 114px 0px;
  background-position: center;
}

#btn-volver a {
  background-color: #FE7600;
  color: #fff;
  padding: 17px 34px;
  font-size: 27px;
  text-align: center;
  border-radius: 10px;
  text-decoration: none;
}

#btn-volver a:hover{
  background-color:#1CA233;
}

#convenios{
  padding: 78px 0px;
}

#convenios h1{
  color: #0B3B7B;
  padding-bottom: 9px;
  font-family: "Free Sans Bold Oblique";
}

#convenios p{
  padding-top: 17px;
  padding-bottom: 77px;
  font-size: 48px;
  font-family: "Free Sans Bold";
}

.convenio{
  display: flex;
}

.link-convenio{
  background-color:#F5F5F5;
  border-radius: 14px;
  box-shadow: 1px 0px 6px 2px #0003;
  padding: 36px 12px;
  border-bottom: 7px solid #C75900;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 44px;
  text-align: center;
  text-decoration: none !important;
}

.texto-linkconvenio{
  position: relative;
  padding-top: 11px;
  float: left;
  width: 100%;
  padding-bottom: 39px;
}

.texto-linkconvenio h3{
  color:#FF7500;
  font-family:"Free Sans Bold";
  font-size: 28px;
  padding-bottom: 5px;
}

.texto-linkconvenio h4{
  font-size: 18px;
  padding-bottom: 14px;
  color: #6c6c6c;
}

.ampliar-conve {
  background-color: #0D3C80;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  padding: 11px 10px;
}

.link-convenio:hover .ampliar-conve{
  background-color:#1CA233;
}

.ampliar-conve2 {
  background-color: #0D3C80;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  padding: 11px 10px;
}

.ampliar-conve2:hover{
  background-color:#1CA233;
}


#lo-ultimo h1{
  color: #0B3B7B;
  padding-bottom: 9px;
  font-family: "Free Sans Bold Oblique";
}

#lo-ultimo{
  padding: 65px 0px;
}

#lo-ultimo p{
  padding-top: 17px;
  padding-bottom: 43px;
  font-size: 48px;
  font-family: "Free Sans Bold";
}

.link-loultimo{
  border-radius: 11px;
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.text-loultimo {
  bottom: 0px;
  height: 100%;
  position: absolute;
  text-align: center;
  padding-top: 60px;
  width: 100%;
}

.text-loultimo h2 {
  color: #fff;
  font-size: 22px;
  padding-bottom: 5px;
}

.text-loultimo h3{
  font-size: 22px;
  padding-bottom: 14px;
  color: #fff;
  font-family:"Free Sans Bold";
}

.amp-ultimo {
  border-radius: 12px;
  color: #fff;
  font-family:"Free Sans Bold Oblique";
  font-size: 16px;
  position: absolute;
  bottom: 7%;
  text-align: center;
  width: 100%;
}

.link-loultimo:hover .amp-ultimo{
  color: #ff7d18;
}


.link-loultimo:hover .text-loultimo{
  background-color:#0000007a;
}

#afiliacion{
  padding:75px 0px;
}

.text-afiliacion{
  margin-top: 7%;
}

.text-afiliacion h1{
  color: #0B3C7E;
  padding-bottom: 9px;
  font-family:"Free Sans Bold Oblique";
}

.text-afiliacion h2{
  color: #000;
  font-family:"Free Sans Bold";
  font-size: 48px;
  padding-bottom: 90px;
  padding-top: 17px;
}

.btn-campana{
  float: left;
  position: relative;
  margin-bottom: 18px;
}

.hover2{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
}

.btn-campana:hover .hover2{
  display: block;
}

.capsulas{
  display: flex;
}

.text-capsulas{
  background-color: #FE7600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.texto-capsulas{
  position: relative;
  margin-top: 6%;
}

.texto-capsulas h1{
  color: #fff;
}

.texto-capsulas h2{
  color: #fff;
  font-family:"Free Sans Bold";
  font-size: 38px;
}

.texto-capsulas a{
  color: #fff;
  font-size: 16px;
  font-family: "Free Sans Bold Oblique";
  padding: 11px 15px;
  text-decoration: none;
  float: left;
  border:1px solid #FE7600;
  margin-top: 19%;
}

.texto-capsulas a:hover{
  border: 1px solid #fff;
  background-color:#E36500;
}

.ico-capsulas {
  float: left;
  width: 116px;
  height: 101px;
  background: url(../img/lo-ultimo/ico-capsulas-informativas.webp) no-repeat;
}

.gris{
  background-color: #F5F5F5;
}

#clasificados{
  padding:102px 0px;
}

.clasificados{
  text-align: center;
}

.clasificados{
  padding-bottom: 57px;
}

.clasificados h1 {
  color: #103B7F;
  font-family: "Free Sans Bold Oblique";
}

.clasificados h2 {
  padding-top: 17px;
  padding-bottom: 16px;
  font-size: 48px;
  font-family: "Free Sans Bold";
}

.clasificado{
  display: flex;
  flex-wrap: wrap;
}

.link-clasificados{
  background-color:#fff;
  border-radius: 14px;
  box-shadow: 1px 0px 6px 2px #0003;
  padding: 24px 4px;
  border-bottom: 6px solid #C75900;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  margin-bottom: 32px;
}

.texto-linkclasificados{
  position: relative;
  padding-top: 11px;
  float: left;
  width: 100%;
  padding-bottom: 21px;
}

.texto-linkclasificados h3{
  color:#000;
  font-family:"Free Sans Bold";
  font-size: 28px;
  padding-bottom: 5px;
}

.texto-linkclasificados h4{
  font-size: 18px;
  padding-bottom: 14px;
  color: #6c6c6c;
}

.ampli-clasificados{
  background-color: #1CA233;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  padding: 11px 33px;
}

.link-clasificados:hover .ampli-clasificados{
  background-color:#FE7600;
}

#informes{
  padding: 65px 0px;
}

.informes h1{
  color: #0B3B7B;
  padding-bottom: 9px;
  font-family: "Free Sans Bold Oblique";
}

.informes h2{
  padding-top: 17px;
  padding-bottom: 60px;
  font-size: 48px;
  font-family: "Free Sans Bold";
}

.informes h3{
  text-align: center;
  color: #0B3B7B;
  font-size: 22px;
}

.informes h4{
  text-align: center;
  font-family: "Free Sans Bold";
  padding-top: 8px;
  padding-bottom: 77px;
  font-size: 22px;
}

.link-informes{
  display: flex;
  flex-wrap: wrap;
}

.link-gestion{
  background-repeat: no-repeat;
  position: relative;
  text-decoration: none !important;
  background-color: #0D3C80;
  border-radius: 13px;
  margin-bottom: 38px;
  border: 1px solid #FE7600;
  width: 95%;
}

.link-gestion h1{
  font-size:25px;
  padding: 20px;
  color: #fff;
  line-height: 32px;
}

.link-gestion:hover .vermas1{
  background-color: #000;
}

.link-gestion:hover{
  background-color:#FE7600;
}

.ver-gestion{
  background-color:#1CA233;
  color: #fff;
  border-radius: 41px;
  width: 70px;
  height: 70px;
  font-size: 16px;
  float: right;
  font-family:"Free Sans Bold Oblique";
  padding: 20px 15px;
  margin: 36px 27px;
}

.link-gestion:hover .ver-gestion{
  background-color: #0D3C80;
}

#contacto{
  padding: 72px 0px;
}

.contacto h1{
  color: #103B7F;
  padding-bottom: 9px;
  font-family: "Free Sans Bold Oblique";
}

.contacto h2{
  padding-top: 17px;
  font-size: 48px;
  padding-bottom: 18px;
  font-family: "Free Sans Bold";
}

.contacto p{
  color: #6c6c6c;
  font-size: 18px;
  padding-bottom:35px;
  line-height: 22px;
}


#formulario h1 {
  margin-top: 12px !important;
  color: #56799f !important;
  margin-bottom: 35px;
}

#formulario h2 {
  text-align: left;
  font-size: 18px;
  padding-left: 7px;
  font-family: "Free Sans Bold";
  margin-top: 7px !important;
}

#formulario input {
  width: 100%;
  background-color:#0D3C80;
  color: #fff;
  border: none;
  font-size: 18px;
  padding: 11px 18px;
  margin-top: 5px;
  margin-bottom: 8px;
  border-radius: 10px;
}

#formulario h3{
  font-size: 13px;
  text-align: right;
  padding-top: 4px;
  color: #00000087;
}

.form-control {
  width: 100%;
  background-color: #0D3C80;
  color: #fff;
  border: 1px solid #0000008a;
  font-size: 18px;
  padding: 8px 18px;
  margin-top: 6px;
  margin-bottom: 14px;
  border-radius: 10px;
  height: 41px;
}

#formulario textarea {
  width: 100%;
  background-color:#0D3C80;
  color: #fff;
  padding: 10px 12px;
  margin-top: 5px;
  font-size: 17px;
  border-radius: 10px;
  height: 100px;
  border: 0px;
}

#enviar {
  width: 149px !important;
  cursor: pointer;
  position: relative;
  float: right;
  color: #fff !important;
  text-align: center;
  font-family: "Free Sans Bold";
  margin-top: 20px !important;
  padding: 10px 0px !important;
  background-color: #1CA233 !important;
  margin-right: 15px;
  border: none !important;
  text-transform: uppercase;
  border-radius: 11px;
}

#enviar:hover{
  background-color: #0D3C80 !important;
}

#borrar {
  width: 149px !important;
  cursor: pointer;
  position: relative;
  float: right;
  color: #fff !important;
  font-family: "Free Sans Bold";
  text-align: center;
  margin-top: 20px !important;
  padding: 10px 0px !important;
  background-color: #1CA233 !important;
  border: none !important;
  text-transform: uppercase;
  border-radius: 11px;
}

#borrar:hover{
  background-color: #0D3C80 !important;
}

#trabajo{
  padding: 128px 0px;
}

.text-contacto{
  margin-top: 9%;
}

.text-contacto h1{
  font-family: "Free Sans Bold";
  font-size: 60px;
}

.text-contacto h1 span{
  font-family: "Free Sans Bold";
  font-size: 48px;
}

.text-contacto h2{
  font-family: "Free Sans Bold";
  font-size: 60px;
  color: #fff;
  border-radius: 58px;
  background-color: #FE7D18;
  padding: 28px 54px;
  display: table;
  margin-bottom: 47px;
  margin-top: 12px;
}

.text-contacto h3{
  font-size: 30px;
  color: #273f7d;
  font-family:"Free Sans Bold Oblique";
  padding-bottom: 10px;
}

.text-contacto h4{
  font-family:"Free Sans Bold Oblique";
  font-size: 19px;
  color: #fff;
  border-radius: 58px;
  background-color: #008D00;
  padding: 14px 23px;
  display: table;
  margin-bottom: 30px;
  margin-top: 12px;
}

.btn-estado a{
  margin-top: 14px;
  float: left;
}

.formato_item{
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px;
}

.hover{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
}

.formato_item:hover .hover{
  display: block;
}

.link-beneficios{
  border-radius: 11px;
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.text-beneficios {
  bottom: 0px;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  background-color:#0b3e85ba;
  padding: 115px 65px 10px 65px;
}

.text-beneficios h1 {
  font-family:"Free Sans Bold";
  color: #fff;
  padding-top: 9px;
  font-size: 18px;
}

.sticky-container{
  /*background-color: #333;*/
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -166px;
  top:291px;
  width: 238px;
  z-index: 99999999;
}

.sticky-container3{
  /*background-color: #333;*/
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -172px;
  top: 471px;
  width: 238px;
  z-index: 99999999;
}

.sticky li{
border-radius: 45px;
list-style-type: none;
background: rgb(255,122,11);
background: linear-gradient(180deg, rgba(255,122,11,1) 0%, rgba(255,130,28,1) 49%, rgba(254,149,57,1) 100%); 
color: #efefef;
padding: 7px 0px 21px 6px;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
cursor: pointer;
}

.sticky li:hover{
  margin-left: -124px;
  /*-webkit-transform: translateX(-115px);
  -moz-transform: translateX(-115px);
  -o-transform: translateX(-115px);
  -ms-transform: translateX(-115px);
  transform:translateX(-115px);*/
  /*background-color: #8e44ad;*/
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
              -webkit-filter: grayscale(0%);
              text-decoration: none !important;
  
}

.sticky li a{
text-decoration: none;
}

.sticky li img{
float: left;
margin: 0px 4px 0px 0px;
}

.sticky li p{
padding-top:13px;
margin: 0px;
}

.sticky p{
color: #fff;
line-height: 18px;
font-size: 14px !important;
font-family:"Free Sans Bold";
}

.sticky-container2{
  /*background-color: #333;*/
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -172px;
  top: 381px;
  width: 238px;
  z-index: 99999999;
}

.sticky2 li{
border-radius: 45px;
list-style-type: none;
background-color:#019bca;
color: #efefef;
height: 64px;
padding: 0px;
margin: 0px 0px 1px 0px;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
cursor: pointer;
}

.sticky2 li:hover{
  margin-left: -160px;
  /*-webkit-transform: translateX(-115px);
  -moz-transform: translateX(-115px);
  -o-transform: translateX(-115px);
  -ms-transform: translateX(-115px);
  transform:translateX(-115px);*/
  /*background-color: #8e44ad;*/
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
              -webkit-filter: grayscale(0%);
              text-decoration: none !important;
}

.sticky2 li a{
  text-decoration: none;
}

.sticky2 li img{
  float: left;
  margin: 0px 4px 0px 0px;
}

.sticky2 li p{
  padding-top: 5px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 14px !important;
  font-family:"Decker Bold";
}

.sticky2 p{
  color: #fff;
  font-family:"Decker Bold";
  line-height: 17px;
  font-size: 15px;
}

.modal-open .modal{
	background:rgba(0, 0, 0, 0.6);
}

.modal-content{
	background-color:transparent;
	box-shadow:none;
	border:none;
}

.close {
  float: right;
  font-size: 55px;
  font-weight: 700;
  line-height: 1;
  color: #fff !important;
  text-shadow: 0 1px 0 #fff;
  opacity: 3.2;
}

/*-------------------------------------------------------------------------------*/

@media (max-width: 991px) and (min-width:300px){

  #navbar a {
    width: 100%;
    text-align: center;
    padding: 8px 0px;
    text-decoration: none;
    border: none;
    font-size: 16px;
    border-bottom: 1px solid #ffffff4d;
  }

   #banner-xs {
    margin-top: 18%;
  }

    #menu {
    margin-top: -47px;
    float: right;
    width: auto;
  }

  #navbar li{
    width: 100%;
    margin:0px;
  }

  .navbar-header {
    float: none;
  }

  .navbar-left,.navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    border: 1px !important;
    margin-right: -1px;
    padding: 0px;
  }

  .navbar-nav{
    margin: 0px;
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    
  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #000;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-toggle .icon-bar{
    width: 38px;
    height: 1px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px ;
    padding-bottom: 10px;
  }

  .collapse.in{
    display:block !important;
  }

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    border-color: #fff0;
  }

  #barra-menu{
    padding: 0px;
  }

  .convenio {
    display: flex;
    flex-wrap: wrap;
  }

  .texto-linkconvenio h3{
    font-size: 24px;
  }

  #h-vinculate h1{
    font-size: 22px;
  }

  .link-vinculate:hover .ico1{
    width: 60px;
    height: 54px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .link-services{
    float: left;
    width: 130px;
    height: 54px;
    padding: 4px 0px;
    background-image:none;
    margin-top: 4%;
  }

  .link-services:hover{
    float: left;
    width: 202px;
    height: 54px;
    background-image:none;
  }

  .texto-linkconvenio h3{
    font-size: 24px;
  }

  .link-services p{
    font-size: 14px;
  }

  .link-services h1{
    font-size: 16px;
    padding-bottom: 5px;
  }

  #h-vinculate h1{
    font-size: 23px;
  }

  .link-vinculate p {
    font-size: 18px;
    padding-top:10px;
  }

  .link-actualizar2{
    padding:7px 5px;
  }

  .link-actualizar2 p {
    font-size: 14px;
    padding-top: 3px;
  }

  .ico3 {
    width: 60px;
    height: 54px;
  }

  .link-actualizar{
    padding: 13px 6px;
  }
  
  .link-actualizar p{
    font-size: 15px;
    padding-top: 9px;
  }

  .ico2 {
    width: 60px;
    height: 54px;
  }

  #lineas-credito{
    margin-top: 0px;
  }

  .link-actualizar:hover .ico2 {
    width: 60px;
    height: 54px;
    background-size: contain;
  }

  .flec{
    width: 52px;
    height: 52px;
    margin-top: 0px;
    font-size: 13px;
    padding: 13px 10px;
  }

  #h-portafolio p{
    line-height: 21px;
    font-size: 16px;
  }

  .texto-ahorros h2{
    font-size: 30px;
  }

  .ahorros {
    display: block;
  }

  #h-portafolio{
    padding-bottom: 100px;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 8%;
  }

  #h_convenios h1{
    font-size: 33px;
  }

  .link-vinculate{
    padding: 13px 4px;
  }

  .link-hgaleria{
    padding: 108px 0px;
  }

  footer p{
    font-size: 15px;
    line-height: 26px;
  }

  .h-galeria{
    display: block;
  }

  .text-hgaleria2{
    left:16%;
  }

  .text-hgaleria{
    right: 19%;
    bottom: 2%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .ico-educacion{
    right: 25px;
    bottom: -213%;
  }

  .link-hgaleria2{
    padding: 20px 0px;
  }

  #titulo{
    padding-top: 73px;
    padding-bottom: 23px;
    margin-top: 16%;
  }

  .texto-link2{
    padding: 22px 18px;
  }

  #formatos h2{
    font-size: 27px;
  }

  #titulo h1{
    font-size: 30px;
  }

  #titulo h2{
    font-size: 30px;
  }

  #nosotros h2{
    font-size: 30px;
    padding-bottom: 43px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 35px;
  }

  .junta-directiva h2{
    font-size:45px;
    letter-spacing: 3px;
  }

  .normatividad h2{
    font-size: 44px;
    padding-bottom: 31px;
  }

  .text-junta-directiva{
    padding-left: 26px;
    padding-right: 31px;
  }

  .asociarse_item{
    margin-bottom: 18px;
  }

  .text-organigrama{
    left: 27%;
  }

  .link-organigrama{
    padding: 46px 0px;
  }

  #comites h2{
    font-size: 37px;
  }

  .text-junta-directiva h1{
    font-size: 28px;
  }

  .btn-linea-credito{
    background-position: 32px 9px;
    padding: 11px 53px;
  }

  .accordion2 {
    margin-right: 0px !important;
  }

  .ico-organigrama{
    right: 249px;
  }

  .contents2{
    font-size: 16px !important;
  }

  .text-organigrama h2{
    font-size: 33px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  .normatividad h3{
    font-size:26px;
  }

  .normatividad p{
    line-height: 21px;
    font-size: 16px;
  }

  .item-reglamentacion ul li a{
    width: 100%;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
    padding: 19px 19px;
  }

  .reglamentacion h2{
    font-size: 51px;
  }

  .item-reglamentacion ul li a{
    padding: 23px 24px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .tabs .tab-header > div{
    margin-right: 20px !important;
    font-size: 22px !important;
  }

  .btn-linea-credito h1{
    font-size: 25px;
  }

  .texto-link h2{
    font-size: 32px;
  }

  #servicios-ahorro h2{
    font-size: 33px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 25px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .blog{
    display: block;
  }

  .creditos h2{
    font-size: 22px;
  }

  .text-creditos{
    padding: 65px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left: 5%;
  }

  .condiciones h2{
    font-size: 43px;
    padding-bottom: 46px;
  }

  #btn-volver a{
    padding: 17px 19px;
    font-size: 24px;
  }

  .texto-creditos h2{
    font-size: 31px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 47px;
  }

  .radicar p{
    font-size:19px;
    margin-bottom: 30px;
  }

  .condiciones{
    padding: 51px 0px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 36px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .clasificados h2{
    font-size: 42px;
  }

  .capsulas {
    display: block;
  }

  .text-capsulas{
    padding: 27px 0px;
  }
  
  .clasificado {
    display: inline-grid;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 36px;
  }

  #trabajo {
    padding: 68px 0px;
  }

  .text-contacto h2{
    font-size: 25px;
    padding: 13px 36px;
    margin-bottom: 22px;
  }
  
  .text-contacto h3{
    font-size:18px;
  }

  .ico1{
    width: 60px;
    height: 54px;
  }

  .text-contacto h1 span{
    font-size: 34px;
  }

  .tabs{
    margin-right: 9px !important;
  }

  .tabs .tab-body p{
    font-size: 15px  !important;
    line-height: 21px  !important;
  }

  .convenio {
    display: flex;
    flex-wrap: wrap;
  }

  .img2 {
    width: 70px;
  }


}





/*-------------------------------------------------------*/

@media (max-width: 400px) and (min-width:321px){

  .img2 {
    width: 70px;
  }

  #banner-xs{
    margin-top:18%;
  }

  #menu{
    margin-top: -47px;
    float: right;
    width: auto;
  }

  .ico1{
    width: 60px;
    height: 54px;
  }

  .link-vinculate:hover .ico1{
    width: 60px;
    height: 54px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .link-services{
    float: left;
    width: 130px;
    height: 54px;
    padding: 4px 0px;
    background-image:none;
    margin-top: 4%;
  }

  .link-services:hover{
    float: left;
    width: 202px;
    height: 54px;
    background-image:none;
  }

  .texto-linkconvenio h3{
    font-size: 24px;
  }

  .link-services p{
    font-size: 14px;
  }

  .link-services h1{
    font-size: 16px;
    padding-bottom: 5px;
  }

  #h-vinculate h1{
    font-size: 23px;
  }

  .link-vinculate p {
    font-size: 18px;
    padding-top:10px;
  }

  .link-actualizar2{
    padding:7px 5px;
  }

  .link-actualizar2 p {
    font-size: 14px;
    padding-top: 3px;
  }

  .ico3 {
    width: 60px;
    height: 54px;
  }

  .link-actualizar{
    padding: 13px 6px;
  }
  
  .link-actualizar p{
    font-size: 15px;
    padding-top: 9px;
  }

  .ico2 {
    width: 60px;
    height: 54px;
  }

  #lineas-credito{
    margin-top: 0px;
  }

  .link-actualizar:hover .ico2 {
    width: 60px;
    height: 54px;
    background-size: contain;
  }

  .flec{
    width: 52px;
    height: 52px;
    margin-top: 0px;
    font-size: 13px;
    padding: 13px 10px;
  }

  #h-portafolio p{
    line-height: 21px;
    font-size: 16px;
  }

  .texto-ahorros h2{
    font-size: 30px;
  }

  .ahorros {
    display: block;
  }

  #h-portafolio{
    padding-bottom: 100px;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 8%;
  }

  #h_convenios h1{
    font-size: 33px;
  }

  .link-vinculate{
    padding: 13px 4px;
  }

  .link-hgaleria{
    padding: 108px 0px;
  }

  footer p{
    font-size: 15px;
    line-height: 26px;
  }

  .h-galeria{
    display: block;
  }

  .text-hgaleria2{
    left:16%;
  }

  .text-hgaleria{
    right: 19%;
    bottom: 2%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .ico-educacion{
    right: 25px;
    bottom: -213%;
  }

  .link-hgaleria2{
    padding: 20px 0px;
  }

  #titulo{
    padding-top: 73px;
    padding-bottom: 23px;
    margin-top: 16%;
  }

  .texto-link2{
    padding: 22px 18px;
  }

  #formatos h2{
    font-size: 27px;
  }

  #titulo h1{
    font-size: 30px;
  }

  #titulo h2{
    font-size: 30px;
  }

  #nosotros h2{
    font-size: 30px;
    padding-bottom: 43px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 35px;
  }

  .junta-directiva h2{
    font-size:45px;
    letter-spacing: 3px;
  }

  .normatividad h2{
    font-size: 44px;
    padding-bottom: 31px;
  }

  .text-junta-directiva{
    padding-left: 26px;
    padding-right: 31px;
  }

  .asociarse_item{
    margin-bottom: 18px;
  }

  .text-organigrama{
    left: 27%;
  }

  .link-organigrama{
    padding: 46px 0px;
  }

  #comites h2{
    font-size: 37px;
  }

  .text-junta-directiva h1{
    font-size: 34px;
  }

  .accordion2 {
    margin-right: 0px !important;
  }

  .ico-organigrama{
    right: 249px;
  }

  .contents2{
    font-size: 16px !important;
  }

  .text-organigrama h2{
    font-size: 33px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  .normatividad h3{
    font-size:26px;
  }

  .normatividad p{
    line-height: 21px;
    font-size: 16px;
  }

  .item-reglamentacion ul li a{
    width: 100%;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
    padding: 19px 19px;
  }

  .reglamentacion h2{
    font-size: 51px;
  }

  .item-reglamentacion ul li a{
    padding: 23px 24px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .tabs .tab-header > div{
    margin-right: 28px !important;
    font-size: 27px !important;
  }

  .btn-linea-credito h1{
    font-size: 25px;
  }

  .texto-link h2{
    font-size: 32px;
  }

  #servicios-ahorro h2{
    font-size: 33px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 25px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  .btn-condicion{
    margin-left: 2px;
    display: block;
    margin-bottom: 8px;
  }

  .btn-solicitelo{
    display: block;
    margin-left: 0px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .blog{
    display: block;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 65px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left: 5%;
  }

  .condiciones h2{
    font-size: 43px;
    padding-bottom: 46px;
  }

  #btn-volver a{
    padding: 17px 19px;
    font-size: 24px;
  }

  .texto-creditos h2{
    font-size: 31px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 47px;
  }

  .radicar p{
    font-size:19px;
    margin-bottom: 30px;
  }

  .condiciones{
    padding: 51px 0px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 36px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .clasificados h2{
    font-size: 42px;
  }

  .capsulas {
    display: block;
  }

  .text-capsulas{
    padding: 27px 0px;
  }
  
  .clasificado {
    display: inline-grid;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 36px;
  }

  #trabajo {
    padding: 68px 0px;
  }

  .text-contacto h2{
    font-size: 25px;
    padding: 13px 36px;
    margin-bottom: 22px;
  }
  
  .text-contacto h3{
    font-size:18px;
  }

  .text-contacto h1 span{
    font-size: 34px;
  }

  .tabs{
    margin-right: 9px !important;
  }

  .tabs .tab-body p{
    font-size: 15px  !important;
    line-height: 21px  !important;
  }

  .convenio {
    display: flex;
    flex-wrap: wrap;
  }

}



/*------------------------------------------------------------------------*/

@media (max-width: 450px) and (min-width:401px){

  .img2 {
    width: 84px;
  }

  #banner-xs{
    margin-top:17%;
  }

  #menu{
    margin-top: -50px;
    float: right;
    width: auto;
  }

  .ico1{
    width: 91px;
    height: 82px;
  }

  .link-vinculate:hover .ico1{
    width: 91px;
    height: 82px;
    background-size: contain;
  }

  .ico2 {
    width: 91px;
    height: 82px;
  }
  
  .link-actualizar:hover .ico2 {
    width: 91px;
    height: 82px;
    background-size: contain;
  }

  .ico3{
    width: 91px;
    height: 82px;
  }

  .link-actualizar:hover .ico3{
    width: 91px;
    height: 82px;
    background-size: contain;
  }

  .link-actualizar{
    padding: 13px 12px;
  }

  .link-gestion h1{
    font-size: 16px;
    line-height: 21px;
  }

  .link-gestion{
    width: 100%;
  }

  .ver-gestion{
    margin: 21px 16px;
  }

  .informes h4{
    font-size: 18px;
  }

  .informes h2{
    font-size: 33px;
  }

  .link-services{
    float: left;
    width: 202px;
    height: 54px;
    background-image:none;
  }

  .link-services:hover{
    float: left;
    width: 202px;
    height: 54px;
    background-image:none;
  }

  .link-services p{
    font-size: 17px;
  }

  .link-services h1{
    font-size: 16px;
    padding-bottom: 5px;
  }

  #formatos h2{
    font-size: 31px;
    padding-bottom: 45px;
  }

  #h-vinculate h1{
    font-size: 23px;
  }

  .link-vinculate p {
    font-size: 23px;
    padding-top:25px;
  }

  .link-actualizar p{
    font-size: 23px;
  }

  .flec{
    margin-top: 0px;
  }

  .ahorros {
    display: block;
  }

  #h-portafolio{
    padding-bottom: 100px;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 8%;
  }

  #h_convenios h1{
    font-size: 41px;
  }

  .link-vinculate{
    padding: 13px 10px;
  }

  .link-hgaleria{
    padding: 108px 0px;
  }

  footer p{
    font-size: 15px;
    line-height: 26px;
  }

  .h-galeria{
    display: block;
  }

  .text-hgaleria2{
    left: 25%;
  }

  .text-hgaleria{
    right: 19%;
    bottom: 2%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .ico-educacion{
    right: 25px;
    bottom: -213%;
  }

  .link-hgaleria2{
    padding: 35px 0px;
  }

  #titulo{
    padding-top: 92px;
    padding-bottom: 50px;
    margin-top: 17%;
  }

  #titulo h1{
    font-size: 34px;
  }

  #titulo h2{
    font-size: 34px;
  }

  #nosotros h2{
    font-size: 30px;
    padding-bottom: 43px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 35px;
  }

  .junta-directiva h2{
    font-size:45px;
    letter-spacing: 3px;
  }

  .normatividad h2{
    font-size: 44px;
    padding-bottom: 31px;
  }

  .text-junta-directiva{
    padding-left: 26px;
    padding-right: 31px;
  }

  .asociarse_item{
    margin-bottom: 18px;
  }

  .text-organigrama{
    left: 27%;
  }

  .link-organigrama{
    padding: 46px 0px;
  }

  #comites h2{
    font-size: 37px;
  }

  .text-junta-directiva h1{
    font-size: 34px;
  }

  .accordion2 {
    margin-right: 0px !important;
  }

  .ico-organigrama{
    right: 249px;
  }

  .contents2{
    font-size: 16px !important;
  }

  .text-organigrama h2{
    font-size: 33px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  .normatividad h3{
    font-size:26px;
  }

  .normatividad p{
    line-height: 21px;
    font-size: 16px;
  }

  .item-reglamentacion ul li a{
    width: 100%;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
    padding: 19px 19px;
  }

  .reglamentacion h2{
    font-size: 51px;
  }

  .item-reglamentacion ul li a{
    padding: 23px 24px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .tabs .tab-header > div{
    margin-right: 28px !important;
    font-size: 27px !important;
  }

  .btn-linea-credito h1{
    font-size: 25px;
  }

  .texto-link h2{
    font-size: 39px;
  }

  #servicios-ahorro h2{
    font-size: 33px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 25px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  .btn-condicion{
    margin-left: 2px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .blog{
    display: block;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 65px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left: 5%;
  }

  .condiciones h2{
    font-size: 43px;
    padding-bottom: 46px;
  }

  #btn-volver a{
    padding: 17px 19px;
    font-size: 24px;
  }

  .texto-creditos h2{
    font-size: 31px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 47px;
  }

  .radicar p{
    font-size:19px;
    margin-bottom: 30px;
  }

  .condiciones{
    padding: 51px 0px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 36px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .clasificados h2{
    font-size: 42px;
  }

  .capsulas {
    display: block;
  }

  .text-capsulas{
    padding: 27px 0px;
  }
  
  .clasificado {
    display: inline-grid;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 36px;
  }

  #trabajo {
    padding: 68px 0px;
  }

  .text-contacto h2{
    font-size: 25px;
    padding: 13px 36px;
    margin-bottom: 22px;
  }
  
  .text-contacto h3{
    font-size:18px;
  }

  .text-contacto h1 span{
    font-size: 34px;
  }

  .tabs{
    margin-right: 9px !important;
  }

  .tabs .tab-body p{
    font-size: 15px  !important;
    line-height: 21px  !important;
  }

  .convenio {
    display: flex;
    flex-wrap: wrap;
  }


}


/*--------------------------------------------------------------------------------*/


@media (max-width: 500px) and (min-width:451px){

  .img2 {
    width: 93px;
  }

  #banner-xs{
    margin-top:18%;
  }

  #menu{
    margin-top: -49px;
    float: right;
    width: auto;
  }

  .ico1{
    width: 91px;
    height: 82px;
  }

  .link-vinculate:hover .ico1{
    width: 91px;
    height: 82px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }

  .link-services{
    float: left;
    width: 223px;
    height: 54px;
    background-position:138px 2px;
    background-size: contain;
  }

  .link-services:hover{
    width: 223px;
    height: 54px;
    background-position: 138px 2px;
    background-size: contain;
  }

  .informes h2{
    font-size: 37px;
  }

  .ver-gestion{
    margin: 17px 11px;
  }

  .link-gestion h1{
    font-size: 17px;
    line-height: 24px;
  }

  .link-services:hover{
    background-position: 155px 2px;
  }

  .link-services p{
    font-size: 17px;
  }

  .link-services h1{
    font-size: 16px;
    padding-bottom: 5px;
  }

  #h-vinculate h1{
    font-size: 27px;
  }

  .link-vinculate p {
    font-size: 23px;
    padding-top:25px;
  }

  .flec{
    margin-top: 0px;
  }

  #formatos h2{
    font-size: 27px;
  }

  .ahorros {
    display: block;
  }

  #h-portafolio{
    padding-bottom: 100px;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 15%;
  }

  #h_convenios h1{
    font-size: 41px;
  }

  .link-vinculate{
    padding: 13px 10px;
  }

  .link-actualizar{
    padding: 13px 10px;
  }

  .link-hgaleria{
    padding: 108px 0px;
  }

  .ico2 {
    width: 91px;
    height: 82px;
  }

  .link-actualizar:hover .ico2{
    width: 91px;
    height: 82px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .ico3{
    width: 91px;
    height: 82px;
  }

  .link-actualizar:hover .ico3{
    width: 91px;
    height: 82px;
    background-size: contain;
  }

  .link-actualizar p {
    font-size: 23px;
    padding-top: 25px;
  }

  footer p{
    font-size: 15px;
    line-height: 26px;
  }

  .h-galeria{
    display: block;
  }

  .text-hgaleria2{
    left: 25%;
  }

  .text-hgaleria{
    right: 19%;
    bottom: 2%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .ico-educacion{
    right: 25px;
    bottom: -213%;
  }

  .link-hgaleria2{
    padding: 35px 0px;
  }

  #titulo{
    padding-top: 92px;
    padding-bottom: 50px;
    margin-top: 16%;
  }

  #titulo h1{
    font-size: 39px;
  }

  #titulo h2{
    font-size: 35px;
  }

  #nosotros h2{
    font-size: 35px;
    padding-bottom: 48px;
  }

  .tabs .tab-header > div{
    margin-right: 44px !important;
  }

  .junta-directiva{
    padding: 66px 6px 80px 59px;
  }

  .junta-directiva h2{
    font-size: 45px;
  }

  .normatividad h2{
    font-size:53px;
    letter-spacing: 3px;
    padding-bottom: 39px;
  }

  .asociarse_item{
    margin-bottom: 21px;
  }

  .text-junta-directiva{
    padding-left: 59px;
    padding-right: 56px;
  }

  .text-organigrama{
    left: 27%;
  }

  .link-organigrama{
    padding: 46px 0px;
  }

  #comites h2{
    font-size: 42px;
  }

  .text-junta-directiva h1{
    font-size:36px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  .accordion2 {
    margin-right: 3px !important;
  }

  .contents2{
    font-size: 17px !important;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .normatividad h3{
    font-size:30px;
  }

  .item-reglamentacion ul li a{
    width: 100%;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
    padding: 28px 32px;
  }

  .reglamentacion h2{
    font-size: 64px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .btn-linea-credito h1{
    font-size: 25px;
  }

  .texto-link h2{
    font-size: 39px;
  }

  #servicios-ahorro h2{
    font-size: 40px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 25px;
  }

  .btn-linea-credito{
    padding: 20px 68px;
    background-position: 47px 8px;
  }

  .btn-condicion{
    margin-left: 10px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .blog{
    display: block;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 65px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left: 15%;
  }

  .condiciones h2{
    font-size: 59px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 54px;
  }

  .radicar p{
    font-size: 24px;
    margin-bottom: 30px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 34px;
  }

  #lo-ultimo p{
    font-size: 36px;
  }

  .text-afiliacion h2{
    font-size: 29px;
    padding-bottom: 43px;
  }

  .texto-capsulas a{
    margin-top: 5%;
  }

  .clasificados h2{
    font-size: 38px;
  }

  .capsulas {
    display: block;
  }

  .text-capsulas{
    padding: 27px 0px;
  }
  
  .clasificado {
    display: inline-grid;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 37px;
  }

  .text-contacto h2{
    font-size: 25px;
    padding: 14px 38px;
  }
  
  .text-contacto h3{
    font-size:19px;
  }

  .text-contacto h1 span{
    font-size:34px;
  }

  .tabs{
    margin-right: 9px !important;
  }

  .tabs .tab-body p{
    font-size: 17px  !important;
  }



}


/*--------------------------------------------------------------------------------*/


@media (max-width: 550px) and (min-width:501px){

  .img2 {
    width: 99px;
  }

  #banner-xs{
    margin-top:18%;
  }

  #menu{
    margin-top: -49px;
    float: right;
    width: auto;
  }

  .ico1{
    width: 91px;
    height: 82px;
  }

  .link-vinculate:hover .ico1{
    width: 91px;
    height: 82px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }

  #formatos h2{
    font-size: 33px;
  }

  .ico2{
    width: 91px;
    height: 82px;
  }

  .link-actualizar:hover .ico2{
    width: 91px;
    height: 82px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .ico3{
    width: 91px;
    height: 82px;
  }

  .link-actualizar:hover .ico3{
    width: 91px;
    height: 82px;
    background-size: contain;
  }

  .link-actualizar p {
    font-size: 23px;
    padding-top: 23px;
  }

  .ver-gestion{
    margin: 12px 21px;
  }
  

  .link-services{
    float: left;
    width: 235px;
    height: 72px;
    background-position: 155px 2px;
    background-size: contain;
  }

  .link-gestion h1{
    font-size: 18px;
    line-height: 25px;
  }

  .link-gestion{
    width: 100%;
  }

  .link-services:hover{
    width: 238px;
    height: 72px;
    background-position: 155px 2px;
    background-size: contain;
  }

  .link-services:hover{
    background-position: 155px 2px;
  }

  .link-services p{
    font-size: 20px;
  }

  .link-services h1{
    font-size: 18px;
  }

  #h-vinculate h1{
    font-size: 27px;
  }

  .link-vinculate p {
    font-size: 26px;
    padding-top: 23px;
  }

  .link-vinculate{
    padding: 13px 17px;
  }

  #h-portafolio p{
    font-size: 18px;
  }

  .flec{
    margin-top: 0px;
  }

  .ahorros {
    display: block;
  }

  #h-portafolio{
    padding-bottom: 100px;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 15%;
  }

  #h_convenios h1{
    font-size: 44px;
  }

  .link-hgaleria{
    padding: 108px 0px;
  }

  footer p{
    font-size: 15px;
    line-height: 26px;
  }

  .h-galeria{
    display: block;
  }

  .text-hgaleria2{
    left: 25%;
  }

  .text-hgaleria{
    right: 19%;
    bottom: 10%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .ico-educacion{
    right: 25px;
    bottom: -213%;
  }

  .link-hgaleria2{
    padding: 35px 0px;
  }

  #titulo{
    padding-top: 92px;
    padding-bottom: 50px;
    margin-top: 16%;
  }

  #titulo h1{
    font-size: 39px;
  }

  #titulo h2{
    font-size: 43px;
  }

  #nosotros h2{
    font-size: 35px;
    padding-bottom: 48px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 59px;
  }

  .junta-directiva h2{
    font-size: 56px;
  }

  .normatividad h2{
    font-size: 62px;
  }

  .text-junta-directiva{
    padding-left: 59px;
    padding-right: 56px;
  }

  .text-organigrama{
    left: 27%;
  }

  .link-organigrama{
    padding: 46px 0px;
  }

  #comites h2{
    font-size: 42px;
  }

  .text-junta-directiva h1{
    font-size: 36px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .normatividad h3{
    font-size:30px;
  }

  .item-reglamentacion ul li a{
    width: 100%;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
  }

  .reglamentacion h2{
    font-size: 64px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .btn-linea-credito h1{
    font-size: 25px;
  }

  .texto-link h2{
    font-size: 36px;
  }

  #servicios-ahorro h2{
    font-size: 40px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 29px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .blog{
    display: block;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 65px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left: 15%;
  }

  .condiciones h2{
    font-size: 59px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 54px;
  }

  .radicar p{
    font-size: 24px;
    margin-bottom: 30px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 36px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .clasificados h2{
    font-size: 42px;
  }

  .capsulas {
    display: block;
  }

  .text-capsulas{
    padding: 27px 0px;
  }
  
  .clasificado {
    display: inline-grid;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 47px;
  }

  .text-contacto h2{
    font-size:31px;
    padding: 19px 54px;
  }
  
  .text-contacto h3{
    font-size:21px;
  }

  .text-contacto h1 span{
    font-size: 40px;
  }

  .tabs{
    margin-right: 9px !important;
  }

  .tabs .tab-body p{
    font-size: 17px  !important;
  }

  .convenio {
    display: flex;
    flex-wrap: wrap;
  }



}

/*-----------------------------------------------------------------------------*/

@media (max-width: 600px) and (min-width:551px){

  .img2 {
    width: 110px;
  }

  #banner-xs{
    margin-top:16%;
  }

  #menu{
    margin-top: -51px;
    float: right;
    width: auto;
  }

  .link-services{
    float: left;
    background-position: 155px 2px;
  }

  .informes h2{
    font-size: 39px;
  }

  .link-gestion h1{
    font-size: 18px;
    line-height: 25px;
  }

  .ver-gestion{
    margin: 19px 20px;
  }

  #formatos h2{
    font-size: 33px;
  }

  .link-services:hover{
    background-position: 155px 2px;
  }

  .link-services p{
    font-size: 20px;
  }

  .link-services h1{
    font-size: 18px;
  }

  #h-vinculate h1{
    font-size: 33px;
  }

  .link-vinculate p {
    font-size: 27px;
    padding-top: 24px;
  }

  .link-actualizar p {
    font-size: 27px;
    padding-top: 24px;
  }

  .flec{
    margin-top: 0px;
  }
  
  .ico1{
    width: 91px;
    height: 82px;
  }

  .link-vinculate:hover .ico1{
    width: 91px;
    height: 82px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }

  .ico2{
    width: 91px;
    height: 82px;
  }

  .link-actualizar:hover .ico2{
    width: 91px;
    height: 82px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .ico3{
    width: 91px;
    height: 82px;
  }

  .link-actualizar:hover .ico3{
    width: 91px;
    height: 82px;
    background-size: contain;
  }

  .ahorros {
    display: block;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 20%;
  }

  footer p{
    font-size: 15px;
    line-height: 26px;
  }

  .h-galeria{
    display: block;
  }

  .link-hgaleria{
    padding: 106px 0px;
  }

  .text-hgaleria2{
    position: relative;
    left: 31%;
  }

  .text-hgaleria{
    right: 19%;
    bottom: 2%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .ico-educacion{
    right: 25px;
    bottom: -213%;
  }

  .link-hgaleria2{
    padding: 35px 0px;
  }

  #titulo{
    padding-top: 92px;
    padding-bottom: 50px;
    margin-top: 16%;
  }

  #titulo h1{
    font-size: 39px;
  }

  #titulo h2{
    font-size: 43px;
  }

  #nosotros h2{
    font-size: 35px;
    padding-bottom: 48px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 59px;
  }

  .junta-directiva h2{
    font-size: 76px;
  }

  .normatividad h2{
    font-size: 62px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .normatividad h3{
    font-size:30px;
  }

  .item-reglamentacion ul li a{
    width: 100%;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
  }

  .reglamentacion h2{
    font-size: 75px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 29px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .blog{
    display: block;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 65px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left: 15%;
  }

  .condiciones h2{
    font-size: 59px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 54px;
  }

  .radicar p{
    font-size: 24px;
    margin-bottom: 30px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 39px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .capsulas {
    display: block;
  }

  .text-capsulas{
    padding: 27px 0px;
  }
  
  .clasificado {
    display: inline-grid;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 47px;
  }

  .text-contacto h2{
    font-size:31px;
    padding: 19px 54px;
  }
  
  .text-contacto h3{
    font-size: 24px;
  }

  .text-contacto h1 span{
    font-size: 40px;
  }

  .convenio {
    display: flex;
    flex-wrap: wrap;
  }
  
}


/*------------------------------------------------------------------------*/


@media (max-width: 700px) and (min-width:601px){

  .img2 {
    width: 104px;
  }

  #banner-xs{
    margin-top:14%;
  }

  #menu{
    margin-top: -49px;
    float: right;
    width: auto;
  }

  .btn-estado a{
    margin-top: 0px;
  }

  .link-services{
    float: left;
    background-position: 155px 2px;
  }

  .link-services:hover{
    background-position: 155px 2px;
  }

  .link-services p{
    font-size: 20px;
  }

  .link-services h1{
    font-size: 18px;
  }

  #h-vinculate h1{
    font-size: 33px;
  }

  .link-vinculate p {
    font-size: 29px;
    padding-top: 28px;
  }

  .link-actualizar p {
    font-size: 29px;
    padding-top:24px;
  }

  .ico1{
    width: 89px;
    height: 83px;
  }

  .link-vinculate:hover .ico1 {
    width: 89px;
    height: 83px;
    background-size: contain;
  }

  .ico2{
    width: 89px;
    height: 83px;
  }

  .link-actualizar:hover .ico2{
    width: 89px;
    height: 83px;
    background-size: contain;
  }

  .ico3 {
    width: 89px;
    height:83px;
  }

  .link-actualizar:hover .ico3{
    width: 89px;
    height:83px;
    background-size: contain;
  }

  .ahorros {
    display: block;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 20%;
  }

  footer p{
    font-size: 15px;
    line-height: 26px;
  }

  .h-galeria{
    display: block;
  }

  .text-hgaleria2{
    position: relative;
    left: 30%;
  }

  .text-hgaleria{
    right: 19%;
    bottom: 2%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .ico-educacion{
    right: 25px;
    bottom: -213%;
  }

  .link-hgaleria{
    padding: 106px 0px;
  }

  .link-gestion h1{
    font-size: 19px;
    line-height: 28px;
  }

  .ver-gestion{
    margin: 14px 18px;
  }

  .link-hgaleria2{
    padding: 35px 0px;
  }

  #titulo{
    padding-top: 131px;
    padding-bottom: 50px;
    margin-top: 14%;
  }

  .link-formatos{
    width: 100%;
    padding: 8px 13px;
  }

  .uno{
    margin-top: -4%;
  }
  
  #formatos h2{
    font-size: 32px;
  }

  .link-formatos h3{
    font-size: 21px;
    line-height: 27px;
    padding-left: 176px;
  }

  .link-formatos2{
    width: 100%;
    padding: 8px 13px;
  }

  .link-formatos3{
    width: 100%;
    padding: 8px 13px;
  }

  .vermas2{
    margin-left: 0px;
    margin-right: 9px;
  }

  .link-formatos2 h3{
    font-size: 21px;
    line-height: 27px;
    padding-left: 24px;
  }

  .link-formatos3 h3{
    font-size: 21px;
    line-height: 27px;
    padding-right: 8px;
    padding-left: 179px;
  }

  .vermas1{
    margin-left: 6px;
    margin-right: -3px;
  }

  #titulo h1{
    font-size: 39px;
  }

  .convenio {
    display: flex;
    flex-wrap: wrap;
  }

  #titulo h2{
    font-size: 43px;
  }

  #nosotros h2{
    font-size: 35px;
    padding-bottom: 48px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 59px;
  }

  .junta-directiva h2{
    font-size: 76px;
  }

  .normatividad h2{
    font-size: 62px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .normatividad h3{
    font-size:30px;
  }

  .item-reglamentacion ul li a{
    width: 100%;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
  }

  .reglamentacion h2{
    font-size: 75px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 29px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .blog{
    display: block;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 65px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left: 15%;
  }

  .condiciones h2{
    font-size: 59px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 54px;
  }

  .radicar p{
    font-size: 24px;
    margin-bottom: 30px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 39px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .capsulas {
    display: block;
  }

  .text-capsulas{
    padding: 27px 0px;
  }
  
  .clasificado {
    display: inline-grid;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 47px;
  }

  .text-contacto h2{
    font-size:31px;
    padding: 19px 54px;
  }
  
  .text-contacto h3{
    font-size: 24px;
  }

  .text-contacto h1 span{
    font-size: 40px;
  }

  .tabs{
    margin-right: 10px !important;
  }

  .text-junta-directiva{
    padding-left: 62px;
    padding-right: 62px;
  }

  .text-junta-directiva h1{
    font-size: 42px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  #comites h2{
    font-size: 40px;
  }

  .text-loultimo{
    padding-top: 105px;
  }

  .clasificados h2{
    font-size: 41px;
    padding-top: 15px;
  }

  #galeria h2{
    font-size: 37px;
  }

    

}


/*----------------------------------------------------------------------------*/

@media (max-width: 750px) and (min-width:701px){

  .img2 {
    width: 132px;
  }

  #banner-xs{
    margin-top:16%;
  }

  #menu{
    margin-top: -49px;
    float: right;
    width: auto;
  }

  .link-services{
    float: left;
    background-position: 155px 2px;
  }

  .link-services:hover{
    background-position: 155px 2px;
  }

  .link-services p{
    font-size: 20px;
  }

  .link-services h1{
    font-size: 18px;
  }

  #h-vinculate h1{
    font-size: 33px;
  }

  .link-vinculate p {
    font-size: 30px;
    padding-top: 31px;
  }

  .link-actualizar p {
    font-size: 30px;
  padding-top: 31px;
  }

  .ahorros {
    display: block;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 20%;
  }

  footer p{
    font-size: 15px;
    line-height: 26px;
  }

  .link-gestion h1{
    font-size: 21px;
    line-height: 28px;
  }

  .ver-gestion{
    margin: 16px 20px;
  }

  .h-galeria{
    display: block;
  }

  .text-hgaleria2{
    position: relative;
    right: -33%;
  }

  .link-hgaleria{
    padding: 106px 0px;
  }

  .text-hgaleria{
    right: 19%;
    bottom: 2%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .ico-educacion{
    right: 25px;
    bottom: -213%;
  }

  .link-hgaleria2{
    padding: 35px 0px;
  }

  #titulo{
    padding-top: 92px;
    padding-bottom: 50px;
    margin-top: 16%;
  }

  #titulo h1{
    font-size: 39px;
  }

  #titulo h2{
    font-size: 43px;
  }

  #nosotros h2{
    font-size: 35px;
    padding-bottom: 48px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 59px;
  }

  .junta-directiva h2{
    font-size: 76px;
  }

  .normatividad h2{
    font-size: 62px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .normatividad h3{
    font-size:30px;
  }

  .item-reglamentacion ul li a{
    width: 100%;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
  }

  .reglamentacion h2{
    font-size: 75px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 29px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .blog{
    display: block;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 65px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left: 15%;
  }

  .condiciones h2{
    font-size: 59px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 54px;
  }

  .radicar p{
    font-size: 24px;
    margin-bottom: 30px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 39px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .capsulas {
    display: block;
  }

  .text-capsulas{
    padding: 27px 0px;
  }
  
  .clasificado {
    display: inline-grid;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 47px;
  }

  .text-contacto h2{
    font-size:31px;
    padding: 19px 54px;
  }
  
  .text-contacto h3{
    font-size: 24px;
  }

  .text-contacto h1 span{
    font-size: 40px;
  }

  .tabs{
    margin-right: 10px !important;
  }

  .text-junta-directiva{
    padding-left: 62px;
    padding-right: 62px;
  }

  .text-junta-directiva h1{
    font-size: 42px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  #comites h2{
    font-size: 40px;
  }

  .text-loultimo{
    padding-top: 105px;
  }

  .clasificados h2{
    font-size: 41px;
    padding-top: 15px;
  }

  #galeria h2{
    font-size: 37px;
  }

  .link-formatos h3{
    font-size: 24px;
    padding-left: 175px;
    line-height: 31px;
  }

  .vermas1{
    margin-left: 10px;
    margin-right: 4px;
  }

  .link-formatos2 h3{
    font-size: 24px;
    line-height: 31px;
    padding-left: 21px;
  }

  .vermas2{
    margin-left: 14px;
    margin-right: 13px;
  }

  #formatos h2{
    font-size: 35px;
  }

  .vermas3{
    margin-left: 14px;
    margin-right: 7px;
  }

  .link-formatos3 h3{
    padding-left:180px;
    padding-right: 83px;
    font-size: 24px;
    line-height: 30px;
  }


}


/*----------------------------------------------------------------*/

@media (max-width: 767px) and (min-width:751px){

  .img2 {
    width:127px;
  }

  #banner-xs{
    margin-top:15%;
  }

  #menu{
    margin-top: -66px;
    float: right;
    width: auto;
  }

  .link-services{
    float: left;
    background-position: 201px 2px;
  }

  .link-services:hover{
    background-position: 201px 2px;
  }

  #h-vinculate h1{
    font-size: 33px;
  }

  .link-vinculate p {
    font-size: 37px;
    padding-top: 27px;
  }

  .link-actualizar p {
    font-size: 37px;
    padding-top: 27px;
  }

  .ahorros {
    display: block;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 20%;
  }

  footer p{
    font-size:17px;
    line-height: 26px;
  }

  #formatos h2{
    font-size: 35px;
  }

  .h-galeria{
    display: block;
  }

  .text-hgaleria2{
    position: relative;
    right: -33%;
  }

  .link-hgaleria{
    padding: 106px 0px;
  }

  .text-hgaleria{
    right: 19%;
    bottom: 2%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .ico-educacion{
    right: 25px;
    bottom: -213%;
  }

  .link-hgaleria2{
    padding: 35px 0px;
  }

  #titulo{
    padding-top: 92px;
    padding-bottom: 50px;
    margin-top: 16%;
  }

  #titulo h1{
    font-size: 39px;
  }

  .convenio {
    display: flex;
    flex-wrap: wrap;
  }

  #titulo h2{
    font-size: 43px;
  }

  #nosotros h2{
    font-size: 35px;
    padding-bottom: 48px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 59px;
  }

  .junta-directiva h2{
    font-size: 76px;
  }

  .normatividad h2{
    font-size: 62px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .normatividad h3{
    font-size:30px;
  }

  .item-reglamentacion ul li a{
    width: 100%;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
  }

  .reglamentacion h2{
    font-size: 75px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 29px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .blog{
    display: block;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 65px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left: 15%;
  }

  .condiciones h2{
    font-size: 59px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 54px;
  }

  .radicar p{
    font-size: 24px;
    margin-bottom: 30px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 39px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .capsulas {
    display: block;
  }

  .text-capsulas{
    padding: 27px 0px;
  }
  
  .clasificado {
    display: inline-grid;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 47px;
  }

  .text-contacto h2{
    font-size:31px;
    padding: 19px 54px;
  }
  
  .text-contacto h3{
    font-size: 24px;
  }

  .text-contacto h1 span{
    font-size: 40px;
  }

  .tabs{
    margin-right: 10px !important;
  }

  .text-junta-directiva{
    padding-left: 62px;
    padding-right: 62px;
  }

  .text-junta-directiva h1{
    font-size: 42px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  #comites h2{
    font-size: 40px;
  }

  .text-loultimo{
    padding-top: 105px;
  }

  .clasificados h2{
    font-size: 41px;
    padding-top: 15px;
  }

  #galeria h2{
    font-size: 37px;
  }


  
}

/*-------------------------------------------------------------------*/

@media (max-width: 850px) and (min-width:768px){

  .img2 {
    width:127px;
  }

  #banner {
    margin-top: 14%;
  }

  #banner .texto h1{
    font-size: 60px;
  }

  #banner .texto{
    bottom: 27%;
  }

  #menu{
    margin-top: -48px;
    float: right;
    width: auto;
  }

  .link-services{
    float: left;
    background-position: 201px 2px;
    margin-top: 0%;
  }

  .link-services:hover{
    background-position: 201px 2px;
  }

  #h-vinculate h1{
    font-size: 33px;
  }

  .link-vinculate p {
    font-size:21px;
    padding-top: 22px;
  }

  .link-vinculate{
    padding: 7px 6px;
  }

  .ico1{
    width: 78px;
    height: 70px;
  }

  .link-vinculate:hover .ico1{
    width: 78px;
    height: 70px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }

  .ico2{
    width: 78px;
    height: 70px;
  }

  .link-actualizar:hover .ico2{
    width: 78px;
    height: 70px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .link-actualizar p {
    font-size: 18px;
    padding-top: 22px;
  }

  .link-actualizar  {
    padding: 7px 6px;
  }

  .flec{
    width: 63px;
    height: 64px;
    padding: 17px 12px;
    margin-top: 3px;
  }

  .ahorros {
    display: block;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 11%;
  }

  .texto-ahorros h2{
    font-size: 33px;
  }

  #link-convenios {
    margin-bottom: 27px;
    margin-top: 0px;
  }

  .texto-link h2{
    font-size: 35px;
  }

  footer p{
    font-size:17px;
    line-height: 26px;
  }

  .h-galeria{
    display: inline-grid;
  }

  .link-hgaleria{
    padding: 134px 0px;
  }

  .text-hgaleria2{
    position: relative;
    right: -33%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .text-hgaleria{
    right: 27%;
  }

  #titulo{
    padding-top: 141px;
    padding-bottom: 66px;
    margin-top: 13%;
  }

  .tabs .tab-header > div{
    margin-right: 41px !important;
    font-size: 22px !important;
  }

  .tabs .tab-body p{
    line-height: 21px !important;
    font-size: 16px !important;
  }

  #titulo h1{
    font-size: 39px;
  }

  .informes h2{
    font-size: 37px;
  }
  
  .link-gestion h1{
    font-size: 21px;
  }

  .ver-gestion{
    margin: 16px 19px;
  }

  #titulo h2{
    font-size: 43px;
  }

  #nosotros h2{
    font-size: 29px;
    padding-bottom: 48px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 30px;
  }

  .junta-directiva h2{
    font-size: 47px;
    letter-spacing: 1px;
  }

  .normatividad h2{
    font-size: 62px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .normatividad h3{
    font-size:30px;
  }

  .item-reglamentacion ul li a{
    padding: 19px 26px;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
    padding: 19px 21px;
  }

  .reglamentacion h2{
    font-size: 75px;
  }

  .text-beneficios{
    padding: 27px 44px 10px 44px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 22px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  #servicios-ahorro{
    padding: 37px 0px;
  }

  #servicios-ahorro h2{
    font-size: 41px;
    padding-bottom: 63px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .btn-condicion{
    margin-left: 5px;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 35px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left:7%;
  }

  .texto-creditos h2{
    font-size: 25px;
  }

  .condiciones h2{
    font-size: 59px;
  }

  .text_items-condiciones h3{
    font-size: 26px;
  }

  .text_items-condiciones p{
    font-size: 20px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 54px;
  }

  .radicar p{
    font-size: 24px;
    margin-bottom: 30px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 39px;
  }

  .texto-linkconvenio{
    padding-bottom: 15px;
  }

  #btn-volver{
    padding: 72px 0px;
  }

  #btn-volver a{
    font-size: 24px;
  }

  .texto-linkconvenio h3{
    font-size: 18px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .text-capsulas{
    padding: 27px 0px;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 38px;
  }

  .text-contacto h2{
    font-size: 24px;
    padding: 13px 41px;
  }
  
  .text-contacto h3{
    font-size: 18px;
  }

  .text-contacto h1 span{
    font-size: 34px;
  }

  .text-contacto {
    margin-top: -2%;
  }

  #trabajo {
    padding: 83px 0px;
  }

  .tabs{
    margin-right: 10px !important;
  }

  .text-junta-directiva{
    padding-left: 23px;
    padding-right: 21px;
  }

  .text-junta-directiva h1{
    font-size: 32px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  #comites h2{
    font-size: 40px;
  }

  .text-loultimo{
    padding-top: 105px;
  }

  .clasificados h2{
    font-size: 41px;
    padding-top: 15px;
  }

  #galeria h2{
    font-size: 37px;
  }

  .asociarse_item{
    margin-bottom: 22px;
  }

  .texto-link2{
    padding: 22px 17px;
  }

  .text_blog h1{
    font-size: 23px;
  }

  .text_blog p{
    font-size: 17px;
  }

  .item-condiciones{
    padding: 8px;
  }

  .texto-capsulas a{
    margin-top: 3%;
  }

  .texto-capsulas h2{
    font-size: 34px;
  }

  #formulario h2{
    font-size: 16px;
  }

  #formatos h2{
    font-size: 30px;
  }

  .link-formatos h3{
    font-size: 26px;
    padding-left: 181px;
    line-height: 34px;
  }

  .link-formatos2 h3{
    font-size: 26px;
    padding-top: 24px;
    padding-left: 18px;
    line-height: 34px;
  }

  .link-formatos4 h3{
    font-size: 26px;
    padding-top: 15px;
    padding-left: 24px
  }

  .ico3 {
    width: 78px;
    height:70px;
  }

  .link-actualizar:hover .ico3{
    width: 78px;
    height: 70px;
    background-size: contain;
  }

  .modal-dialog {
    width: 650px !important;
    margin:30px auto;
  }

  .link-actualizar2{
    padding: 8px 7px;
  }
  
  .link-actualizar2 p{
    font-size: 17px;
    padding-top: 9px;
  } 

}

/*-------------------------------------------------------------------------*/


@media (max-width: 900px) and (min-width:851px){

  .img2 {
    width:118px;
  }

  #banner {
    margin-top: 12%;
  }

  #banner .texto h1{
    font-size: 60px;
  }

  #banner .texto{
    bottom: 27%;
  }

  #menu{
    margin-top: -48px;
    float: right;
    width: auto;
  }

  .link-services{
    float: left;
    background-position: 201px 2px;
  }

  .link-services:hover{
    background-position: 201px 2px;
  }

  #h-vinculate h1{
    font-size: 33px;
  }

  .link-vinculate p {
    font-size:21px;
    padding-top: 22px;
  }

  .link-vinculate{
    padding: 7px 6px;
  }

  .ico1{
    width: 78px;
    height: 70px;
  }

  .link-vinculate:hover .ico1{
    width: 78px;
    height: 70px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }

  .ico2{
    width: 78px;
    height: 70px;
  }

  .link-actualizar:hover .ico2 {
    width: 78px;
    height: 70px;
    background-size: contain;
  }

  .link-actualizar:hover .ico1{
    width: 78px;
    height: 70px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .ico3 {
    width: 78px;
    height:70px;
  }

  .link-actualizar:hover .ico3{
    width: 78px;
    height: 70px;
    background-size: contain;
  }

  .link-actualizar p {
    font-size: 21px;
    padding-top: 19px;
  }

  .link-actualizar  {
    padding: 7px 6px;
  }

  .flec{
    width: 63px;
    height: 64px;
    padding: 17px 12px;
    margin-top: 3px;
  }

  .ahorros {
    display: block;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 11%;
  }

  .texto-ahorros h2{
    font-size: 33px;
  }

  #link-convenios {
    margin-bottom: 27px;
    margin-top: 0px;
  }

  .texto-link h2{
    font-size: 35px;
  }

  footer p{
    font-size:17px;
    line-height: 26px;
  }

  .h-galeria{
    display: inline-grid;
  }

  .link-hgaleria{
    padding: 134px 0px;
  }

  .text-hgaleria2{
    position: relative;
    right: -33%;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .text-hgaleria{
    right: 27%;
  }

  #titulo{
    padding-top: 141px;
    padding-bottom: 66px;
    margin-top: 13%;
  }

  .tabs .tab-header > div{
    margin-right: 41px !important;
    font-size: 22px !important;
  }

  .tabs .tab-body p{
    line-height: 21px !important;
    font-size: 16px !important;
  }

  #titulo h1{
    font-size: 39px;
  }

  #titulo h2{
    font-size: 43px;
  }

  #nosotros h2{
    font-size: 29px;
    padding-bottom: 48px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 30px;
  }

  .junta-directiva h2{
    font-size: 47px;
    letter-spacing: 1px;
  }

  .normatividad h2{
    font-size: 62px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .normatividad h3{
    font-size:30px;
  }

  .item-reglamentacion ul li a{
    padding: 19px 26px;
    text-align: center;
  }

  .normatividad ul li a{
    width: 100%;
    padding: 19px 21px;
  }

  .reglamentacion h2{
    font-size: 75px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 22px;
  }

  .btn-linea-credito{
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }

  #servicios-ahorro{
    padding: 37px 0px;
  }

  .text-beneficios{
    padding: 63px 44px 10px 44px;
  }

  #servicios-ahorro h2{
    font-size: 41px;
    padding-bottom: 63px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .btn-condicion{
    margin-left: 5px;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 35px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left:7%;
  }

  .texto-creditos h2{
    font-size: 25px;
  }

  .condiciones h2{
    font-size: 59px;
  }

  .text_items-condiciones h3{
    font-size: 26px;
  }

  .text_items-condiciones p{
    font-size: 20px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 54px;
  }

  .radicar p{
    font-size: 24px;
    margin-bottom: 30px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 39px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .text-capsulas{
    padding: 27px 0px;
  }

  .link-clasificados{
    margin-bottom: 45px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 38px;
  }

  .text-contacto h2{
    font-size: 24px;
    padding: 13px 41px;
  }
  
  .text-contacto h3{
    font-size: 18px;
  }

  .text-contacto h1 span{
    font-size: 34px;
  }

  .text-contacto {
    margin-top: -2%;
  }

  #trabajo {
    padding: 83px 0px;
  }

  .tabs{
    margin-right: 10px !important;
  }

  .text-junta-directiva{
    padding-left: 23px;
    padding-right: 21px;
  }

  .text-junta-directiva h1{
    font-size: 32px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  #comites h2{
    font-size: 40px;
  }

  .text-loultimo{
    padding-top: 105px;
  }

  .clasificados h2{
    font-size: 41px;
    padding-top: 15px;
  }

  #galeria h2{
    font-size: 37px;
  }

  .asociarse_item{
    margin-bottom: 22px;
  }

  .texto-link2{
    padding: 22px 17px;
  }

  .text_blog h1{
    font-size: 23px;
  }

  .text_blog p{
    font-size: 17px;
  }

  .item-condiciones{
    padding: 8px;
  }

  .texto-capsulas a{
    margin-top: 3%;
  }

  .texto-capsulas h2{
    font-size: 34px;
  }

  #formulario h2{
    font-size: 16px;
  }

  #formatos h2{
    font-size: 35px;
  }

  .texto-linkconvenio h3{
    font-size: 23px;
  }

  .modal-dialog {
    width: 650px !important;
    margin:30px auto;
  }

  .link-actualizar2{
    padding: 8px 11px;
  }
  
  .link-actualizar2 p{
    font-size: 20px;
    padding-top: 5px;
  }
}


/*-------------------------------------------------------------------------------*/


@media (max-width: 991px) and (min-width:901px){

  .img2 {
    width:127px;
  }

  #banner {
    margin-top: 11%;
  }

  #banner .texto h1{
    font-size: 60px;
  }

  #banner .texto{
    bottom: 27%;
  }

  #menu{
    margin-top: -49px;
    width: auto;
  }

  .link-services{
    float: left;
    background-position: 201px 2px;
    margin-top: 0%;
  }

  .link-services:hover{
    background-position: 201px 2px;
  }

  #h-vinculate h1{
    font-size: 33px;
  }

  .link-vinculate p {
    font-size: 27px;
    padding-top: 19px;
  }

  .link-vinculate{
    padding: 7px 6px;
  }

  .ico1{
    width: 78px;
    height: 70px;
  }

  .link-vinculate:hover .ico1{
    width: 78px;
    height: 70px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }

  .ico2{
    width: 78px;
    height: 70px;
  }

  .link-actualizar:hover .ico2{
    width: 78px;
    height: 70px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .link-actualizar p {
    font-size: 24px;
    padding-top: 19px;
  }

  .link-actualizar  {
    padding: 7px 6px;
  }

  .flec{
    width: 63px;
    height: 64px;
    padding: 17px 12px;
    margin-top: 3px;
  }

  .text-ahorros{
    padding-bottom: 53px;
  }

  .texto-ahorros{
    margin-top: 10%;
    margin-left: 11%;
  }

  .texto-ahorros h2{
    font-size: 33px;
  }

  #link-convenios {
    margin-bottom: 27px;
    margin-top: 0px;
  }

  .texto-link h2{
    font-size: 35px;
  }

  footer p{
    font-size:17px;
    line-height: 26px;
  }

  .text-hgaleria h3{
    line-height: 33px;
    font-size: 33px;
  }

  .link-hgaleria2{
    padding: 60px 0px;
  }

  #titulo{
    padding-top: 141px;
    padding-bottom: 66px;
    margin-top: 11%;
  }

  .tabs .tab-header > div{
    margin-right: 41px !important;
    font-size: 22px !important;
  }

  .tabs .tab-body p{
    line-height: 21px !important;
    font-size: 16px !important;
  }

  #titulo h1{
    font-size: 39px;
  }

  #titulo h2{
    font-size: 43px;
  }

  #nosotros h2{
    font-size: 29px;
    padding-bottom: 48px;
  }

  .junta-directiva{
    padding: 66px 6px 80px 57px;
  }

  .junta-directiva h2{
    font-size: 59px;
  }

  .normatividad h2{
    font-size: 62px;
  }

  .normatividad h1{
    font-size: 29px;
  }

  .normatividad h3{
    font-size:30px;
  }

  .reglamentacion h2{
    font-size: 75px;
  }

  #organigrama {
    padding-bottom: 39px;
  }

  .link2{
    margin-bottom: 196px;
  }

  .texto-link2 h3{
    font-size: 22px;
  }

  .btn-linea-credito{
    margin-left: 8px;
    padding: 20px 75px;
    margin-bottom: 16px;
  }

  .btn-linea-credito h1{
    font-size: 27px;
  }

  #servicios-ahorro{
    padding: 37px 0px;
  }

  #servicios-ahorro h2{
    font-size: 41px;
    padding-bottom: 63px;
  }

  #servicios-credito h2{
    padding-bottom: 25px;
    font-size: 38px;
  }

  .btn-condicion{
    margin-left: 5px;
  }

  .creditos h2{
    font-size: 39px;
  }

  .text-creditos{
    padding: 35px 0px;
  }

  .texto-creditos{
    margin-top: 0%;
    margin-left:7%;
  }

  .texto-creditos h2{
    font-size: 25px;
  }

  .condiciones h2{
    font-size: 59px;
  }

  .text_items-condiciones h3{
    font-size: 26px;
  }

  .text_items-condiciones p{
    font-size: 20px;
  }

  .radicar h1{
    font-size: 28px;
  }

  .radicar h2{
    font-size: 54px;
  }

  .radicar p{
    font-size: 24px;
    margin-bottom: 30px;
  }

  #convenios p{
    padding-bottom: 43px;
    font-size: 41px;
  }

  #lo-ultimo p{
    font-size: 39px;
  }

  .text-afiliacion h2{
    font-size: 34px;
    padding-bottom: 43px;
  }

  .text-capsulas{
    padding: 27px 0px;
  }

  .contacto h2{
    font-size: 38px;
  }

  .contacto p{
    font-size: 16px;
  }

  .text-contacto h1{
    font-size: 38px;
  }

  .text-contacto h2{
    font-size: 24px;
    padding: 13px 41px;
  }
  
  .text-contacto h3{
    font-size: 18px;
  }

  .text-contacto h1 span{
    font-size: 34px;
  }

  .text-contacto {
    margin-top: -2%;
  }

  #trabajo {
    padding: 83px 0px;
  }

  .tabs{
    margin-right: 10px !important;
  }

  .text-junta-directiva{
    padding-left: 66px;
    padding-right: 82px;
  }

  .link-organigrama{
    padding: 43px 0px;
  }

  .text-organigrama{
    left: 31%;
  }

  .text-junta-directiva h1{
    font-size: 32px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  #comites h2{
    font-size: 40px;
  }

  .clasificados h2{
    font-size: 41px;
    padding-top: 15px;
  }

  #galeria h2{
    font-size: 37px;
  }

  .asociarse_item{
    margin-bottom: 22px;
  }

  .texto-link2{
    padding: 22px 17px;
  }

  .text_blog h1{
    font-size: 23px;
  }

  .text_blog p{
    font-size: 17px;
  }

  .item-condiciones{
    padding: 8px;
  }

  .texto-capsulas a{
    margin-top: 3%;
  }

  .texto-capsulas h2{
    font-size: 34px;
  }

  #formulario h2{
    font-size: 16px;
  }

  #formatos h2{
    font-size: 38px;
  }

  .ico3 {
    width: 78px;
    height:70px;
  }

  .link-actualizar:hover .ico3{
    width: 78px;
    height: 70px;
    background-size: contain;
  }

  .texto-linkconvenio h3{
    font-size: 23px;
  }

  .link-actualizar2{
    padding: 7px 9px;
  }

  .link-actualizar2 p {
    font-size: 22px;
    padding-top: 9px;
  }
  
}

/*----------------------------------------------------------*/


@media (max-width: 1100px) and (min-width:992px){

  #navbar li{
    margin: 0px 3px;
  }

  .img2 {
    width: 156px;
  }

  #navbar a{
    font-size: 16px;
  }

  #banner{
    margin-top: 18%;
  }

  #banner .texto h1{
    font-size: 66px;
  }

  #banner .texto p{
    font-size: 46px;
  }

  #banner .texto{
    bottom: 25%;
  }

  footer p{
    font-size: 17px;
    line-height: 26px;
  }

  .text-hgaleria{
    right: 13%;
  }

  .link-hgaleria2{
    padding: 52px 0px;
  }

  .link-gestion h1{
    font-size: 19px;
    line-height: 24px;
  }

  .ver-gestion{
    margin: 23px 18px;
  }

  .ico1{
    width: 78px;
    height: 70px;
  }

  .texto-linkconvenio h3{
    font-size: 23px;
  }

  .link-vinculate:hover .ico1{
    width: 78px;
    height: 70px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }


  #nosotros h2{
    font-size: 42px;
    padding-bottom: 60px;
  }

  .asociarse_item{
    margin-bottom: 38px;
  }

  .tabs{
    margin-right: 50px !important;
  }

  .junta-directiva{
    padding: 83px 6px 88px 76px;
  }

  .junta-directiva h2{
    font-size: 55px;
  }

  .text-junta-directiva{
    padding-right: 68px;
    padding-left: 92px;
  }

  .text-junta-directiva h1{
    font-size: 41px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  .text-organigrama{
    left: 29%;
  }

  .link-organigrama{
    padding: 53px 0px;
  }

  .item-condiciones{
    padding: 13px;
  }

  .radicar h2{
    font-size: 95px;
  }

  .radicar p{
    font-size: 26px;
  }

  .normatividad h2{
    font-size: 79px;
  }

  #titulo{
    margin-top: 20%;
  }

  #titulo h1{
    font-size: 65px;
  }

  .link-services{
    margin-top: 4%;
  }

  #servicios-ahorro h2{
    font-size: 29px;
  }

  .texto-link2{
    padding: 22px 17px;
  }

  .texto-link2 h4{
    font-size: 17px;
  }

  #servicios-credito h2{
    font-size: 44px;
  }

  #servicios-credito p{
    padding-top: 0px;
  }

  .btn-linea-credito{
    margin-left: 16px;
  }

  .texto-link2 h3{
    font-size: 23px;
  }

  .texto-creditos{
    margin-left: 11%;
  }

  .condiciones h2{
    font-size: 91px;
  }

  .text_items-condiciones h3{
    font-size: 30px;
  }

  .text-afiliacion {
    margin-top: 5%;
  }

  .text-afiliacion h2{
    font-size: 39px;
    padding-bottom: 42px;
  }

  .clasificado{
    flex-wrap: nowrap;
  }

  .texto-linkclasificados h3{
    font-size: 27px;
  }

  .text-contacto h2{
    font-size: 28px;
    padding: 19px 54px;
  }

  .text-contacto h3{
    font-size: 23px;
  }

  .text-contacto h1{
    font-size: 48px;
  }

  .text-contacto {
    margin-top: 3%;
  }

  .link-vinculate p {
    font-size: 25px;
    padding-top: 17px;
  }

  .flec{
    width: 70px;
    height: 70px;
    font-size: 16px;
    padding: 18px 15px;
    margin-top: 0px;
  }

  .texto-ahorros{
    margin-left: 13%;
  }

  .ico2{
    width: 78px;
    height: 70px;
  }

  .link-actualizar:hover .ico2{
    width: 78px;
    height: 70px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .ico3 {
    width: 78px;
    height:70px;
  }

  .link-actualizar:hover .ico3{
    width: 78px;
    height: 70px;
    background-size: contain;
  }

  .link-actualizar p {
    font-size: 25px;
    padding-top: 16px;
  }

  #formatos h2{
    font-size: 39px;
  }
  
  .link-formatos h3{
    font-size: 19px;
    padding-left: 93px;
    line-height: 23px;
    padding-top: 10px;
  }

  .link-formatos2 h3{
    font-size: 19px;
    padding-left: 13px;
    line-height: 23px;
    padding-top: 11px;
  }

  .link-formatos{
    padding: 8px 12px;
  }

  .link-formatos2 {
    padding: 8px 12px;
  }

  .link-formatos4 {
    padding: 8px 12px;
  }

  .link-formatos4 h3 {
    font-size: 18px;
    padding-left:13px;
    line-height: 21px;
    padding-top: 4px;
  }

  .vermas1{
    margin-left: 12px;
    margin-right: 3px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas2 {
    margin-left: 3px;
    margin-right: 12px;
    margin-top: 6px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas3{
    margin-left: 12px;
    margin-right: 3px;
    margin-top: 6px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas4{
    margin-left: 3px;
    margin-right: 12px;
    margin-top: 6px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .naran2{
    width: 91px;
    height: 110px;
  }

  .naran{
    width: 91px;
    height: 110px;
  }

  .azul{
    width: 91px;
    height: 110px;
  }

  .verde{
    width: 91px;
    height: 110px;
  }

  .raya{
    width: 5px;
    height: 72px;
  }

  .raya2{
    width: 5px;
    height: 72px;
  }

  .raya3{
    width: 5px;
    height: 72px;
  }

  .raya4{
    width: 5px;
    height: 72px;
  }

  .link-actualizar2 p{
    font-size: 23px;
    padding-top: 9px;
  }

  #h-vinculate h1{
    font-size: 39px;
  }

  .link-actualizar2{
    padding: 13px 11px;
  }
  


}



/*------------------------------------------------------------------------*/


@media (max-width: 1199px) and (min-width:1101px){

  #navbar li{
    margin: 0px 7px;
  }

  .img2 {
    width: 144px;
  }

  #navbar a{
    font-size: 17px;
  }

  #banner{
    margin-top: 15%;
  }

  .text-hgaleria{
    right: 13%;
  }

  .accordion2 {
    margin-right: 18px !important;
  }

  .link-hgaleria2{
    padding: 52px 0px;
  }

  #nosotros h2{
    font-size: 42px;
  }

  .tabs{
    margin-right: 50px !important;
  }

  .junta-directiva{
    padding: 83px 6px 88px 76px;
  }

  .junta-directiva h2{
    font-size: 68px;
  }

  .text-junta-directiva{
    padding-right: 68px;
    padding-left: 92px;
  }

  .text-organigrama{
    left: 33%;
  }

  .link-organigrama{
    padding: 53px 0px;
  }

  .normatividad h2{
    font-size: 79px;
  }

  #titulo{
    margin-top: 15%;
  }

  #titulo h1{
    font-size: 65px;
  }

  #servicios-ahorro h2{
    font-size: 34px;
  }

  .texto-link2{
    padding: 22px 17px;
  }

  .texto-link2 h3{
    font-size: 23px;
  }

  .texto-creditos{
    margin-left: 11%;
  }

  .condiciones h2{
    font-size: 91px;
  }

  .text_items-condiciones h3{
    font-size: 30px;
  }

  .text-beneficios{
    padding: 63px 44px 10px 44px;
  }

  .text-beneficios h1{
    font-size: 15px;
  }

  .text-afiliacion h2{
    font-size: 39px;
  }

  .clasificado{
    flex-wrap: nowrap;
  }

  .texto-linkclasificados h3{
    font-size: 27px;
  }

  .link-gestion h1{
    font-size: 19px;
    line-height: 24px;
  }

  .ver-gestion{
    margin: 23px 18px;
  }

  .text-contacto h2{
    font-size: 28px;
    padding: 19px 54px;
  }

  .text-contacto h3{
    font-size: 23px;
  }

  .text-contacto h1{
    font-size: 48px;
  }

  .text-contacto {
    margin-top: 3%;
  }

  .link-vinculate p {
    font-size: 28px;
    padding-top: 23px;
  }

  .flec{
    margin-top: 0px;
  }

  .texto-ahorros{
    margin-left: 17%;
  }

  .ico1{
    width: 83px;
    height: 80px;
  }

  .link-vinculate:hover .ico1{
    width: 83px;
    height: 80px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }

  .ico2{
    width: 83px;
    height: 80px;
  }

  .link-actualizar:hover .ico2{
    width: 83px;
    height: 80px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .ico3 {
    width: 83px;
    height:80px;
  }

  .link-actualizar:hover .ico3{
    width: 83px;
    height: 80px;
    background-size: contain;
  }

  .link-actualizar p {
    font-size: 28px;
    padding-top: 20px;
  }

  #formatos h2{
    font-size: 39px;
  }
  
  .link-formatos h3{
    font-size: 20px;
    padding-left: 106px;
    line-height: 23px;
    padding-top: 16px;
  }

  .link-formatos2 h3{
    font-size:20px;
    padding-left: 16px;
    line-height: 23px;
    padding-top: 15px;
  }

  .link-formatos{
    padding: 8px 12px;
  }

  .link-formatos2 {
    padding: 8px 12px;
  }

  .link-formatos4 {
    padding: 8px 12px;
  }

  .link-formatos4 h3 {
    font-size: 20px;
    padding-left: 16px;
    line-height: 23px;
    padding-top: 4px;
  }

  .vermas1{
    margin-left: 12px;
    margin-right: 3px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas2 {
    margin-left: 3px;
    margin-right: 12px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas3{
    margin-left: 12px;
    margin-right: 3px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas4{
    margin-left: 3px;
    margin-right: 12px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .naran2{
    width: 104px;
    height: 125px;
  }

  .naran{
    width: 104px;
    height: 125px;
  }

  .azul{
    width: 104px;
    height: 125px;
  }

  .verde{
    width: 104px;
    height: 125px;
  }

  .raya{
    width: 5px;
    height: 82px;
  }

  .raya2{
    width: 5px;
    height: 82px;
  }

  .raya3{
    width: 5px;
    height: 82px;
  }

  .raya4{
    width: 5px;
    height: 82px;
  }

  .texto-linkconvenio h3{
    font-size: 23px;
  }

  .link-actualizar2 p{
    font-size: 26px;
    padding-top: 11px;
  }
  


}


/*------------------------------------------------------------------------------*/

@media (max-width: 1300px) and (min-width:1200px){
  
  .img2 {
    width: 144px;
  }

  #navbar li{
    margin: 0px 5px;
  }

  #navbar a{
    font-size: 16px;
  }

  .texto-linkconvenio h3{
    font-size: 23px;
  }

  #convenios p{
    font-size: 37px;
  }

  #banner{
    margin-top: 14%;
  }

  #titulo{
    margin-top: 14%;
    padding-top: 175px;
    padding-bottom: 60px;
  }

  #titulo h1{
    font-size: 67px;
  }

  .ico1{
    width: 72px;
    height: 65px;
  }

  .link-vinculate:hover .ico1{
    width: 72px;
    height: 65px;
    background-size: contain;
  }

  .link-informes{
    width: 100%;
  }

  .link-vinculate p{
    font-size: 22px;
    padding-top: 17px;
  }

  .link-vinculate{
    padding: 8px 10px;
  }

  .ico2 {
    width: 72px;
    height: 65px;
  }

  .link-actualizar:hover .ico2{
    width: 72px;
    height: 65px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .link-actualizar {
    padding: 8px 10px;
  }

  .link-actualizar p {
    padding-top: 19px;
    font-size: 19px;
  }

  .flec{
    width: 62px;
    height: 61px;
    font-size: 15px;
    padding: 16px 12px;
    margin-top: 0px;
  }

  .texto-ahorros {
    margin-top: 12%;
    margin-left: 18%;
  }

  .texto-link h2{
    font-size: 24px;
  }

  .texto-link{
    padding: 12px 31px 12px 27px;
  }

  footer p{
    font-size: 15px;
    line-height: 25px;
  }

  #nosotros h2{
    font-size: 35px;
  }

  .tabs{
    margin-right: 55px !important;
  }

  .tabs .tab-body p{
    font-size: 18px;
  }

  .junta-directiva{
    padding: 91px 6px 104px 91px;
  }

  .junta-directiva h2{
    font-size: 80px;
  }

  .text-junta-directiva h1{
    font-size: 39px;
  }

  .text-beneficios{
    padding: 24px 25px 10px 25px;
  }

  .text-beneficios h1{
    font-size: 15px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  .text-junta-directiva{
    padding-left: 50px;
    padding-right: 29px;
  }

  .text-organigrama{
    left: 34%;
  }

  .item-reglamentacion ul li a{
    padding: 19px 17px;
    font-size: 16px;
  }

  .normatividad h2{
    font-size: 78px;
  }
  
  .informes h2{
    font-size: 37px;
  }

  .normatividad ul li a{
    padding: 20px 29px;
    font-size: 18px;
  }

  .texto-link2 h3{
    font-size: 30px;
  }

  #servicios-credito h2{
    font-size: 38px;
  }

  .btn-condicion{
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-bottom: 11px;
  }

  .btn-solicitelo{
    width: 100%;
    float: left;
    margin-left: 0px;
  }

  .text_blog{
    padding: 30px 5px;
  }

  .text_blog h1{
    font-size: 21px;
  }

  .text_blog p{
    font-size: 16px;
  }

  .condiciones h2{
    font-size: 81px;
  }

  .text_items-condiciones h3{
    font-size: 29px;
  }

  .radicar h2{
    font-size: 81px;
  }

  .radicar p{
    font-size: 27px;
  }

  .text-afiliacion h2{
    font-size: 39px;
    padding-bottom: 53px;
  }

  .texto-linkclasificados h3{
    font-size: 26px;
  }

  .text-contacto h2{
    font-size: 35px;
    padding: 19px 46px;
  }

  .text-contacto h1{
    font-size: 53px;
  }

  .text-contacto h3{
    font-size: 23px;
  }

  .text-contacto {
    margin-top: 3%;
  }

  .texto-linkgaleria{
    width: 100%;
  }

  .texto-linkgaleria h3{
    font-size: 26px;
  }

  #formatos h2{
    font-size: 39px;
  }
  
  .link-formatos h3{
    font-size: 17px;
    padding-left: 106px;
    line-height: 23px;
    padding-top: 16px;
  }

  .link-formatos2 h3{
    font-size: 17px;
    padding-left: 16px;
    line-height: 23px;
    padding-top: 15px;
  }

  .link-formatos{
    padding: 8px 12px;
  }

  .link-formatos2 {
    padding: 8px 12px;
  }

  .link-formatos4 {
    padding: 8px 12px;
  }

  .link-formatos4 h3 {
    font-size: 18px;
    padding-left: 16px;
    line-height: 23px;
    padding-top: 4px;
  }

  .vermas1{
    margin-left: 12px;
    margin-right: 3px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas2 {
    margin-left: 3px;
    margin-right: 12px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas3{
    margin-left: 12px;
    margin-right: 3px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas4{
    margin-left: 3px;
    margin-right: 12px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .naran2{
    width: 104px;
    height: 125px;
  }

  .naran{
    width: 104px;
    height: 125px;
  }

  .azul{
    width: 104px;
    height: 125px;
  }

  .verde{
    width: 104px;
    height: 125px;
  }

  .raya{
    width: 5px;
    height: 82px;
  }

  .raya2{
    width: 5px;
    height: 82px;
  }

  .raya3{
    width: 5px;
    height: 82px;
  }

  .raya4{
    width: 5px;
    height: 82px;
  }

  .ico3 {
    width: 72px;
    height:65px;
  }

  .link-actualizar:hover .ico3{
    width: 72px;
    height: 65px;
    background-size: contain;
  }

  .modal-dialog {
    width: 650px !important;
    margin:30px auto;
  }

  .link-actualizar2 p {
    font-size: 18px;
    padding-top: 14px;
  }

  .link-actualizar2{
    padding: 8px 8px;
  }



}


/*------------------------------------------------------------------------------*/

@media (max-width: 1400px) and (min-width:1301px){

  .img2 {
    width: 144px;
  }

  #navbar li{
    margin: 0px 6px;
    font-size: 17px;
  }

  .texto-linkconvenio h3{
    font-size: 22px;
  }

  #banner {
    margin-top: 13%;
  }

  .link-vinculate p{
    padding-top: 17px;
    font-size: 24px;
  }

  .flec{
    width: 69px;
    height: 69px;
    margin-top: 0px;
    font-size: 15px;
    padding: 18px 16px;
  }

  .texto-link h3{
    font-size: 17px;
  }

  .link-actualizar {
    padding: 13px 13px;
  }

  .ico2 {
    width: 72px;
    height: 65px;
  }

  .link-actualizar:hover .ico2{
    width: 72px;
    height: 65px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .link-actualizar p {
    padding-top: 17px;
    font-size: 22px;
  }

  .ico1{
    width: 72px;
    height: 65px;
  }

  .link-vinculate:hover .ico1{
    width: 72px;
    height: 65px;
    background-size: contain;
  }

  .texto-link h2{
    font-size: 28px;
  }

  .texto-link{
    padding: 12px 23px 12px 27px;
  }

  footer p{
    font-size: 15px;
    line-height: 25px;
  }

  #titulo{
    margin-top: 13%;
    padding-top: 180px;
    padding-bottom: 67px;
  }

  #titulo h1{
    font-size: 65px;
  }

  .junta-directiva{
    padding: 106px 6px 104px 93px;
  }

  .junta-directiva h2{
    font-size: 76px;
  }

  .text-junta-directiva{
    padding-left: 58px;
    padding-right: 45px;
  }
  
  .text-junta-directiva h1{
    font-size: 40px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  .text-organigrama{
    left: 34%;
  }

  .link-gestion h1{
    font-size: 15px;
    line-height: 19px;
  }

  .ver-gestion{
    margin: 24px 10px;
  }

  .item-reglamentacion ul li a{
    padding: 18px 26px;
  }

  .normatividad h2{
    font-size: 99px;
  }

  .normatividad ul li a{
    padding: 18px 26px;
  }

  .texto-link2 h3{
    font-size: 30px;
  }

  .text_blog h1{
    font-size: 21px;
  }

  .text_blog p{
    font-size: 15px;
    line-height: 15px;
  }

  .btn-condicion{
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-bottom: 8px;
  }

  .text-beneficios{
    padding: 42px 26px 10px 26px;
  }

  .text-beneficios h1{
    font-size: 16px;
  }

  .btn-solicitelo{
    width: 100%;
    float: left;
    margin-left: 0px;
  }

  .condiciones h2{
    font-size:92px;
  }

  .item-condiciones{
    padding: 13px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h2{
    font-size:92px;
  }

  .radicar p{
    font-size: 29px;
  }

  .texto-linkclasificados h3{
    font-size: 26px;
  }

  .text-afiliacion h2{
    font-size: 41px;
    padding-bottom: 62px;
  }

  .text-contacto h2{
    padding: 20px 49px;
    font-size: 39px;
  }

  .text-contacto h3{
    font-size: 24px;
  }

  .text-contacto h1{
    font-size: 54px;
  }

  .text-contacto {
    margin-top: 3%;
  }

  .texto-linkgaleria{
    width: 100%;
  }

  .texto-linkgaleria h3{
    font-size: 26px;
  }

  .link-vinculate{
    padding: 13px 11px;
  }

  #formatos h2{
    font-size: 39px;
  }
  
  .link-formatos h3{
    font-size: 18px;
    padding-left: 114px;
    line-height: 25px;
    padding-top: 15px;
  }

  .link-formatos2 h3{
    font-size: 18px;
    padding-left: 16px;
    line-height: 23px;
    padding-top: 15px;
  }

  .link-formatos{
    padding: 8px 12px;
  }

  .link-formatos2 {
    padding: 8px 12px;
  }

  .link-formatos4 {
    padding: 8px 12px;
  }

  .link-formatos4 h3 {
    font-size: 18px;
    padding-left: 16px;
    line-height: 23px;
    padding-top: 4px;
  }

  .vermas1{
    margin-left: 12px;
    margin-right: 3px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas2 {
    margin-left: 3px;
    margin-right: 12px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas3{
    margin-left: 12px;
    margin-right: 3px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .vermas4{
    margin-left: 3px;
    margin-right: 12px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    font-size: 15px;
    padding: 16px 12px;
  }

  .naran2{
    width: 104px;
    height: 125px;
  }

  .naran{
    width: 104px;
    height: 125px;
  }

  .azul{
    width: 104px;
    height: 125px;
  }

  .verde{
    width: 104px;
    height: 125px;
  }

  .raya{
    width: 5px;
    height: 82px;
  }

  .raya2{
    width: 5px;
    height: 82px;
  }

  .raya3{
    width: 5px;
    height: 82px;
  }

  .raya4{
    width: 5px;
    height: 82px;
  }

  .ico3 {
    width: 72px;
    height:65px;
  }

  .link-actualizar:hover .ico3{
    width: 72px;
    height: 65px;
    background-size: contain;
  }

  .link-actualizar2 p {
    font-size: 18px;
    padding-top: 14px;
  }



  
}


/*--------------------------------------------------------------------------------*/

@media (max-width: 1499px) and (min-width:1401px){

  .img2 {
    width: 144px;
  }

  #navbar li{
    margin: 0px 8px;
    font-size: 18px;
  }

  #banner {
    margin-top: 12%;
  }

  .ico1{
    width: 83px;
    height: 80px;
  }

  .link-vinculate:hover .ico1{
    width: 83px;
    height: 80px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }

  .link-vinculate p{
    font-size:24px;
    padding-top: 25px;
  }

  .link-actualizar p {
    font-size: 24px;
    padding-top: 25px;
  }

  .link-actualizar {
    padding: 13px 13px;
  }

  .ico2 {
    width: 83px;
    height: 80px;
  }

  .ico3 {
    width: 83px;
    height: 80px;
  }

  .link-actualizar:hover .ico3{
    width: 83px;
    height: 80px;
    background-size: contain;
  }

  .link-actualizar:hover .ico2{
    width: 83px;
    height: 80px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .flec{
    width: 70px;
    height: 70px;
    margin-top: 4px;
    padding: 20px 14px;    
  }

  .texto-ahorros{
    margin-top: 12%;
  }

  .texto-link h2{
    font-size: 32px;
  }

  #titulo{
    margin-top: 12%;
  }

  .junta-directiva{
    padding: 106px 6px 104px 92px;
  }

  .junta-directiva h2{
    font-size: 99px;
  }

  .text-beneficios{
    padding: 42px 26px 10px 26px;
  }

  .text-beneficios h1{
    font-size: 16px;
  }

  .text-junta-directiva{
    padding-left: 58px;
    padding-right: 54px;
  }

  .text-junta-directiva h1{
    font-size: 42px;
  }

  .text-junta-directiva p{
    font-size: 19px;
  }

  .text-organigrama{
    left: 35%;
  }

  .item-reglamentacion ul li a{
    padding:28px 16px;
    font-size: 16px;
  }

  .normatividad ul li a{
    padding: 28px 27px;
  }

  footer p{
    font-size: 17px;
  }

  .texto-link2 h3{
    font-size: 32px;
  }

  .text_blog h1{
    font-size: 24px;
  }

  .text_blog p{
    font-size: 16px;
  }

  .btn-condicion{
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-bottom: 8px;
  }

  .btn-solicitelo{
    width: 100%;
    float: left;
    margin-left: 0px;
  }

  .condiciones h2{
    font-size: 93px;
  }

  .text_items-condiciones h3{
    font-size: 29px;
  }

  .item-condiciones{
    padding: 17px;
  }

  .radicar h2{
    font-size: 93px;
  }

  .radicar p{
    font-size: 29px;
  }

  .text-afiliacion h2{
    font-size: 45px;
    padding-bottom: 75px;
  }

  .text-contacto h2{
    font-size: 38px;
  }

  .text-contacto h3{
    font-size: 24px;
  }

  .text-contacto h1{
    font-size: 50px;
  }

  .text-contacto {
    margin-top: 2%;
  }

  .link-vinculate{
    padding: 13px 13px;
  }

  .texto-linkgaleria{
    width: 100%;
  }

  .texto-linkgaleria h3{
    font-size: 26px;
  }

  #formatos h2{
    font-size: 39px;
  }
  
  .link-formatos h3{
    font-size: 20px;
    padding-left:122px;
    line-height: 25px;
    padding-top: 17px;
  }

  .link-formatos2 h3{
    font-size: 20px;
    padding-left: 16px;
    line-height: 25px;
    padding-top: 17px;
  }

  .link-formatos{
    padding: 8px 12px;
  }

  .link-formatos2 {
    padding: 8px 12px;
  }

  .link-formatos4 {
    padding: 8px 12px;
  }

  .link-formatos4 h3 {
    font-size: 20px;
    padding-left: 16px;
    line-height: 25px;
    padding-top: 5px;
  }

  .vermas1{
    margin-left: 12px;
    margin-right: 0px;
    margin-top: 6px;
  }

  .vermas2 {
    margin-left: 0px;
    margin-right:12px;
    margin-top: 6px;
  }

  .vermas3{
    margin-left: 12px;
    margin-right: 0px;
    margin-top: 6px;
  }

  .vermas4{
    margin-left: 0px;
    margin-right:12px;
    margin-top: 6px;
  }

  .naran2{
    width: 113px;
    height: 136px;
  }

  .naran{
    width: 113px;
    height: 136px;
  }

  .azul{
    width: 113px;
    height: 136px;
  }

  .verde{
    width: 113px;
    height: 136px;
  }

  .raya{
    width: 5px;
    height: 89px;
  }

  .raya2{
    width: 5px;
    height: 89px;
  }

  .raya3{
    width: 5px;
    height: 89px;
  }

  .raya4{
    width: 5px;
    height: 89px;
  }

  .link-gestion h1{
    font-size: 15px;
    line-height: 19px;
    padding: 14px;
  }

  .ver-gestion{
    margin: 10px 10px;
  }

  .link-actualizar2 p {
    font-size: 20px;
    padding-top: 16px;
  }


}

/*----------------------------------------------------------------------------*/
@media (max-width: 1600px) and (min-width:1500px){

  .img2 {
    width: 144px;
  }

  #navbar li{
    margin: 0px 15px;
    font-size: 18px;
  }

  #banner {
    margin-top: 11%;
  }

  .link-vinculate{
    padding: 13px 13px;
  }

  .link-vinculate p {
    font-size: 26px;
    padding-top: 22px;
  }

  .link-actualizar p{
    font-size: 26px;
    padding-top: 27px;
  }

  .ico1{
    width: 88px;
    height: 85px;
  }

  .link-vinculate:hover .ico1{
    width: 88px;
    height: 85px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }

  .link-actualizar {
    padding: 13px 13px;
  }

  .ico2 {
    width: 88px;
    height: 85px;
  }

  .link-actualizar:hover .ico2{
    width: 88px;
    height: 85px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .ico3{
    width: 88px;
    height: 85px;
  }

  .link-actualizar:hover .ico3{
    width: 88px;
    height: 85px;
    background-size: contain;
  }

  .flec{
    margin-top: 5px;
  }

  .texto-link h2{
    font-size: 30px;
  }

  .junta-directiva{
    padding: 106px 6px 104px 96px;
  }

  .junta-directiva h2{
    font-size: 98px;
  }

  .text-junta-directiva{
    padding-left: 79px;
    padding-right: 78px;
  }

  .text-junta-directiva h1{
    font-size: 41px;
  }

  .text-beneficios{
    padding: 42px 26px 10px 26px;
  }

  .text-beneficios h1{
    font-size: 16px;
  }

  .text-junta-directiva p{
    font-size: 18px;
  }

  .normatividad h2{
    font-size: 96px;
  }

  .normatividad ul li a{
    padding: 28px 33px;
  }

  #titulo{
    margin-top: 11%;
  }

  .texto-link2 h3{
    font-size: 36px;
  }

  .text_blog h1{
    font-size: 24px;
  }

  .btn-condicion{
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-bottom: 8px;
  }

  .btn-solicitelo{
    width: 100%;
    float: left;
    margin-left: 0px;
  }

  .text_blog p{
    font-size: 17px;
  }

  .condiciones h2{
    font-size: 93px;
  }

  .text_items-condiciones h3{
    font-size: 32px;
  }

  .radicar h2{
    font-size: 93px;
  }

  .radicar p{
    font-size: 33px;
  }

  .text-contacto h2{
    font-size: 45px;
  }

  .text-contacto h3{
    font-size: 26px;
  }

  .text-contacto h1{
    font-size: 52px;
  }

  .text-contacto {
    margin-top: 5%;
  }

  .texto-linkgaleria{
    width: 100%;
  }

  .texto-linkgaleria h3{
    font-size: 26px;
  }
  
  #formatos h2{
    font-size: 39px;
  }

  .link-formatos h3{
    font-size: 23px;
    padding-left: 138px;
    line-height: 28px;
    padding-top: 24px;
  }

  .link-formatos2 h3{
    font-size: 23px;
    padding-left: 16px;
    line-height: 28px;
    padding-top: 24px;
  }

  .link-formatos{
    padding: 8px 12px;
  }

  .link-formatos2 {
    padding: 8px 12px;
  }

  .link-formatos4 {
    padding: 8px 12px;
  }

  .link-formatos4 h3 {
    font-size: 23px;
    line-height: 28px;
    padding-top: 14px;
    padding-left: 20px;
  }

  .vermas1{
    margin-left: 12px;
    margin-right: 0px;
    margin-top: 16px;
  }

  .vermas2 {
    margin-left: 0px;
    margin-right:12px;
    margin-top: 16px;
  }

  .vermas3{
    margin-left: 12px;
    margin-right: 0px;
    margin-top: 16px;
  }

  .vermas4{
    margin-left: 0px;
    margin-right:12px;
    margin-top: 16px;
  }

  .naran2{
    width: 137px;
    height: 169px;
  }

  .naran{
    width: 137px;
    height: 169px;
  }

  .azul{
    width: 137px;
    height: 169px;
  }

  .verde{
    width: 137px;
    height: 169px;
  }

  .raya{
    width: 5px;
    height: 110px;
  }

  .raya2{
    width: 5px;
    height: 110px;
  }

  .raya3{
    width: 5px;
    height: 110px;
  }

  .raya4{
    width: 5px;
    height: 110px;
  }

  .link-gestion h1{
    font-size: 15px;
    line-height: 19px;
    padding: 14px;
  }

  .ver-gestion{
    margin: 10px 10px;
  }

  .item-reglamentacion ul li a{
    padding:28px 16px;
    font-size: 16px;
  }

  .link-actualizar2 p {
    font-size: 22px;
    padding-top: 16px;
  }



}

/*------------------------------------------------------------------------------*/


@media (max-width: 1700px) and (min-width:1601px){

  #navbar li {
    margin: 0px 18px;
  }

  #navbar a{
    font-size: 18px;
  }

  #banner {
    margin-top: 13%;
  }

  .link-vinculate p {
    font-size: 27px;
    padding-top: 22px;
  }

  .link-actualizar p{
    font-size: 27px;
    padding-top: 22px;
  }

  .ico1{
    width: 84px;
    height: 80px;
  }

  .link-vinculate:hover .ico1{
    width: 84px;
    height: 80px;
    background: url(../img/btn-vinculate/ico-vinculate-h.webp) no-repeat;
    background-size: contain;
  }

  .ico2{
    width: 84px;
    height: 80px;
  }

  .link-actualizar:hover .ico2{
    width: 84px;
    height: 80px;
    background: url(../img/btn-vinculate/ico-actualizar-h.webp) no-repeat;
    background-size: contain;
  }

  .ico3{
    width: 84px;
    height: 80px;
  }

  .link-actualizar:hover .ico3{
    width: 84px;
    height: 80px;
    background-size: contain;
  }

  .text-beneficios{
    padding: 42px 26px 10px 26px;
  }

  .text-beneficios h1{
    font-size: 16px;
  }

  .flec{
    margin-top: 1px;
  }

  .texto-link h2{
    font-size: 37px;
  }

  .junta-directiva h2{
    font-size: 99px;
  }

  .text-organigrama{
    left: 34%;
  }

  #titulo{
    margin-top: 13%;
  }

  .btn-condicion{
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-bottom: 8px;
  }

  .btn-solicitelo{
    width: 100%;
    float: left;
    margin-left: 0px;
  }
  
  .text-contacto h2{
    font-size: 45px;
  }

  .text-contacto h3{
    font-size: 28px;
  }

  .text-contacto h1{
    font-size: 52px;
  }

  .text-contacto {
    margin-top: 5%;
  }

  .texto-linkgaleria{
    width: 100%;
  }

  .texto-linkgaleria h3{
    font-size: 26px;
  }

  #formatos h2{
    font-size: 39px;
  }

  .link-formatos h3{
    font-size: 23px;
    padding-left: 138px;
    line-height: 28px;
    padding-top: 24px;
  }

  .link-formatos2 h3{
    font-size: 23px;
    padding-left: 16px;
    line-height: 28px;
    padding-top: 24px;
  }

  .link-formatos{
    padding: 8px 12px;
  }

  .link-formatos2 {
    padding: 8px 12px;
  }

  .link-formatos4 {
    padding: 8px 12px;
  }

  .link-formatos4 h3 {
    font-size: 23px;
    line-height: 28px;
    padding-top: 14px;
    padding-left: 20px;
  }

  .vermas1{
    margin-left: 12px;
    margin-right: 0px;
    margin-top: 16px;
  }

  .vermas2 {
    margin-left: 0px;
    margin-right:12px;
    margin-top: 16px;
  }

  .vermas3{
    margin-left: 12px;
    margin-right: 0px;
    margin-top: 16px;
  }

  .vermas4{
    margin-left: 0px;
    margin-right:12px;
    margin-top: 16px;
  }

  .naran2{
    width: 137px;
    height: 169px;
  }

  .naran{
    width: 137px;
    height: 169px;
  }

  .azul{
    width: 137px;
    height: 169px;
  }

  .verde{
    width: 137px;
    height: 169px;
  }

  .raya{
    width: 5px;
    height: 110px;
  }

  .raya2{
    width: 5px;
    height: 110px;
  }

  .raya3{
    width: 5px;
    height: 110px;
  }

  .raya4{
    width: 5px;
    height: 110px;
  }

  .link-gestion h1{
    font-size: 16px;
    line-height: 20px;
    padding: 14px;
  }

  .ver-gestion{
    margin: 10px 10px;
  }

  .item-reglamentacion ul li a{
    padding:28px 16px;
    font-size: 16px;
  }

  .modal-dialog {
    width: 750px !important;
    margin:30px auto;
  }

  .link-actualizar2 p {
    font-size: 25px;
    padding-top: 12px;
  }

  
}




/*------------------------------------------------------------------------------*/


@media (max-width: 1800px) and (min-width:1701px){

  #navbar li {
    margin: 0px 25px;
  }

  #navbar a{
    font-size: 18px;
  }

  #banner {
    margin-top: 12%;
  }

  .link-vinculate p {
    font-size: 30px;
    padding-top: 29px;
  }

  .link-services{
    margin-top: 3%;
  }

  .texto-link h2{
    font-size: 38px;
  }

  .text-junta-directiva{
    padding-right: 70px;
    padding-left: 96px;
  }

  #titulo{
    margin-top: 12%;
  }
  
  .text_blog h1{
    font-size: 24px;
  }

  .text_blog p{
    font-size: 17px;
  }

  .btn-condicion{
    margin-left: -2px;
    padding: 12px 9px;
  }

  .condiciones h2{
    font-size: 100px;
  }

  .text-beneficios{
    padding: 95px 65px 10px 65px;
  }

  .radicar h2{
    font-size: 100px;
  }

  .text-contacto h2{
    font-size: 50px;
  }

  .text-contacto h3{
    font-size: 28px;
  }

  .text-contacto {
    margin-top: 6%;
  }

  .texto-linkgaleria h3{
    font-size: 34px;
  }

  .link-actualizar p {
    font-size: 27px;
    padding-top: 29px;
  }

  .vermas1{
    margin-top: 16px;
    margin-left: 26px;
    margin-right: 18px;
  }

  .raya{
    height: 113px;
  }

  .raya2{
    height: 113px;
  }

  .raya3{
    height: 113px;
  }

  .raya4{
    height: 113px;
  }

  .link-formatos h3{
    font-size: 26px;
    line-height: 33px;
    padding-left: 151px;
    padding-top: 22px;
  }

  .link-formatos2 h3{
    font-size: 26px;
    line-height: 33px;
    padding-left: 28px;
    padding-top: 22px;
  }

  .link-formatos4 h3{
    font-size: 26px;
    padding-left: 32px;
    line-height: 31px;
  }

  .vermas4{
    margin-top: 17px;
  }

  .vermas2{
    margin-top: 17px;
  }

  .vermas3{
    margin-top: 17px;
  }

  .naran2{
    width: 140px;
  }

  .naran{
    width: 140px;
  }

  .azul{
    width: 140px;
  }

  .verde{
    width: 140px;
  }

  .link-gestion h1{
    font-size: 19px;
    line-height: 23px;
  }

  .ver-gestion{
    margin: 10px 10px;
  }

  .link-actualizar2 p {
    font-size: 25px;
    padding-top: 18px;
  }
  

}




/*------------------------------------------------------------------------------*/


@media (max-width: 1900px) and (min-width:1801px){

  #navbar li{
    margin: 0px 23px;
  }

  #banner {
    margin-top: 12%;
  }

  .link-vinculate p{
    font-size: 35px;
    padding-top: 29px;
  }

  .texto-link h2{
    font-size: 38px;
  }

  #titulo{
    margin-top: 12%;
  }

  .text-contacto h2{
    font-size: 53px;
  }

  .text-contacto h3{
    font-size: 28px;
  }

  .text-contacto {
    margin-top: 5%;
  }

  .texto-linkgaleria h3{
    font-size: 34px;
  }

  .link-actualizar p {
    font-size: 32px;
    padding-top: 28px;
  }

  .link-actualizar2 p {
    font-size: 29px;
    padding-top: 18px;
  }

  .vermas1{
    margin-top: 16px;
    margin-left: 26px;
    margin-right: 18px;
  }

  .raya{
    height: 113px;
  }

  .raya2{
    height: 113px;
  }

  .raya3{
    height: 113px;
  }

  .raya4{
    height: 113px;
  }

  .link-formatos h3{
    font-size: 26px;
    line-height: 33px;
    padding-left: 151px;
    padding-top: 22px;
  }

  .link-formatos2 h3{
    font-size: 26px;
    line-height: 33px;
    padding-left: 28px;
    padding-top: 22px;
  }

  .link-formatos4 h3{
    font-size: 26px;
    padding-left: 32px;
    line-height: 31px;
  }

  .vermas4{
    margin-top: 17px;
  }

  .vermas2{
    margin-top: 17px;
  }

  .vermas3{
    margin-top: 17px;
  }

  .naran2{
    width: 140px;
  }

  .naran{
    width: 140px;
  }

  .azul{
    width: 140px;
  }

  .verde{
    width: 140px;
  }

  .link-gestion h1{
    font-size: 19px;
    line-height: 23px;
  }

  .ver-gestion{
    margin: 17px 10px;
  }

  .btn-condicion{
    margin-left: 7px;
    padding: 12px 15px;
  }

  .modal-dialog {
    width: 750px !important;
    margin:30px auto;
  }

}



/*------------------------------------------------------------------------------*/


@media (max-width:2100px) and (min-width:1901px){

  #navbar li{
    margin: 0px 32px;
  }

  .link-vinculate p{
    font-size: 40px;
    padding-top: 25px;
  }

  #titulo{
    margin-top: 10%;
  }

  .btn-condicion{
    margin-left: 7px;
  }

  .link-actualizar p {
    font-size: 35px;
    padding-top: 25px;
  }

  .link-formatos h3{
    padding-top: 26px;
    padding-left: 174px;
    font-size: 28px;
  }

  .link-formatos2 h3{
    padding-top: 24px;
    padding-left: 21px;
    font-size: 28px;
  }

  .link-formatos4 h3{
    padding-left: 21px;
    font-size: 28px;
  }

  .link-gestion h1{
    font-size: 18px;
    line-height: 22px;
  }

  .ver-gestion{
    margin: 14px 16px;
  }

  .modal-dialog {
    width: 750px !important;
    margin:30px auto;
  }


}


@media (max-width:2300px) and (min-width:2101px){

  #navbar li{
    margin: 0px 43px;
  }

  .link-vinculate p{
    font-size: 35px;
    padding-top: 27px;
  }

  #titulo{
    margin-top: 10%;
  }

  .link-actualizar p {
    font-size: 35px;
    padding-top: 25px;
  }

  .modal-dialog {
    width: 750px !important;
    margin:30px auto;
  }



}