/****MENU****/

@media only screen and (min-width:320px) and (max-width:600px) {
    div#contenedor-commite {
        margin-top: 36%;
    }
    /*.muestra-menu-b{
    margin-top: -61px
    }
    #muestra-menu{
        margin-top: -61px ;
    }*/
}
#contenedor {
    margin-right: 10px;
    background-color: transparent;
    list-style: none;
    float: right;
    margin-top: 78px;
    position: relative;
}
#contenedor-commite {
    margin-right: 10px;
    background-color: transparent;
    list-style: none;
    float: left;
    margin-top: 0%;
    position: relative;
}
.menu {
    display: inline-block;
    list-style: none;
}
.menu-commite {
    display: inline-block;
    list-style: none;
    padding: 15px;
}

/*Primer Nivel*/

.menu li {
    float: left;
    /*para que todos los menus del primer nivel  se vean en horizontal*/
    list-style: none;
}
.menu li a {
    /*para que todas las cajas con etiqueta "a" ya sean de (1,2,3,4 nivel)tengan un alto y un ancho */
    background-color: white;
    color: black;
    width: 200px;
    height: 40px;
    display: block;
}
.menu li a:hover {
    /*para cuando pase el mouse por la etiqueta "a" cambie de color la caja*/
    background-color: #f5f5f5;
}
/*Segundo nivel*/

.menu li ul {
    visibility: hidden;
    /* Aqui para que todos los submenus osea (segundo tercer y cuarto nivel)  esten ocultos    */
    position: absolute;
    /* Aqui para que todos los submenus no ocupen todo el ancho y alto del contenedor   */
    padding: 0px;
}
.menu li ul li {
    float: left;
    /*para que el menu de segundo nivel  se abra en vertical*/
}
.menu-hidden {
    background-color: white;
    color: black;
    position: absolute;
    border-radius: 5px;
    z-index: 3;
    text-align: right;
    text-transform: none;
    overflow: hidden;
    display: none;
    width: 215px;
    top: 31px !important;
}
.menu-hidden span {
    display: block;
    padding: 5px 13px;
    font-size: 13px;
}
.menu-hidden .boreder-prod{
    border: none;
    border-top: solid 1px rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.1) !important;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    padding: 5px 0;
}
.menu-hidden span:hover {
    background-color: rgb(242, 242, 242);
}
.menu-hidden a {
    text-decoration: none;
    color: inherit;
}
.menu-hidden-cap-cap {
    background-color: white;
    color: black;
    position: absolute;
    border-radius: 5px;
    z-index: 3;
    text-align: right;
    text-transform: none;
    overflow: hidden;
    display: none;
    width: 215px;
    right: -3px;
}
.menu-hidden-cap span {
    display: block;
    padding: 5px 13px;
    font-size: 13px;
}
.menu-hidden-cap span:hover {
    background-color: rgb(242, 242, 242);
}
.menu-hidden-cap a {
    text-decoration: none;
    color: inherit;
}

.muestra-menu-b2{
    margin-top: -65px !important;
    height: 20px  !important;
    width: auto  !important;
    max-height: 30px  !important;
    margin-right: 20px  !important;
  }

@media screen and (width: 600px) and (height: 780px) {
    #contenedor {
    margin-right: 10px;
    background-color: transparent;
    list-style: none;
    float: right;
    margin-top: 130px !important;
    position: relative;
}
}

  @media only screen and (min-width:320px) and (max-width:950px) {
  .muestra-menu-b2{
/*    margin-top: 200px !important;*/
    margin-right: 0px !important;
  }
}

@media screen and (width: 412px) and (height: 914px) {
    .muestra-menu-b2 {
        margin-top: 200px !important;
    }
}