@font-face {
  font-family: 'AmpleSoftPro-Light';
  src: url('../fuentes/AmpleSoftPro-Light.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AmpleSoftPro-Regular';
  src: url('../fuentes/AmpleSoftPro-Regular.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'AmpleSoftPro-Bold';
  src: url('../fuentes/AmpleSoftPro-Bold.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
}


/*
@font-face {
  font-family: 'AmpleSoftPro-Bold';
  src: url('../fuentes/AmpleSoftPro-Bold.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
}
*/




body{
    background-color:#062489;
    color: #FFF;
    font-family: AmpleSoftPro-Regular;
}



#modulo{
    background-color: #0a47b0b0;
    
    padding-top: 1px;
    padding-bottom: 1px;
    z-index: 500;
    box-shadow: rgba(10, 25, 10, 0.3) 0px 3px 3px 0px;
    
}

#modulo li a{
  color: #FFF;
  font-family: 'AmpleSoftPro-Regular';
}

#modulo .nav-link:hover{
  color: #d721a7;
  
}

#ico-modulo{
  padding-left: 50px;
  padding-top: 4px;
  padding-bottom: 4px;
}


#navbarCollapse2{
  padding-right: 50px;
}


.ico-blanco{
  color: #FFF;
  border-color: #FFF !important;
}




.navbar-brand{
    padding: 0px 0px;
    margin: 0px 0px;
}

footer{
    background-color: #031b69;
    background-color: #0A47B0;
    min-height: 200px;
    padding-top: 30px;
    padding-bottom: 30px;
}

footer a{
  color: #FFF;
  text-decoration: none;
  text-shadow: 1px 1px 2px #00000074;
}

footer a:hover{
  color: #d721a7;
  
}

.pielinks span.hashtag{
  font-size: 18px;
  color: #fff;
}


footer h5{
  padding-bottom: 1px;
  margin-bottom: 2px;
}

.pielinks li{
  border: #6b6b6b solid 1px;
}

.pielinks li {
  color: #FFF;
}



.navbar-nav{
  
    width: 100%;
    

}


#canvas-main{
  min-height: 800px;
}



#main_nav > ul > li > a{
  font-family: AmpleSoftPro-Bold;
  color: #FFF;
  
  
}

.cta-rosa{
  background-color: rgb(250 118 141);
  color: #FFF;
}

.cta-azul{
  background-color: #0a47b0b0;
  color: #FFF;
}




.list-group li{
    background-color: transparent;
}


#main_navigation{
    background-color: #031b69;
    padding-top: 14px;
    padding-bottom: 14px;
    z-index: 600;
    
}


.dropdown-menu{
   
    width: 100%;
    left: 90px;
    position:static;
    background-color: #fffffff6;
}


.navbar .megamenu{ padding: 1rem; 

    
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    /*transition: all 1s ease-out;*/
   
   

}

.modulos-iconos{
  text-align: center;
  padding: 10px 10px;
  
}

.modulos-iconos a{
  text-decoration: none;
  font-weight: normal;
  font-size: 110%;
  
}
.modulos-iconos{
transition: all 0.3s ease-out;
border: solid 1px #fff;
}

.modulos-iconos:hover{
border: solid 1px #ccc;
background-color: #0a47b030;

}





.megamenu ul.modulos-lista li a{
  text-decoration: none;
  font-weight: bold;
  font-size: 110%;
  
}


.megamenu ul.modulos-lista li:hover{
  transition: all 0.3s ease-out;

}

.megamenu ul.modulos-lista li:hover{
  background-color: #d721a6;
  background-color: #0a47b030;
  padding-left: 10px;
}





.megamenu ul.ejes-lista li a{
  text-decoration: none;
  font-weight: normal;
  font-size: 110%;
  
  
}

.megamenu ul.ejes-lista li small{
  color: #565656;
  font-size: 14px;
  
  
}

.menu-botones{
  text-align: center;
}

.megamenu ul.ejes-lista li{
  transition: all 0.3s ease-out;
  border-radius: 0px;
  min-height: 71px;
  border: 0px solid #000;
}
.megamenu ul.ejes-lista li:hover{
background-color: #0a47b030;
  border-radius: 0px;
  padding-left: 10px;
  
}





/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important; z-index: 9000;}
  /*.navbar .megamenu{left:0; right:0; width:50%; margin-top:0;  }*/
  .navbar .megamenu{
    z-index: 600;
    min-width:90%; 
    margin-top:0;  

}

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
        overflow-y: auto;
        max-height: 90vh;
        margin-top:10px;
  }
}
/* ============ mobile view .end// ============ */



@media (min-width: 68px) {
    .animate {
      animation-duration: 0.3s;
      -webkit-animation-duration: 0.3s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
    }
  }
  
  @keyframes slideIn {
    0% {
      transform: translateY(0rem);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0rem);
      opacity: 1;
    }
  
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes slideIn {
    0% {
      -webkit-transform: transform;
      -webkit-opacity: 0;
    }
  
    100% {
      -webkit-transform: translateY(0);
      -webkit-opacity: 1;
    }
  
    0% {
      -webkit-transform: translateY(-1rem);
      -webkit-opacity: 0;
    }
  }
  
  .slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
  }
  
  /* Other styles for the page not related to the animated dropdown */



  .carousel-item {
    height: 80vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }





  #ico-modulo img{
    transition: all 0.2s ease-out;
  
  }
  
  #ico-modulo img:hover{
    width: 160px;
    
  }

#remate_pie{
  background-color: #031b69;
  min-height: 10px;
}


  



#pie p.direccion{
  font-size: 14;
  line-height: 16px;

}

#pie p.idea{
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;

}

#pie .copy{
  font-size: 14px;
  line-height: 16px;

}