/**
 * 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
================================================== */
@font-face {font-family: 'UTMPenumbraRegular';src: url('../../../css/fonts/UTMPenumbraRegular/UTMPenumbraRegular.eot');src: url('../../../css/fonts/UTMPenumbraRegular/UTMPenumbraRegular.eot') format('embedded-opentype'),
         url('../../../css/fonts/UTMPenumbraRegular/UTMPenumbraRegular.woff2') format('woff2'),
         url('../../../css/fonts/UTMPenumbraRegular/UTMPenumbraRegular.woff') format('woff'),
         url('../../../css/fonts/UTMPenumbraRegular/UTMPenumbraRegular.ttf') format('truetype'),
         url('../../../css/fonts/UTMPenumbraRegular/UTMPenumbraRegular.svg#UTMPenumbraRegular') format('svg');
}
@font-face {
    font-family: 'UTMBryantLGBold';
    src: url('../../../css/fonts/UTMBryantLGBold/UTMBryantLGBold.eot');
    src: url('../../../css/fonts/UTMBryantLGBold/UTMBryantLGBold.eot') format('embedded-opentype'),
         url('../../../css/fonts/UTMBryantLGBold/UTMBryantLGBold.woff2') format('woff2'),
         url('../../../css/fonts/UTMBryantLGBold/UTMBryantLGBold.woff') format('woff'),
         url('../../../css/fonts/UTMBryantLGBold/UTMBryantLGBold.ttf') format('truetype'),
         url('../../../css/fonts/UTMBryantLGBold/UTMBryantLGBold.svg#UTMBryantLGBold') format('svg');
}

* {margin: 0;padding: 0;}
.wrapper {width:100%;margin:0px auto;margin-top:7px;}

/** Navigation theme
================================================== */
.booNavigation {width:100%;position: relative;}
.booNavigation > ul{display: inline-table;width: 100%;margin:0;}
.booNavigation li.navItem {display: table-cell;vertical-align: middle;text-align: center;text-decoration: none;padding:5px 0px;transition: all .3s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
/*.booNavigation li.navItem.act_menu a{position: relative;}
.booNavigation li.navItem.act_menu a:before{content:'';background:#fff;height:3px;bottom:-10px;width:100%;position: absolute;}*/
.booNavigation li.navItem:last-child{background:none;}
.booNavigation li.navItem > a{color:#fff;font-family: 'UTMBryantLGBold';font-size:20px;font-weight: normal;text-transform: uppercase;}
.booNavigation li.navItem > a:hover{color:rgba(89,149,52,.8);transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease;-moz-transition:color .3s ease;-webkit-transition:color .3s ease;}
/*.booNavigation li.navItem:hover > a{color:#ff0 !important;}
.booNavigation .navContent > li:hover > a{color:#66BF48;}*/
.booNavigation li.navItem:hover {border-color: #000;cursor: pointer;}

.booNavigation li.navItem .navContent{border:1px solid #eee;left: 0;position: absolute;top: 35px;width: 100%;z-index: 999;box-sizing:border-box;list-style-type: none;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow:0px 0px 10px #ccc;overflow: hidden;}
.booNavigation li.navItem .navContent li ul{list-style-type: none;}
/*.booNavigation .navContent > li:first-child{border-top-left-radius: 10px;-moz-border-top-left-radius: 10px;-webkit-border-top-left-radius: 10px;border-bottom-left-radius: 10px;-moz-border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;overflow: hidden;}
.booNavigation .navContent > li:last-child{border-top-right-radius: 10px;-moz-border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;border-bottom-right-radius: 10px;-moz-border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;overflow: hidden;}*/
.booNavigation .navContent > li {color: #000;float: left;width: 25%;text-align: left;}
.booNavigation .navContent > li > a{color:#000;background:rgba(0,0,0,.7);display: block;border-right:1px solid #eee;text-align: center;padding:15px 0px 0px 0px;}
.booNavigation .navContent > li:hover > a{background:rgba(0,0,0,1);}
.booNavigation .navContent > li:hover > a,.booNavigation .navContent > li:hover > a > span{color:rgba(89,149,52,.8);transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;}
.booNavigation .navContent > li > a > span{color:#FFF;width:100%;text-align: center;padding:0px 10px;font-family: 'UTMPenumbraRegular';font-size: 16px;text-transform: capitalize;}
.booNavigation .navContent > li:last-child > a{border-right:none;}
.booNavigation .navContent > li > a > img{max-width: 100%;height:auto;}
.booNavigation .navContent ul li a {color: #FFF;display: block;padding:5px 10px;margin:1px;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: rgba(0,0,0,1);padding-left: 20px;color:#66BF48;}

.booNavigation li.navItem.xodoc{position: relative;}
.booNavigation li.navItem.xodoc .navContent{width:160%;}
.booNavigation li.navItem.xodoc .navContent > li{width:100%;}
.booNavigation li.navItem.xodoc .navContent > li > a{padding:7px 5px;text-align: left;}

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