/**
 * Name: booNavigation.css
 * Date:Sun 16 Feb 2014
 * Author: Noemi Losada Estrella <info@noemilosada.com>
 * Creative Commons License <http://creativecommons.org/licenses/by-sa/3.0/>
 */

/** General
================================================== */
* {
    margin: 0;
    padding: 0;
}


/** Navigation theme
================================================== */
.booNavigation {
    position: relative;
    height: 100%;
}

.booNavigation li.navItem {
    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    height: 100px;
}

.booNavigation li.navItem:hover {
    cursor: pointer;
}

.booNavigation li.navItem > a {
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
}

.booNavigation li.navItem .navContent {
    background-color: rgba(0, 0, 0, 0.8) !important;
    left: 0;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 999;
    flex-wrap: wrap;
}
header nav ul{flex-wrap: wrap;}
header nav ul li a{color: #0d7fc7;font-size: 20px;text-align: center;display: block;}
.booNavigation .navContent > li {
    color: #fff;
    float: left;
    padding: 10px;
    width: 100%;
}

.booNavigation .navContent ul li a {
    color: #DDD;
    display: block;
    font-size: 16px;
    padding: 10px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.booNavigation .navContent ul li a:hover {
    background-color: #555;
    
}

/** Navigation examples
================================================== */
.nav-example {
    clear: left;
}






/**移动*/

.menu{overflow:hidden;overflow-y: scroll;}
.menu ul li{display:block;padding-top:2px;margin-bottom:5px;list-style:none;overflow:visible;}
.menu ul li a{display:block;margin-top:0px;padding-top:10px;font-size:14px;color:#82846f;outline:none;}
.menu ul li .active{}
.menu ul li .inactive{}
.menu ul li ul{display:none; margin-top:-4px;margin-bottom:20px;   }
.menu ul li ul li ul{margin-bottom:5px;}
.menu ul li ul li{display:block;background:none;font-size:12px;list-style:circle;color:#8f9d4c;margin-bottom:0px;margin-top:0px;padding-top:0px;padding-bottom:0px;padding-left:1px;margin-left:35px;}
.menu ul li ul li a{background:none;font-size:12px;color:#8f9d4c;padding-left:0px; }