#menu_lateral

  {
    position: absolute;

    /*El menú lateral esta ajustado justo debajo del navbar principal con este margin-top*/
    margin-top: 63px;  
    margin-left: -250px;

    left: 230px;

    width: 0;
    height: 93.5%;


    /*overflow-y: auto;*/

    overflow-x: hidden;
    overflow-y: hidden;



/*
    background-image: linear-gradient(to bottom right, #fff, #cbcbcb, #cbcbcb, #b2b2b2, #666);

    -webkit-box-shadow: 0 15px 10px 8px rgba(0, 0, 0, 0.27), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px 8px rgba(0, 0, 0, 0.27), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px 8px rgba(0, 0, 0, 0.27), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
*/

/*
    background-color: #2d2d2d;

    opacity: 0.3;
*/


    background-image: linear-gradient(to bottom right, #e3e3e3, #a7a6a6, #a7a6a6, #939393, #494949);

    -webkit-box-shadow: 0 15px 10px 8px rgba(0, 0, 0, 0.27), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px 8px rgba(0, 0, 0, 0.27), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px 8px rgba(0, 0, 0, 0.27), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;



    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

    z-index: 1;    
  }



/*
@media(min-width:768px) 

  {
    #menu_lateral 

      {
        width: 0; 

        z-index: 1;
      }



    #contenedor_menu_lateral.desplazamiento #menu_lateral 

      {
        width: 320px; 
      }
  }
*/



@media screen and (min-width:240px) and (max-width:1366px)

  {
    #menu_lateral 

      {
        width: 0; 

        height: 4000px;

        z-index: 1;
      }



    #contenedor_menu_lateral.desplazamiento #menu_lateral 

      {
        width: 165px; 

        height: 4000px;
      }



    #borde_vertical_menu_lateral

        {
          background-color: #FF0000; /*555*/
         
          position: absolute; 

          margin-top: 0px; 

          margin-left: 155px; 

          width: 10px; 

          height: 100%; 
        }



    .cont_img_menu_vista_cliente

        {
            margin-top: -46px;

            padding-bottom: 15px;

            margin-left: 48px;
        }


    .img_menu_vista_cliente

        {
            width: 80px;

            height: 80px;
        }



    .contenedor_menu_vista_cliente

        {
            margin-top: 70px; /*Estaba a 80px*/ 

            padding:0px;
        }



    .opc_menu_vista_cliente

        {
            font-family: Typo-Hoop_Regular_punto;

            font-size: 13.5px;

            letter-spacing: -0.5px;

            text-align: right;

            /*color: #95782a; mostaza amarillento*/

            color: #2d2d2d;

            padding-bottom: 8px; /*Estaba a 15*/

            cursor: pointer;
        }



    .icono_indicador_opcs_vista_cliente, .icono_opcs_vista_cliente

        {
          margin-right: 3px;

          width: 11px;

          height: 11px;
        }



    .mini_icono_indicador_opcs_vista_cliente, .mini_icono_opcs_vista_cliente

        {     
          margin-right: 17px;

          width: 8px;

          height: 8px;
        }



      .logo_vista_cliente

        { 
          background-color: transparent; 

          border: none;

          opacity: 0.3;

          width: 180px;

          height: 180px;
        }



      .img_elija_opcion

        {
          margin-left: -10%;

          width: 180px;
          
          height: 133px;
        }        
  }



@media screen and (min-width:1367px) and (max-width:3000px) 

  {
    #menu_lateral 

      {
        width: 0; 

        height: 4000px;

        z-index: 1;
      }



    #contenedor_menu_lateral.desplazamiento #menu_lateral 

      {
        width: 250px; /*Antes 270 y 320*/

        height: 4000px;
      }



    #borde_vertical_menu_lateral

        {
          background-color: #555;
         
          position: absolute; 

          margin-top: 0px; 

          /*margin-left: 310px;*/ 

          margin-left: 260px; 

          width: 10px; 

          height: 100%; 
        }  



    .cont_img_menu_vista_cliente

        {
            padding-top: 25px;

            padding-bottom: 25px; /*Estaba en 35px*/

            margin-left: 43px;
        }



    .contenedor_menu_vista_cliente

        {
            margin-top: 25px; 

            margin-left: 10px;
        }



    .opc_menu_vista_cliente

        {
            font-family: Typo-Hoop_Regular_punto;

            font-size: 16px;

            text-align: right;

            /*color: #95782a; mostaza amarillento*/

            color: #2d2d2d;

            padding-right: 36px;

            padding-bottom: 13px; /*Estaba en 20*/ 

            cursor: pointer;          
        }  



  .mini_icono_indicador_opcs_vista_cliente, .mini_icono_opcs_vista_cliente

      {     
        margin-right: 27px;

        width: 11px;

        height: 11px;
      }



    .logo_vista_cliente

      { 
        background-color: transparent; 

        border: none;

        opacity: 0.3;

        width: 250px;

        height: 250px;
      }



  .img_elija_opcion

      {
          margin-left: -80%;
      }                 
  }



.contenedor_icon_opc_vc

    {
        display: none;
    }



.contenedor_opc_vc

    {
        display: none;
    }