/************************************************************************************
NAV
*************************************************************************************/
#nav-wrap {
        margin-top: 0px;
}

/* menu icon */
#menu-icon {
        display: none; /* hide menu icon initially */
}

#nav,
#nav li {
        margin-left: 30px;
        padding: 0;
}
#nav li {
        list-style: none;
        float: none;
}

/* nav link */
#nav a {
font: 16px/150% Arial, Helvetica, sans-serif;
font-weight: bold;
         padding: 3px 0 10px 60px;
        display: block;
        color: #6f6f71;
        background: url(pt-navi.png) no-repeat; border: 0px solid #ff0000;
}
#nav a:hover { color: #1ba3dc;
}
#nav a span{ vertical-align: super; }
 #nav a.hmenx{ color: #1ba3dc; }

/* nav dropdown */
#nav ul {
        background: #FF0000;
        padding: 20px;
        position: absolute;
        border: solid 1px #ccc;
        display: none; /* hide dropdown */
        width: 200px;
}
#nav ul li {
        float: none;
        margin: 0;
        padding: 0;
}
#nav li:hover > ul {
        display: block; /* show dropdown on hover */
}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 600px) {

        /* nav-wrap */
        #nav-wrap {
                position: relative;
        }

        /* menu icon */
        #menu-icon {
                color: #fff;
                width: 90%;
                height: 32px;
                background: #1ba3dc url(nav-icon.png) no-repeat  ;
                 background-position: right ;
                padding: 8px 10px 0 42px;
                cursor: pointer;
                border: solid 1px #666;
                display: block; /* show menu icon */
        }
         #menu-icon a.home { color: #fff;
                font: 16px/150% Arial, Helvetica, sans-serif;
        }
        #menu-icon:hover {
                background-color: #1ba3dc;
        }
        #menu-icon.active {
                background-color: #1ba3dc;
        }

        /* main nav */
        #nav {
                clear: both;
                position: absolute;
                top: 33px;
                width: 85%;
                z-index: 10000;
                padding: 5px;
                background: #fff;
                border: solid 1px #999;
                display: none; /* visibility will be toggled with jquery */
        }
        #nav li {
                clear: both;
                float: none;
                margin: 5px 0 5px 10px;
        }
        #nav a,
        #nav ul a { font: 18px/150% Arial, Helvetica, sans-serif;
                font-weight: bold;
                background: none;
                display: inline;
                padding: 0;
                color: #666;
                border: none;
        }
        #nav a:hover,
        #nav ul a:hover {
                background: none;
                color: #1ba3dc;
        }

        /* dropdown */
        #nav ul {
                width: auto;
                position: static;
                display: block;
                border: none;
                background: inherit;
        }
        #nav ul li {
                margin: 3px 0 3px 15px;
        }

}

@media screen and (min-width: 600px) {

        /* ensure #nav is visible on desktop version */
        #nav {
                display: block !important;
        }

}