/* ************************************************************************** */
/*  Vista moviles                                                             */
/* ************************************************************************** */
/*  Moviles en general (640px de anchura máximo) **************************** */
@media screen and (max-width: 640px)    /*rev  480 1 */ {
    body {
        width: 100%;
        max-width: 640px;
        background-image: none;
        height: auto;
        min-width: 320px;
        font-size: 100% !important;
    }

    #body {
        /*width: 100%;*/
        width: 100%;
        height: auto;
        font-size: 100% !important;
    }

    #DIVpag {
        width: 100%;
        max-width: 640px; /* rev 1 480 */
        background-image: none;
        height: auto;
        min-width: 320px;
        min-height: 600px !important;
    }

    /* ------------------------------------------------------------------ */
    /* ------------------------------------------------------------------ */
    #DIVcab1 {
        width: 100%;
    }

    #DIVescudo {
        width: 50%;
    }

    /* *********************** */
    #DIVcab1N2 {
        width: 100%; /* rev 1 480*/
        /*height:106px; */
        height: 90px; /*18/06/2018*/
    }

    #DIVsep1N2 {
        height: 0 !important;
        width: 100%; /* rev 1 480*/
    }

    #DIVsep1N2 img:nth-child(1) {
        width: 100% !important;
    }

    #DIVsep1N2 img:nth-child(2) {
        display: none !important;
    }

    #DIVescudoN2 {
        width: 50%;
        float: left; /*18/06/2018*/
        height: 90px !important; /*18/06/2018*/

    }

    img#escudo, img#escudoN2, img#escudoN3 {
        width: 206px !important;
        height: 58px !important;
        padding: 17px 17px 17px 10px !important; /* 18/06/2019 */
        border: none;
    }




    /* *********************** */
    #DIVsep1N3 {
        width: 100%; /* rev 1 width: 480px; */
    }

    #DIVsep1N3 > img.barrasup_rojonegro1 {
        float: left;
        height: 0.8em;
        width: 36% !important;
    }

    #DIVsep1N3 > img.barrasup_rojonegro2 {
        float: right;
        height: 0.8em;
        padding-left: 30px;
        padding-right: 30px;
        width: 13.4%;
    }

    #DIVescudoN3 {
        width: 50%;
        float: left;
        /*height: 95px !important;*/
        vertical-align: top;
    }

    #DIVcab1N3 {
        width: 100%; /* rev 1 width: 480px; */
        height: 88px;/**/
        margin: 0;
        padding: 0;
        text-align: left;
        min-width: 320px; /* rev 1*/
    }

    #divide {
        display: block !important;
        background-color: black !important;
        height: 4px !important;
        margin: 0 !important;
        clear: both !important;
    }

    /*18/06/2018*/
    a{
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    /* ********************************************************************* */
    /* **** Menú 3 iconos. 3 Elementos menú movil principales ***************** */
    .menu_movil {
        display: block !important;
        float: right;
        /* padding-right: 14px; rev 1*/
        margin-top:21px;
    }

    .div-hgsa, .div-hgsa2, .div-identif {
        display: block;
        float: left;
        /*margin-top: 32px; 18/06/2018*/
        margin-top: 0;
    }

    /* ********************************************************************* */
    /* ** Menú Apilado. Idioma, Buscar, Directorio *********************************** */
    #DIVmenuHerramientas {
        width: 100%;
        float: right;
        position: relative;
        background-color: #eee;
        z-index: 1;
        display: none;
    }

    #DIVmenuHerramientas ul {
        padding: 0;
        text-align: right;
        height: 100%;
        width: 100%;
    }

    #DIVmenuHerramientas ul li {
        display: block;
        margin-top: 10px;
        padding-bottom: 10px;
        text-align: right;
        font-size: 1.3em;
        border-bottom: 1px solid #ccc;
        float: none;
    }

    #DIVmenuHerramientas ul li:nth-child(2),
    #DIVmenuHerramientas ul li:nth-child(3),
    #DIVmenuHerramientas ul li:nth-child(4) {
        display: none;
    }

    .menuHerramientas {
        text-align: left !important;
        padding-left: 4px;
    }

    .separa {
        display: none !important;
    }

    /* Elemento para ir a lal intranet */
    #DIVaccesoDirecto {
        display: none;
    }

    #DIVaccesoDirectoN2,  #DIVaccesoDirectoN2 li.menuAD {
        display: none !important;
    }

    #DIVaccesoDirectoN3 {
        display: none !important;
    }

	#DIVaccesoDirectoN2 {
            width: 0% !important;
    }


    /* ************************************************************************ */
    /* ** Menú apilado. Secciones principales ********************************* */
    /* ************************************************************************ */
    #div_MENUH {
        background-color: #f4f3f0;
        width: 100%;
        display: none; /* oculta el menú horizontal */
    }

    #DIVbarraMenuMovil {
        /*background-color: #f4f3f0;*/
        width: 100%;
        /*border-top: 4px solid #3c3c3c;*/
    }

    #DIVbarraMenu {
        background-color: #f4f3f0;
        width: 100%;
    }

    .boton a {
        display: ruby-base;
    }

    .boton ul {
        margin: 0;
    }

    .boton li a {
        color: white;
        width: 100%;
        padding-left: 6px;
        padding-top: 10px;
    }

    .boton li a:hover {
        background: #333333 none repeat scroll 0 0 !important;
    }

    .boton div {
        /*background-color: #f4f3f0;*/
        background: #232323;
        width: 96%;
        display: block;
        padding: 0;
    }

    .boton div ul li {
        list-style-image: none;
        padding: 0;
    }

    ul.boton li.menun1 {
        display: table; /* desplaza todo el contenido hacia abajo*/
        border: none;
        background: #333333 none repeat scroll 0 0;
        border-bottom: 1px solid #191919;
        padding-left: 0;
        margin-left: 0;
        width: 100%;
    }

    ul.boton li.menun1.menuM2 {
        width: 100%;
        background: #333333 none repeat scroll 0 0;
    }

    ul.boton .menuM2 {
        width: 100%;
        background-color: #f4f3f0;
    }

    .boton li.menun1:hover {
        /*background-color: #f4f3f0;*/
        background-color: #333333;
    }

    ul.boton li > a > span.menuflechacab {
        position: relative;
        padding: .4em .7em;
        padding-top: initial;
        margin: -.9em 0 0 0;
        color: #0000cc;
        background-image: url(../imagenes/ico_nota_lista.png);
        background-repeat: no-repeat;
    }

    #menu1, #menu2, #menu3, #menu4, #menu5 {
        height: 46px;
        background-color: #232323;
        font-size: 17px;
        color: #fff;
        font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        border-bottom: 2px solid white;
    }

    #div_MENUH, #DIVrutaN3 {
        display: none;
    }

    #div_MENUHMovil, #submenu1, #submenu2, #submenu3, #submenu4, #submenu5 {
        display: none;
    }

    #plegarSubmenu1, #plegarSubmenu2, #plegarSubmenu3, #plegarSubmenu4, #plegarSubmenu5 {
        display: none;
    }
    /*
    #submenu1 > li, #submenu2 > li, #submenu3 > li, #submenu4 > li, #submenu5 > li {
        width: 100% !important;
    }*/

    #submenu1 li, #submenu2 li, #submenu3 li, #submenu4 li, #submenu5 li {
        background-color: #e6e6e6;
    }

    #submenu1 li div, #submenu2 li div, #submenu3 li div, #submenu4 li div, #submenu5 li div {
        background-color: #e6e6e6;
    }

    #submenu1 li div ul li a, #submenu2 li div ul li a, #submenu3 li div ul li a, #submenu4 li div ul li a, #submenu5 li div ul li a {
        background-color: #E6E6E6;
        border-bottom: 1px solid #B4B4B4;
        float: left;
        height: 46px;
        line-height: 25px;
        padding-top: 10px;
        width: 100%; /* rev 9 width: 464px; */
        font-size: 18px;
        color: #333333;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }

    #submenu1 li div ul li a:hover, #submenu2 li div ul li a:hover, #submenu3 li div ul li a:hover, #submenu4 li div ul li a:hover, #submenu5 li div ul li a:hover {
        background-color: #e6e6e6 !important;
        border-bottom: 1px solid #b4b4b4 !important;
    }

    #divimg1, #divimg2, #divimg3, #divimg4, #divimg5 {
        float: right;
        margin-left: 0;
        padding: 8px 0 0 0;
        text-align: left;
        width: auto;
        background-color: #232323;
    }

    #enlamenu1 a:hover, #enlamenu2 a:hover, #enlamenu3 a:hover, #enlamenu4 a:hover, #enlamenu5 a:hover {
        /*float:left;
        margin-left: 0;
        padding: 0;
        position: unset;
        text-align: left;
        width: auto;*/
        /*display:block;
        padding: 10px 0 0;    */
        /*width: auto;*/
        height: 46px;
        background-color: #232323 !important;
    }



    /* Copiados de portada ******************************************* */
    .menuHerramientas {
        text-align: left !important;
        padding-left: 4px;
    }

    #div_MENUH {
        display: none;
    }

    #div_MENUHMovil, #submenu1, #submenu2, #submenu3, #submenu4, #submenu5 {
        display: none;
    }

    .DIVNotisImagen > a img {
        width: 100%;
    }

    #plegarSubmenu1, #plegarSubmenu2, #plegarSubmenu3, #plegarSubmenu4, #plegarSubmenu5 {
        display: none;
    }


    #enlamenu1, #enlamenu2, #enlamenu3, #enlamenu4, #enlamenu5 {
        float: left;
        margin-left: 0;
        padding: 0;
        text-align: left;
        width: auto;
        height: 46px;
        background-color: #232323;
    }

    .boton div {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin-left: 0;
        padding: 2px 2px 10px 0;
        position: relative;
        text-align: left;
        z-index: 100;
    }

    #submenu1 li div ul li a,
    #submenu2 li div ul li a,
    #submenu3 li div ul li a,
    #submenu4 li div ul li a,
    #submenu5 li div ul li a {
        background-color: #E6E6E6; /*#333333 none repeat scroll 0 0;*/
        /*border-top: 1px solid #191919;*/
        border-bottom: 1px solid #B4B4B4;
        float: left;
        height: 46px;
        line-height: 25px;
        /*padding: 0 8px;*/
        padding-top: 10px;
        width: 100%; /* rev 9 width: 464px; */
        font-size: 18px;
        color: #333333;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }


    #submenu1 li div,
    #submenu2 li div,
    #submenu3 li div,
    #submenu4 li div,
    #submenu5 li div {
        background-color: #E6E6E6;
    }

    /*#submenu1 li.menun1, #submenu2 li.menun1, #submenu3 li.menun1, #submenu4 li.menun1, #submenu5 li.menun1,
    #submenu1 li.menun1 div, #submenu2 li.menun1 div, #submenu3 li.menun1 div, #submenu4 li.menun1 div, #submenu5 li.menun1 div,
    #submenu1 li.menun1 a:hover, #submenu2 li.menun1 a:hover, #submenu3 li.menun1 a:hover, #submenu4 li.menun1 a:hover, #submenu5 li.menun1 a:hover{
      background: #232323 none repeat scroll 0 0 !important;
    }*/
    /* ************************************************************************** */
    /* ** Pie de página DIVpiePagina ******************************************** */
    #DIVpiePagina {
        margin-top: 2em;
    }

    #pieNormal {
        display: none !important;
    }

    #imgMovil {
        display: block;
    }

    #pieMovil {
        display: block !important;
    }

    #pieContacto {
        display: none;
    }

    #pieContactoMovil {
        display: block;
    }

    #pieContacto span {
        padding-right: 210px;
    }

    #DIVsepPie1N2 > img, .menuPieN2 {
        width: 100% !important; /* rev 1 480*/
    }

    .menuPieN3, .menuPieN2 {
        width: 100%; /* rev 1 width: 480px; */
    }

    /* Está en el pie de nivel 3 */
    #imgNormal {
        display: none;
    }

    /* /Sección Pie de página ****************************************************** */
    /* ************************************************************************* */
    /* ** Bloques de página **************************************************** */
    /* ************************************************************************* */
    #DIVrutaN3 {
        width: 100%;
    }

    #contenido {
        width: 100%; /* width: 480px !important; rev 1 */
        background-image: none;
        height: auto;
        float: none !important;
        margin: 0 !important;
    }

    .container, .upv_containerwrap {
        /*max-width: 480px !important;*/
        width: 100% !important;
        background-image: none;
        height: auto;
        /*min-width: 320px;*/
        float: none !important;
        line-height: 1.1em;
    }

    #panelIZQ {
        width: 96% !important;
        padding: 0 !important;
        margin: 0 2% 0 2% !important;
        float: none !important;
        background-color: white;
        background-image: none;
        height: auto;
        min-width: 300px;
    }

    #DIVcontenidoN3 {
        width: 100% !important; /* rev 1 width: 480px !important;  */
    }

    #DIVpanelIZQN3 {
        width: 96% !important;
        padding: 0 !important;
        margin: 0 2% 0 2% !important;
        height: auto;
    }

    #DIVpanelDERN3 {
        display: none !important;
    }

    #panelDER, .panelDER {
        display: none !important;
    }

    .iframe {
        max-width: 450px !important;
        background-image: none;
        height: auto;
        min-width: 300px;
    }

    /* ********************************************************************** */
    /* ** Elementos para listado de noticias.  Filtros ********************** */
    /* ** Contenidos plegables upv_botones1 ********************************* */


    .filt_izq {
        display: none !important;
    }

    .filt_abajo {
        display: block !important;
    }

    div.filtro-izq {
        width: 100% !important; /* width: 386px !important; rev n1 */
        float: none !important;
    }

    .izq-sombreado {
        width: 96% !important; /* rev n1 width: 340px !important; */
        padding: 2% 2% 2% 2% !important;
        background-image: none;
        height: auto;
    }

    .izq-sombreado strong {
        font-size: 1em !important;
    }

    .textbox_filtro {
        width: 100% !important;
        font-size: 1em !important;

    }

    .iframe-centro-no-msie {
        background-color: white;
        float: none !important;
        background-image: none;
        height: auto;
        min-width: 300px;
        z-index: 0 !important; /* rev 2*/
    }

    /* Elementos listado noticias parte B ****************************** */
    .titular-izq, .lista-enlaces-izq, .lista-enlaces-izq p, .select_visualizar, div.izq-sombreado table {
        width: 100% !important; /* rev n1 max-width: 450px !important;*/
        background-image: none;
        height: auto;
        min-width: 300px;
    }

    /* Títulos de elementos de filtro de búsqueda */
    .titular-izq {
        font-size: 1em !important;
        border: none !important;
    }

    /* Elementos de los filtros de noticia (categoría , ele) */
    .lista-enlaces-izq p {
        font-size: 1em !important; /* rev n1 */
    }

    .lista-enlaces-izq {
        border: none !important;
        background: none !important;
    }

    .div_BLOQUE1 {
        padding-right: 0 !important;
        width: 98% !important;
    }

    /* *************************** */
    div.izq-sombreado table tr td {
        width: 30% !important;
    }

    .select_dia, .select_mes, .select_any {
        width: 90% !important;
        font-size: 0.9em !important;
    }

    tr.upv_fichafila {
        width: 80% !important;
    }

    td.texto_baseG {
        width: 100% !important;
        padding-right: 20px;
    }

    table.upv_formulario tr.upv_frmfila td.upv_frmdato,
    table.upv_formulario tr.upv_frmfila th.upv_frmcampo,
    table.upv_ficha tr.upv_fichafila .texto_baseG,
    table.upv_sicpertabla tr td {
        /*display: inline-block;*/
        display: list-item;
        list-style: none;
    }

    td.upv_frmdato input,
    td.upv_frmdato select {
        width: 100% !important;
    }

    table.upv_ficha tr td,
    table.upv_ficha tr th {
        /*display: inline-block;*/
        display: list-item;
        list-style: none;
        width: 90% !important;
    }

    /* **************************** */
    /* **************************** */
    .boton_separado_3, .boton_separado_2, .boton_separado_1 {
        float: none !important;
        padding-left: 0 !important;
    }

    div.upv_botones div {
        width: 346px !important;
    }

    div.upv_botones div.contador {
        width: 30px !important;
    }

    .upv_botones1 {
        display: block !important;
        width: 100% !important;
        margin: 0 0 0 0 !important
        /* width: 410px !important; rev n1 */
    }

    div.upv_botones1 div.boton_separado_1 {
        /* width: 410px !important; rev n1 */
        width: 100% !important;
    }

    .labelOculta {
        display: none;
    }

    .upv_btsubmit {
        margin: 5px 0 !important;
    }

    .upv_botones {
        margin: auto !important;
    }

    .div_BLOQUE1 .bloque a {
        display: block;
    }

    .div_BLOQUE {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    #bloque_n {
        font-size: 100% !important; /* rev r1 */
    }

    /* rev r1 */
    #contenido .iframe-centro-no-msie p {
        font-size: 100% !important; /* rev r1 */
    }

    /* ********************************************************************** */
    /* ** /Sección listado noticias****************************************** */



    /* ********************************************************************** */
    /* ** Sección Noticias 28/05/2017 *************************************** */
    /* ********************************************************************** */
    .texto_baseGN3 {
        font-size: 1.1em;
    }

    .foto-not {
        width: 100%;
        padding-left: 0;
    }

    #DIVdestacadoN3 {
        margin: 0;
        padding: 0;
    }

    #videoPlayer0 {
        width: 100% !important;
        height: 100% !important;
    }

    ul.lista_recursos {
        margin: 1em 0 1em 0;
        padding: 0 0 0 0;
        list-style-image: url(/imagenes/ilista_r.png);
    }

    ul.lista_recursos li {
        text-align: left;
        margin: 1.5em 0 1em 1.8em;
    }

    #video0 {
        margin: 0 0 1em 0;
        width: 100% !important;
        height: 100% !important;
    }

    #video_pie_izq0 {
        display: none;
    }

    #DIVpanelIZQN3 iframe {
        width: 100% !important;
        height: auto;
    }

    #bloque_n li {
        margin: 10px 0 0 0 !important;
        padding: 10px 0 10px 0 !important;
    }

    /* ********************************************************************** */
    /* ** /Fin sección noticias********************************************** */
    /* ********************************************************************** */
    /* ----------------------------------------------------------------- Visor ------------------------------------------ */
    #DIVBloqueNegro {
        float: left;
        width: 480px;
        background-color: white;
    }

    #DIVIframe {
        float: left;
        width: 450px;
        background-color: black;
    }

    #DIVBloqueTitVid {
        float: left;
        width: 480px;
        background-color: black;
        padding-bottom: 10px;
    }

    #DIVVideo {
        height: 260px;
        padding-left: 30px;
        padding-right: 10px;
        width: 420px;
    }

    #DIVColVideos {
        border-left: none;
        float: left;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 480px;
    }

    #DIVColVideos .VideoBloque {
        clear: none;
        float: left;
        width: 400px;
        padding-left: 0;
    }

    #ColVideosRel {
        padding-left: 60px;
        float: left;
    }

    #DIVContVideos {
        float: left;
        padding-left: 60px;
        padding-top: 0;
        width: 410px;
    }

    #DIVContVideos .VideoBloque {
        float: left;
        height: 80px;
        padding-left: 0;
        width: 400px;
    }

    /* ****************************************************************************** */
    /* Nivel 2 ********************************************************************** */
    #DIVbannerN2 {
        float: left;
    }

    #banner_sec, #DIVbannerN2 {
        width: 100% !important;
        height: 77px !important;
        text-align: left;
    }
	#DIVbannerN2 img {
        width: 100% !important;
        text-align: left;
	}
    #sesionMovil {
        display: block !important;
    }

    #div_contenidoN2 {
        width: 100% !important;
        font-size: 1.1em;
    }

    #DIVpanelCentralN2 {
        width: 90%; /* rev 1 450px; */
        height: auto !important;
        margin: 5% 0 5% 4% !important; /* rev 1*/
    }

    #div_FOR {
        width: 100%; /* rev 1 480*/
        height: 0 !important;
    }

    .texto_bloque {
        /* padding: 5px 8px 0 10px; rev 1 */
        padding: 1em 1em 0 1em;
    }

    .lista3bloque {
        /* padding: 1px 1px 5px 0px; rev 1*/
        padding: 0 1em 1em 1em;
    }

    .div_BLOQUE {
        margin: 0 9px 20px !important;
    }

    .n-menu-horizontal {
        line-height: 2em;
    }

    /* ****** Nivel 2 especiales********************** */
    #DIVpanelCentralN2.opcionA { /* rev 0531 */
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #DIVpanelCentralN2 .col-1 { /* rev 0531 */
        width: 95% !important;
        height: auto;

    }

    #DIVpanelCentralN2 .col-2 { /* rev 0531 */
        width: 95% !important;
        height: auto;
        float: left !important;
    }

    .seccion_lista { /* rev 0531 */
        width: 95% !important;
        margin-bottom: 4% !important;
    }

    .div_BLOQUE.div_gradiente { /* rev 0106 */
        margin-bottom: 4% !important;
    }

    .img_bloque { /* rev 0531 */
        margin: 1% !important;

    }

    .div_BLOQUET1 { /* rev 0106 */
        width: 100% !important;
        height: auto !important;
    }

    /* ********************************************************************** */
    /* ********************************************************************** */
    .div_BLOQ1, .div_BLOQ2 { /* rev 0106 */
        float: none !important;
        width: 100% !important;
    }
}