﻿@media only screen and (max-width : 1024px)  { 
    .medida_metod1{width:98%; margin: 0 auto; margin-top:5px;}
}

@media only screen and (min-device-width : 250px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)
{
    .filaSeleccion{display: inline!important;}
    .desktop{display: none;}
    
    #UX_unique_table_ID0, #UX_unique_table_ID1, #UX_unique_table_ID3, #UX_unique_table_ID2, #UX_unique_table_ID4, #UX_unique_table_ID5, #HeaderPop2
    {
        width: 100%!important;
    }
    
    .banorte .layout
    {
        width: 100%;
    }
    
    .banorte .indicadores .columns2A
    {

        padding-right: 0;
    }
    
    .columns2A
    {
        padding: 0;
        width: 100%;
    }
     
    .cuadroContenido, #EnvolventePop, .contenedorTitulo, .contenedorTexto, .contenedorAntecedentes,
    .TablaGrafica, .TablaGrafica img, .informacionFundamental, #tablaEncabezado, #HeaderPop, #HeaderPop2, #HeaderPop2 td
    {
        width: 100%!important;
    }
    
    .cuadroEncabezado
    {   
        margin: 0 auto;
        padding-left: 0px!important;
        padding-top: 0px!important;
        width: 98%!important;
    }
    
    /*, #UX_unique_table_ID0*/
    #trestudiosbotones, #HeaderPop, #tablaEstudios, #tablaBorrarEstudios
    {
        display: none;
    }
    
    #UX_unique_table_ID3 td
    {
        padding: 8px 0!important;
    }
    
    body
    {
        margin: 0;
        font-size: 12px!important;
    }

    .txt-009
    {
        font-size: 12px!important;
    }
    
    .contenedorInfFundamental
    {
        width: 97%!important;
        margin: 0 auto!important;
    }
    
    #tablaEncabezado td, #tablaLogo td
    {
        width: 25%!important;
    }
    
    
    #tablaEncabezado tr td:first-child
    {
        display: none;
    }
    
    .logotipo img
    {
        width: 20vw;
        padding-top: 0px;
    }
}

/*@media only screen and (min-device-width: 250px) and (max-device-width: 550px) and (orientation: portrait){
    .filaSeleccion{display: inline!important;}
    .desktop{display: none;}
    
    #UX_unique_table_ID0, #UX_unique_table_ID1, #UX_unique_table_ID3, #UX_unique_table_ID2, #UX_unique_table_ID4, #UX_unique_table_ID5, #HeaderPop2
    {
        width: 100%!important;
    }
    
    .banorte .layout
    {
        width: 100%;
    }
    
    .banorte .indicadores .columns2A
    {

        padding-right: 0;
    }
    
    .columns2A
    {
        padding: 0;
        width: 100%;
    }
    
    .cuadroContenido, #EnvolventePop, .contenedorTitulo, .TablaGrafica, #tablaEncabezado,
    .TablaGrafica img, .informacionFundamental, .contenedorTexto, .contenedorAntecedentes
    {
        width: 100%!important;
    }
    
    .cuadroEncabezado
    {   
        margin: 0 auto;
        padding-left: 0px!important;
        padding-top: 0px!important;
        width: 98%!important;
    }
    
    /*, #UX_unique_table_ID0*
    #trestudiosbotones, #HeaderPop, #tablaEstudios, #tablaBorrarEstudios
    {
        display: none;
    }
    
    #UX_unique_table_ID3 td
    {
        padding: 8px 0!important;
    }
    
    body
    {
        margin: 0;
        font-size: 13px!important;
    }

    .txt-009
    {
        font-size: 13px!important;
    }
    
    .contenedorInfFundamental
    {
        width: 97%!important;
        margin: 0 auto!important;
    }
    
    #tablaEncabezado td, #tablaLogo td
    {
        width: 25%!important;
    }
    
    
    #tablaEncabezado tr td:first-child
    {
        display: none;
    }
}*/

/*@media only screen and (min-device-width: 550px) and (max-device-width: 1024px) and (orientation: portrait){
    .filaSeleccion{display: inline!important;}
    .desktop{display: none;}
    
    #UX_unique_table_ID0, #UX_unique_table_ID1, #UX_unique_table_ID3, #UX_unique_table_ID2, #UX_unique_table_ID4, #UX_unique_table_ID5, #HeaderPop2
    {
        width: 100%!important;
    }
    
    .banorte .layout
    {
        width: 100%;
    }
    
    .banorte .indicadores .columns2A
    {
        padding-right: 0;
    }
    
    .columns2A
    {
        padding: 0;
        width: 100%;
    }
    
    .cuadroContenido, #EnvolventePop, .contenedorTitulo, .TablaGrafica, #tablaEncabezado,
    .TablaGrafica img, .informacionFundamental, .contenedorTexto, .contenedorAntecedentes
    {
        width: 100%!important;
    }
    
    .cuadroEncabezado
    {   
        margin: 0 auto;
        padding-left: 0px!important;
        padding-top: 0px!important;
        width: 98%!important;
    }
    
    /*, #UX_unique_table_ID0*
    #trestudiosbotones, #HeaderPop, #tablaEstudios, #tablaBorrarEstudios
    {
        display: none;
    }
    
    #UX_unique_table_ID3 td
    {
        padding: 8px 0!important;
    }
    
    body
    {
        margin: 0;
        font-size: 13px!important;
    }

    .txt-009
    {
        font-size: 13px!important;
    }
    
    .contenedorInfFundamental
    {
        width: 97%!important;
        margin: 0 auto!important;
    }
    
    #tablaEncabezado td, #tablaLogo td
    {
        width: 25%!important;
    }
    
    
    #tablaEncabezado tr td:first-child
    {
        display: none;
    }
}

@media only screen and (min-device-width : 551px) and (max-device-width : 1024px) and (orientation: landscape){
    
    #UX_unique_table_ID0, #UX_unique_table_ID1, #UX_unique_table_ID3, #UX_unique_table_ID2, #UX_unique_table_ID4, #UX_unique_table_ID5, #HeaderPop2
    {
        width: 100%!important;
    }
    
    .banorte .layout
    {
        width: 100%;
    }
    
    .banorte .indicadores .columns2A
    {
        padding-right: 0;
    }
    
    .columns2A
    {
        padding: 0;
        width: 100%;
    }
    
    .cuadroContenido, #EnvolventePop, .contenedorTitulo, .contenedorTexto, .contenedorAntecedentes,
    .TablaGrafica, .TablaGrafica img, .informacionFundamental, #tablaEncabezado
    {
        width: 100%!important;
    }
    
    .cuadroEncabezado
    {   
        margin: 0 auto;
        padding-left: 0px!important;
        padding-top: 0px!important;
        width: 98%!important;
    }
    
    #UX_unique_table_ID3 td
    {
        padding: 8px!important;
    }
    
    body
    {
        margin: 0;
        font-size: 13px!important;
    }

    .txt-009
    {
        font-size: 13px!important;
    }
    
    /*, #UX_unique_table_ID0*
    #trestudiosbotones, #HeaderPop, #tablaEstudios, #tablaBorrarEstudios
    {
        display: none;
    }
}*/

@media only screen and (max-width: 550px)
{
    .filaSeleccion{display: inline!important;}
}

@media only screen and (max-width: 670px){
    
    .desktop{display: none;}
    
    #UX_unique_table_ID0, #UX_unique_table_ID1, #UX_unique_table_ID3, #UX_unique_table_ID2, #UX_unique_table_ID4, #UX_unique_table_ID5
    {
        width: 100%!important;
    }
    
    .banorte .layout
    {
        width: 100%;
    }
    
    .banorte .indicadores .columns2A
    {
        padding-right: 0;
    }
    
    .columns2A
    {
        padding: 0;
        width: 100%;
    }
    
    .cuadroContenido, #EnvolventePop, .contenedorTitulo, .contenedorTexto, .contenedorAntecedentes,
    .TablaGrafica, .TablaGrafica img, .informacionFundamental, #tablaEncabezado, #HeaderPop, #HeaderPop2, #HeaderPop2 td
    {
        width: 100%!important;
    }
    
    .cuadroEncabezado
    {   
        margin: 0 auto;
        padding-left: 0px!important;
        padding-top: 0px!important;
        width: 98%!important;
    }
    
    .contenedorInfFundamental
    {
        width: 97%!important;
        margin: 0 auto!important;
    }
    
    #UX_unique_table_ID3 td
    {
        padding: 8px!important;
    }
    
    body
    {
        margin: 0;
        font-size: 12px!important;
    }

    .txt-009
    {
        font-size: 12px!important;
    }
    
    /*, #UX_unique_table_ID0*/
    #trestudiosbotones, #HeaderPop, #tablaEstudios, #tablaBorrarEstudios
    {
        display: none;
    }
    
    #tablaEncabezado td, #tablaLogo td
    {
        width: 25%!important;
    }
        
    #tablaEncabezado tr td:first-child
    {
        display: none;
    }
    
    .logotipo img
    {
        width: 20vw;
        padding-top: 0px;
    }
}

.filaSeleccion {display: none}
.filaSeleccion .selector { float:right;padding-right:5px; padding-top:5px}

.styled-select{
    padding:5px;
    padding-top:0px;
    padding-right: 25px;
    margin: 0px 0px 10px 5px !important;
    background: #e1e1e1!important;
    color: #4e4044!important;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    height:20px;
    text-indent: 0.01px;
    text-overflow: '';
}

label{position:relative}

label:after {
   content:'|+';
   height: 25px;
   font:20px "Consolas", monospace;
   color:#4e4044;
   right:5px; top:-5px;
   padding:0;
   position:absolute;
   pointer-events:none;
}

.cuadroEncabezado
{
    border: 4px solid #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    padding-left: 15px;
    padding-top: 15px;
    width: 665px;
}

.cuadroContenido
{
    height: auto;
    margin: 0 auto;
    width: 685px;
}

.contenedorTitulo
{
    margin: 0 auto;
    width: 663px;
}

body
{
    margin: 0;
}

/*.cuadroEncabezado
{
    border: 4px solid #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    padding-left: 0px;
    padding-top: 0px;
    width: 98%;
}

.cuadroContenido
{
    height: auto;
    margin: 0 auto;
    width: 100%;
}

.contenedorTitulo
{
    margin: 0 auto;
    width: 98%;
}*/

/*
#EnvolventePop, #HeaderPop, #HeaderPop2, #HeaderPop2 td
{
    width: 100%!important;
}*/

#EnvolventePop
{
    margin: 0 auto;
}

#trestudios #UX_unique_table_ID3 td
{
    /*padding-right: 0px!important;*/
    padding-bottom: 0px!important;
    padding-left: 0px!important;
    width: 25%;
}

#trestudios #UX_unique_table_ID3 tr:first-child td
{
    padding-bottom: 5px!important;
}

#trestudios #UX_unique_table_ID3
{
    margin-bottom: 5px;
}

.informacionFundamental
{
    margin: 0 auto;
    width: 465px;
}

.contenedorInfFundamental
{
    border: 4px solid #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    width: 463px;
}

.contenedorAntecedentes
{
    margin: 0 auto;
    width: 500px;
    box-sizing: border-box;
}

.contenedorTexto
{
    border: 4px solid #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 5px 0 5px 5px;
    width: 500px;
}

#tablaBorrarEstudios
{
    border-collapse: collapse;
    margin: 5px auto;
    padding: 0 0 0 5px;
}