body{
    background: rgb(245, 244, 244);
}
nav{
    margin: 0;
    padding: 0;
}
@font-face{
    font-family: alfa;
    src: url(../Tipografías/Bariol/Bariol_Regular.otf);
}
.iniciar{
    margin-left: 20px;
}
.navbar-nav a,p{
    font-family: alfa;
    font-size: 20px;
    /* text-transform: uppercase; */
    font-weight: bold;
}
.navbar-light .navbar-brand{
    color: rgb(255, 255, 255);
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}
.navbar-light .navbar-nav > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
    color: rgb(255, 255, 255);
}
.navbar-light .navbar-nav .nav-link{
color: rgb(255, 255, 255);
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #fff;
}
.navbar-nav{
    text-align: center;
}
.nav-link{
    padding: .2rem 1rem;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .navbar-link:hover{
    color: rgb(255, 255, 255) !important;
}
.dropdown-menu{
    border-radius: 0;
    background: #000000;
}
.dropdown-item{
    margin-bottom: 5%;
}
.dropdown-item:hover{
    background: transparent !important;
}
.dropdown:hover .dropdown-menu{
    display: flex;
    display: block;
}
.online{
    /* visibility: hidden !important; */
    font-family: regular;
    margin-bottom: -10px;
    margin-top: -10px;
    margin-left: 30px;
    font-size: 50px;
}
.barra{
    display: none;
}
.index{
    display: none;
    background: rgb(74, 92, 131);
    height: 100vh;
}
.curbus{
    /* color: rgb(83, 83, 83) */
    width: 100%;
    background: rgb(220, 227, 238);
}
/* .w-100{
    height: 100vh;
} */
@font-face{
    font-family:book;
    src: url(../Tipografías/BookmanOldStyle/bookmanoldstyle.ttf);
}
.oficios{
    margin-top: 80px;
}
.container-fluid{
    padding-left: 8%;
    padding-right: 8%;
}
h1{
    margin-top: 8%;
    margin-bottom: 3%;
}
.card{
    border: 0px;
    margin-bottom: 20px;
}
.card-body{
    font-size: 12px;
    font-weight: normal;
}
.informacion{
    color: #000;
}
.informacion:hover{
    color: blue;
}
/* .nombre:link{
    color: blue;
    text-decoration: none;
} */
/* a.nombre:link{
    color: blue;
    text-decoration: none;
}
a.nombre:visited{
    color: green;
    text-decoration: none;
}
a.nombre:active{
    text-decoration: none;
} */
a.nombre{
    color: #000;
}
a.nombre:hover{
    color: rgb(136, 57, 26);
    text-decoration: none;
}
@media only screen and (max-width:767px){
    .navbar-nav.ml-auto, .dropdown-menu.bg-light{
        background: rgba(0, 0, 0, 0.5);
    }
    .navbar-light .navbar-nav > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
        color: #fff;
    }
    .navbar-light .navbar-nav .nav-link{
        color: #fff;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
        color: #fff !important;
    }
    .navbar-toggler{
        padding: 1px 5px;
        font-size: 18px;
        line-height: 0.3;
        background: #fff;
    }
    .online{
        display: none;
    }
    .iniciar{
        margin-left: 0;
    }
    @font-face {
        font-family: bariol;
        src: url(../Tipografías/Bariol/Bariol_Regular.otf);
    }
    .barra{
        color: #fff;
        visibility: visible !important;
        padding-bottom: 0px;
        font-family: bariol;
        font-size: 30px;
    }
    a.nombre{
        color: #000;
    }
    a.nombre:hover{
        color: rgb(136, 57, 26);
        text-decoration: none;
    }
}
@media only screen and (max-width:1024px){
    .navbar-nav.ml-auto, .dropdown-menu.bg-light{
        /* background: rgba(0, 0, 0, 0.5); */
    }
    .navbar-light .navbar-nav > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
        color: rgb(255, 255, 255);
    }
    .navbar-light .navbar-nav .nav-link{
        color: rgb(255, 255, 255);
        padding-top: 5%;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
        color: rgb(255, 255, 255) !important;
    }
    .navbar-toggler{
        padding:1px 5px;
        font-size: 18px;
        line-height: 0.3;
        background: #fff;
    }
    .online{
        display: none;
    }
    .barra{
        color: #fff;
        visibility: visible !important;
        padding-bottom: 0px;
        font-family: regular;
    }
    a.nombre{
        color: #000;
    }
    a.nombre:hover{
        color: rgb(136, 57, 26);
        text-decoration: none;
    }
}