.bt-mobile {
    display: none;
}
.logo-menu {
    position:fixed;
    left: 15px;
    top: 9px;
    border: 0px;
    z-index: 56;
}
.logo-menu img {
    width: 60px;
}


/********  BACKGROUND MENU ************************************************************************************/
    .nav {
        position:fixed;
        width: 100%;
        padding: 0px;
        margin: 0px;   
        display: block;
        background: #262626;
        z-index: 55;
        min-width: 800px;

    }
    .nav ol {
            padding: 0px 1px 0px 0px;
            margin: 0px 0px 0px 80px;   
            display: table;
            background: url(img/bg-line-menu.jpg) right repeat-y;
            height: auto;

        }
    .nav ol li {
        float: left;
        list-style: none;
        margin: 0px;
        background: url(img/bg-line-menu.jpg) left repeat-y;
        color: #000;
    }
    .nav ol li:hover{
        background: #111;
        box-shadow: inset  2px 0px 8px #000;
        color: #333;
    }

    .nav ol li a {
        text-decoration: none;
        display: block;
        font-family: thin;
        font-size: 0.9em;
        color: #aaa;
        padding:  20px 18px 0px 18px;
        height: 40px;
        text-shadow: -1px -1px #000;
    }
        .nav ol li a:hover {
            color: #ecc52d;
        }
        /********* SUB MENU **************************************/
            .nav ol li ul {
                display: none;
                position: absolute;
                width: 110%;
                background: #333;
                left: -80px;
                top: 60px;
                padding-left: 12%; 
                box-shadow:   2px -3px 4px #222;
            }
                .nav ol li ul li {
                    float: left;
                    list-style: none;                   
                    padding:  0px;
                    margin: 0px;
                    display: inline-block;
                    border-right: 1px solid #111;
                    border-left: 1px solid #444;
                    height: 54px;
                    background-image: none;
                             }
                .nav ol li ul li:hover {
                    background: #333;
                    color: #fff; 
                    background-image: none;  
                    box-shadow: none;
                }
                .nav ol li ul li a {
                    padding: 18px 15px 0px 15px;
                    margin: 0px;
                    display: block;   

                }
                .nav ol li ul li a:hover  {
                    color: #ecc52d;             
                }

    /***********************************************/
    .nav ol li.login-menu {
        float: right;
     }
    .nav ol li.login-menu a{
        padding: 0.4em 0.9em 0.4em 0.9em;
        border-radius: 0.2em;
        background: -webkit-linear-gradient(bottom, #aaa, #fff 70%);
        background: -moz-linear-gradient(bottom, #aaa, #fff 70%);
        background: -o-linear-gradient(bottom, #aaa, #fff 70%);
        background: -ms-linear-gradient(bottom, #aaa, #fff 70%);
        background: linear-gradient(bottom, #aaa, #fff 70%);
        text-shadow: 1px 1px #eee;
        color: #000;
        text-decoration: none;
        font-family: "thin";
        font-size: 1em;
        margin-top: 0px;
        position:fixed;
        z-index: 51;
        right: 2%;
        top: 14px;
        box-shadow:  0px 2px 3px #222;
        height: auto;
    }
        .nav ol li.login-menu a:hover {
            background: -webkit-linear-gradient(bottom, #ae860c, #f6cf33 70%);
            background: -moz-linear-gradient(bottom, #ae860c, #f6cf33 70%);
            background: -o-linear-gradient(bottom, #ae860c, #f6cf33 70%);
            background: -ms-linear-gradient(bottom, #ae860c, #f6cf33 70%);
            background: linear-gradient(bottom, #ae860c, #f6cf33 70%);
            text-shadow: 1px 1px #e6d077;
            color: #000;
            text-decoration: none;
        } 
    .nav ol li ul li.no-bg {
        background-image: none;
    }
    .nav ol li ul li.no-border-left {
        border-left: 0px;
    }
    .nav ol li ul li.no-border-right {
        border-right: 0px;

    }

@media only screen and (min-width : 1150px){
}
@media only screen and (min-width : 1350px){
    .nav ol li a {
        font-size: 1em;
    }
    .nav .login {
        font-size: 1.1em;
    }
}
@media only screen and (min-width : 1500px){

li a {

        font-size: 1em;
    } 
    .nav  .login {
        top: 12px;
        font-size: 1.1em;
    }
}

@media only screen and  (max-device-width : 700px), screen and (max-width : 568px)  { 

.topo {
    background: #000;
    padding: 10px 0px 5px 0px;
    min-width: 100%;
}
.bt-mobile {
    display: block;
}
.logo-menu {
    position:relative;
    border: 0px;
    z-index: 52;
    width: 50%;
}
    .logo-menu img {
        width: 100%;
    }

.bt-mobile {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 30px;
    width: 10%;
    padding: 4%;
    background: #444;
    box-shadow: 2px 2px 4px #000;
    border: 0px solid #000;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    cursor: pointer; 
    z-index:21; /***************  21 */
    float: right;
}
.bt-mobile img {
    width: 100%;
}
    .fechar {
        background:#222;
        box-shadow: inset 2px 2px 4px #000;
        border: 1px solid #000;
    }

/********  BACKGROUND MENU ************************************************************************************/
.nav {
    position: relative;
    width: 100%;
    padding: 20px 0px 0px 0px;
    margin: 0px;   
    display: block;
    background: none;
    z-index: 50;
    display: none;
    min-width: 100%;
}
    .nav ol {
            padding: 0px;
            margin:  0px;   
            display: block;
            background: none;
            height: auto;
        }
        .nav ol li {
            float: none;
            list-style: none;
            margin: 0px;
            padding: 0px;
            background: none;
            color: #fff;
            display: block;
            text-align: right;
            border-top: 1px solid #888;
        }
        .nav ol li:hover{
            background: none;
            box-shadow: inset  2px 0px 8px #000;
            color: #333;
        }

            .nav ol li a {
                text-decoration: none;
                display: block;
                font-size: 1.8em;
                color: #fff;
                padding:  5px 25px;
                height: auto;
                text-align: right;
                text-shadow: none;
            }
                .nav ol li a:hover {
                    background: none;
                    text-shadow: none;
                    color: #fff;
                    text-decoration: none;
                }
        /********* SUB MENU **************************************/
            .nav ol li ul {
                display: none;
                position: relative;
                width: 100%;
                background: none;
                left: 0px;
                top: 0px;
                padding-left: 0px; 
                box-shadow: none;
                padding:  0px;
                margin: 0px;
            }
                .nav ol li ul li {
                    float: none;
                    display: block;
                    list-style: none;                   
                    padding:  0px;
                    margin: 0px;
                    border-right: 0px solid #111;
                    border-left: 0px solid #444;
                    height: auto;
                    background-image: none;
                    background: none;
                    border-top: 1px solid #888;
                    }
                .nav ol li ul li:hover {
                    background: none;
                    color: #fff; 
                    background-image: none;  
                    box-shadow: none;
                }
                .nav ol li ul li a {
                    padding: 5px 25px;
                    margin: 0px;
                    display: block;   

                }
                .nav ol li ul li a:hover  {
                    color: #ecc52d;             
                }

    .nav ol li.login-menu {
        float: none;
        display: block;
        position: relative
     }
    .nav ol li.login-menu a {
        padding:  5px 25px;
        border-radius: 0;
        background: none;
        text-shadow: none;
        color: #fff;
        text-decoration: none;
        font-size: 1.8em;
        margin: 0px;
        position:relative;
        z-index: 51;
        right: 0px;
        top: 0px;
        box-shadow:  none;
        height: auto;
        display: block;
    }
        .nav ol li.login a:hover {
            background: none;
            background-color: transparent;
            text-shadow: none;
            color: #fff;
            text-decoration: none;
        } 
}

@media only screen and (max-device-width : 700px) and (orientation : landscape) {
.topo {
    padding: 0px 0px 10px;
}
    .logo-menu img {
        position: relative;
        left: 0px;
        top: 0px;
        width: 25%;
        z-index: 9;
        margin: 0px;
    }
    .bt-mobile {
        right: 15px;
        top: 10px;
        width: 7%;
        padding: 2%;
    }
    .nav ol li a,
    .nav ol li.login-menu a {
        font-size: 1.2em;
    }

}