@media screen and (max-width: 736px) {

    .right-menu
    {
        background-color: transparent !important;
    }

  

    .arbol{
        padding-left: 5px;
        width: 100%;
        display: none;
        height: auto;
        border:  1px solid #C5CCD4;
        margin-bottom: 20px;
        border-radius: 2px;
    }

    .content-main{
        padding: 2px;
    }


    #ContenedorCentral{
        margin-top: -18px;
        border: 0px solid greenyellow;
        height: 100%;
        width: 100%;

    }

    #CajaBotonesPrincipales{
        padding: 2px;
        float: left;
        border : 0px solid green;
        border-left:  2px solid #C5CCD4;
        height: auto;
        width: auto;
        align-content: space-between;        
    }

    #CajaBotonesPrincipales_Derecha{
        padding: 2px;
        float: left;
        border : 0px solid red;
        border-left:  2px solid #C5CCD4;
        height: auto;
        /* width: 99%; Se quito */
        width: auto; 
    }

    .Ancho100{
        width: 100%;
        border : 1px solid red;
    } 

    .TituloNombreEquipo {
        width: 100%;
        float: left;
        text-align: center;
        border : 0px solid orange;
    }

    .TituloEquipoyCategoria{
        clear: both;
        width: 100%;
        text-align: center;
    }



    .futclas_titulos_secciones{
        height: auto;
        text-align: left;
        border : 0px solid red;
        padding: 0px;
    }

    .renglon {
        margin-top: 5px;
        width: 99%;
        height:  auto;
        clear: both;
        border: 1px solid #C5CCD4;
    }

    .renglonspan{
        height: 99%;
        padding-left: 5px;
        width: 99%;
        float: left;
        border : 0px solid blue;
        text-align: left;
        font-weight: bold;
        font-size: 16px;
    }

    .renglonCuadrosTexto{
        padding-left: 5px;
        height: 100%;
        width: 99%;
        float: left;
        border : 0px solid green;
        text-align: left;
        font-size: 16px;
    }

    .renglon_AUTO{
        width: 99%;
        height: auto;
        float: left;
        padding: 1px;
        border: 1px solid #C5CCD4;

    }

    .renglon_AUTO_50{
        width: 99%;
        height: auto;

        float: left;
        padding: 1px;
        border: 1px solid #C5CCD4;
        border-radius: 2px;
    }

    .renglon_TEXTAREA_50{
        width: 99%;
        height: auto;
        border: 1px solid #C5CCD4;
        float: left;

    }

    .renglon_TEXTAREA{
        width: 99%;
        height: auto;

        float: left;
        border: 1px solid #C5CCD4;
    }

    .seciones_internas{
        width: 99%;
        float: left;
        font-size: 16px;
        text-align: center;
    }


    .button_DIV_Rojo {
        background-color: red;
        width: auto;
    }

    .button_DIV_Verde {
        background-color: green;
        width: auto;
    }


    .contenedor{
        float: left;
        width: 100%;
        height: auto ;
        border : 0px solid red;
    }


    .ContenedorListas{
        border: 0px solid red;
        width: 100%;
        clear: both;
    }

    .sidebar-main{
        z-index: 9999999;
    }
    .sidebar-nav {
        z-index: 9999999;
    }


    .TablaEspesores {
       /* table-layout: fixed;*/
        width: 100%;
        /* white-space: nowrap;*/
        overflow-x: visible ;

        border: 0px solid red;
    }

    .new_th{
        width: 80px !important;
        word-wrap: break-word;
    }


    .VentanaModal{
        width: 100%;
        border : 1px solid green;
        word-wrap: break-word;
        left : 0px !important;
    }

    .tab-pane{
        padding: 2px;
        border : 0px solid red;
    }

    .tab-content{
        padding: 2px;
    }

    .ContenedorTablas_Full{
        width: 99%;
        overflow-x: auto;
    }


    .AjusteImagen_X{
        width: 200px;
        border: 1px solid green;
    }

    .GridColumns{
        clear: both;
        display: grid;
        grid-template-columns: 33% 33% 33%;
        grid-gap: 5px;
        background-color: transparent;

    }

    .boximage{
        border-radius: 5px;
        padding: 1px;
    }

    #VentanaModal{
        width: 100%;
    }

    .header-title{
        border: 1px solid #c7c7c7;
        height: 58px !important ;
        border-radius: 2px;
    }

    .item_imagen_idim{
       /* width: 40% !important;
        height: auto;     */    
    } 

}

@media screen and (max-width: 500px)  {

    .TituloEquipoyCategoria {
        padding-right: 5px;
        clear: both;
        margin-left:  5px;
        width: 100%;
        text-align: center;
    }

    .ContenedorSinArbol{
        width: 99%;
        margin: 0 auto 0 auto;
        border: 0px solid #C5CCD4;
        height: auto;
        float: left;
        border-radius: 0px;
        padding: 2px;
    }

    .GridColumns{
        clear: both;
        display: grid;
        grid-template-columns: 33% 33% 33%;
        grid-gap: 5px;
        background-color: transparent;

    }

    .Graficas{
        margin-left: 5px;
        padding: 5px;
        border : 1px solid #c7c7c7;
        border-radius: 5px;
        width: 99%;
        float: left;

    }

    .item_imagen_idim{
        width: 40% !important;
        height: auto;         
    }  

}

.boximage:hover{
    box-shadow: 2px 2px 2px #0277BD;
}