.fondo-inicial{
    background-image: url('../imagenes/web/200x200-rincel-opaco-gris.png');
    background-repeat: repeat;
    background-attachment: fixed;
}

a,b,p,div,span,label,h1,h2,h3,h4,h5,h6,ol,ul,li,small,bold,i{
    font-family: Helvetica;
}

a{
    text-decoration: none;
    text-decoration-style: none;
    cursor: pointer;
}

.visible{
    transition: .3s;
    display: block;
}

.oculto{
    transition: .3s;
    display: none;
}

.navitem{
    transition: .3s;
    border-bottom: 8px solid transparent;
}

.navitem > a{
    color: black;
    transition: .3s;
}

.navitem:hover{
    background-color: #71ABDB;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 8px solid #5196CF;
    transition: .3s;
}

.navitem:hover a {
    color: white;
    transition: .3s;
}

.text-tecseti-1{
    color: #0C1226;
}

.text-tecseti-2{
    color: #034689;
}

.fondo-tecseti-1{
    background: #640016;
}

.fondo-tecseti-2{
    background: #280081;
}

.fondo-tecseti-3{
    background: #0C1226;
}

.fondo-imagen-1{
    background-image: url('../imagenes/img3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 220px) {
    #offCanvasInicial{
        display: block;
    }

    #navbarInicial{
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    #offCanvasInicial{
        display: block;
    }

    #navbarInicial{
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    #offCanvasInicial{
        display: none;
    }

    #navbarInicial{
        display: block;
    }
}

@media screen and (min-width: 1500px) {
    #offCanvasInicial{
        display: none;
    }

    #navbarInicial{
        display: block;
    }
}

.efecto-slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}

  @keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
  @-webkit-keyframes slide {
    0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}