@font-face {
    font-family: 'Nexa-heavy';
    src: url('../fonts/NexaHeavy.eot');
    src: url('../fonts/NexaHeavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NexaHeavy.woff2') format('woff2'),
        url('../fonts/NexaHeavy.woff') format('woff'),
        url('../fonts/NexaHeavy.ttf') format('truetype'),
        url('../fonts/NexaHeavy.svg#NexaHeavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/Nexa-Book.eot');
    src: url('../fonts/Nexa-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nexa-Book.woff2') format('woff2'),
        url('../fonts/Nexa-Book.woff') format('woff'),
        url('../fonts/Nexa-Book.ttf') format('truetype'),
        url('../fonts/Nexa-Book.svg#Nexa-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nexa-Bold';
    src: url('../fonts/Nexa-Bold.eot');
    src: url('../fonts/Nexa-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nexa-Bold.woff2') format('woff2'),
        url('../fonts/Nexa-Bold.woff') format('woff'),
        url('../fonts/Nexa-Bold.ttf') format('truetype'),
        url('../fonts/Nexa-Bold.svg#Nexa-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.barra { border-right: 1px solid #E20A17; padding-top: 0px; padding-bottom: 0px }
.barra1 { -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding-top: 0px; padding-bottom: 0px; margin-right:2px }
.active { font-weight: 900; }
.navbar-light .navbar-nav .nav-link { color: #3a9ad5;font-size:16px }
.navbar-light .navbar-nav .nav-link:hover { color: #3a9ad5; }
.bg-bco { background-color: #ffffff!important; }
.bg-gris { background-color: #c8c9ca }
.bg-rojo { background-color: #e52a1b }
.bg-azul { background-color: #3a9ad5 }
.bg-azulo { background-color: #1f5fa6 }
.bg-morado {background-color:#C489B5;color:#ffffff}
.bg-historias {background-image: url("../img/bg-testimonios.png");background-repeat: no-repeat;background-position: top center;background-size:contain}
.bg-ilustradoras {background-image: url("../img/bg-ilustradoras.png");background-repeat: no-repeat;background-position: top left;background-size:44%}
.bg-boton { background-color: #C489B5;color:#ffffff; border:none;padding:13px 25px 8px 25px;display: inline-block}
.bg-boton:hover { background-color: #C489B5;color:#ffffff; border:none }
.fs12 { font-size: 12px; line-height: 15px }
.fs14 { font-size: 14px; line-height: 17px  }
.fs16 { font-size: 15px; line-height: 19px  }
.fs18 { font-size: 18px; line-height: 22px  }
.fs20 { font-size: 20px; line-height: 23px  }
.fs24 { font-size: 24px; line-height: 27px  }
.fs30 { font-size: 30px; line-height: 33px  }
.fs36 { font-size: 36px; line-height: 39px  }
.rojo { color: #e52a1b }
.negro { color: #000000 }
.morado {color:#C489B5}
.bco { color: #ffffff }
.azul {color:#3a9ad5}
.azulo { color: #1f5fa6 }
.griso { color: #6d6e71 }
.borB {
	border-bottom:1px solid #6d6e71;
	height:0
}
.uline {
	text-decoration:underline
}

.Nexa-book {
	   font-family: 'Nexa';
}
.Nexa-heavy {
	   font-family: 'Nexa-heavy';
}
.Nexa-bold {
	   font-family: 'Nexa-Bold';
}
.titles {
	color:#1C65AC;
	padding:5px 10px 2px 10px;
	border: 1px solid #1C65AC;
	font-size:17px;
	line-height:17px;
	width:240px;
	display:inline-block;
}
.active {
	text-decoration:underline;
	font-family: 'Nexa-Bold';
	color: #1f5fa6;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
   color:#3a9ad5;
	padding-bottom:11px;
}


.input {
	background-color: #ffffff;
	color: #cfc4c4;
	border: 1px solid #cfc4c4;
	border-radius: 6px;
	width: 420px
}
.inputf {
	height:30px;
	width:100%
}
.inputn {
	width:200px;
	height:26px
}
.menu {
	color:#006ca1
}
.menu:hover {
	color:#006ca1
}


#footer a { color: #ffffff }
#footer a:hover { color: #ffffff }

 @media only screen and (max-width: 900px) {
  .no-break {
    display:none
  }
}
 @media only screen and (max-width: 500px) {
  
   .fs36 { font-size: 28px; line-height: 31px  }
	 .fs20 { font-size: 18px; line-height: 21px  }
	 .p-5 {padding:2.1rem!important}
	 .pr-5 {padding-right:2.1rem!important}
	 .pl-5 {padding-left:2.1rem!important}
	 .pt-5 {padding-top:2.1rem!important}
	 .pb-5 {padding-bottom:2.1rem!important}
	 .padd0 {padding:0!important}
 
}