/**
 * 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
================================================== */

.booNavigation {
    position: relative;
}

.booNavigation li.navItem {
    padding: 8px 28px;
    float: left;
    text-decoration: none;
    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 li.navItem:hover {
    border-color: #000;
    cursor: pointer;
}

.booNavigation li.navItem > a {
    color: #2e2e2e;
}
.booNavigation li.navItem > a:hover {
    color: #0069ff;
}

.booNavigation li.navItem .navContent {
/*    background-color:rgb(194,205,221,0.9);*/
	background:#c2cddd;
    left: 0;
    position: absolute;
    top: 45px;
    width: 100%;
height:450px;
    z-index: 999;
}

.booNavigation li.navItem .navnt2{
    position: absolute;
	left:80px;
    top: 45px;
    width:250px;
	height:auto;
    z-index: 999;
}

.booNavigation .navContent > li {
    color: #252525;
    float: left;
    padding: 10px;
    width:17%;
}
.booNavigation .navnt2 > li {
    width:230px;
}

.booNavigation li.navItem .navnt3{
    position: absolute;
	left:210px;
    top: 45px;
    width:250px;
	height:auto;
    z-index: 999;
}

.booNavigation .navnt3 > li {
    width:230px;
}

.booNavigation li.navItem .navnt4{
    position: absolute;
	left:428px;
    top: 45px;
    width:250px;
	height:auto;
    z-index: 999;
}

.booNavigation .navnt4 > li {
    width:230px;
}
.booNavigation li.navItem .navnt5{
    position: absolute;
	left:660px;
    top: 45px;
    width:250px;
	height:auto;
    z-index: 999;
}

.booNavigation .navnt5 > li {
    width:230px;
}
.booNavigation li.navItem .navnt6{
    position: absolute;
	left:560px;
    top: 0px;
    width:0px;
	height:auto;
	display:none;
    z-index: 999;
}

.booNavigation .navnt6 > li {
    width:230px; margin:0; padding:0;
	display:none;
}

.booNavigation .navContent ul{ list-style-type:none; margin:0; padding:0;}
.booNavigation .navContent ul li{ float:left; width:100%;margin:0 !important; padding:0 !important;  margin:0\9 !important; padding:0\9 !important; display:inline; overflow:hidden;}
.booNavigation .navContent ul li a {
	color:#252525;
	margin:0 !important;
	margin-top:0px\9;
	margin-bottom:0px\9;
    padding:10px;
	padding-left:0px;
	padding:0px\9 !important; /* IE 8 及低于IE8版本 */
/*	padding-top:5px;
	padding-bottom:5px;
	height:100%;*/
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
	display:block; 
}

.booNavigation .navContent ul li a:hover {
    background-color: #0069ff;
	margin:0 !important;
    padding-left:10px;
    padding-left:10px\9 !important; /* IE 8 及低于IE8版本 */	
	color:#FFF;
}

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