/* .borde {border: 1px solid red;} */


/* GENERALES */
body {
    font-size: 1em;
    font-family: 'Biryani', Arial, Helvetica, sans-serif;
    color: #a9a8a8;
    height: auto!important;
}
a:link, a:visited, a:active {
    text-decoration:none;
}
.m-bottom-40 {margin-bottom: 40px;}

.bg-primary {background-color: white!important; color: #a9a8a8; }

.w-85 { width: 85%!important;}

.nav-link {
    color: #a9a8a8; 
    font-family: 'Biryani', sans-serif;
    font-weight: 700;
    font-size: 0.9em; 
    padding-left: 0.5em; 
    padding-right: 0.5em;
}

#menu-margen-top {height: 70px;}
.menu{ background-color: #fff !important;}
.nav-link:hover {color: #0001f4; }
.navbar-fixed-top.scrolled { background-color: #fff !important; transition: background-color 200ms linear; }
.navbar-toggler {
    border: 1px solid #a9a8a8;
    margin-top: 10px;
}

.btn-light {background-color: #dedede; color: #fff; border-radius: 2rem; font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-weight: 400; padding-left: 30px; padding-right: 30px; margin-top:0px;}
.btn-light:hover {background-color: #0001f4; color: #fff;}

.btn-secondary {background-color: #ffffff;border: 1px solid #ffffff;  color: #0001f4; border-radius: 2rem; font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-weight: 700; font-size: .8rem; padding-left: 20px; padding-right: 20px; }
.btn-secondary:hover {background-color: #dedede; border: 1px solid #dedede; color: #fff; border-radius: 2rem; font-family: 'PT Sans', Arial, Helvetica, sans-serif;    font-weight: 700; padding-left: 20px; padding-right: 20px;}

/* FIN GENERALES */


/* ESTILOS PARTICULARES */

.bienvenida-block {margin-top: 20px; margin-bottom:40px;}
.bienvenida-tit {font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-size: 3rem; font-weight: 700; color: #0001f4; padding-top: 60px;}
.bienvenida-txt {font-family: 'Biryani', Arial, Helvetica, sans-serif;  font-weight: 200; color: #6a6a6a; font-size: 1.2em; line-height: 1.6em; padding: 20px 40px 20px 0px; }

.btn-primary {background-color: #0001f4; font-size: 1.1rem; border-radius: 2rem; font-family: 'PT Sans', Arial, Helvetica, sans-serif;    font-weight: 700; padding: 15px 50px 15px 50px;}
.btn-primary:hover {background-color: #dedede; border: 1px solid #dedede; color: #fff; border-radius: 2rem; font-family: 'PT Sans', Arial, Helvetica, sans-serif;    font-weight: 700;}

.banner-txt {font-family: 'Titillium Web', Arial, Helvetica, sans-serif;  font-weight: 200; color: #fff; font-size: 6rem; padding: 100px 40px 100px 10px;}
.banner-back {background-color: #0001f4; color: white; padding-top: 100px; padding-bottom: 100px;}

.nav-pills-block {padding-top: 40px; margin-bottom: 40px; }
.nav-pills-tit {margin-top: 80px; color: #0001f4;}
.nav-pills-esp {margin-top:20px; margin-bottom: 60px;}
.nav-pills {margin-top: 40px; padding-top: 30px;}
.nav-pills-txt {font-family: 'Biryani', Arial, Helvetica, sans-serif;  font-weight: 200; color: #6a6a6a; font-size: .9rem; line-height: 1.6rem; padding-top: 40px;}
.nav-link-pills {font-family: 'Biryani', Arial, Helvetica, sans-serif;  font-weight: 700; color: #6a6a6a; font-size: .9rem; margin-right: 40px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link  {background-color: #fff; color: #0001f4; border-bottom: 1px solid #0001f4; border-bottom-left-radius: 0px; padding-bottom: 2px; border-bottom-right-radius: 0px; padding-bottom: 2px; padding-bottom: 2px;}
.nav-pills-img {margin-top: -200px;}

.soluciones-tit {color: #dedede; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-size: 1.4rem; font-weight: 500; margin-bottom: 20px;;}
.productos-tit {font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-size: 1.2rem; font-weight: 200; color: #0001f4; padding-top: 40px;}
.productos-back {background-color: #f5f5f5; padding-top: 100px; padding-bottom: 100px;}
.productos-items {text-items: left;}
    
.servicio-bloque-up {margin-top: 60px; margin-bottom: 15px;}
.servicio-bloque-down {margin-top: 15px; margin-bottom: 90px;}
.servicio-icono {padding-top: 140px;}
.servicio-tit {font-family: 'Biryani', Arial, Helvetica, sans-serif; font-size: 1.2rem; font-weight: 600; color: #0001f4; padding-top: 100px;}
.servicio-txt {font-family: 'Biryani', Arial, Helvetica, sans-serif;  font-weight: 200; color: #6a6a6a; font-size: 1rem; line-height: 1.6em; padding: 30px 40px 40px 0px; }

.footer-block {padding-top: 80px; padding-bottom: 200px;}
.footer-tit {font-family: 'Biryani', Arial, Helvetica, sans-serif;  font-weight: 700; color: #fff; font-size: .8rem; }
.footer-txt {font-family: 'Biryani', Arial, Helvetica, sans-serif;  font-weight: 200; color: #00ffbc; font-size: .8rem; }
.footer-copy {font-family: 'Biryani', Arial, Helvetica, sans-serif;  font-weight: 300; color: #fff; font-size: .7rem; }
.footer-link {font-family: 'Biryani', Arial, Helvetica, sans-serif;  font-weight: 200; color: #00ffbc; font-size: .8rem;}
.footer-link:hover {color: #ffffff; text-decoration: none;}
.footer-redes {font-family: 'Biryani', Arial, Helvetica, sans-serif;  font-weight: 200; color: #ffff; font-size: .7rem; margin-bottom: 10px;}
.footer-redes-txt:hover {color: #00ffbc; text-decoration: none; padding-left: 5px;}
.footer-redes-txt {color: #fff;  padding-left: 5px;}
.list-group-item {background-color: transparent; padding: 0px; border: none;}


@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.5rem;
    }
    .btn-primary {margin-bottom: 20px; }

}

@media (max-width: 992px){
    #menu-margen-top {height: 0px;}
    .bg-primary {border-bottom: 1px solid #dbdbdb; padding-bottom: 20px; 
    
        -webkit-box-shadow: 4px -22px 13px 26px rgba(0,0,0,0.15);
        -moz-box-shadow: 4px -22px 13px 26px rgba(0,0,0,0.15);
        box-shadow: 4px -22px 13px 26px rgba(0,0,0,0.15);       
    
    }

    .navbar-toggler-icon {color: #a9a8a8; padding-top: 5px;}
    .btn-primary {margin-bottom: 40px; margin-top: 0px;}
    .nav-pills-img {margin-top: 0px;}

    .productos-tit {text-align: center;}
    .productos-items {text-align: center;}

    .footer-block {padding-bottom: 40px;}

    
}

@media (max-width: 640px){
    #menu-margen-top {height: 0px;}
    .bg-primary {border-bottom: 1px solid #dbdbdb; padding-bottom: 20px; }
    .nav-item {padding-top: 20px;}
    
    .navbar-toggler-icon {color: #a9a8a8; padding-top: 5px;}
    .bienvenida-img {padding-top: 60px; margin-bottom: 40px;}
    .bienvenida-block {padding-left: 40px; padding-right: 40px;}
    .nav-pills-block {padding-left: 40px; padding-right: 40px;}

    .banner-txt {font-size: 3rem; padding: 60px 20px 60px 20px;}

    .servicio-icono {padding-top: 20px; width: 30%!important; margin-left: 35%;}
    .nav-pills-img {margin-top: 40px;}

    .productos-tit {text-align: center;}
    .productos-items {align-items: center;}
    
    .servicio-tit {text-align: center; padding-top: 30px;}
    .servicio-txt {padding: 20px 20px 40px 20px; text-align: center;}

}