/* *******************************************************************************************************************
 Vista tablets
******************************************************************************************************************* */
/* Tablets en horizontal o tablets en vertical
  ------------------------------------------------------------------------- /
  @media only screen and (max-width:768px) and (min-width:641px)
*/
@media screen and (max-width: 768px) and (min-width: 641px) {
	body {
        width: 768px !important;
        /* width: 100% !important; */
        max-width: 768px;
        background-image: none;
        height: auto;
        min-width: 641px;
        font-size: 100% !important; /* rev 1*/
    }

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

    #DIVpag {
        width: 100%;
        height: auto;
    }

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

    #DIVsep1 {
        width: 100%;
    }

    #DIVcab1N2 {
        width: 100%;
    }

    #DIVsep1N2 {
        width: 100%;
    }

    #DIVcab1N3 {
        height: 63px;
        margin: 0;
        padding: 0;
        width: 100%; /* rev r1 */
    }

    #DIVsep1N3 {
        background-color: #cc0000;
        height: 8px;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #DIVescudoN2 {
        vertical-align: top;
        width: 30% !important; /* rev 2 r2 importante */
        height: 63px !important;
        float: left;
        text-align: left;
    }

    #DIVescudoN3 {
        vertical-align: top;
        width: 30% !important; /* rev 2 r2 importante */
        height: 63px !important;
        float: left;
        text-align: left;
    }

    /* --------------------------------------------------------------------- */
    /* --------------------------------------------------------------------- */
    /* Aqui estaría la sección para menú movil. Solo se pondrá en n23-movil */
    /* --------------------------------------------------------------------- */
    /* ********************************************************************* */
    /* ** Elementos de barra Herramientas ********************************** */
    #DIVmenuHerramientas {
        display: block !important;
        width: 70%;
        float: right;
    }

    #DIVmenuHerramientas ul {
        height: 25px;
        margin: 0;
        padding: 0;
        float: right;
        margin-right: 4%;
    }

    #DIVmenuHerramientas ul li {
        display: inline;
        float: left;
        margin: 0;
        padding: 4px 2px;
    }

    .menuHerramientas {
        margin: 0;
        padding: 0;
        font-size: 1em;
        color: #4b4b4b;
        font-style: normal;
        text-decoration: none;
        text-align: left;
    }

    a.menuHerramientas:hover {
        color: #000000;
        text-decoration: underline;
    }

    .separa {
        float: right;
        font-size: 1em;
    }






    /* /Sección********************************************************************** */
    /* ************************************************************************** */
    /* ** Pie de página DIVpiePagina ******************************************** */
    #pieNormal {
        display: block !important;
    }

    #pieMovil {
        display: none !important;
    }

    #pieContacto span:before {
        content: "\00B7";
    }

    #imgMovil {
        display: none;
    }

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

    #contenido {
        width: 100% !important;
        height: auto;
        background-image: none;
        float: none !important;
        margin: 0 !important;
    }

    #panelIZQ {
        /* float: none !important;*/
    }

    .container, .upv_containerwrap {
        background-image: none;
        height: auto;
        width: 100% !important;
        float: none !important;
        line-height: 1.1em;
    }

    #panelIZQ {
        background-color: #ffffff;
        text-align: left;
        float: left;
        margin: 0 2% 0 2% !important;
        /* padding:8px 3% 8px 3% !important; rev r1*/
        width: 96% !important;

    }

    #DIVpanelIZQN3 {
        background-color: #ffffff;
        text-align: left;
        float: left;
        margin: 0 2% 0 2% !important;
        padding: 0 0 0 0;
        /* padding:8px 3% 8px 3% !important; rev r1*/
        width: 96% !important;
    }

    #DIVcontenidoN3 {
        width: 100% !important;
    }

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

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

    .iframe-centro-no-msie {
        background-color: white;
        width: 100% !important;
        float: none !important;
    }

    /* ************************************************************************* */
    /* ****************************************************** */
    /* ** 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;
        float: none !important;
    }

    .izq-sombreado {
        width: 96% !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;
    }

    /*  Elementos filtro 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;
    }

    .boton_separado_1 .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; /* width: 80% !important; rev r1 */
        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;
    }

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

    table.upv_sicpertabla tr td {
        display: inline-block;
        width: 49% !important;
    }

    /*
    table.upv_sicpertabla tr td div.upv_containerwrap div.upv_containercontent table.upv_ficha {
        width: 100% !important;
    }*/
    .boton_separado_3, .boton_separado_2, .boton_separado_1 {
        float: none !important;
        padding-left: 25px !important;
    }

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

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

    .upv_botones1 {
        display: block !important;
        /* width: 600px !important; rev r1 */
        width: 100%;
    }

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

    /* ************************************** */
    .labelOculta {
        display: none;
    }

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

    .div_BLOQUE1 .bloque a {
        display: block;
    }

    .container td {
        font-size: 100% !important;
    }

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

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

    /* ********************************************************************* */
    /* Nivel 2 ************************************************************* */
    #banner_sec, #DIVbannerN2 {
        width: 100% !important;
        height: auto !important;
        text-align: left;
		max-width: 768px !important;
        max-height: 123px !important;
    }
	#DIVbannerN2 img {
        width: 100% !important;
        text-align: left;
        height: 123px !important;
    }
    #DIVsepPie1N2 img {
        width:100% !important;
    }
    #sesionMovil {
        display: none !important;
	}
	#DIVaccesoDirectoN2 {
        display: block !important;
    }

    #div_FOR {
        width: 768px;
    }

    #DIVpanelCentralN2 {
        width: 100% !important;
        height: 280px !important;
    }

    #div_contenidoN2 {
        /* rev n1 width: 768% */
        width: 100% !important;
    }

    #banner_sec, #DIVbannerN2 {
        /*width: 768px !important;
        height: 123px !important;*/
        text-align: left;
    }

    .div_BLOQUE {
        float: left !important;
        padding: 8px !important;
        width: 211px !important;
    }

    .div_BLOQUET1 {
        width: 90% !important;
    }

    #DIVbannerN2 {
        background-color: #232323;
    }

    .lista3bloque li {
        margin-left: 4px;
    }

    .lista3bloque {
        padding-left: 0;
        padding-right: 0;
    }

    /* ********************************************************************* */
    /* ********************************************************************* */
    /* ** Visor de videos ************************************************** */
    /* ********************************************************************* */
    #DIVBloqueNegro {
        float: left;
        width: 768px;
        background-color: white;
    }

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

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

    #DIVVideo {
        height: 400px;
        padding-left: 30px;
        padding-right: 10px;
        width: 700px;
    }

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

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

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

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

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

    /* ** /Seccion videos**************************************************** */
    /* ********************************************************************* */

































    /* ********************************************************************** */
    /* ** Barra Menú horizontal. Secciones principales ********************** */

    ul.boton li.menun1 {
        width: 130px;
    }

    ul.boton li.menuM2 {
        width: 120px;
    }

    #DIVbarraMenutog ul.boton li.menun1 {
        width: 130px;
    }

    #DIVbarraMenutog ul.boton li.menuM2 {
        width: 120px;
    }

    .boton li a {
        padding-left: 1px;
    }

    /* ********************************************************************** */
    /* cambios para menú anterior */
    /*
    #div_MENUH {
        display: block !important;
    }
    #DIVbarraMenu {
        height: 28px;
    }
    ul.boton {
        font-weight: normal;
    }
    #enlamenu1, #enlamenu2, #enlamenu3, #enlamenu4, #enlamenu5 {
        display: block;
        padding: 0;
        height: 25px;
        width: 136px;
    }
    #enlamenu1 a, #enlamenu2 a, #enlamenu3 a, #enlamenu4 a, #enlamenu5 a {
        padding-left: 20px;
    }

    #DIVaccesoDirecto {
        margin-top: 36px !important;
    }
    #submenu1, #submenu2, #submenu3, #submenu4, #submenu5 {
        display: none;
        padding: 0;
    }
    #submenu5 {
        margin-top: -26px !important;
    }
    #divimg1, #divimg2, #divimg3, #divimg4, #divimg5 {
        display: none;
        padding: 0;
    }
    #menuimg1, #menuimg2, #menuimg3, #menuimg4, #menuimg5 {
        display: none;
        padding: 0;
    }
    #menu1:hover #submenu1, #menu2:hover #submenu2, #menu3:hover #submenu3, #menu4:hover #submenu4, #menu5:hover #submenu5 {
        display: block ;
        padding: 0;
        margin-left: -8px;
        width: 126px;
    }
    #submenu1 > li, #submenu2 > li, #submenu3 > li, #submenu4 > li, #submenu5 > li {
        padding: 0;
        height: 0;
    }
    #submenu1 > li > div, #submenu2 > li > div, #submenu3 > li > div, #submenu4 > li > div, #submenu5 > li > div {
        width: 130px;
        margin-left: -6px;
    }
    #submenu1, #submenu2, #submenu3, #submenu4, #submenu5 {
        margin-left: -8px;
    }
    #menu_close_tablet {
        display:block !important;
        padding-top: 6px;
        padding-left:6px;
        float:left;
    }
    #menu_close {
        display:none !important;

    }
    */
    /* fin cambios menú anterior */



}