@charset "utf-8";
/* CSS Document */

    #navbarServiceMenu > ul > li > a { padding-left: 1rem; color: #252525; background-color: #eee; letter-spacing: 1px; font-size: 1rem; }
    #navbarServiceMenu > ul > li > a:hover { color: #fff; background-color: #999; }
    #navbarServiceMenu > ul > li.nav-item.active > a { color: #fff; background-color: #259139; }

@media (min-width: 768px) {
    section > div > div > div > h1 { display: block; background: url(../../assets/img/bg_title.gif); height: 2.25rem;}
    span.title {
        margin: 0 20px;
        padding: 8px 10px 8px 15px;
        display: inline-block;
        font-weight: bold;
        letter-spacing: 2px;
        color: #252525;
        background-color: #fbfbfb;
    }
    #navbarServiceMenu > ul > li > a { padding: 0 .75rem; color: #252525; letter-spacing: 1px; }
    #navbarServiceMenu > ul > li > a { color: #252525; background-color: rgba(255,255,255,0.7); letter-spacing: 1px; font-size: .9rem; }
    #navbarServiceMenu > ul > li:nth-child(1) > a { border-color: #449d44; border-style: solid; border-width: 0px 0px 4px 0px; }
    #navbarServiceMenu > ul > li:nth-child(2) > a { border-color: #1c469c; border-style: solid; border-width: 0px 0px 4px 0px; }
    #navbarServiceMenu > ul > li:nth-child(3) > a { border-color: #e71418; border-style: solid; border-width: 0px 0px 4px 0px; }
    #navbarServiceMenu > ul > li:nth-child(4) > a { border-color: #7c4226; border-style: solid; border-width: 0px 0px 4px 0px; }
    #navbarServiceMenu > ul > li.nav-item.active > a { color: #fff; background-color:#259139; }
}

@media (min-width: 992px) {
    #navbarServiceMenu > ul > li > a { font-size: 1rem; }
}