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

/* Colores que predominan */
/* 
 * background-color: #222;
 */

/* <<<<< HEADER >>>>> */
header nav {
    background:#333;
}

header nav ul li:hover {
    background:#3c3c3c;
    color:#DDDDDD;
}

header nav ul li a:hover {
    color:#DDDDDD;
}

header nav ul li .children {
    background:#333;
}

@media screen and (max-width: 800px) {
    .menu_bar {
        background:#333;
    }
}

.navbar.navbar-inverse .nav-collapse { background-color: #222 !important; }
.navbar-inverse {
    background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%) !important;
    border-top: 1px solid #DDDDDD !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,#3c3c3c 0,#222 100%) !important;
    background-image: -o-linear-gradient(top,#3c3c3c 0,#222 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222)) !important;
    background-image: linear-gradient(to bottom,#3c3c3c 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-header h3 {
    color: #fff;
}

/* <<<<< 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;
}
/* scroll to top */
.scrollup{
    position:fixed;
    width:32px;
    height:32px;
    bottom:0px;
    right:20px;
    background: #29448e;
}

a.scrollup {
	outline:0;
	text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff;
}
a.scrollup i:hover {
	text-decoration:none;
}