/* 
* Titulo: CSS Template 
* Autor: Gabriel Reyes
* Fecha: 06/05/2017
* Version: 1.0.1
*/

/* <<<<< HEADER >>>>> */
.navbar.navbar-inverse .nav-collapse { background-color: #222 !important; }
.navbar-inverse {
    background-image: linear-gradient(to bottom,#222 0,#222 100%) !important;
    background-color: #222 !important;
    border-color: #DDDDDD !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #222;
}

.navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #222;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
    background-image: -webkit-linear-gradient(top,#222 0,#222 100%) !important;
    background-image: -o-linear-gradient(top,#222 0,#222 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#222),to(#222)) !important;
    background-image: linear-gradient(to bottom,#222 0,#222 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#222', GradientType=0) !important;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.25) !important;
    box-shadow: inset 0 3px 9px rgba(0,0,0,.25) !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a:hover {
    background-image: -webkit-linear-gradient(top,#222 0,#222 100%) !important;
    background-image: -o-linear-gradient(top,#222 0,#222 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#222),to(#222)) !important;
    background-image: linear-gradient(to bottom,#222 0,#222 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#222', GradientType=0) !important;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.25) !important;
    box-shadow: inset 0 3px 9px rgba(0,0,0,.25) !important;
}

/* <<<<< FOOTER >>>>> */
.footer-bottom {
        background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
        background-color: #222;
	border-top: 1px solid #DDDDDD;
}
.footer-bottom p.pull-left {
        color: #fff;
}
.footer-bottom a {
    color: #fff;
}