@charset "utf-8";
.selected{ background-color: #fff; color: #d94e21; display: inline-block; font-weight: bold; line-height: 40px; padding-left: 10px; padding-right: 10px; text-align: center; text-decoration: none; width: auto; }
.selectedNoSmartphone{-webkit-box-shadow: -2px 2px 0 1px #000000;
box-shadow: -2px 2px 0 1px #000000;background-color:#e31927;color:#FFF;display:inline-block;font-weight:400;line-height:40px;padding-left:10px;padding-right:10px;text-align:center;text-decoration:none;width:auto;}
.noSmartphone {}

nav a#pull{display:none;}
nav{ position: relative; width: 100%; margin-bottom: 1em; background-color: #fab96b; }
nav a{ color: #d94e21; line-height: 40px; padding-left: 10px; padding-right: 10px; text-decoration: none; width: auto; }
nav a:hover,nav a:active{ /* [disabled]background-color: #fff; *//* [disabled]color: #FFF; */ }
nav .active{background-color:#e75012;color:#FFF;}
nav li{display:inline;}
nav li a{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
nav li:last-child a{border-right:0;}
nav ul{margin:0 auto;padding:0;text-align:center;width:auto;}
@media only screen and (max-width:900px){
nav{ /* [disabled]font-size:x-large; */ }
}
@media only screen and (max-width:85px){
nav{height:auto;}
nav ul{width:95%;display:block;height:auto;}
nav li{width:50%;float:left;position:relative;}
nav a{text-align:left;text-indent:1.563em;}
}
@media only screen and (max-width:700px){
nav{border-bottom:0;}
nav li{display:block;float:none;width:95%;}
nav{ /* [disabled]font-size:x-large; */ }
nav ul{display:none;height:auto;}
nav a#pull{ display: block; background-color: ##fab96b; position: relative; color: #009640; margin-right: auto; margin-left: auto;/* [disabled]margin-bottom: 0.5em; */ font-weight: bolder; }
nav a#pull:after{content:"";width:1.875em;height:1.875em;display:inline-block;position:absolute;right:25px;top:10px;background-image:url(nav-icon.png);background-repeat:no-repeat;}
nav a:hover, nav a:active{color:#FFF;background-color:#009640;font-weight:bold;}
.selectedNoSmartphone {display:none;}
.noSmartphone {display:none;}
}
@media only screen and (max-width:400px){
nav li{display:block;float:none;width:95%;}
nav li a{ /* [disabled]border-bottom:1px solid #999999; */ }
.selected{ /* [disabled]border-bottom:1px solid #999999; */ }
}

@media(max-width: 700px){
    nav a{
        color: #d94e21!important;
    }
    nav a#pull:after{
        color: #d94e21!important;
    }
}