/*Global Styles*/
nav {
    /*color:white;*/
    font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
    /*font-weight:normal;*/
    margin: 0;
    padding: 0;
    /*overflow:hidden;*/
}


#LineaGlobal {
    background: #131623;
    background: -webkit-linear-gradient(top, #131623, #1A1C27);
}

header nav {
    background: #000;
    background: -moz-linear-gradient(top, #595C64, #1B1B1C);
    background: -o-linear-gradient(top, #595C64, #1B1B1C);
    background: -ms-linear-gradient(top, #595C64, #1B1B1C);
    background: -webkit-linear-gradient(top, #595C64, #1B1B1C);
    background: linear-gradient(top, #595C64, #1B1B1C);
    /*border-top: 1px solid #999;
    border-bottom: 1px solid #666;*/
    color: white;
    min-width: 900px;
    font-size: 1.1rem;
    left: -100%;
    /*height: 46px;*/
    /*max-width: 1000px;*/
    /*margin: 20px auto;*/
    width: 100%;
    z-index: 1000;
    /*overflow:hidden;*/
}

    header nav ul {
        overflow: hidden;
        list-style: none;
    }

        header nav ul li {
            float: left;
        }

            header nav ul li a {
                color: white !important;
                font-weight: normal !important;
                padding: 20px;
                display: block;
                text-decoration: none;
            }

                header nav ul li a:hover {
                    background-color: #05abe0;
                }

            header nav ul li span {
                color: white;
                margin-right: 10px;
            }

.menu_bar {
    display: none;
}

/*section {
    padding:20px;
}*/

/*Desktop Styles*/
/*Tablet Styles*/
@media only screen and (min-width:900px) {
    header nav ul {
        margin: 0 5em auto;
    }
}

/*Mobile Styles*/
@media only screen and (max-width:899px) {
    header nav {
        height: 100%;
        margin: 0;
        font-size: 1rem;
        /*margin: 0 .6rem;*/
        position: fixed;
        min-width: 100px;
        width: 80%;
    }

        header nav ul li {
            display: block;
            float: none;
            border-bottom: 1px solid rgba(255,255,255, .3);
        }

    .menu_bar {
        /*background: #ccc;*/
        display: block;
        width: 100%;
    }

        .menu_bar .bt-menu {
            background: #595C64;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff !important;
            display: block;
            font-size: 20px;
            font-weight: bold;
            text-decoration: none;
            padding: 20px;
        }

        .menu_bar a span {
            font-size: 40px;
            /*float:right;*/
        }

        .menu_bar span:hover {
            font-size: 40px;
            /*float:left;*/
        }
    /*Clase construida con el fin de hacer un menu pegajoso para moviles*/
    .navFixed {
        position: fixed;
        top: 0px;        
    }
}