/* ---------------------------------------------
                MENU
      ---------------------------------------------*/
      #Menu{
        width:100%;
        min-height: 55px !important;
        position:fixed;
        vertical-align: middle;
        background-color: #fff;
      }
      #icon{
        width:100px;
        float:right;
        margin-left: 50px;
        padding-top:20px;
      }
      .hover:hover{
        opacity:0.6;
      }
      .SubMenu{
        width:100%;       
        color:#fff;
        margin:auto;
        margin-top:10px;
        padding-top:5px;
        height: 50px;
        text-align: center;
        background-image: url('../img/fondos/FondoMenu_W.jpg');
        background-size: 100% 100%;
      }
      .SubMenu li{
        display: inline-table;
        list-style-type: none;
        width:20%;
        margin-left:10px;
        margin-top: 6px;
        font-size: 16px;
        cursor: pointer;
      }
      .SubMenu li.small{
        display: inline-table;
        list-style-type: none;
        width:10%;
      }

      .SubMenu li.small-contacto{
        display: inline-table;
        list-style-type: none;
        width:12%;
      }
      .SubMenu li.medium{
        width:18%;
      }
      .SubMenu li.large{
        width:20%;
      }
      .li-SubMenu{
        background-image: url('../img/fondos/FondoMenu_W.jpg');
        background-size: 100% 100%;
        border-top-style: hidden;
        border-left-style: hidden;
        border-right-style: hidden;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #fff;
        min-height: 25px;
        background-color: #122244;
        width: 300px !important;
        padding:0px !important;
        margin-top:0px !important;
        margin-left:-20px !important;
      }
      .li-SubMenu:hover{
        color:gray;
      }
      .SubMenuOptions{
        display:none;
        opacity:0.8;
        text-align: left;
        font-size: 8px;
        position: absolute;
      }

      .SubMenu ul{
        margin-top:13px;
        width:20% !important;
      }
      .SubMenu a:hover{
        text-decoration: none;
        color:gray;       
        /*font-weight: bold;*/
      }

@media only screen and (max-width: 1366px) and (max-height: 662px) {
       #Menu{
        width:100%;
        min-height: 70px !important;
        position:fixed;
        vertical-align: middle;
        background-color: #fff;
      }
      #icon{
        width:100px;
        float:right;
        margin-left: 50px;
        padding-top:20px;
      }
      .SubMenu{
        width:100%;
        float:right;        
        color:#fff;
        margin-top:20px;
      }
      .size-li-menu{
        font-size: 25px;
      }
}

/* @media only screen and (max-width: 600px)  {*/
  @media screen  and (max-width:769px) {
       #MenuMobile1{
        width:100%;
        min-height: 40px !important;
        position: fixed;
        
      }
      #icon{
        width:100px;
        float:right !important;
        margin-left: 50px;
        padding-top:20px;
      }
      .SubMenuMobile{
        width:70% !important;
        color:#fff;
        margin-top:0px;
        margin-left: 30% !important;
        display: none;        
        background-color: #0F1D3C;
        position: fixed;      
      }
      .inline-Menu{
        font-size: 16px !important;
        text-align: right;
        padding-right: 7px;
        width: 100% !important;
        background-image: url('../img/fondos/FondoMenu_W.jpg');
        background-size: 100% 100%;
        background-size: cover;

        border-style:none;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #fff !important;
        padding-bottom: 3px !important;

      }
      .inline-Menu img{
        display: none;
      }
      .inline-submenu{
        font-size: 15px !important;
        text-align: right;
        padding-right: 7px;
        width: 100% !important;
        border-style:none;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #fff !important;
        padding-bottom: 3px !important;
      }
      .inline-submenu:hover{
        font-weight: bold;
        background-color: red !important;
        opacity: 0.8;
      }

      .SubMenuOptions{
        display:block;
        opacity:0.8;
        text-align: left;
        font-size: 8px;
        
      }
      .SubMenuContainer{
        display:none;
      }
}
 @media only screen and  (max-width: 667px) and (max-height: 400px) {
       #MenuMobile1{
        width:100%;
        min-height: 40px !important;
        position: fixed;
        z-index: 9999;
      }
      #icon{
        width:100px;
        float:right !important;
        margin-left: 50px;
        padding-top:20px;
      }
      .SubMenuMobile{
        width:52% !important;
        color:#fff;
        margin-top:0px;
        margin-left: 66% !important;
        display: none;        
        background-color: #0F1D3C;
        position: fixed;      
      }
      .inline-Menu{
        font-size: 16px !important;
        text-align: right;
        padding-right: 7px;
        width: 65% !important;
        background-image: url('../img/fondos/FondoMenu_W.jpg');
        background-size: 100% 100%;
        background-size: cover;

        border-style:none;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #fff !important;
        padding-bottom: 3px !important;
        right: 0 !important; 

      }
      .inline-Menu img{
        display: none;
      }
      .inline-submenu{
        font-size: 15px !important;
        text-align: right;
        padding-right: 7px;
        width: 65% !important;
        border-style:none;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #fff !important;
        padding-bottom: 3px !important;
      }
      .inline-submenu:hover{
        font-weight: bold;
        background-color: red !important;
        opacity: 0.8;
      }

      .SubMenuOptions{
        display:block;
        opacity:0.8;
        text-align: left;
        font-size: 8px;
        
      }
      .SubMenuContainer{
        display:none;
      }
}