﻿.BGColor {
    background:#2d2d2d;
}

            .navbar {
                margin-bottom:0;
                border:none;
                height:70px;
            }

            .navbar-brand {
                width:186px;
                height:70px;
                padding:10px 0 10px 10px;
            }
            .navbar-brand img {
                height:50px;
            }

            .navbar-nav {
                margin:0;
            }

            .navbar-nav li {
                border-top:solid 1px #a8a8a8;
            }

            .navbar-nav li a {
                line-height:40px;
                padding:0 15px;
                color:#a8a8a8;
            }

            /*.nav > li > a:hover {
            }*/
            
            .nav > li > a:focus {
                text-decoration: none;
                background: none;
            }

            .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
                background: none;
                border-color: #a8a8a8;
            }

            .navbar-nav > li > .dropdown-menu {
                background:url(../images/recuit.png) repeat;
                border:none;
                padding:0;
            }

            .navbar-nav .open .dropdown-menu > li > a {
                background:#fff;
                text-align:center;
                line-height: 40px;
                padding: 0 15px;
                color: #333;
            }

        @media (min-width: 768px) {
            .navbar {
                height:90px;
            }

            .header {
                padding:9px 0 0;
                height:99px;
            }

            .navbar-brand {
                width:260px;
                height:70px;
                padding:0;
            }
            .navbar-brand img {
                height:70px;
            }

            .navbar-nav {
                padding-top:30px;
                height:90px;
            }

            .navbar-nav li {
                border-top:none;
                width:114px;
            }

            .navbar-nav li a {
                line-height:26px;
                padding:0 15px;
                color:#a8a8a8;
            }

            .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
                background: url(../images/index.jpg) no-repeat center bottom;
                padding-bottom:34px;
                color:#fff;
                border:none;
            }

            .navbar-nav > li > .dropdown-menu {
                background:url(../images/recuit.png) repeat;
                min-width:114px;
                width:114px;
                border:none;
                padding:0;
            }

            .navbar-nav > li.open > .dropdown-menu > li > a {
                background:none;
                padding: 0 10px;
                line-height:32px;
                text-align:center;
                color: #a8a8a8;
            }
            .navbar-nav > li.open > .dropdown-menu > li > a:hover, .navbar-nav > li.open > .dropdown-menu > li > a:focus {
                background: none;
                color:#fff;
            }
        }
        @media (min-width: 992px)
        {
            .navbar-nav li {
                width:96px;
            }

            .navbar-nav li a {
                padding:0 6px;
            }
        }
        @media (min-width: 1200px)
        {
            .navbar-nav li {
                width:114px;
            }

            .navbar-nav li a {
                padding:0 15px;
            }
        }