.top {
    height: auto;
    background: #000;
    position: relative;
    min-width: 1050px;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

    .rslides li {
      -webkit-backface-visibility: hidden;
      position: absolute;
      display: none;
      width: 100%;
      left: 0;
      top: 0;
      }

    .rslides li:first-child {
      position: relative;
      display: block;
      float: left;
      }

    .rslides img {
      display: block;
      height: auto;
      float: left;
      width: 100%;
      border: 0;
      }
.top img.logo  {
    position: absolute;
    left: 3%;
    bottom: 0px;
    width: 27%;
    z-index: 8;
}
.top img.logo-2015  {
    position: absolute;
    left: 3%;
    bottom: -15px;
    width: 17%;
    z-index: 8;
}
.top .menu {
    position: absolute;
    right: 3%;
    z-index: 9;
    width: auto;
    border: 0px solid #fff;
    text-align: right;
    margin-top: 2%;
    display: block;
}
    .top .menu ul.geral{
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 15px 0px 0px 30px;
        line-height: 100%;
        float: right;
    }
        .top .menu ul.geral a.login{
            padding: 0.3em 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: 1.4em;
            line-height: none;
            letter-spacing: 0px;
            text-decoration: none;
            display: block;
            margin-bottom: 8px;
            text-align: center
        }
            .top .menu ul.geral a.login: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;
            }
        .top .menu ul.geral a{
            color: #fff;
            font-size: 1em;
            line-height: 105%;
            letter-spacing: 1px;
            text-decoration: none;
            text-shadow: 1px 1px 3px #222;
        }
        .top .menu ul.geral a:hover {
            color: #d2ae1f;
        }   
        .top .menu ul.geral li.senha {
            
        } 
        .top .menu ul.geral li.senha a {
            color: #d2ae1f;
            font-size: 0.8em;
            margin-bottom: 5px;
            display: block;
        } 
        .top .menu ul.geral li.senha a:hover {
            color: #dc5757;
        } 
/*********planos **************************/
    .top .menu ul.planos
    {
        list-style: none;
        text-align: right;
        display: block; 
        float: right;
        margin: 0;
        font-size: 0.8em;
        margin-top: 1%;

    }
        .top .menu ul.planos a{
            color: #fff;
            font-size: 1.8em;
            font-family: "media";
            letter-spacing: 1px;
            text-shadow: 1px 1px 3px #000;
            text-decoration: none;
            line-height: 120%;
            display: inline-block;
        }
        .top .menu ul.planos .content {
            display: inline-block;
            vertical-align: top;
            margin: 4px 0px 2px 8px;
            width: 130px
        }
            .top .menu ul.planos .content .bt{
                border-radius: 0.1em;
                padding:4%;
                background: #d2ae1f;
                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%);
                display: inline-block;
                float: left;
                text-shadow: 0px 0px;       
                margin: 0px 4px 0px 0px;
                width:  14%;
            }
            .top .menu ul.planos .content .btc{
                border-radius: 0.2em;
                padding:4%;
                background: #d2ae1f;
                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%);
                display: inline-block;
                float: left;
                text-shadow: 0px 0px;       
                margin: 0px 4px 0px 0px;
                width:  62%;
            }
                .top .menu ul.planos .content .bt:hover,
                .top .menu ul.planos .content .btc:hover{
                    background: #fff;
                    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%);
                }
                .top .menu ul.planos .content input.bt{
                border-radius: 0.25em;
                padding: 4%;
                background: #d2ae1f;
                 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%);
                float: left;
                display: inline-block;
                text-shadow: 0px 0px;       
                margin: 0px 0px 0px 0px;
                width:14%;
            }
            .top .menu ul.planos .content img  {
                width: 100%;
            }


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


        .top .menu ul.geral a.login{
            font-size: 1.5em;
        }
            .top .menu ul.planos a{
                font-size: 2em;
                line-height: 120%;
            }
            .top .menu ul.planos .content {
                width: 135px;
                margin-top: 2px;
            }
            .top .menu ul.geral a{
                font-size: 1em;
                line-height: 115%;
            }

}
@media only screen and (min-width : 1350px){
    .top .menu {
        margin-top: 2.2%;
    }
        .top .menu ul.geral a.login{
            font-size: 1.6em;
        }
            .top .menu ul.planos a{
                font-size: 2.2em;
                line-height: 125%;
            }
            .top .menu ul.planos .content {
                width: 140px;
                display: inline-block;
                margin-top: 2px;
            }
            .top .menu ul.geral a{
                font-size: 1.2em;
            }

}
@media only screen and (min-width : 1500px){
    .top .menu {
        margin-top: 2.4%;
    }
        .top .menu ul.geral a.login{
            font-size: 1.7em;
        }
            .top .menu ul.planos a{
                font-size: 2.4em;
                line-height: 130%;
            }
            .top .menu ul.planos .content {
                width: 160px;
                margin-top: 2px;
            }
            .top .menu ul.geral a{
                font-size: 1.3em;
                line-height: 1.2em;
            }
            .top .menu ul.geral li.senha a{
                font-size: 0.9em
            }

}
@media only screen and (min-width : 1700px){
        .top .menu ul.geral a.login{
            font-size: 1.8em;
        }
            .top .menu ul.planos a{
                font-size: 2.8em;
                line-height: 125%;
            }
            .top .menu ul.planos .content {
                width: 170px;
                margin-top: 2px;
            }
            .top .menu ul.geral a{
                font-size: 1.4em;
                line-height: 1.3em;
            }
            .top .menu ul.geral li.senha a{
                font-size: 1.1em
            }


}
@media only screen and (max-device-width : 700px), screen and (max-width : 568px) { 
.top {
    height: auto;
    background: #000;
    position: relative;
    min-width: 100%;
}
.top img.logo  {
    position: relative;
    left: 0px;
    top: 0px;
    width: 55%;
    z-index: 9;
    margin: 15px 0px 0px 15px;
    display: inline-block;
}

.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;
    }


.top .menu {
    position: relative;
    right: 0px;
    z-index: 8;
    width: 100%;
    background: #000;
    text-align: right;
    display: block;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.rslides {
    display: none;
  }

    .top .menu ul.geral{
        list-style: none;
        text-align: right;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        line-height: 110%;
        float: none;
        margin: 0px;
        position: relative;
        display: none;
    }
    .top .menu ul.geral li {
        border-top: 1px solid #aaa;
    }
        .top .menu ul.geral a.login{
            padding: 5px 20px;
            border-radius: 0em;
            background: none;
            text-shadow: 1px 1px #000;
            color: #fff;
            font-size: 1.8em;
            line-height: none;
            letter-spacing: 0px;
            text-decoration: none;
            display: block;
            margin-bottom: 0px;
        }
            .top .menu ul.geral a.login:hover {
                background: none;
                text-shadow: 1px 1px #000;
                color: #d2ae1f;
            }
        .top .menu ul.geral a{
            text-shadow: 1px 1px #000;
            color: #fff;
            font-size: 1.8em;
            padding: 5px 20px;
            line-height: 130%;
            letter-spacing: 1px;
            text-decoration: none;
            display: block;
        }
        .top .menu ul.geral a:hover {
            color: #d2ae1f;
            text-shadow: 1px 1px #000;
            color: #d2ae1f;
        }  
    .top .menu ul.planos{
        display: none;
    }

 }
@media only screen and (max-device-width : 700px) and (orientation : landscape) { 

    .top img.logo  {
        position: relative;
        left: 0px;
        top: 0px;
        width: 25%;
        z-index: 9;
        margin: 5px 0px 5px 15px;
    }


    .bt-mobile {
        right: 10px;
        top: 10px;
        width: 7%;
        padding: 2%;
    }

    .top .menu {
        position: relative;
        right: 0px;
        z-index: 8;
        width: 100%;
        background: #000;
        text-align: right;
        display: block;
        margin-bottom: 0px;
        padding: 0px;
    } 
    .top .menu ul.planos,
    .rslides {
        display: none;
    }
        .top .menu ul.geral a.login,
        .top .menu ul.geral a{
            font-size: 1.2em;
            }
}