/*!
 * Start Bootstrap - One Page Wonder v5.0.8 (https://startbootstrap.com/template-overviews/one-page-wonder)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-one-page-wonder/blob/master/LICENSE)
 */body{font-family:Lato}h1,h2,h3,h4,h5,h6{font-family:Catamaran;font-weight:800!important}.btn-xl{text-transform:uppercase;padding:1.5rem 3rem;font-size:.9rem;font-weight:700;letter-spacing:.1rem}.bg-black{background-color:#4f38a0!important}.rounded-pill{border-radius:0.5rem}.navbar-custom{padding-top:1rem;padding-bottom:0rem;background-color:rgba(118,92,191)}.navbar-custom .navbar-brand{text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;font-weight:800}.navbar-custom .navbar-nav .nav-item .nav-link{text-transform:uppercase;font-size:.8rem;font-weight:550;letter-spacing:.2rem}header.masthead{position:relative;overflow:hidden;padding-top:calc(7rem + 72px);padding-bottom:7rem;background:linear-gradient(0deg,#ff6a00 0,#ee0979 100%);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover}header.masthead .masthead-content{z-index:1;position:relative}header.masthead .masthead-content .masthead-heading{font-size:4rem}header.masthead .masthead-content .masthead-subheading{font-size:2rem}header.masthead .bg-circle{z-index:0;position:absolute;border-radius:100%;background:linear-gradient(0deg,#ee0979 0,#ff6a00 100%)}header.masthead .bg-circle-1{height:90rem;width:90rem;bottom:-55rem;left:-55rem}header.masthead .bg-circle-2{height:50rem;width:50rem;top:-25rem;right:-25rem}header.masthead .bg-circle-3{height:20rem;width:20rem;bottom:-10rem;right:5%}header.masthead .bg-circle-4{height:30rem;width:30rem;top:-5rem;right:35%}@media (min-width:500px){header.masthead{padding-top:calc(10rem + 55px);padding-bottom:10rem}header.masthead .masthead-content .masthead-heading{font-size:6rem}header.masthead .masthead-content .masthead-subheading{font-size:4rem}}.bg-primary{background-color:#4f38a0!important}.btn-primary{background-color:#765cbf;border-color:#765cbf}.btn-primary:focus,.btn-primary:hover{background-color:#CEBDF4!important;border-color:#CEBDF4!important}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(238,9,121,.5)}.btn-secondary{background-color:#ff6a00;border-color:#ff6a00}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#c50!important;border-color:#c50!important}.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,106,0,.5)}
 body { 
    padding-top: 67px; 
}
 .centrat{
  text-align: center;
}

.colorl{
    color: #765cbf;
}
.colorb{
    color: black;
}
.fondo{
     background-color: #CEBDF4; 
}
.fondo1{
    background-color: #765cbf;
}
.fondob{
     background-color: white; 
     color: #523BA5;
     text-align: center;
}

.padre {
 /* background-color: #fafafa;*/
 
  padding: 1rem;
/*  border: 2px solid #ccc;
  /* IMPORTANTE */

  text-align: justify;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
}
 
.texto-encima{
    position: absolute;
    top: 10px;
    left: 10px;
}
.centrado{
    position: absolute;
    top: 40%;
    left: 40%;
    transform: translate(-30%, -20%);
    color: white;
    text-align: justify;
}

.responsive {
  width: 100%;
  height: auto;
}
@media (max-width: 990px) {
  .imagen_res {
    display: none;
  }
}    

@media only screen and (min-width: 990px) {
  .img_res {
    display: none;
  }
}

@media (max-width: 990px) {
  .imagen_res1 {
    display: none;
  }
}    

@media only screen and (min-width: 990px) {
  .img_res1 {
    display: none;
  }
}


ul {
  /*display: inline;*/
  margin: 0.1;
  padding: 0.2;
  
}
ul li {display: inline-block;}
ul li:hover {background: rgba(82,59,165,0.5);}
ul li:hover ul {display: block;}
ul li ul {
  position: absolute;
  width: 250px;
  display: none;
  right: 0;
  
}
ul li ul li { 
  background: rgba(82,59,165,0.7); 
  display: block; 
}
ul li ul li a {display:block !important;} 
ul li ul li:hover {background: #CEBDF4;}

.tam{
   padding: 4px 8px;
   
}

.active{
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}

@font-face {
  font-family: 'avenir-book';
  src: url('../resources/fonts/Avenir-Book.ttf') format('truetype');
  
}

@font-face {
  font-family: 'avenir-blank';
  src: url('../resources/fonts/Avenir-Black.ttf') format('truetype');
 
}

@font-face {
  font-family: 'avenir-blanko';
  src: url('../resources/fonts/Avenir-BlackOblique.ttf') format('truetype');
 
}
@font-face {
  font-family: 'avenir-light';
  src: url('../resources/fonts/Avenir-Light.ttf') format('truetype');
 
}



p {
  font-family:  avenir-book;
  color: black;
}
.pfo {
  font-family:  avenir-book;
  color: white;
  line-height: 0.5;
  padding: 10px;
}

.pwhite{
   font-family:  avenir-book;
  color: white;
   font-size: 1vw;
}
a {
  font-family:  avenir-book;
}

h2 {
  font-family: avenir-blank;
  text-align:center;
}

.titulo {
  font-family: avenir-blank;
  text-align:left;
  color: #765cbf;
}
.pac {
  font-family:  avenir-book;
  color: black;
   font-size: 30px;
}

.pac {
  font-family:  avenir-book;
  color: black;
   font-size: 20px;
}

.fontl{
    font-family:  avenir-light;
    font-size: 10px;
}
.letf {
  text-align: left;
}

@media all and (max-width: 600px) {
    .icono { width: 35%; }
}
.titulo1 {
  font-family: avenir-blank;
  text-align:center;
  color: #765cbf;
}

.pjus {
  font-family:  avenir-book;
  text-align: justify;
  color: black;
}


.imgcen{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.pjus1 {
  font-family:  avenir-book;
  text-align: justify;
  color: black;
  line-height: 10%;
}

.resp{
    font-size: 3vw;
}

@media all and (max-width: 600px) {
    .resp { font-size: 17px; }
    .pwhite{ font-size: 10px; }
    .content-image{ height: 600px; }

}

.texto-vertical-2 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
     vertical-align: baseline;
     margin-top: 20%;
}
.texto-vertical-3 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
     vertical-align: baseline;
     margin-top: 60%;
}
h1 {
  font-family: avenir-blank;
  text-align:right;
  vertical-align: top;
}
.pwhite1{
   font-family:  avenir-book;
  color: white;
   
}

.input1 { 
   
   font-family: avenir-book; 
}
.atr1 {
  font-family:  avenir-book;
  color: #4f38a0;
   font-size: 30px;
}

button {
     font-family: avenir-book;
     font-size: 16px;
}

@media all and (max-width: 600px) {
    .fot { width: 35%; }
}

@media all and (max-width: 600px) {
    .ctm { text-align: center; }
}

@media all and (max-width: 950px) {
    .bodyt { padding-top: 45px;  }
}
.pjusc {
  font-family:  avenir-book;
  text-align: justify;
  color: white;
}

.my-element {
	position: absolute;
	clip: rect(110px, 160px, 170px, 60px);
}